:root{color-scheme:light;--teal: #00838f;--blue: #01579b;--purple: #7b1fa2;--pink: #e91e63;--cream: #f5f1ea;--grad: linear-gradient(115deg, var(--teal) 0%, var(--blue) 46%, var(--purple) 100%);--grad-deep: linear-gradient(115deg, #006e79 0%, #01467e 46%, #661a88 100%);--grad-hot: linear-gradient(115deg, var(--blue) 0%, var(--purple) 58%, var(--pink) 120%);--ground: #f5ebe4;--plate: #fffdf8;--ink: #1d1630;--ink-2: #4f4763;--ink-3: #736a87;--hair: #e4dccd;--hair-2: #d3c9b7;--accent: var(--purple);--accent-tint: #f3e9f7;--accent-deep: #661a88;--standby: #c77800;--live: #00838f;--fault: #c62828;--lacquer: #151027;--lacquer-edge: #2f2745;--bloom: radial-gradient(90% 70% at 88% 8%, #f6d9c98c 0%, #f6d9c900 60%), radial-gradient(80% 65% at 6% 92%, #f3dcdc77 0%, #f3dcdc00 62%);--mesh: repeating-linear-gradient(45deg, rgba(29, 22, 48, .022) 0 1px, transparent 1px 13px);--radius: 16px;--radius-s: 12px;--pill: 999px;--bar: 72px;--font-display: "Young Serif", ui-serif, Georgia, serif;--font-ui: "Montserrat", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font: "Source Sans 3", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--shadow-object: 0 18px 40px -18px rgba(29, 22, 48, .5), 0 4px 10px -4px rgba(29, 22, 48, .28);--shadow-panel: 0 10px 30px -16px rgba(29, 22, 48, .3);--shadow-action: 0 8px 18px -10px rgba(123, 31, 162, .6);--room-light: 1;--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-reveal: cubic-bezier(.165, .84, .44, 1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.6 var(--font);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;overflow:hidden}::selection{background:var(--accent-tint);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}input,textarea{caret-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--hair-2) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--hair-2);border-radius:99px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}a{color:var(--accent);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-ui);letter-spacing:-.015em;margin:0}h1{font-size:20px;font-weight:700}h2{font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:12px}h3{font-size:15px;font-weight:600}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:13px}.mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.display{font-family:var(--font-ui);font-weight:600}button,input,select{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:var(--pill);border:1px solid transparent;background-image:var(--grad);background-color:var(--purple);color:#fff;font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:.005em;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffffff4d,var(--shadow-action);transition:background-image .3s var(--ease-out),box-shadow .3s var(--ease-out),transform .2s var(--ease-out),color .3s var(--ease-out),border-color .3s var(--ease-out)}.btn:hover{background-image:var(--grad-deep);box-shadow:inset 0 1px #ffffff4d,0 10px 22px -10px #7b1fa2b3}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn.hot{background-image:var(--grad-hot);box-shadow:inset 0 1px #ffffff4d,0 8px 18px -10px #e91e6399}.btn.secondary{background-image:none;background-color:var(--plate);color:var(--purple);border-color:color-mix(in srgb,var(--purple) 45%,transparent);box-shadow:none}.btn.secondary:hover{background-image:none;background-color:var(--accent-tint);border-color:var(--purple);box-shadow:none}.btn.quiet{background-image:none;background-color:transparent;color:var(--ink-2);border-color:var(--hair-2);box-shadow:none}.btn.quiet:hover{background-image:none;background-color:var(--plate);color:var(--ink);border-color:var(--ink-3);box-shadow:none}.btn.danger{background-image:none;background-color:transparent;color:var(--fault);border-color:color-mix(in srgb,var(--fault) 45%,transparent);box-shadow:none}.btn.danger:hover{background-image:none;background-color:color-mix(in srgb,var(--fault) 8%,transparent);box-shadow:none}.btn.sm{height:32px;padding:0 14px;font-size:13px}.btn .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.btn .dot.ok{background:#7ef2c8;box-shadow:0 0 0 3px #7ef2c840}.btn .dot.warn{background:#ffd08a}.btn.secondary .dot.ok{background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}input[type=text],input[type=number],select{height:38px;padding:0 10px;background:var(--plate);border:1px solid var(--hair-2);border-radius:var(--radius-s);color:var(--ink);font-family:var(--font);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}input:hover,select:hover{border-color:var(--ink-3)}input:focus,select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px var(--accent-tint)}input::placeholder{color:var(--ink-3)}input[type=range]{accent-color:var(--purple);width:100%}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--pill);border:1px solid var(--hair-2);background:var(--plate);color:var(--ink-2);font-family:var(--font-ui);font-size:12px;font-weight:600;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-3)}.pill.brand{border-color:transparent;background-image:var(--grad);color:#fff}.pill.brand:before{background:#ffffffd9}.pill.ok:before{background:var(--live)}.pill.warn:before{background:var(--standby)}.pill.bad:before{background:var(--fault)}.pill.plain:before{display:none}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:8px}.page{max-width:1120px;margin:0 auto;padding:36px 24px 96px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head h1{font-family:var(--font-display);font-weight:400;font-size:26px;letter-spacing:-.005em}.page-head .lede{font-size:15px;color:var(--ink-2);max-width:62ch;margin-top:4px}.page-head .count{font-size:13px;color:var(--ink-3)}.page section+section{margin-top:32px;padding-top:24px;border-top:1px solid var(--hair)}.page section>h2{font-size:15px;color:var(--ink);margin-bottom:8px}.page .measure{max-width:66ch;color:var(--ink-2);font-size:15px}.banner{border-radius:var(--radius-s);padding:10px 13px;margin-bottom:14px;font-size:13px;border:1px solid}.banner.err{background:color-mix(in srgb,var(--fault) 7%,var(--plate));border-color:color-mix(in srgb,var(--fault) 35%,transparent);color:var(--ink)}.banner.ok{background:color-mix(in srgb,var(--live) 8%,var(--plate));border-color:color-mix(in srgb,var(--live) 35%,transparent)}.banner.info{background:var(--accent-tint);border-color:color-mix(in srgb,var(--purple) 30%,transparent)}.status-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:15px}.status-line .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3);flex:none}.status-line .dot.ok{background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}.status-line .dot.warn{background:var(--standby)}.status-line .dot.bad{background:var(--fault)}.ledger{list-style:none;margin:18px 0 0;padding:0;max-width:62ch}.ledger li{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:baseline;padding:7px 0;border-top:1px solid var(--hair);font-size:15px}.ledger li:first-child{border-top:0}.ledger .mark{width:8px;height:8px;border-radius:50%;background:var(--hair-2);align-self:center;justify-self:center}.ledger .done .mark{background:var(--live)}.ledger .now .mark{background:var(--purple);box-shadow:0 0 0 3px var(--accent-tint);animation:ledger-pulse 1.4s var(--ease-out) infinite}.ledger .fail .mark{background:var(--fault)}.ledger .todo{color:var(--ink-3)}.ledger .when{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}@keyframes ledger-pulse{0%,to{box-shadow:0 0 0 3px var(--accent-tint)}50%{box-shadow:0 0 0 6px var(--accent-tint)}}@media(prefers-reduced-motion:reduce){.ledger .now .mark{animation:none}}.pictures{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px 16px}.picture-tile{min-width:0}.picture-tile .frame{position:relative;aspect-ratio:4 / 3;background:#000;border-radius:6px;overflow:hidden;display:grid;place-items:center;color:#ffffff73;font-size:12px;box-shadow:var(--shadow-object),inset 0 0 0 1px #ffffff17}.picture-tile .frame img,.picture-tile .frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.picture-tile .caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:8px}.picture-tile .name{font-family:var(--font-ui);font-size:12.5px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picture-tile .sub{font-size:11.5px;line-height:1.35;color:var(--ink-3);white-space:nowrap}.picture-tile .remove{visibility:hidden}.picture-tile:hover .remove,.picture-tile:focus-within .remove{visibility:visible}@media(hover:none){.picture-tile .remove{visibility:visible}}.picture-tile .confirm{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;color:var(--ink-2);flex-wrap:wrap}.picture-tile .confirm span{white-space:nowrap}.tv-list{border-top:1px solid var(--hair)}.tv-row{display:grid;grid-template-columns:minmax(200px,1.2fr) auto 2fr;gap:12px 24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--hair)}.tv-row .who{min-width:0}.tv-row>.pill{justify-self:start}.tv-row .who b{font-family:var(--font-ui);font-weight:600;display:block}.tv-row .who .hw{font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-row .who .place{font-size:12.5px;color:var(--ink-2);margin-top:2px}.figures{display:flex;gap:18px;flex-wrap:wrap}.figures div{font-size:12px;color:var(--ink-3)}.figures b{display:block;font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.figures b.warn{color:var(--standby)}.tv-row .cal{grid-column:1 / -1;display:grid;grid-template-columns:96px 1fr 64px;gap:10px;align-items:center}.tv-row .cal label{font-size:13px;color:var(--ink-2)}.tv-row .cal .val{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.tv-row .cal .hint{grid-column:2 / -1;font-size:12.5px;color:var(--ink-3);margin-top:-2px}.pair-form{display:grid;grid-template-columns:150px minmax(180px,1fr) auto;gap:8px;align-items:center;max-width:620px}.pair-form .code{letter-spacing:.18em;text-transform:uppercase;font-variant-numeric:tabular-nums}.empty{color:var(--ink-2);padding:22px 0;text-align:center;font-size:15px}@media(max-width:700px){.page{padding:24px 16px 80px}.tv-row,.pair-form{grid-template-columns:1fr}.tv-row .cal{grid-template-columns:80px 1fr 56px}}.studio{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:var(--bar) 1fr auto;grid-template-columns:1fr;background:linear-gradient(rgba(21,16,39,calc((1 - var(--room-light)) * .9)),rgba(21,16,39,calc((1 - var(--room-light)) * .9))),var(--mesh),var(--ground);transition:background .6s var(--ease-out)}.studio-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid var(--hair);background:color-mix(in srgb,var(--plate) 94%,transparent);z-index:3}.studio-bar .brand{display:flex;align-items:center;gap:12px}.brandmark{position:relative;display:block;width:84px;height:var(--bar);margin-left:-24px;overflow:hidden;flex:none}.brandmark img{position:absolute;display:block;max-width:none}.studio-bar .wallname{height:36px;border:1px solid transparent;background:transparent;padding:0 8px;font-size:17px;font-family:var(--font-ui);font-weight:600;border-radius:var(--radius-s);min-width:120px}.studio-bar .wallname:hover{border-color:var(--hair-2);background:var(--plate)}.studio-bar .wallname:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--accent-tint)}.studio-bar nav{display:flex;gap:2px}.studio-bar nav button{height:34px;padding:0 12px;border:0;background:transparent;color:var(--ink-2);border-radius:var(--radius-s);cursor:pointer;font-family:var(--font-ui);font-weight:600}.studio-bar nav button:hover{color:var(--ink);background:var(--accent-tint)}.studio-bar nav button[aria-current=page]{color:#fff;background-image:var(--grad);box-shadow:var(--shadow-action)}.canvas-wrap{position:relative;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-wrap.panning{cursor:grabbing}.canvas-ambient{position:absolute;left:-14%;right:-14%;top:30%;height:34%;pointer-events:none;opacity:calc(.28 * var(--room-light) + .04);background:linear-gradient(90deg,var(--teal) 0%,var(--purple) 100%);filter:blur(70px);transform:rotate(-7deg);transition:opacity .8s var(--ease-out)}.canvas-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0}.canvas-floor{position:absolute;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px);opacity:calc(.75 * var(--room-light));transition:opacity .6s var(--ease-out)}.clip:focus-visible,.tray-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide{position:absolute;background:var(--purple);opacity:.75;pointer-events:none}.screen{position:absolute;background:var(--lacquer);border-radius:6px;box-shadow:var(--shadow-object),inset 0 0 0 1px #ffffff17;transition:box-shadow .25s var(--ease-out);outline:0 solid transparent;will-change:transform}.screen.selected{box-shadow:var(--shadow-object),inset 0 0 0 calc(1px * var(--zoom-px, 1)) #ffffff17,0 0 0 calc(3px * var(--zoom-px, 1)) var(--plate),0 0 0 calc(6px * var(--zoom-px, 1)) var(--purple)}.screen:focus-visible{outline:none;box-shadow:var(--shadow-object),inset 0 0 0 calc(1px * var(--zoom-px, 1)) #ffffff17,0 0 0 calc(3px * var(--zoom-px, 1)) var(--plate),0 0 0 calc(6px * var(--zoom-px, 1)) var(--accent),0 0 0 calc(9px * var(--zoom-px, 1)) var(--plate)}.screen.dragging{box-shadow:0 34px 60px -24px #1d1630a6,0 10px 20px -8px #1d163066}.screen .picture{position:absolute;overflow:hidden;background:#000;border-radius:2px;container-type:size}.screen .picture img,.screen .picture video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.screen .picture .layer{position:absolute;top:0;right:0;bottom:0;left:0}.screen .picture .black{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.screen .label{position:absolute;left:0;right:0;bottom:100%;margin-bottom:8px;text-align:center;font-size:12px;font-family:var(--font-ui);font-weight:600;color:var(--ink-2);pointer-events:none;white-space:nowrap}.screen .label b{color:var(--ink);font-weight:600}.screen.unbound .picture{background:repeating-linear-gradient(45deg,#171128 0,#171128 8px,#241a3d 8px,#241a3d 16px)}.screen .empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffff73;font-size:5cqw;letter-spacing:.02em}.dim{position:absolute;pointer-events:none;color:var(--purple);font-family:var(--font-ui);font-size:11.5px;font-weight:600;white-space:nowrap}.dim .line,.dim .tick{position:absolute;background:var(--purple);opacity:.6}.dim .val{position:absolute;background:var(--plate);padding:1px 6px;border-radius:99px;border:1px solid color-mix(in srgb,var(--purple) 30%,transparent)}.canvas-tools{position:absolute;left:20px;bottom:16px;display:flex;gap:8px;align-items:center;z-index:2}.canvas-scale{position:absolute;right:20px;bottom:16px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2);z-index:2}.canvas-scale .bar{height:2px;background:var(--ink-2);border-radius:2px}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:var(--ink-2);pointer-events:none}.canvas-empty>div{pointer-events:auto;max-width:380px}.canvas-empty h1{font-family:var(--font-display);font-weight:400;font-size:30px;letter-spacing:-.005em;margin-bottom:10px;color:var(--ink)}.inspector{position:absolute;top:16px;right:16px;bottom:16px;width:320px;background:var(--plate);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-panel);padding:18px;overflow:auto;z-index:2;animation:inspector-in .35s var(--ease-reveal)}@keyframes inspector-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.inspector{animation:none}}.inspector h1{font-size:16px;margin-bottom:2px}.inspector .kind{font-size:12px;color:var(--ink-3);margin-bottom:16px}.field{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:10px}.field>*{min-width:0}.field label{font-size:13px;color:var(--ink-2)}.field .pair{display:flex;gap:6px}.field .pair input,.field .pair select{min-width:0;flex:1}.field>input,.field>select{width:100%;min-width:0}.seg{display:inline-flex;border:1px solid var(--hair-2);border-radius:var(--pill);overflow:hidden;max-width:100%}.field .seg{width:100%}.seg button{flex:1;min-width:0;height:36px;padding:0 10px;border:0;background:var(--plate);color:var(--ink-2);cursor:pointer;font-family:var(--font-ui);font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg button+button{border-left:1px solid var(--hair-2)}.seg button[aria-pressed=true]{background-image:var(--grad);color:#fff;font-weight:600}.inspector hr{border:0;border-top:1px solid var(--hair);margin:16px 0}.focal{position:relative;border-radius:var(--radius-s);overflow:hidden;background:#000;cursor:crosshair;aspect-ratio:3/2}.focal img{width:100%;height:100%;object-fit:contain;display:block}.focal .pin{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid var(--pink);background:color-mix(in srgb,var(--pink) 30%,transparent);transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--plate)}.focal .crop{position:absolute;border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 9999px #0000008c;pointer-events:none}.timeline{border-top:1px solid var(--hair);background:color-mix(in srgb,var(--plate) 94%,transparent);display:grid;grid-template-columns:180px 1fr;max-height:44vh;overflow:auto;z-index:3}.tl-head{grid-column:1 / -1;display:grid;grid-template-columns:180px 1fr;position:sticky;top:0;background:var(--plate);z-index:2;border-bottom:1px solid var(--hair)}.tl-transport{display:flex;align-items:center;gap:6px;padding:8px 12px}.tl-transport .time{font-size:13px;color:var(--ink-2);min-width:92px}.tl-ruler{position:relative;height:40px;overflow:hidden}.tl-ruler .sec{position:absolute;top:0;bottom:0;border-left:1px solid var(--hair-2);font-size:11px;color:var(--ink-3);padding:4px 0 0 4px}.tl-ruler .sec.major{border-left-color:var(--ink-3);color:var(--ink-2)}.tl-lane-name{padding:10px 12px;border-bottom:1px solid var(--hair);border-right:1px solid var(--hair);font-size:13px;font-family:var(--font-ui);font-weight:600;display:flex;align-items:center;gap:8px;min-height:64px}.tl-lane-name .sub{font-size:12px;color:var(--ink-3);font-weight:400}.tl-lane{position:relative;border-bottom:1px solid var(--hair);min-height:64px;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--px-per-sec) - 1px),var(--hair) calc(var(--px-per-sec) - 1px) var(--px-per-sec))}.tl-lane.over{background-color:var(--accent-tint)}.clip{position:absolute;top:8px;bottom:8px;border-radius:var(--radius-s);background:var(--plate);border:1px solid var(--hair-2);overflow:hidden;cursor:grab;display:flex;align-items:stretch;transition:box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}.clip:hover{border-color:var(--ink-3)}.clip.selected{border-color:var(--purple);box-shadow:0 0 0 3px var(--accent-tint)}.clip.dragging{opacity:.6}.clip .thumb{width:56px;flex:none;background:#000}.clip .thumb img,.clip .thumb video{width:100%;height:100%;object-fit:cover;display:block}.clip .body{padding:6px 8px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.clip .title{font-family:var(--font-ui);font-size:12.5px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip .dur{font-size:11.5px;line-height:1.3;color:var(--ink-3)}.clip .handle{position:absolute;top:0;bottom:0;right:0;width:8px;cursor:ew-resize}.clip .handle:after{content:"";position:absolute;top:30%;bottom:30%;right:3px;width:2px;border-radius:2px;background:var(--hair-2)}.clip:hover .handle:after,.clip.selected .handle:after{background:var(--purple)}.clip .xf{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,color-mix(in srgb,var(--purple) 28%,transparent),transparent);pointer-events:none}.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--purple);pointer-events:none;z-index:1}.playhead:before{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top:8px solid var(--purple);border-bottom:0}.tl-add{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:var(--radius-s);border:1px dashed var(--hair-2);color:var(--ink-3);font-size:12.5px;background:transparent;cursor:pointer;position:absolute;top:17px}.tl-add:hover{color:var(--purple);border-color:var(--purple)}.tray{position:absolute;left:16px;top:16px;width:240px;max-height:calc(100% - 32px);background:var(--plate);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-panel);padding:12px;overflow:auto;z-index:2}.tray h2{margin-bottom:8px}.tray-item{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:6px;border-radius:var(--radius-s);cursor:grab;border:1px solid transparent}.tray-item:hover{background:var(--accent-tint);border-color:color-mix(in srgb,var(--purple) 20%,transparent)}.tray-item .thumb{width:52px;height:38px;border-radius:4px;background:#000;overflow:hidden}.tray-item .thumb img,.tray-item .thumb video{width:100%;height:100%;object-fit:cover;display:block}.tray-item .name{font-size:12.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-item .sub{font-size:11.5px;line-height:1.35;color:var(--ink-3)}.bright{position:relative;height:96px;border:1px solid var(--hair-2);border-radius:var(--radius-s);background:linear-gradient(180deg,var(--plate),var(--ground));overflow:hidden;cursor:crosshair}.bright svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bright .hour{position:absolute;bottom:2px;font-size:10px;color:var(--ink-3);transform:translate(-50%)}.bright .step{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--purple);border:2px solid var(--plate);transform:translate(-50%,-50%);cursor:grab}@media(max-width:900px){.inspector{width:min(320px,calc(100% - 32px))}.tray{display:none}.timeline,.tl-head{grid-template-columns:120px 1fr}}.signin{--mark-h: 142vh;min-height:100vh;display:grid;grid-template-columns:44% 56%;align-items:center;position:relative;overflow:hidden;background-color:var(--ground)}.signin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bloom);pointer-events:none}.signin-art{position:relative;align-self:stretch;overflow:hidden}.signin-art img{position:absolute;right:0;top:24%;transform:translateY(-50%);height:var(--mark-h);width:auto;display:block}.signin-body{position:relative;padding:40px clamp(24px,6vw,96px) 40px clamp(28px,5.5vw,88px);max-width:36rem}.signin-name{margin:0 0 16px;font-family:var(--font-display);font-weight:400;font-size:clamp(40px,6.2vw,82px);line-height:1.04;letter-spacing:-.01em;color:var(--ink)}.signin-tag{margin:0 0 28px;color:var(--ink-2);font-size:17px;max-width:34ch}.signin-button{display:flex;min-height:44px}@media(max-width:760px){.signin{--mark-h: 56vh;grid-template-columns:1fr;grid-template-rows:34vh auto;align-content:start}.signin-body{padding:30px 22px 44px;max-width:none}.signin-tag{margin-bottom:24px}}@media(min-width:761px)and (max-height:560px){.signin{--mark-h: 168vh}.signin-name{font-size:clamp(34px,5vw,52px)}.signin-body{padding-top:24px;padding-bottom:24px}}.studio-wall{display:contents}.studio-wall[hidden]{display:none}.workspace{position:relative;min-height:0;overflow:hidden}.workspace>.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.workspace.dragging .inspector,.workspace.dragging .tray{opacity:.12;pointer-events:none;transition:opacity .2s var(--ease-out)}.studio-page{grid-row:2 / span 2;overflow:auto}.danger-zone{border-top-color:var(--fault)!important}.danger-zone>h2{color:var(--fault)}.confirm-erase{margin-top:18px;max-width:46ch}.confirm-erase label{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:7px}.confirm-erase input{width:100%}.save-state{font-size:12px;color:var(--ink-3);transition:color .3s}.save-state.saving{color:var(--standby)}.save-state.failed{color:var(--fault)}.publish-hint{max-width:260px;text-align:right;line-height:1.25}.live-state{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2);white-space:nowrap}.live-state .dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 20%,transparent);flex:none}.live-state.pending .dot{background:var(--standby);box-shadow:0 0 0 3px color-mix(in srgb,var(--standby) 20%,transparent)}@media(max-width:900px){.studio-bar{padding:0 12px;gap:8px}.studio-bar .account,.studio-bar .save-state{display:none}.live-state{font-size:12px}.studio-bar nav button{padding:0 8px;font-size:13px}.studio-bar .wallname{max-width:120px}.publish-hint,.tray{display:none}.inspector{width:min(320px,calc(100% - 32px))}.timeline{grid-template-columns:132px 1fr}.tl-transport{padding:8px}.tl-transport .time{min-width:0;font-size:12px;white-space:nowrap}.tl-transport .time .faint,.tl-transport input[type=range]{display:none}.tl-lane-name{padding-left:8px}}@media(max-width:600px){.studio-bar .wallname,.studio-bar .btn.quiet.sm,.live-state{display:none}.studio-bar nav button{padding:0 7px}.studio-bar .btn .long,.canvas-tools .pill{display:none}}