:root{--accent: #e0734a;--accent-ink: #fff;--radius: 12px;--font-ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--pad: 16px;--pad-sm: 10px;--ctrl-h: 36px;--fs: 14px}.editor-root{--accent-strong: color-mix(in oklab, var(--accent), #000 15%);--accent-soft: color-mix(in oklab, var(--accent), transparent 86%);--bg: oklch(.965 .006 70);--workspace: oklch(.935 .007 70);--surface: oklch(.995 .003 80);--surface-2: oklch(.975 .005 75);--border: oklch(.885 .008 70);--border-2: oklch(.825 .01 70);--text: oklch(.27 .012 60);--muted: oklch(.54 .012 60);--faint: oklch(.68 .01 65);--shadow: 0 1px 2px oklch(.4 .02 60 / .08), 0 8px 28px oklch(.4 .02 60 / .1);--ph-a: oklch(.9 .008 70);--ph-b: oklch(.86 .01 70);--danger: oklch(.62 .19 25);--ok: oklch(.55 .14 150)}.editor-root[data-theme=dark]{--bg: oklch(.205 .008 60);--workspace: oklch(.165 .008 60);--surface: oklch(.245 .01 60);--surface-2: oklch(.285 .012 60);--border: oklch(.33 .012 60);--border-2: oklch(.4 .014 60);--text: oklch(.945 .006 80);--muted: oklch(.7 .012 70);--faint: oklch(.56 .012 65);--shadow: 0 1px 2px #0006, 0 10px 34px #0007;--ph-a: oklch(.32 .01 60);--ph-b: oklch(.28 .012 60)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;font-family:var(--font-ui)}.editor-root{height:100%;display:grid;grid-template-rows:auto 1fr;background:var(--bg);color:var(--text);font-size:var(--fs);overflow:hidden;-webkit-font-smoothing:antialiased}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger);font-size:.85rem}code{background:var(--surface-2);padding:1px 5px;border-radius:4px}.btn{height:var(--ctrl-h);display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:calc(var(--radius) * .7);font:600 var(--fs)/1 var(--font-ui);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .14s,border-color .14s,color .14s,transform .06s}.btn:hover{border-color:var(--border-2);background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.icon{width:var(--ctrl-h);padding:0;justify-content:center}.btn.sm{height:28px;padding:0 9px;font-size:12.5px}.btn.danger:hover{border-color:var(--danger);color:var(--danger)}.icon-svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-svg.sm{width:15px;height:15px}input[type=text],input[type=number],input[type=password],textarea,select{width:100%;height:var(--ctrl-h);padding:0 10px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:calc(var(--radius) * .6);font:500 var(--fs)/1 var(--font-ui);outline:none}textarea{height:auto;min-height:76px;padding:9px 10px;line-height:1.45;resize:vertical}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:var(--chev);background-repeat:no-repeat;background-position:right 9px center;padding-right:28px}.editor-root,.login-wrap,.screen-pair{--chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.field{display:grid;gap:6px}.field>.lbl{font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}.swatch{width:var(--ctrl-h);height:var(--ctrl-h);border-radius:calc(var(--radius)*.55);border:1px solid var(--border);padding:0;cursor:pointer;overflow:hidden;flex:none;position:relative}.swatch input{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:0;padding:0;cursor:pointer;opacity:0}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:calc(var(--radius)*.6);padding:3px;gap:2px}.seg button{flex:1;height:calc(var(--ctrl-h) - 8px);border:0;background:transparent;color:var(--muted);border-radius:calc(var(--radius)*.45);cursor:pointer;font:600 13px/1 var(--font-ui);display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;transition:background .12s,color .12s}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;gap:14px;height:56px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border);z-index:30}.topbar-center{display:contents}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.01em}.brand .mark{width:26px;height:26px;border-radius:8px;background:var(--accent);display:grid;place-items:center;color:var(--accent-ink);flex:none}.brand .mark svg{width:16px;height:16px}.topbar .divider{width:1px;height:26px;background:var(--border)}.show-name{display:flex;flex-direction:column;gap:1px;min-width:0}.show-name input{height:28px;border:1px solid transparent;background:transparent;font:700 15px/1 var(--font-ui);padding:0 6px;border-radius:7px;width:220px}.show-name input:hover{background:var(--surface-2)}.show-name input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.show-name .sub{font-size:11.5px;color:var(--faint);padding-left:6px;display:flex;align-items:center;gap:6px}.save-dot{width:7px;height:7px;border-radius:50%;background:#4ac06c;flex:none}.spacer{flex:1}.body{display:grid;min-height:0}.body[data-layout=klassisk]{grid-template-columns:64px auto 1fr 304px}.rail{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 0;z-index:20}.rail-group{display:flex;flex-direction:column;align-items:center;gap:4px}.rail-group+.rail-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.rail-group-label{font:700 8px/1.2 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center;max-width:52px;margin-bottom:1px}.rail-btn{width:48px;height:50px;border:0;background:transparent;color:var(--muted);border-radius:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 10px/1 var(--font-ui);transition:background .12s,color .12s}.rail-btn:hover{background:var(--surface-2);color:var(--text)}.rail-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong)}.rail-btn .icon-svg{width:21px;height:21px}.flyout{width:252px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.flyout-head{padding:var(--pad) var(--pad) var(--pad-sm);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:space-between}.flyout-body{padding:0 var(--pad) var(--pad);overflow-y:auto;display:grid;gap:var(--pad-sm);align-content:start}.add-tile{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--border);border-radius:calc(var(--radius)*.7);background:var(--surface-2);cursor:pointer;text-align:left;color:var(--text);font:inherit;transition:border-color .12s,transform .06s}.add-tile:hover{border-color:var(--accent)}.add-tile:active{transform:translateY(1px)}.add-tile .ti{width:34px;height:34px;border-radius:9px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--accent-strong);flex:none}.add-tile .tt{display:block;font-weight:700;font-size:13.5px}.add-tile .td{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tpl{aspect-ratio:16/9;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;position:relative;background:#fff;transition:border-color .12s,transform .06s}.tpl:hover{border-color:var(--accent);transform:translateY(-1px)}.tpl-name{font-size:11px;color:var(--muted);margin-top:-3px;text-align:center}.tpl-cell{display:grid;gap:6px}.section-label{font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin:4px 2px 0}.workspace{background:var(--workspace);display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:0;position:relative}.ctxbar{height:50px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface)}.ctxbar .grp{display:flex;align-items:center;gap:6px}.ctxbar .vr{width:1px;height:24px;background:var(--border);margin:0 3px}.ctx-empty{color:var(--faint);font-size:13px;display:flex;align-items:center;gap:8px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:calc(var(--radius)*.6);background:var(--surface);overflow:hidden;height:var(--ctrl-h)}.stepper button{width:28px;height:100%;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:16px}.stepper button:hover{background:var(--surface-2)}.stepper input{width:44px;height:100%;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;border-radius:0;box-shadow:none}.stepper input:focus{box-shadow:none}.canvas-wrap{min-height:0;min-width:0;display:grid;place-items:center;padding:26px;overflow:auto}.canvas{position:relative;background:#fff;box-shadow:var(--shadow);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.canvas.grid-on{background-image:linear-gradient(var(--grid-c) 1px,transparent 1px),linear-gradient(90deg,var(--grid-c) 1px,transparent 1px);background-size:5% 8.888%;--grid-c: oklch(.5 0 0 / .08)}.canvas-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.safe-zone{position:absolute;left:0;right:0;z-index:6;pointer-events:none;background:repeating-linear-gradient(-45deg,oklch(.55 .2 25 / .14),oklch(.55 .2 25 / .14) 8px,transparent 8px,transparent 16px);border-top:1px dashed oklch(.55 .2 25 / .6);border-bottom:1px dashed oklch(.55 .2 25 / .6);display:grid;place-items:center}.safe-zone span{font:700 10px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#bb061e;background:var(--surface);padding:2px 7px;border-radius:5px}.cel{position:absolute;cursor:move}.cel .cel-text{width:100%;height:100%;overflow:hidden;white-space:pre-wrap;line-height:1.18;outline:none}.cel .cel-img{width:100%;height:100%}.cel .cel-img img{width:100%;height:100%;object-fit:fill;pointer-events:none}.cel-box{width:100%;height:100%}.cel.sel{outline:2px solid var(--accent);outline-offset:0}.cel:not(.sel):hover{outline:1.5px dashed var(--accent);outline-offset:0}.handle{position:absolute;width:12px;height:12px;background:var(--surface);border:2px solid var(--accent);border-radius:50%;z-index:5}.handle.br{right:-7px;bottom:-7px;cursor:nwse-resize}.handle.bl{left:-7px;bottom:-7px;cursor:nesw-resize}.handle.tr{right:-7px;top:-7px;cursor:nesw-resize}.handle.tl{left:-7px;top:-7px;cursor:nwse-resize}.handle.rotate{left:50%;top:-26px;transform:translate(-50%);cursor:grab;background:var(--accent)}.handle.rotate:before{content:"";position:absolute;left:50%;top:100%;width:2px;height:14px;background:var(--accent);transform:translate(-50%)}.handle.rotate:active{cursor:grabbing}.handle.radius{left:9px;top:9px;width:10px;height:10px;border-radius:3px;cursor:nwse-resize}.ph{background:repeating-linear-gradient(45deg,var(--ph-a),var(--ph-a) 9px,var(--ph-b) 9px,var(--ph-b) 18px);display:grid;place-items:center;width:100%;height:100%}.ph span{font:600 11px/1.2 ui-monospace,SF Mono,Menlo,monospace;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:4px 8px;border-radius:6px;text-align:center}.media-slide{width:100%;height:100%;position:relative;display:grid;place-items:center}.media-slide img{width:100%;height:100%;object-fit:contain}.play-badge{position:absolute;width:14%;aspect-ratio:1;border-radius:50%;background:#cc272eeb;display:grid;place-items:center;box-shadow:0 6px 24px #0005}.play-badge svg{width:42%;height:42%;fill:#fff;margin-left:8%}.media-tag{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:6px;background:#000a;color:#fff;padding:5px 10px;border-radius:999px;font:600 12px/1 var(--font-ui)}.reel{--reel-w: 116px;background:var(--surface);border-top:1px solid var(--border);padding:11px 14px;display:flex;align-items:stretch;gap:10px;overflow-x:auto}.reel-zoom{flex:none;position:sticky;left:0;display:flex;flex-direction:column;gap:4px;align-self:center}.reel-zoom button{width:26px;height:26px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;cursor:pointer;display:grid;place-items:center;font-size:15px;line-height:1}.reel-zoom button:hover{border-color:var(--accent);color:var(--accent-strong)}.reel-zoom button:disabled{opacity:.4;cursor:not-allowed}.reel-add{flex:none;width:60px;border:1.5px dashed var(--border-2);border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 10.5px/1 var(--font-ui)}.reel-add:hover{border-color:var(--accent);color:var(--accent-strong)}.reel-slot{flex:none;position:relative;display:flex;align-items:stretch}.reel-move{display:none}.reel-item{flex:none;position:relative;cursor:pointer;transition:transform .12s}.reel-thumb{width:var(--reel-w);height:calc(var(--reel-w) * .5625);border-radius:9px;overflow:hidden;border:2px solid var(--border);background:#000;position:relative}.reel-item[data-active=true] .reel-thumb{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.reel-item[data-dragging=true]{opacity:.35}.reel-drop-marker{width:4px;align-self:stretch;margin:0 3px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.reel-drop-marker.after{margin-left:6px}.reel-num{position:absolute;left:5px;top:4px;font:700 10px/1 var(--font-ui);color:var(--muted)}.reel-meta{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 0}.reel-dur{font:600 10px/1 var(--font-ui);color:var(--faint)}.reel-tools{position:absolute;right:4px;top:4px;display:flex;gap:3px;opacity:0;transition:opacity .12s}.reel-item:hover .reel-tools{opacity:1}.reel-tool{width:22px;height:22px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer}.reel-tool:hover{border-color:var(--accent);color:var(--accent-strong)}.props{background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;min-height:0}.props-head{padding:var(--pad) var(--pad) var(--pad-sm);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border)}.props-type{font-size:11px;font-weight:700;color:var(--accent-strong);background:var(--accent-soft);padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.props-body{padding:var(--pad);display:grid;gap:var(--pad);align-content:start}.prop-group{display:grid;gap:var(--pad-sm)}.prop-group+.prop-group{padding-top:var(--pad);border-top:1px solid var(--border)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.inline-row{display:flex;align-items:center;gap:9px}.empty-state{padding:40px 20px;text-align:center;color:var(--faint);display:grid;gap:10px;justify-items:center}.empty-state svg{width:30px;height:30px;opacity:.6}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a15128c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:60;padding:24px}.modal{width:min(680px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 30px 80px #0006;overflow:hidden}.modal-head{flex:none;padding:var(--pad) var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-body{overflow-y:auto}.modal-head h3{margin:0;font-size:17px;font-weight:800}.modal-body{padding:var(--pad)}.import-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}.import-card{border:1px solid var(--border);border-radius:calc(var(--radius)*.8);padding:16px;background:var(--surface-2);cursor:pointer;text-align:left;color:var(--text);font:inherit;display:grid;gap:9px;transition:border-color .12s,transform .07s;position:relative}.import-card:hover{border-color:var(--accent);transform:translateY(-2px)}.import-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.import-card:disabled{cursor:default;opacity:.85}.import-card:disabled:hover{border-color:var(--border);transform:none}.import-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#fff}.import-card h4{margin:0;font-size:14.5px;font-weight:700}.import-card p{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.soon-tag{position:absolute;right:12px;top:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:2px 7px;border-radius:999px}.dropzone{margin-top:var(--pad);border:1.5px dashed var(--border-2);border-radius:calc(var(--radius)*.8);padding:26px;text-align:center;color:var(--muted);display:grid;gap:10px;justify-items:center}.dropzone svg{width:30px;height:30px}.menu-trigger{display:flex;align-items:center;gap:9px;background:transparent;border:0;cursor:pointer;padding:4px 8px 4px 4px;border-radius:10px;color:var(--text);font:inherit}.menu-trigger:hover{background:var(--surface-2)}.menu-trigger .chev{color:var(--muted);transition:transform .15s}.menu-trigger[aria-expanded=true] .chev{transform:rotate(180deg)}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.menu-pop{position:absolute;top:50px;left:10px;width:268px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 50px #0004;z-index:80;padding:8px;animation:fadeIn .12s ease both}.menu-label{font-size:11px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;padding:8px 11px 4px}.menu-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border:0;background:transparent;color:var(--text);border-radius:calc(var(--radius)*.6);cursor:pointer;font:600 14px/1.2 var(--font-ui);text-align:left;text-decoration:none}.menu-item:hover{background:var(--surface-2)}.menu-item[aria-current=true]{background:var(--accent-soft);color:var(--accent-strong)}.menu-item .mi{width:32px;height:32px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);flex:none}.menu-item[aria-current=true] .mi{background:var(--accent);color:var(--accent-ink)}.menu-item .ms{font-size:11.5px;font-weight:500;color:var(--muted);margin-top:2px}.menu-sep{height:1px;background:var(--border);margin:7px 6px}.theme-toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.theme-toggle button{width:30px;height:30px;border:0;background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;display:grid;place-items:center}.theme-toggle button:hover{color:var(--text)}.theme-toggle button[aria-pressed=true]{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:700 13px/1 var(--font-ui);flex:none}.view-scroll{overflow-y:auto;min-height:0;padding:30px 34px 56px}.view-wrap{max-width:1100px;margin:0 auto}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.view-head h1{margin:0;font-size:27px;font-weight:800;letter-spacing:-.015em}.view-head .sub{color:var(--muted);font-size:14px;margin-top:5px}.help-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.help-toc a{font-size:13px;color:var(--muted);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:5px 12px;transition:color .12s,border-color .12s}.help-toc a:hover{color:var(--text);border-color:var(--accent)}.help-grid{display:grid;gap:16px}.help-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;scroll-margin-top:16px}.help-card h2{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:18px;font-weight:800;letter-spacing:-.01em}.help-card h2 .icon-svg{color:var(--accent-strong)}.help-card h3{margin:15px 0 4px;font-size:13.5px;font-weight:700;color:var(--text)}.help-card p{margin:7px 0;line-height:1.55}.help-card ul{margin:7px 0;padding-left:20px;line-height:1.6}.help-card li{margin:3px 0}.help-card code{font-family:Roboto Mono,ui-monospace,monospace;font-size:.9em;background:var(--surface-2);padding:1px 5px;border-radius:5px}kbd{display:inline-block;padding:1px 7px;border:1px solid var(--border-2);border-bottom-width:2px;border-radius:6px;background:var(--surface-2);font:600 12px/1.5 var(--font-ui)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.badge.ok{color:#137738;border-color:#5dad7073;background:#5dad701f}.badge.warn{color:var(--accent-strong);border-color:transparent;background:var(--accent-soft)}.dot-live{width:7px;height:7px;border-radius:50%;background:#2ea957;box-shadow:0 0 0 3px #2ea95733}.dot-off{width:7px;height:7px;border-radius:50%;background:var(--faint)}.show-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:18px}.show-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:border-color .14s,transform .08s,box-shadow .14s;display:flex;flex-direction:column;text-align:left;padding:0;font:inherit;color:var(--text)}.show-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.show-thumb{aspect-ratio:16/9;background:#000;border-bottom:1px solid var(--border);position:relative}.show-card-body{padding:13px 15px 15px;display:grid;gap:3px}.show-card-body h3{margin:0;font-size:15.5px;font-weight:700}.show-card-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px;margin-top:5px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:5px}.show-new{border:1.5px dashed var(--border-2);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);cursor:pointer;min-height:210px;background:transparent;font:600 14px/1 var(--font-ui)}.show-new:hover{border-color:var(--accent);color:var(--accent-strong)}.show-new .ni{width:44px;height:44px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center}.tpl-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.screen-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:17px;display:grid;gap:13px}.sc-head{display:flex;align-items:flex-start;gap:13px}.screen-card h3{margin:0;font-size:16px;font-weight:700}.sc-loc{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:6px;margin-top:4px}.sc-monitor{width:46px;height:46px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);flex:none}.sc-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}.sc-row b{color:var(--text);font-weight:600}.sc-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}.utable{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.utable th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:13px 16px;border-bottom:1px solid var(--border)}.utable td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px}.utable tr:last-child td{border-bottom:0}.utable tbody tr:hover td{background:var(--surface-2)}.uname{display:flex;align-items:center;gap:12px}.uname .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 12.5px/1 var(--font-ui);color:#fff;flex:none}.uname .um{font-size:12px;color:var(--muted)}.role-select{width:auto;min-width:156px;height:34px}.pair-wrap{display:flex;gap:22px;align-items:center;padding:8px 4px;flex-wrap:wrap}.pair-code{font:800 36px/1 var(--font-ui);letter-spacing:.3em;font-variant-numeric:tabular-nums;color:var(--text)}.qr-box{width:132px;height:132px;border-radius:14px;background:#fff;border:1px solid var(--border);display:grid;place-items:center;flex:none}.login-wrap{display:grid;place-items:center;min-height:100%;padding:1rem;background:var(--bg, oklch(.965 .006 70));color:var(--text, oklch(.27 .012 60))}.login-card{background:#fefdfb;border:1px solid oklch(.885 .008 70);border-radius:16px;padding:2rem;width:100%;max-width:380px;text-align:center;color:#2b2521}.login-actions{margin:1.5rem 0}.login-actions .btn{width:100%;justify-content:center}.login-divider{color:#746d68;font-size:.75rem;text-transform:uppercase;margin:1.5rem 0 .75rem}.login-dev-form{display:grid;gap:.5rem}.screen-pair{display:grid;place-items:center;min-height:100%;padding:1rem;background:#0b0e12;color:#fff}.screen-pair-card{background:#241f1c;border:1px solid oklch(.33 .012 60);border-radius:16px;padding:2rem;max-width:420px;text-align:center}.pair-input{font-size:2rem;text-align:center;letter-spacing:.4rem;width:100%;margin:1rem 0;font-variant-numeric:tabular-nums;height:auto;padding:.5rem}.player-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.player-fullscreen.idle{cursor:none}.player-back{position:fixed;top:18px;left:18px;z-index:60;display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.28);cursor:pointer;font:600 14px/1 var(--font-ui);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .35s ease,background .15s ease}.player-back:hover{background:#000000c7}.player-back.hidden{opacity:0;pointer-events:none}.player-empty{display:grid;place-items:center;min-height:100%;color:#888;background:#000}.player-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.player-slide{position:absolute;top:0;right:0;bottom:0;left:0}.slide-image{width:100%;height:100%;object-fit:contain}.slide-text{width:100%;height:100%;display:grid;place-items:center;padding:6vw}.slide-text-inner h1{font-size:5vw;margin:0 0 .5em}.slide-text-inner p{font-size:2.5vw;margin:0;white-space:pre-wrap}.canvas-stage{position:relative;width:100%;height:100%;aspect-ratio:16 / 9;overflow:hidden}.player-slide .canvas-stage{aspect-ratio:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:50;padding:1rem}.modal-preview{display:flex;flex-direction:column;gap:.75rem;width:min(94vw,calc((90vh - 72px) * 16 / 9))}.modal-preview .canvas-stage{background:#000;border-radius:8px}.preview-controls{display:flex;align-items:center;gap:8px}.preview-count{font:600 13px/1 var(--font-ui);color:var(--muted);min-width:52px;text-align:center}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px;border:3px solid var(--surface)}::-webkit-scrollbar-track{background:transparent}.fade-enter{animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.infobar{position:absolute;left:0;right:0;height:8%;min-height:38px;display:flex;align-items:center;overflow:hidden;z-index:40;font:600 clamp(15px,3.2vh,34px)/1 var(--font-ui)}.infobar-preview{position:relative;height:40px;min-height:0;border-radius:8px;font-size:15px}.infobar-scroll{width:100%;overflow:hidden;white-space:nowrap}.infobar-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:infobar-marquee linear infinite}.infobar-msg{padding:0 1.2em}.infobar-stream{white-space:nowrap}.infobar-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap}.infobar-cycle{width:100%;text-align:center;padding:0 1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes infobar-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 640px){.hide-mobile{display:none!important}.hide-mobile-inline{display:none}.topbar{gap:8px;padding:8px 10px;height:auto;flex-wrap:wrap}.topbar .divider{display:none}.topbar-center{display:flex;align-items:center;gap:8px;order:99;flex-basis:100%}.show-name{flex:1;min-width:0}.show-name input{width:100%;min-width:0}.show-name .sub{display:none}.menu-pop{width:calc(100vw - 20px);left:10px}.view-scroll{padding:18px 14px 40px}.view-head h1{font-size:22px}.show-grid,.screen-grid{grid-template-columns:1fr;gap:12px}.pair-wrap{flex-direction:column;align-items:flex-start}.utable,.utable tbody,.utable tr,.utable td{display:block;width:100%}.utable thead{display:none}.utable{border:0;background:transparent}.utable tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:6px 4px}.utable td{border-bottom:0;padding:8px 14px}.utable tbody tr:hover td{background:transparent}.role-select{width:100%;min-width:0}.import-grid,.row2{grid-template-columns:1fr}.overlay{padding:12px}.body[data-layout=klassisk]{grid-template-columns:1fr;overflow-y:auto}.body .rail,.body .flyout,.body .canvas-wrap,.body .ctxbar,.body .props{display:none}.editor-mobile-note{display:flex}.workspace{display:flex;flex-direction:column}.reel{flex-direction:column;align-items:stretch;gap:8px;overflow-x:visible}.reel-zoom{display:none}.reel-slot{flex:none}.reel-item{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer}.reel-thumb{--reel-w: 128px;flex:none}.reel-meta{flex:1;flex-direction:column;align-items:flex-start;gap:4px;padding:0}.reel-tools{opacity:1}.reel-tool{width:30px;height:30px;font-size:16px}.reel-move{display:flex;flex:none;gap:6px}.reel-drop-marker{display:none}.reel-add{width:100%;flex-direction:row;gap:8px;min-height:48px}}.editor-mobile-note{display:none;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:28px 20px}.editor-mobile-note .icon-svg{width:28px;height:28px;opacity:.7}.editor-mobile-note strong{color:var(--text)}