:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf2ff;background:#090c13}*{box-sizing:border-box}body{margin:0}.app-bg{min-height:100vh;background:radial-gradient(circle at 15% 0%,#1b2947 0,transparent 38%),#090c13}.shell{max-width:1580px;margin:0 auto;padding:20px}.narrow{max-width:850px;padding-top:9vh}.card{background:rgba(16,21,32,.95);border:1px solid #29344a;border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.25);padding:20px}.hero{padding:38px}.hero h1{font-size:clamp(32px,5vw,54px);margin:7px 0 12px}.hero p{font-size:18px;color:#b5c0d8;line-height:1.55}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#8ea5d7}.editor-shell{max-width:1720px}.top-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:13px 16px}.room-status{display:flex;align-items:center;gap:12px;margin-top:5px}.status-inline{font-size:13px;color:#9cabca}.status-inline.good{color:#7ce0aa}.status-inline.bad{color:#ff8eaa}.top-actions{display:flex;gap:9px;align-items:center}.live-toggle{display:flex;align-items:center;gap:8px;min-width:115px;justify-content:center}.live-toggle.on{background:#54202d;border-color:#a13a55;color:#fff}.live-dot{width:8px;height:8px;border-radius:50%;background:#6d778b}.live-toggle.on .live-dot{background:#ff456c;box-shadow:0 0 12px rgba(255,69,108,.7)}.editor-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px}.sidebar{align-self:start;position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto}.sidebar h2,.workspace h2{font-size:17px;margin:18px 0 9px}.workspace{min-width:0}.workspace-head,.timeline-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.editor-help{font-size:12px;color:#8f9bb1}.editor-help b{color:#d8e0f0}.preview-wrap{position:relative;width:100%;overflow:hidden;border:1px solid #33405a;border-radius:12px;background:#05070b}.canvas{position:relative;width:1920px;height:1080px;transform-origin:0 0;background:repeating-conic-gradient(#111823 0 25%,#0b1018 0 50%) 50%/40px 40px;overflow:hidden}.preview-item{position:absolute;overflow:hidden;cursor:move}.preview-item.selected{outline:0}.preview-content.media{object-fit:fill;pointer-events:none;user-select:none}.preview-content.text{white-space:pre-wrap;overflow:hidden;font-family:Arial,sans-serif;text-shadow:0 2px 8px rgba(0,0,0,.75);pointer-events:none}.screen-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2333,#0e131d);font-size:36px;font-weight:800;letter-spacing:.08em;color:#6f7f9d}.selection-box{position:absolute;border:2px solid #5da9ff;z-index:20000;pointer-events:none}.selection-box.crop-mode{border-color:#ffbf5d}.selection-label{position:absolute;left:0;top:-27px;background:#2478d2;color:#fff;font:700 13px/1 system-ui;padding:6px 8px;border-radius:5px;white-space:nowrap}.selection-box.crop-mode .selection-label{background:#a46918}.handle{position:absolute;width:14px;height:14px;border:2px solid #5da9ff;background:#fff;border-radius:2px;pointer-events:auto}.crop-mode .handle{border-color:#ffbf5d}.h-n{left:50%;top:-8px;transform:translateX(-50%);cursor:n-resize}.h-s{left:50%;bottom:-8px;transform:translateX(-50%);cursor:s-resize}.h-e{right:-8px;top:50%;transform:translateY(-50%);cursor:e-resize}.h-w{left:-8px;top:50%;transform:translateY(-50%);cursor:w-resize}.h-ne{right:-8px;top:-8px;cursor:ne-resize}.h-nw{left:-8px;top:-8px;cursor:nw-resize}.h-se{right:-8px;bottom:-8px;cursor:se-resize}.h-sw{left:-8px;bottom:-8px;cursor:sw-resize}.drop-hint{position:absolute;inset:12px;border:2px dashed #7294ff;border-radius:12px;background:rgba(50,70,120,.35);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#dbe5ff;pointer-events:none}.elements{display:grid;gap:8px}.element-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #2c374b;border-radius:10px;background:#0d131e;cursor:pointer}.element-row.selected{border-color:#5da9ff;background:#111c2c}.element-title{min-width:0}.element-title strong{font-size:11px;letter-spacing:.08em}.element-title span{display:block;font-size:11px;color:#9da9bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crop-badge{font-size:10px;color:#ffca73}.empty{padding:18px;border:1px dashed #35415a;border-radius:10px;text-align:center;color:#7e8aa1;font-size:12px}.inspector{display:grid;gap:10px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inspector label{font-size:10px;color:#8f9bb2}.inspector input,.inspector textarea{margin-top:4px}.inspector-section{padding:10px;border:1px solid #2b3548;border-radius:10px;background:#0d131e}.inspector-title{font-size:11px;font-weight:800;letter-spacing:.08em;color:#9fb1d5;margin-bottom:8px}.crop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.crop-grid label{font-size:9px}.crop-reset{margin-top:7px;width:100%}.upload-box{display:grid;gap:7px}.button-row{display:flex;gap:7px}.button-row>*{flex:1}.ghost-btn{width:100%;margin-top:20px}button,.link-button{appearance:none;border:1px solid #39445c;background:#1a2232;color:#f2f6ff;border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:hover,.link-button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:#5873ff;border-color:#758aff}.danger{background:#502331;border-color:#7e354b}.big{width:100%;padding:13px 16px}.small{padding:7px 9px;font-size:11px}input,textarea{width:100%;border:1px solid #33405a;background:#0c111b;color:#eff4ff;border-radius:8px;padding:9px 10px;outline:none}input:focus,textarea:focus{border-color:#6f84ff}input[type=range]{padding:0}.copy-row{display:flex;gap:7px;margin:6px 0 15px}.copy-row input{font-family:ui-monospace,monospace}.result-box{margin-top:24px;border-top:1px solid #303a4d;padding-top:20px}.note,.muted{font-size:12px;color:#8f9bb2;line-height:1.45}.hidden{display:none!important}.error{margin-top:16px;background:#3b1d28;border:1px solid #6b2f42;padding:11px;border-radius:9px}.check{display:flex;align-items:center;gap:5px;font-size:11px;color:#aab5c9}.check input{width:auto}.opacity-row{display:grid;grid-template-columns:1fr 50px;gap:8px;align-items:center}.z-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}@media(max-width:1100px){.editor-grid{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.workspace-head{align-items:start;flex-direction:column}}@media(max-width:700px){.shell{padding:8px}.top-card{align-items:flex-start;gap:10px}.top-actions{flex-direction:column}.workspace-head,.timeline-head{display:block}.editor-help{margin-top:7px}}