:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1c1c1c;--panel:#262626;--panel-2:#2e2e2e;--line:#3a3a3a;--ink:#e6e6e6;--muted:#9a9a9a;--accent:#4f80ff;--danger:#ff6b6b;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:.4rem .75rem}button:hover:not(:disabled){border-color:#555}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.link{color:var(--accent);background:0 0;border:none;padding:.25rem}button.link.danger{color:var(--danger)}input{font:inherit;color:inherit;border:1px solid var(--line);background:#1a1a1a;border-radius:4px;width:100%;padding:.45rem .6rem}.muted{color:var(--muted)}.error{color:var(--danger)}.hint{color:var(--muted);margin:-.5rem 0 0;font-size:.85em}.spacer{flex:1}.centered{place-items:center;min-height:100vh;padding:2rem;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.6rem;width:min(26rem,100%);padding:1.75rem;display:flex}.card h1,.card h2{margin:0;font-size:1.3rem}.card .subtitle{color:var(--muted);margin:0 0 .75rem}.card label{color:var(--muted);font-size:.85em}.card .actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.modal-backdrop{z-index:10;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.page{max-width:60rem;margin:0 auto;padding:2rem}.page-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-header h1{margin:0;font-size:1.4rem}.new-project{gap:.5rem;margin-bottom:1.5rem;display:flex}.project-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.project-list li{align-items:center;gap:.5rem;display:flex}.project-open{text-align:left;flex-direction:column;flex:1;gap:.2rem;padding:.7rem .9rem;display:flex}.editor{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.editor-bar{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.4rem .75rem;display:flex}.breadcrumb{align-items:center;gap:.25rem;display:flex}.crumb{color:var(--accent);background:0 0;border:none;padding:.2rem .35rem}.crumb:disabled{color:var(--ink);opacity:1}.breadcrumb button+button:before{content:"›";color:var(--muted);margin-right:.4rem}.editor-body{grid-template-columns:auto 1fr auto;min-height:0;display:grid}.toolbox{background:var(--panel);border-right:1px solid var(--line);width:11rem;padding:.4rem;overflow-y:auto}.toolbox ul{margin:0 0 .5rem;padding:0;list-style:none}.tool{text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;width:100%;padding:.3rem .4rem;display:flex}.tool.active{background:var(--panel-2);border-color:var(--accent)}.tool-key{width:1.2rem;color:var(--muted);text-align:center;font-size:.8em}.tool-label{font-size:.9em}.fill-panel{flex-direction:column;gap:.3rem;font-size:.8em;display:flex}.fill-panel>label{align-items:center;gap:.35rem;display:flex}.fill-panel>label>span{color:var(--muted);flex:0 0 3.4rem}.fill-panel select{flex:auto;min-width:0}.fill-row{gap:.3rem;display:flex}.fill-row input[type=number]{width:3.2rem}.stops{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.stops li{align-items:center;gap:.2rem;display:flex}.stops input[type=number]{width:2.6rem;min-width:0}.stops input[type=color]{width:1.6rem;padding:0}.tool-options{border:1px solid var(--line);border-radius:3px;flex-direction:column;gap:.3rem;margin-bottom:.5rem;padding:.35rem;display:flex}.tool-option label{align-items:center;gap:.35rem;font-size:.8em;display:flex}.tool-option label>span{color:var(--muted);flex:0 0 3.4rem}.tool-option label.checkbox>span{color:inherit;flex:auto}.tool-option select,.tool-option input[type=number]{flex:auto;min-width:0;font-size:1em}.object-drawing{width:100%;font-size:.85em}.object-drawing.active{border-color:var(--accent);color:var(--accent)}.stage-scroll{flex-direction:column;min-width:0;min-height:0;display:flex}.stage-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex}.stage-canvas-wrap{background:#141414;flex:1;place-items:center;padding:1.5rem;display:grid;position:relative;overflow:auto}.stage-canvas{box-shadow:0 2px 16px #00000080}.playback{background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:.3rem;padding:.3rem .6rem;display:flex}.playback button{min-width:2rem;padding:.2rem .4rem;line-height:1}.playback button.active{border-color:var(--accent);color:var(--accent)}.frame-readout{font-variant-numeric:tabular-nums;margin-left:.5rem}.timeline{background:var(--panel);border-top:1px solid var(--line);grid-template-columns:14rem 1fr;height:12rem;display:grid;overflow:hidden}.layer-column{border-right:1px solid var(--line);overflow-y:auto}.layer-head{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:.5rem;height:22px;padding:0 .6rem;font-size:.8em;display:flex}.layer-column ul{margin:0;padding:0;list-style:none}.layer-column li{border-bottom:1px solid var(--line);align-items:center;height:22px;display:flex}.layer{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:0;flex:1;min-width:0;height:100%;padding:0 .6rem;overflow:hidden}.layer.active{background:var(--panel-2);color:var(--accent)}.layer-toggle{opacity:.7;background:0 0;border:none;border-radius:0;width:1.6rem;height:100%;padding:0;font-size:.75em}.layer-toggle[aria-pressed=true]{opacity:1}.frame-column{position:relative;overflow:auto}.frame-scroller{position:relative}.frame-ruler{border-bottom:1px solid var(--line);height:22px;position:relative}.frame-tick{width:12px;height:22px;color:var(--muted);background:0 0;border:none;border-right:1px solid #333;border-radius:0;padding:0;font-size:.6em;position:absolute;top:0}.frame-tick.current{background:var(--accent);color:#fff}.frame-row{position:relative}.frame-ops{background:var(--panel);border-top:1px solid var(--line);gap:.25rem;padding:.25rem .6rem;display:flex}.frame-ops button{font-variant-numeric:tabular-nums;padding:.15rem .45rem;font-size:.75em}.tween-panel{background:var(--panel);border-left:1px solid var(--line);width:14rem;padding:.6rem;font-size:.85em;overflow-y:auto}.tween-panel .row{align-items:center;gap:.4rem;margin-bottom:.45rem;display:flex}.tween-panel .row>span:first-child{width:3.5rem;color:var(--muted)}.tween-panel .row.check>span{width:auto;color:var(--ink)}.tween-panel input[type=range]{flex:1;padding:0}.tween-panel .value{text-align:right;font-variant-numeric:tabular-nums;width:2.5rem}.tween-panel select,.tween-panel input[type=number]{flex:1}.warning{color:#e8c07a;background:#d9a4411f;border-left:2px solid #d9a441;margin:0 0 .5rem;padding:.35rem .5rem;font-size:.9em}.right-rail{max-width:40vw;min-height:0;display:flex;overflow-x:auto}.library-panel{background:var(--panel);border-left:1px solid var(--line);width:15rem;padding:.6rem;font-size:.85em;overflow-y:auto}.library-panel .row{align-items:center;gap:.4rem;margin-bottom:.45rem;display:flex}.library-panel .row.wrap{flex-wrap:wrap}.library-panel .row.wrap button{padding:.2rem .4rem;font-size:.9em}.library-list{margin:.5rem 0 0;padding:0;list-style:none}.library-list li{align-items:center;gap:.2rem;display:flex}.library-item{text-align:left;background:0 0;border:none;border-radius:0;flex:1;align-items:center;gap:.4rem;min-width:0;padding:.25rem .3rem;display:flex}.library-item:hover{background:var(--panel-2)}.library-kind{color:var(--accent)}.library-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.convert{border:1px solid var(--line);border-radius:4px;margin:.5rem 0;padding:.4rem}.registration-grid{grid-template-columns:repeat(3,1fr);gap:2px;width:3.6rem;margin-top:.35rem;display:grid}.registration-grid button{border-radius:0;width:1.1rem;height:1.1rem;padding:0}.registration-grid button:hover:not(:disabled){background:var(--accent)}.modify-panel{background:var(--panel);border-left:1px solid var(--line);width:11rem;padding:.6rem;font-size:.85em;overflow-y:auto}.modify-panel .row{align-items:center;gap:.4rem;margin-bottom:.45rem;display:flex}.modify-panel .row.wrap{flex-wrap:wrap}.modify-panel button{padding:.2rem .45rem;font-size:.9em}.modify-panel p.muted{margin:.3rem 0 0;line-height:1.35}.hint-list{flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;display:flex}.hint-list .hint{align-items:center;gap:.4rem;display:flex}.hint-letter{color:#1b1b1b;background:#e5484d;border-radius:50%;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;font-weight:600;display:inline-flex}.hint.accepted .hint-letter{background:#f5d90a}.bone-panel{background:var(--panel);border-left:1px solid var(--line);width:11rem;padding:.6rem;font-size:.85em;overflow-y:auto}.bone-panel .row{align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.bone-panel .row>span:first-child{width:2.2rem;color:var(--muted)}.bone-panel .row.check>span{width:auto;color:var(--ink)}.bone-panel input[type=number],.bone-panel input[type=text]{flex:1;min-width:0}.bone-panel .unit{color:var(--muted);width:1.4rem}.bone-panel .joint{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.4rem}.bone-panel p.muted{margin:.5rem 0 0;line-height:1.35}.layer-row{align-items:center;gap:.2rem;display:flex}.layer-row.kind-masked .layer,.layer-row.kind-guided .layer{padding-left:1rem}.layer-glyph{width:1em;color:var(--muted);margin-right:.3rem;display:inline-block}.layer-row.kind-mask .layer-glyph,.layer-row.kind-guide .layer-glyph{color:var(--accent)}.layer-kind{max-width:4.6rem;color:var(--muted);background:0 0;border:1px solid #0000;padding:0 .15rem;font-size:.7em}.layer-kind:hover:not(:disabled){border-color:var(--line);color:var(--ink)}.onion-controls{border-left:1px solid var(--line);gap:.15rem;margin-left:.5rem;padding-left:.5rem;display:inline-flex}.onion-controls button{padding:.1rem .35rem;font-size:.75em}.onion-marker{cursor:ew-resize;z-index:2;background:0 0;border:none;width:7px;height:100%;padding:0;position:absolute;top:0}.onion-marker:before{content:"";border-radius:2px;height:calc(100% - 4px);position:absolute;inset:2px 2px auto}.onion-marker.before:before{background:#4f80ff}.onion-marker.after:before{background:#ff7a4f}.filter-panel{background:var(--panel);border-left:1px solid var(--line);width:12rem;padding:.6rem;font-size:.85em;overflow-y:auto}.filter-panel .row{align-items:center;gap:.4rem;margin-bottom:.3rem;display:flex}.filter-panel .row>span:first-child{width:3.6rem;color:var(--muted)}.filter-panel .row.check>span{width:auto;color:var(--ink)}.filter-panel select,.filter-panel input[type=number]{flex:1;min-width:0}.filter-panel .filter{border-top:1px solid var(--line);margin-top:.4rem;padding-top:.4rem}.filter-panel .filter .row:first-child>strong{flex:1}.filter-panel p.muted{margin:.4rem 0 0;line-height:1.35}.export-dialog{width:min(30rem,92vw);max-height:88vh;overflow-y:auto}.export-dialog fieldset{border:1px solid var(--line,#3a3a3a);border-radius:4px;margin:0 0 .75rem;padding:.5rem .75rem .75rem}.export-dialog fieldset:disabled{opacity:.45}.export-dialog legend{text-transform:uppercase;letter-spacing:.04em;padding:0 .35rem;font-size:.8rem}.export-dialog .field{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.export-dialog .field.inline{flex-direction:row;align-items:center;gap:.5rem}.export-dialog .field.inline>span:first-child{min-width:6.5rem}.export-dialog input[type=number]{width:6rem}.progress{border:1px solid var(--line,#3a3a3a);border-radius:4px;align-items:center;gap:.5rem;margin:.5rem 0;padding:.35rem .5rem;display:flex;position:relative;overflow:hidden}.progress-bar{background:#4f80ff40;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.progress span{font-variant-numeric:tabular-nums;position:relative}.warning{color:#e0b060;font-size:.85rem}.error{color:#ff7a7a;font-size:.85rem}.layer-twisty{width:12px;color:inherit;cursor:pointer;background:0 0;border:0;flex:0 0 12px;padding:0;font-size:.7rem;line-height:1}.layer-row.kind-folder>.layer{font-weight:600}.layer-row.dragging{opacity:.45}.layer-row.drop-above{box-shadow:inset 0 2px #4f80ff}.layer-row.drop-below{box-shadow:inset 0 -2px #4f80ff}.layer-row.drop-inside{box-shadow:inset 0 0 0 2px #4f80ff}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.properties-panel{border-top:1px solid #2a2a2a;flex-direction:column;flex:none;gap:.4rem;width:13rem;padding:.6rem .75rem;display:flex;overflow-y:auto}.properties-panel fieldset{border:none;flex-direction:column;gap:.4rem;margin:0;padding:0;display:flex}.properties-panel .field{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.properties-panel .field>span:first-child{color:#aaa;flex:1}.properties-panel .field input[type=number]{width:5rem}