@font-face{font-family:Neue Machina;font-weight:200;font-style:normal;font-display:swap;src:url(./NeueMachina-Ultralight-D2FV28yp.woff2)format("woff2")}@font-face{font-family:Neue Machina;font-weight:300;font-style:normal;font-display:swap;src:url(./NeueMachina-Light-DSYVqOpe.woff2)format("woff2")}@font-face{font-family:Neue Machina;font-weight:400;font-style:normal;font-display:swap;src:url(./NeueMachina-Regular-CONNJw2E.woff2)format("woff2")}@font-face{font-family:Neue Machina;font-weight:500;font-style:normal;font-display:swap;src:url(./NeueMachina-Medium-B7OTEcj7.woff2)format("woff2")}@font-face{font-family:Neue Machina;font-weight:700;font-style:normal;font-display:swap;src:url(./NeueMachina-Bold-Qo1fD1Fy.woff2)format("woff2")}:root{--bg:#0a0a0b;--panel:#0f0f11;--raise:#16161a;--raise-2:#1c1c21;--line:#222227;--line-2:#2d2d33;--text:#ececee;--text-2:#a3a3aa;--text-3:#6f6f78;--pass:#46a773;--warn:#d49b3a;--fail:#e0544c;--info:#7d8290;--warm:#d8a76a;--sans:"Neue Machina", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--top-h:48px;--side-w:320px;--vh-h:40px;--vf-h:44px;--r:0px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{font:400 13px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}[hidden],.hidden{display:none!important}:focus-visible{outline:1px solid var(--text);outline-offset:2px}::selection{background:#fff3}h1,h2,h3{margin:0;font-weight:500}#stage{z-index:0;position:fixed;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;display:block}body.mode-2d #stage canvas{cursor:crosshair}.btn{height:30px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn svg{width:14px;height:14px}.btn-primary{background:var(--text);color:#0a0a0b}.btn-primary:hover{background:#fff}.btn-secondary{border:1px solid var(--line-2);color:var(--text)}.btn-secondary:hover{border-color:var(--text-3);background:var(--raise)}.btn-quiet{color:var(--text-2)}.btn-quiet:hover{color:var(--text);background:var(--raise)}.btn-lg{height:38px;padding:0 18px;font-size:11px}.link{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:inline-flex}.link:hover{color:var(--text);-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3)}.link svg{width:14px;height:14px}.ld-cta,.ld-actions .btn{font:500 13px/1 var(--sans);letter-spacing:0;text-transform:none}.label,.field-label,.block-head h2,.tabs button,.slider-row>span,.toggle-row>span,.meta dt,.vh-btn,.seg button,.drop-formats,.pf-summary .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}#loader{z-index:100;background:var(--bg);transition:opacity .6s var(--ease), visibility .6s;place-items:center;display:grid;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden}.loader-inner{flex-direction:column;align-items:center;gap:30px;display:flex}.loader-shape{width:260px;height:260px;display:block}.loader-status{font:400 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.topbar{height:var(--top-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line);transition:transform .4s var(--ease), background .4s, border-color .4s;align-items:center;gap:24px;padding:0 12px 0 16px;display:flex;position:fixed;top:0;left:0;right:0}body.cinema .topbar{transform:translateY(-100%)}body.is-loading .topbar,body.is-loading .side,body.is-loading .viewhead,body.is-loading .viewfoot{opacity:0}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{width:7px;height:26px;fill:var(--text);stroke:none}.brand-name{letter-spacing:-.02em;font-size:14px;font-weight:500}.brand-product{color:var(--text-3);font:400 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;border-left:1px solid var(--line-2);padding-left:10px}.nav{align-self:stretch;gap:0;display:flex}.nav-btn{color:var(--text-3);font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex:none;padding:0 12px;position:relative}.nav-btn:hover{color:var(--text-2)}.nav-btn.active{color:var(--text)}.nav-btn.active:after{content:"";background:var(--text);height:1px;position:absolute;bottom:-1px;left:12px;right:12px}.top-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.side{top:var(--top-h);width:var(--side-w);z-index:20;background:var(--panel);transition:transform .45s var(--ease), visibility .45s;flex-direction:column;display:flex;position:fixed;bottom:0}.side-left{border-right:1px solid var(--line);left:0}.side-right{border-left:1px solid var(--line);right:0}body:not(.view-studio) .side-left,body.cinema .side-left{visibility:hidden;transform:translate(-100%)}body:not(.view-studio) .side-right,body.cinema .side-right{visibility:hidden;transform:translate(100%)}.side-scroll{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex:1;overflow-y:auto}.side-foot{border-top:1px solid var(--line);gap:6px;padding:10px 14px;display:flex}.side-foot .btn{flex:1}.block{border-bottom:1px solid var(--line);flex-direction:column;gap:11px;padding:14px;display:flex}.block-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.block-head h2{color:var(--text-3);font-size:10px;font-weight:500}.source-name{font-family:var(--mono);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:11px;overflow:hidden}.tabs{border-bottom:1px solid var(--line);gap:18px;display:flex}.tabs button{color:var(--text-3);padding:5px 0 9px;font-size:10px;font-weight:500;position:relative}.tabs button:hover{color:var(--text-2)}.tabs button.active{color:var(--text)}.tabs button.active:after{content:"";background:var(--text);height:1px;position:absolute;bottom:-1px;left:0;right:0}.tab-body{flex-direction:column;gap:12px;display:flex}.drop{border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;padding:16px 0;transition:background .15s;display:block}.drop:hover,.drop.over{background:var(--raise)}.drop.over{box-shadow:inset 2px 0 0 var(--warm)}.drop svg{display:none}.drop-title{color:var(--text);letter-spacing:-.01em;font-size:14px;display:block}.drop-sub{color:var(--text-2);margin-top:2px;font-size:12.5px;display:block}.drop-sub u{-webkit-text-decoration-color:var(--text-3);text-decoration-color:var(--text-3);text-underline-offset:3px}.drop-formats{color:var(--text-3);margin-top:10px;font-size:9.5px;display:block}.note{color:var(--text-2);align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.5;display:flex}.note svg{width:13px;height:13px;margin-top:2px}.note.plain{color:var(--text-3)}.file-card{border-left:2px solid var(--text-2);background:var(--raise);grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px;padding:10px 0 10px 10px;display:grid}.file-card .fc-icon{display:none}.file-card .fc-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.file-card .fc-meta{font-family:var(--mono);letter-spacing:.06em;color:var(--text-3);text-transform:uppercase;font-size:10.5px}.file-card>div:last-child{min-width:0}.file-card.error{border-left-color:var(--fail)}.file-card.error .fc-meta{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--text-2);white-space:normal;font-size:12px}.share-foot{gap:8px;margin-top:16px;display:flex}.share-foot .btn{flex:1}#share-link{font-family:var(--mono);font-size:11px}.order{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.order li{border-top:1px solid var(--line);grid-template-columns:18px 1fr auto auto;align-items:center;gap:8px;padding:8px 0;display:grid}.order li:last-child{border-bottom:1px solid var(--line)}.order li.playing{box-shadow:inset 2px 0 0 var(--warm);padding-left:8px}.order .n{font:400 10px/1 var(--mono);color:var(--text-3)}.order .name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.order .kind{font:400 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.order input[type=number]{width:52px;font-family:var(--mono);text-align:right;padding:4px 6px;font-size:11px}.order .ops{gap:2px;display:flex}.order .ops button{width:20px;height:20px;color:var(--text-3);font:400 11px/1 var(--mono)}.order .ops button:hover{color:var(--text)}.order-foot{gap:6px;display:flex}.order-foot .btn{flex:1}.prep-h{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:26px 0 10px}.prep-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.prep-list li{border-bottom:1px solid var(--line);padding:12px 0}.prep-list b{margin-bottom:3px;font-size:13.5px;font-weight:500;display:block}.prep-list span{color:var(--text-2);font-size:12.5px;line-height:1.5}.prep-list .by-hand{font:400 9.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--warm);margin-left:8px}.prep-code{background:var(--bg);border:1px solid var(--line);font-family:var(--mono);color:var(--text);white-space:pre;margin:0 0 10px;padding:12px 14px;font-size:11.5px;line-height:1.6;overflow-x:auto}.prep-steps{color:var(--text-2);margin:0;padding-left:18px;font-size:12.5px;line-height:1.6}.prep-steps li{margin-bottom:6px}.pins{z-index:16;pointer-events:none;position:fixed;inset:0}.pins button{pointer-events:auto;background:var(--warm);color:#14100a;width:20px;height:20px;font:500 10px/20px var(--mono);text-align:center;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.pins button.active{background:#fff}body.noting #stage canvas{cursor:crosshair}.notes{counter-reset:note;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notes li{grid-template-columns:20px 1fr;align-items:start;gap:8px;display:grid}.notes .n{font:500 10px/20px var(--mono);text-align:center;background:var(--warm);color:#14100a}.notes .at{font:400 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;gap:8px;margin-bottom:4px;display:flex}.notes textarea{min-height:46px;padding:6px 8px;font-size:12.5px}.compare{flex-direction:column;gap:10px;display:flex}.compare-name{font-family:var(--mono);color:var(--text-2);justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.compare-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#compare-on{flex-direction:column;gap:10px;display:flex}.show-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.show-tile{text-align:left;border-bottom:1px solid #0000;flex-direction:column;gap:5px;padding:0 0 4px;transition:border-color .15s;display:flex}.show-tile:hover{border-bottom-color:var(--line-2)}.show-tile.active{border-bottom-color:var(--text)}.show-thumb{aspect-ratio:1/1.9;border:1px solid var(--line);background:#000 50%/contain no-repeat}.show-tile.active .show-thumb{border-color:var(--line-2)}.show-name{font:400 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.show-tile.active .show-name{color:var(--text)}.field{flex-direction:column;gap:6px;display:flex}.field.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field.two>div{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-3);font-size:10px}textarea,input:not([type=range]):not([type=checkbox]),select{border:1px solid var(--line-2);background:var(--bg);resize:none;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}textarea:focus,input:focus,select:focus{border-color:var(--text-3)}html{touch-action:manipulation}#msg-text{letter-spacing:.02em;font-weight:500;line-height:1.4}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 11px) 55%;background-repeat:no-repeat;background-size:4px 4px}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.seg{border-bottom:1px solid var(--line);flex:none;display:flex}.seg button{height:28px;color:var(--text-3);white-space:nowrap;flex:1;padding:0 8px;font-size:10px;font-weight:500;transition:color .15s;position:relative}.seg button+button:before{content:"";background:var(--line);width:1px;position:absolute;top:7px;bottom:7px;left:0}.seg button:hover{color:var(--text-2)}.seg button.active{color:var(--text)}.seg button.active:after{content:"";background:var(--text);height:1px;position:absolute;bottom:-1px;left:0;right:0}.seg-wrap{flex-wrap:wrap}.seg-wrap button{flex:auto}.seg-sm button{height:24px;padding:0 10px}.swatches{flex-wrap:wrap;gap:5px;display:flex}.swatch{border:1px solid #ffffff26;width:20px;height:20px}.swatch.active{outline:1px solid var(--text);outline-offset:2px}.slider-row{color:var(--text-3);grid-template-columns:94px 1fr 46px;align-items:center;gap:8px;font-size:9.5px;display:grid}.slider-row output{font-family:var(--mono);color:var(--text);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}input[type=range]{appearance:none;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text-2) var(--p,50%), var(--line-2) var(--p,50%));height:1px}input[type=range]::-moz-range-track{background:var(--line-2);height:1px}input[type=range]::-moz-range-progress{background:var(--text-2);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;width:3px;height:14px;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:0;width:3px;height:14px}.toggle-row{color:var(--text-3);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row i{border:1px solid var(--line-2);background:0 0;flex:none;width:26px;height:14px;transition:border-color .2s;position:relative}.toggle-row i:after{content:"";background:var(--text-3);width:8px;height:8px;transition:transform .2s var(--ease), background .2s;position:absolute;top:2px;left:2px}.toggle-row input:checked+i{border-color:var(--text-2)}.toggle-row input:checked+i:after{background:var(--text);transform:translate(12px)}.toggle-row input:focus-visible+i{outline:1px solid var(--text);outline-offset:2px}.toggle-row.inline{gap:8px}.status{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}[data-status=pass]{color:var(--pass)}[data-status=warn]{color:var(--warn)}[data-status=fail]{color:var(--fail)}[data-status=pending],[data-status=info]{color:var(--info)}.pf-summary{color:var(--text-2);margin:-4px 0 0;font-size:12px}.meta{grid-template-columns:1fr 1fr;gap:9px 16px;margin:0;display:grid}.meta dt{color:var(--text-3);font-size:9.5px}.meta dd{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:12px;overflow:hidden}.checks{margin:0;padding:0;list-style:none}.check{border-top:1px solid var(--line)}.check:last-child{border-bottom:1px solid var(--line)}.check button{text-align:left;width:100%;box-shadow:inset 2px 0 0 var(--line-2);grid-template-columns:1fr auto;align-items:baseline;gap:10px;padding:8px 14px 8px 12px;transition:background .15s;display:grid}.check:not([data-status=pass]) button{box-shadow:inset 2px 0}.check button:hover{background:var(--raise)}.check .ic{display:none}.check .t{color:var(--text);font-size:12.5px}.check .v{font-family:var(--mono);color:var(--text-3);text-align:right;font-variant-numeric:tabular-nums;font-size:10.5px}.check[data-status=pending] button{animation:1.4s steps(2,end) infinite blink}.check .d{color:var(--text-2);background:var(--raise);padding:0 14px 10px 12px;font-size:12px;line-height:1.55;display:none}.check.open .d{display:block}.check.open button{background:var(--raise)}.check .go{margin-top:6px}.viewhead,.viewfoot{left:var(--side-w);right:var(--side-w);z-index:20;background:var(--bg);transition:transform .45s var(--ease), opacity .3s, visibility .45s;align-items:center;gap:4px;padding:0 10px;display:flex;position:fixed}.viewhead{top:var(--top-h);height:var(--vh-h);border-bottom:1px solid var(--line);scrollbar-width:none;overflow-x:auto}.viewfoot{height:var(--vf-h);border-top:1px solid var(--line);gap:12px;padding:0 14px 0 8px;bottom:0}body:not(.view-studio) .viewhead,body.cinema .viewhead{opacity:0;visibility:hidden;transform:translateY(-100%)}body:not(.view-studio) .viewfoot,body.cinema .viewfoot{opacity:0;visibility:hidden;transform:translateY(100%)}.vh-group{align-self:stretch;align-items:center;gap:0;display:flex}.vh-btn{height:var(--vh-h);color:var(--text-3);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.vh-btn svg{width:13px;height:13px}.vh-btn:hover{color:var(--text-2)}.vh-btn.active{color:var(--text)}.vh-btn.active:after{content:"";background:var(--text);height:1px;position:absolute;bottom:0;left:10px;right:10px}.vh-icon{width:28px;height:26px;color:var(--text-3);flex:none;place-items:center;display:grid}.vh-icon:hover{color:var(--text)}.vh-icon.recording{color:var(--fail)}.vh-sep{background:var(--line);flex:none;width:1px;height:16px;margin:0 6px}.vh-spacer{flex:1;min-width:8px}.vh-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;padding:0 8px;font-size:10px}.tc{font-family:var(--mono);color:var(--text);font-variant-numeric:tabular-nums;font-size:12px}.tc.dim{color:var(--text-3)}.tp-track{cursor:pointer;flex:1;align-items:center;height:24px;display:flex;position:relative}.tp-track canvas#tp-heat{background:var(--line-2);width:100%;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tp-track:has(canvas#tp-wave:not([hidden])) canvas#tp-heat{height:3px;top:auto;bottom:1px;transform:none}.tp-track canvas#tp-wave{pointer-events:none;width:100%;height:26px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tp-track canvas#tp-wave:not([hidden])+canvas#tp-heat{background:0 0}.tp-track:has(canvas#tp-wave:not([hidden])) .tp-progress{height:1px;top:auto;bottom:0;transform:none}.tp-marks{pointer-events:none;position:absolute;inset:0}.tp-marks i{background:var(--warm);width:1px;position:absolute;top:2px;bottom:2px}.tp-marks i:after{content:"";background:var(--warm);width:5px;height:3px;position:absolute;top:0;left:-2px}.tp-progress{background:var(--text-2);pointer-events:none;width:0;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tp-head{background:var(--text);pointer-events:none;width:1px;height:16px;margin-left:0;position:absolute;top:50%;transform:translateY(-50%)}.viewfoot.static .tp-track,.viewfoot.static .tc,.viewfoot.static #tp-play{opacity:.3;pointer-events:none}.tp-still{font:400 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.legend{top:calc(var(--top-h) + var(--vh-h) + 10px);z-index:15;background:var(--panel);border:1px solid var(--line);font:400 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;align-items:center;gap:16px;padding:6px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.legend span{align-items:center;gap:6px;display:inline-flex}.sw{width:9px;height:9px;display:inline-block}.sw-in{background:#5d6a99}.sw-out{border:1px solid var(--line-2);background:repeating-linear-gradient(45deg,#121316 0 2px,#1d1e23 2px 4px)}.sw-warn{background:repeating-linear-gradient(45deg,#8f2c24 0 2px,#561b16 2px 4px)}.sw-spire{background:repeating-linear-gradient(90deg,#c9c3b4 0 3px,#0000 3px 5px);height:2px}.ruler{z-index:14;pointer-events:none;position:fixed;inset:0}.ruler b{font:400 10px/1 var(--mono);letter-spacing:.08em;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;transform:translate(-100%,-50%)}.ruler b:after{content:"";background:var(--line-2);width:10px;height:1px}.ruler b.end{color:var(--text-2)}.readout{z-index:40;pointer-events:none;font-family:var(--mono);background:var(--panel);border:1px solid var(--line-2);white-space:nowrap;font-variant-numeric:tabular-nums;padding:4px 8px;font-size:10.5px;position:fixed;transform:translate(12px,12px)}.readout .in{color:var(--pass)}.readout .out{color:var(--fail)}.rec{top:calc(var(--top-h) + var(--vh-h) + 10px);z-index:45;background:var(--panel);border:1px solid var(--line);font:400 11px/1 var(--mono);letter-spacing:.1em;align-items:center;gap:10px;padding:5px 10px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.rec-dot{background:var(--fail);width:7px;height:7px;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.25}}body.cinema .rec{top:12px}.page{top:var(--top-h);z-index:25;background:var(--bg);position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.page-inner{max-width:1080px;margin:0 auto;padding:48px 32px 96px}.page-inner.wide{max-width:1320px}.page-head{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:28px;position:relative}.page-head h1{letter-spacing:-.03em;font-size:32px;font-weight:500}.page-head p{color:var(--text-2);max-width:620px;margin:8px 0 0;font-size:15px}.page-close{border-radius:var(--r);width:32px;height:32px;color:var(--text-2);place-items:center;display:grid;position:absolute;top:0;right:0}.page-close:hover{background:var(--raise);color:var(--text)}.doc-grid{grid-template-columns:1fr 340px;gap:56px;display:grid}.doc-h{margin:0 0 12px;font-size:13px;font-weight:500}.doc-h:not(:first-child){margin-top:40px}.doc-p{color:var(--text-2);max-width:620px;margin:0;font-size:14px;line-height:1.65}.spec-table{border-top:1px solid var(--line);margin:0}.spec-table>div{border-bottom:1px solid var(--line);grid-template-columns:170px 1fr;gap:16px;padding:12px 0;display:grid}.spec-table dt{color:var(--text-3);font-size:13px}.spec-table dd{margin:0;font-size:14px;line-height:1.55}.spec-table .mono{font-family:var(--mono);font-size:13px}.spec-table small{color:var(--warn);margin-top:4px;font-size:12.5px;display:block}.canvas-diagram{border:1px solid var(--line);border-radius:var(--r);place-items:center;padding:16px;display:grid}.canvas-diagram svg{stroke:none;width:100%;height:420px}.downloads{flex-direction:column;gap:8px;margin-top:12px;display:flex}.dl{border:1px solid var(--line);border-radius:var(--r);text-align:left;grid-template-columns:16px 1fr;align-items:start;gap:12px;padding:10px 12px;display:grid}.dl:hover{border-color:var(--line-2);background:var(--raise)}.dl svg{color:var(--text-2);margin-top:2px}.dl b{font-size:13px;font-weight:500;display:block}.dl small{color:var(--text-3);font-size:12px}.checklist{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--line)}.checklist label{cursor:pointer;color:var(--text-2);align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.checklist input{opacity:0;position:absolute}.checklist i{border:1px solid var(--line-2);flex:none;width:16px;height:16px;position:relative}.checklist input:checked+i{background:var(--text);border-color:var(--text)}.checklist input:checked+i:after{content:"";border:solid var(--bg);border-width:0 1.5px 1.5px 0;width:4px;height:8px;position:absolute;top:1.5px;left:5px;transform:rotate(45deg)}.tips{margin:-36px 0 0;padding:0;list-style:none}.tip{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr 150px;align-items:start;gap:24px;padding:28px 0;display:grid}.tip-num{font-family:var(--mono);color:var(--text-3);padding-top:3px;font-size:13px}.tip h3{letter-spacing:-.02em;margin-bottom:8px;font-size:18px}.tip p{color:var(--text-2);max-width:640px;margin:0 0 12px;font-size:14px;line-height:1.65}.tip-art svg{stroke:none;width:100%;height:170px}.sb-controls{flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.sb-controls .seg{min-width:150px}.sb-source{align-items:center;height:32px;font-size:14px;display:flex}.sb-buttons{gap:8px;margin-left:auto;display:flex}.sb-sheet{border:1px solid var(--line);border-radius:var(--r);background:#08080a;place-items:center;min-height:260px;margin-bottom:48px;display:grid;position:relative;overflow:hidden}.sb-sheet img{width:100%;display:block}.sb-empty{color:var(--text-3);padding:60px;font-size:13px}.sb-sheet.busy:after{content:"Rendering frames";color:var(--text-2);background:#0a0a0bcc;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.archive{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.arch-card{border:1px solid var(--line);border-radius:var(--r);text-align:left;grid-template-columns:1fr 22px;gap:4px 12px;min-height:120px;padding:16px;display:grid}.arch-card:not([disabled]):hover{border-color:var(--line-2);background:var(--raise)}.arch-card[disabled]{opacity:1}.arch-card .arch-glyph{width:22px;height:88px;fill:var(--line-2);stroke:none;grid-area:1/2/span 3}.arch-card .n{font-size:16px;font-weight:500}.arch-card .k{color:var(--text-3);font-size:12px}.arch-card .s{color:var(--text-2);align-self:end;align-items:center;gap:6px;font-size:12px;display:inline-flex}.arch-card[disabled] .s{color:var(--text-3)}.arch-card .s svg{width:12px;height:12px}.modal{z-index:60;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--line-2);width:min(600px,100%);max-height:calc(100vh - 40px);padding:28px;position:relative;overflow-y:auto}.modal-card.narrow{width:min(400px,100%)}.modal-card .page-close{top:16px;right:16px}.modal-card h2{letter-spacing:-.02em;font-size:20px}.modal-lede{color:var(--text-2);max-width:480px;margin:6px 0 22px;font-size:13.5px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.form-grid .full{grid-column:1/-1}.form-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.form-error{color:var(--fail);font-size:12.5px}.credits{border-top:1px solid var(--line);margin:0 0 16px;padding:0;list-style:none}.credits li{border-bottom:1px solid var(--line);color:var(--text-2);padding:10px 0;font-size:13px}.credits b{color:var(--text);font-weight:500;display:block}.credits a{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.keys{border-top:1px solid var(--line);margin:16px 0 0}.keys>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;display:flex}.keys dt{font-family:var(--mono);font-size:12px}.keys dd{color:var(--text-2);margin:0;font-size:13px}.dropzone{z-index:80;pointer-events:none;background:#0a0a0bb3;place-items:center;display:grid;position:fixed;inset:0}.dropzone:before{content:"";border:1px solid var(--text-2);position:absolute;inset:14px}.dropzone div{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;display:flex}.dropzone svg{width:28px;height:28px}.toasts{bottom:calc(var(--vf-h) + 16px);z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r);background:var(--raise-2);border:1px solid var(--line-2);color:var(--text);animation:toast-in .25s var(--ease);max-width:90vw;padding:8px 12px;font-size:12.5px;box-shadow:0 8px 24px #0006}.toast.out{opacity:0;transition:opacity .3s}@keyframes toast-in{0%{opacity:0;transform:translateY(4px)}}.only-mobile{display:none}@media (max-width:1320px){:root{--side-w:288px}.brand-product{display:none}}@media (max-width:1120px){.nav-btn{padding:0 7px}.doc-grid{grid-template-columns:1fr}.tip{grid-template-columns:40px 1fr}.tip-art{display:none}.archive{grid-template-columns:1fr}.vh-group .vh-btn:nth-child(n+5){display:none}}@media (max-width:860px){:root{--side-w:0px}.only-desktop{display:none!important}.only-mobile{display:grid}.topbar{gap:10px;padding:0 8px 0 12px}.nav{top:var(--top-h);background:var(--bg);border-bottom:1px solid var(--line);scrollbar-width:none;height:36px;padding:0 6px;position:fixed;left:0;right:0;overflow-x:auto}.nav-btn.active:after{bottom:0}.viewhead{top:calc(var(--top-h) + 36px);left:0;right:0}.viewfoot{left:0;right:0}.side{top:auto;bottom:var(--vf-h);border:0;border-top:1px solid var(--line);width:100%;height:58vh}body:not(.sheet-content) .side-left,body:not(.sheet-preflight) .side-right{visibility:hidden;transform:translateY(100%)}.vh-group .vh-btn:nth-child(2),.vh-group .vh-btn:nth-child(n+4),.vh-btn[data-action=orbit],.vh-btn[data-action=watch],.vh-meta,.vh-sep,#dock-time,.vh-icon[data-action=record],.vh-icon[data-action=cinema]{display:none}.legend{top:calc(var(--top-h) + 36px + var(--vh-h) + 8px);gap:10px;max-width:calc(100vw - 16px);font-size:11px;overflow-x:auto}.page{top:calc(var(--top-h) + 36px)}.page-inner{padding:28px 18px 80px}.spec-table>div{grid-template-columns:1fr;gap:4px}.form-grid{grid-template-columns:1fr}.modal-card{padding:22px 18px}.sb-buttons{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.font-add{flex-wrap:wrap;gap:4px 14px;margin-top:8px;display:flex}.font-pick{grid-template-columns:1fr auto;gap:6px;margin-top:8px;display:grid}.font-pick[hidden]{display:none}#msg-font button.custom{font-style:italic}.landing{z-index:4;position:fixed;inset:0}.landing[hidden]{display:none!important}.ld-scroll{overscroll-behavior:contain;scroll-behavior:smooth;position:absolute;inset:0;overflow:hidden auto}.ld-sec{align-items:center;min-height:100svh;padding:96px clamp(20px,6vw,96px);display:flex;position:relative}.ld-col{width:min(600px,100%)}.ld-sec:not(.ld-open) .ld-col{border-left:1px solid var(--line-2);margin-left:-1px;padding-left:clamp(16px,2.5vw,34px)}.ld-kicker{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--warm,#d8a76a);margin:0 0 22px}.ld-h1{font-family:var(--sans);letter-spacing:-.035em;margin:0 0 26px;font-size:clamp(38px,5.6vw,84px);font-weight:700;line-height:.96}.ld-h2{font-family:var(--sans);letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(29px,4vw,50px);font-weight:700;line-height:1.06}.ld-lede{color:var(--text-2);max-width:46ch;margin:0 0 32px;font-size:16.5px;font-weight:300;line-height:1.62}.ld-body{color:var(--text-2);max-width:46ch;margin:0 0 26px;font-size:15.5px;font-weight:300;line-height:1.68}.ld-actions{flex-wrap:wrap;gap:10px;display:flex}.ld-cta{height:40px;padding:0 20px}.ld-scrollcue{font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin:0;position:absolute;bottom:34px;left:clamp(20px,6vw,96px)}.ld-scrollcue:after{content:"";background:linear-gradient(var(--text-3), transparent);width:1px;height:26px;margin:10px 0 0 2px;display:block}.ld-spec{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-width:460px;margin:0;display:grid}.ld-spec>div{background:var(--bg);padding:12px 14px}.ld-spec dt{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:7px}.ld-spec dd{font-family:var(--mono);color:var(--text);margin:0;font-size:13px}.ld-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;max-width:460px;margin:0;padding:0;list-style:none;display:grid}.ld-checks li{font-family:var(--mono);color:var(--text-2);align-items:center;gap:9px;font-size:12px;display:flex}.ld-checks li:before{content:"";background:var(--pass);flex:none;width:7px;height:7px}.ld-foot{color:var(--text-2);max-width:44ch;margin:30px 0 0;font-size:12.5px}.ld-foot .link{font-size:12.5px}.ld-rail{flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;top:50%;right:clamp(14px,2.4vw,30px);transform:translateY(-50%)}.ld-rail button{font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);transition:color .25s var(--ease);align-items:center;gap:10px;display:flex}.ld-rail button:after{content:"";width:18px;height:1px;transition:width .3s var(--ease);background:currentColor}.ld-rail button.active{color:var(--text)}.ld-rail button.active:after{width:34px}.ld-rail button span{opacity:0;transition:opacity .25s var(--ease)}.ld-rail button.active span,.ld-rail:hover button span{opacity:1}body.view-landing .side,body.view-landing .viewhead,body.view-landing .viewfoot,body.view-landing #legend{visibility:hidden;opacity:0;pointer-events:none}body.view-landing .topbar{background:0 0;border-bottom-color:#0000}body.view-landing .brand-product{opacity:0}body.view-landing [data-action=shortcuts]{display:none}@media (max-width:860px){.ld-sec{align-items:flex-end;padding:84px 20px 120px}.ld-col{width:100%}.ld-lede,.ld-body{max-width:none}.ld-spec{grid-template-columns:1fr 1fr}.ld-rail,.ld-scrollcue{display:none}}@media (prefers-reduced-motion:reduce){.ld-scroll{scroll-behavior:auto}}.landing:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0a0a0bf0 0%,#0a0a0bd6 30%,#0a0a0b6b 48%,#0a0a0b00 64%);position:absolute;inset:0}body.view-landing .nav-btn[data-view=mask],body.view-landing .nav-btn[data-view=storyboard]{display:none}@media (max-width:860px){.landing:before{background:linear-gradient(#0a0a0b00 6%,#0a0a0b80 22%,#0a0a0be0 38%,#0a0a0bf5 54%)}.ld-lede{font-size:15.5px;line-height:1.58}}@media (pointer:coarse){textarea,input:not([type=range]):not([type=checkbox]),select{font-size:16px}.btn{height:38px;padding:0 14px}.seg button{height:38px}.seg-sm button{height:34px}.tabs button{padding:10px 0 13px}.link{padding:9px 0}.swatch{width:30px;height:30px}.vh-icon{width:36px;height:34px}.show-tile{padding-bottom:8px}.check button{padding-top:12px;padding-bottom:12px}.toggle-row{padding:6px 0}input[type=range]{height:34px}input[type=range]::-webkit-slider-thumb{width:4px;height:20px;margin-top:-10px}input[type=range]::-moz-range-thumb{width:4px;height:20px}}