: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;--sans:"IBM Plex Sans", "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:6px;--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{border-radius:var(--r);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn svg{width:15px;height:15px}.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{background:var(--raise);border-color:#45454d}.btn-quiet{color:var(--text-2)}.btn-quiet:hover{color:var(--text);background:var(--raise)}.btn-lg{height:40px;padding:0 18px;font-size:14px}.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}#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:18px;display:flex}.loader-mark{width:14px;height:56px;fill:var(--text);stroke:none}.loader-bar{background:var(--line-2);width:160px;height:1px;overflow:hidden}.loader-bar span{background:var(--text);width:0;height:100%;transition:width .4s var(--ease);display:block}.loader-status{color:var(--text-3);font-size:12px}.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:-.01em;font-size:14px;font-weight:600}.brand-product{color:var(--text-3);border-left:1px solid var(--line-2);padding-left:10px;font-size:13px}.nav{align-self:stretch;gap:2px;display:flex}.nav-btn{color:var(--text-2);white-space:nowrap;flex:none;padding:0 10px;font-size:13px;position:relative}.nav-btn:hover,.nav-btn.active{color:var(--text)}.nav-btn.active:after{content:"";background:var(--text);height:1px;position:absolute;bottom:-1px;left:10px;right:10px}.top-actions{align-items:center;gap:6px;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:8px;padding:12px 16px;display:flex}.side-foot .btn{flex:1}.block{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:16px;display:flex}.block-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.block-head h2{font-size:13px;font-weight:600}.source-name{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-size:12px;overflow:hidden}.tabs{border-bottom:1px solid var(--line);gap:16px;display:flex}.tabs button{color:var(--text-3);padding:6px 0 9px;font-size:13px;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{text-align:center;border:1px dashed var(--line-2);border-radius:var(--r);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:22px 14px;transition:border-color .15s,background .15s;display:flex}.drop:hover,.drop.over{border-color:var(--text-3);background:var(--raise)}.drop svg{width:20px;height:20px;color:var(--text-2);margin-bottom:6px}.drop-title{font-size:14px;font-weight:500}.drop-sub{color:var(--text-2);font-size:12px}.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:8px;font-size:11px}.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:1px solid var(--line);border-radius:var(--r);background:var(--raise);grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.file-card .fc-icon{background:var(--raise-2);width:28px;height:28px;color:var(--text-2);border-radius:4px;place-items:center;display:grid}.file-card .fc-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.file-card .fc-meta{font-family:var(--mono);color:var(--text-3);font-size:11px}.file-card>div:last-child{min-width:0}.file-card.error{border-color:#e0544c66;align-items:start}.file-card.error .fc-icon{color:var(--fail)}.file-card.error .fc-meta{font-family:var(--sans);color:var(--text-2);white-space:normal;font-size:12px}.show-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.show-tile{text-align:left;border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:6px;padding:4px 4px 8px;transition:border-color .15s;display:flex}.show-tile:hover{border-color:var(--line-2)}.show-tile.active{border-color:var(--text-2)}.show-thumb{aspect-ratio:1/1.9;background:#000 50%/contain no-repeat;border-radius:3px}.show-name{color:var(--text-2);padding:0 3px;font-size:12px}.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:12px}textarea,input:not([type=range]):not([type=checkbox]),select{border:1px solid var(--line-2);border-radius:var(--r);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}@media (pointer:coarse){textarea,input:not([type=range]):not([type=checkbox]),select{font-size:16px}}#msg-text{letter-spacing:.02em;font-weight:600;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:1px solid var(--line-2);border-radius:var(--r);flex:none;gap:2px;padding:2px;display:flex}.seg button{height:26px;color:var(--text-2);white-space:nowrap;border-radius:4px;flex:1;padding:0 8px;font-size:12px;transition:background .15s,color .15s}.seg button:hover{color:var(--text)}.seg button.active{background:var(--raise-2);color:var(--text)}.seg-wrap{flex-wrap:wrap}.seg-wrap button{flex:auto}.seg-sm button{height:24px;padding:0 10px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:1px solid #ffffff26;border-radius:4px;width:22px;height:22px}.swatch.active{outline:1px solid var(--text);outline-offset:2px}.slider-row{color:var(--text-2);grid-template-columns:78px 1fr 56px;align-items:center;gap:10px;font-size:12px;display:grid}.slider-row output{font-family:var(--mono);color:var(--text-3);text-align:right;white-space:nowrap;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:2px}input[type=range]::-moz-range-track{background:var(--line-2);height:2px}input[type=range]::-moz-range-progress{background:var(--text-2);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:12px;height:12px}.toggle-row{color:var(--text-2);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row i{background:var(--line-2);border-radius:8px;flex:none;width:28px;height:16px;transition:background .2s;position:relative}.toggle-row i:after{content:"";background:var(--text-2);width:12px;height:12px;transition:transform .2s var(--ease), background .2s;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-row input:checked+i{background:var(--text-2)}.toggle-row input:checked+i:after{background:var(--bg);transform:translate(12px)}.toggle-row input:focus-visible+i{outline:1px solid var(--text);outline-offset:2px}.toggle-row.inline{gap:8px;font-size:12px}.status{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}[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:10px 16px;margin:0;display:grid}.meta dt{color:var(--text-3);font-size:11px}.meta dd{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:12px;overflow:hidden}.checks{margin:0;padding:4px 0;list-style:none}.check button{text-align:left;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;width:100%;padding:7px 16px;display:grid}.check button:hover{background:var(--raise)}.check .ic{background:currentColor;border-radius:2px;width:8px;height:8px}.check[data-status=info] .ic{background:0 0;box-shadow:inset 0 0 0 1.5px}.check[data-status=pending] .ic{background:0 0;animation:1s steps(2,end) infinite blink;box-shadow:inset 0 0 0 1.5px}.check .t{color:var(--text);font-size:12.5px}.check .v{font-family:var(--mono);color:var(--text-3);text-align:right;font-size:11px}.check .d{color:var(--text-2);background:var(--raise);padding:0 16px 10px 36px;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:6px;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{gap:2px;display:flex}.vh-btn{height:26px;color:var(--text-2);white-space:nowrap;border-radius:4px;flex:none;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.vh-btn svg{width:14px;height:14px}.vh-btn:hover{color:var(--text);background:var(--raise)}.vh-btn.active{color:var(--text);background:var(--raise-2)}.vh-icon{width:28px;height:28px;color:var(--text-2);border-radius:4px;flex:none;place-items:center;display:grid}.vh-icon:hover{color:var(--text);background:var(--raise)}.vh-icon.recording{color:var(--fail)}.vh-sep{background:var(--line-2);flex:none;width:1px;height:18px;margin:0 4px}.vh-spacer{flex:1;min-width:8px}.vh-meta{font-family:var(--mono);color:var(--text-3);white-space:nowrap;padding:0 8px;font-size:11px}.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{background:var(--line-2);width:100%;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tp-progress{background:var(--text-2);pointer-events:none;width:0;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tp-head{background:var(--text);pointer-events:none;width:2px;height:14px;margin-left:-1px;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{color:var(--text-3);font-size:12px}.legend{top:calc(var(--top-h) + var(--vh-h) + 10px);z-index:15;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);color:var(--text-2);white-space:nowrap;align-items:center;gap:14px;padding:6px 12px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.legend span{align-items:center;gap:6px;display:inline-flex}.sw{border-radius:2px;width:10px;height:10px;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}.readout{z-index:40;pointer-events:none;font-family:var(--mono);background:var(--panel);border:1px solid var(--line-2);white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:11px;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;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);font-family:var(--mono);align-items:center;gap:10px;padding:5px 10px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.rec-dot{background:var(--fail);border-radius:50%;width:8px;height:8px;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:-.02em;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:600}.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);border-radius:3px;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:-.01em;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);border-radius:8px;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:-.01em;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 dashed var(--text-2);border-radius:8px;position:absolute;inset:16px}.dropzone div{flex-direction:column;align-items:center;gap:12px;font-size:18px;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}