:root,:root[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16161e;--surface:#1c1c2a;--surface-2:#191924;--surface-3:#17171f;--sunken:#121218;--border:#2b2b40;--border-2:#33334a;--border-alt:#566c86;--text:#e6e6ef;--text-2:#b9b9cf;--text-dim:#8a8aa3;--text-faint:#55556e;--on-accent:#f4f4f4;--btn:#232336;--btn-hover:#2d2d46;--row-active:#2b2b4a;--accent:#ff563c;--accent-bg:#55231b;--accent-weak:#a03a28;--highlight:#41a6f6;--warn:#ffcd75;--danger:#b13e53;--danger-soft:#4a2a38;--check-a:#1d1d2e;--check-b:#26263a;--font-app:"Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, monospace;--font-ui:"Archivo", "Segoe UI", system-ui, sans-serif;--font-px:"Silkscreen", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;font-family:var(--app-font,var(--font-app));font-size:14px}:root[data-theme=graphite]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141414;--surface:#1e1e1e;--surface-2:#1a1a1a;--surface-3:#171717;--sunken:#101010;--border:#2c2c2c;--border-2:#3a3a3a;--border-alt:#6f7d84;--text:#ededed;--text-2:#c2c2c2;--text-dim:#909090;--text-faint:#5c5c5c;--on-accent:#fff;--btn:#262626;--btn-hover:#333;--row-active:#3a3a3a;--accent:#6a6a6a;--accent-bg:#404040;--accent-weak:#4d4d4d;--highlight:#4aa8d8;--warn:#e8b45c;--danger:#c05a5a;--danger-soft:#3a2626;--check-a:#1b1b1b;--check-b:#262626}:root[data-theme=nord]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#2e3440;--surface:#3b4252;--surface-2:#353c4a;--surface-3:#313846;--sunken:#272c36;--border:#434c5e;--border-2:#4c566a;--border-alt:#81a1c1;--text:#eceff4;--text-2:#d8dee9;--text-dim:#9aa5b8;--text-faint:#6d7a90;--on-accent:#eceff4;--btn:#434c5e;--btn-hover:#4c566a;--row-active:#4c566a;--accent:#5e81ac;--accent-bg:#4c6b93;--accent-weak:#566d8c;--highlight:#88c0d0;--warn:#ebcb8b;--danger:#bf616a;--danger-soft:#4a3238;--check-a:#2b303b;--check-b:#353c4a}:root[data-theme=daylight]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f6;--surface:#e6e6ee;--surface-2:#ececf3;--surface-3:#e0e0ea;--sunken:#fff;--border:#c9c9d8;--border-2:#b4b4c6;--border-alt:#6b7f96;--text:#1e1e28;--text-2:#3d3d52;--text-dim:#63637a;--text-faint:#9a9ab0;--on-accent:#1e1e28;--btn:#dcdce8;--btn-hover:#ccd;--row-active:#c9c9ea;--accent:#ec3013;--accent-bg:#ffddd5;--accent-weak:#ff9783;--highlight:#1f7ec4;--warn:#b8860b;--danger:#b13e53;--danger-soft:#f0d5db;--check-a:#d8d8e2;--check-b:#eaeaf2}:root[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f2f2;--surface:#eae9e9;--surface-2:#efeeee;--surface-3:#e4e3e3;--sunken:#fff;--border:#d7d3d3;--border-2:#bab6b6;--border-alt:#7d7979;--text:#201e1d;--text-2:#444141;--text-dim:#7d7979;--text-faint:#b0acac;--on-accent:#201e1d;--btn:#e2e0e0;--btn-hover:#d7d3d3;--row-active:#d0ccca;--accent:#ec3013;--accent-bg:#ffe0d9;--accent-weak:#ff9783;--highlight:#1f7ec4;--warn:#b8860b;--danger:#b13e53;--danger-soft:#f6dcd6;--check-a:#e5e2e2;--check-b:#f1efef}:root[data-theme=snow]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceff4;--surface:#e5e9f0;--surface-2:#e9edf3;--surface-3:#dde3ec;--sunken:#fff;--border:#d0d7e2;--border-2:#bcc6d5;--border-alt:#5e81ac;--text:#2e3440;--text-2:#3b4252;--text-dim:#616e88;--text-faint:#9aa4bb;--on-accent:#2e3440;--btn:#dde3ec;--btn-hover:#cfd8e5;--row-active:#c8d3e3;--accent:#5e81ac;--accent-bg:#c9d9ea;--accent-weak:#94b0cc;--highlight:#1f7ec4;--warn:#b8860b;--danger:#bf616a;--danger-soft:#f0d5db;--check-a:#dbe1ea;--check-b:#e9edf3}body{background:var(--bg);color:var(--text);margin:0;overflow:hidden}button,input,select,textarea{font-family:inherit}.app{height:100vh;font-family:var(--app-font,var(--font-app));grid-template-rows:auto auto 1fr auto auto auto;display:grid}.dim{color:var(--text-dim)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.4rem .75rem;display:flex}.brand{letter-spacing:.04em;font-weight:600}.group{align-items:center;gap:.35rem;display:flex}.path{text-overflow:ellipsis;white-space:nowrap;max-width:40%;margin-left:auto;font-size:.8rem;overflow:hidden}button{border:1px solid var(--border-2);background:var(--btn);color:inherit;cursor:pointer;border-radius:0;padding:.3rem .8rem;font-size:.85rem}button:hover:not(:disabled){background:var(--btn-hover)}button:disabled{opacity:.4;cursor:default}button.active{background:var(--accent-bg);border-color:var(--accent)}input[type=number]{border:1px solid var(--border-2);background:var(--sunken);width:3.5rem;color:inherit;border-radius:0;padding:.25rem .4rem}.tool-options{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:1rem;min-height:1.6rem;padding:.25rem .75rem;font-size:.8rem;display:flex}.tool-options .opt{color:var(--text-2);align-items:center;gap:.35rem;display:inline-flex}.tool-options input[type=number]{width:3.2rem;padding:.15rem .3rem;font-size:.8rem}.tool-options select{background:var(--sunken);color:var(--text);border:1px solid var(--border-2);border-radius:0;padding:.1rem .25rem;font-size:.8rem}.workspace{min-height:0;display:flex}.toolrail{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:.35rem;padding:.5rem .4rem;display:flex}.toolrail button{align-items:center;width:2.4rem;height:2.4rem;padding:0;font-size:1.05rem;line-height:1;display:flex}.rail-icon{text-align:center;flex:none;width:2.4rem}.toolrail.expanded button{justify-content:flex-start;width:9rem}.rail-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-right:.5rem;font-size:.8rem;overflow:hidden}.rail-expand .rail-icon{letter-spacing:-.05em;font-size:.9rem}.rail-gap{height:.75rem}.canvas-area{flex:1;min-width:0;position:relative}.editor-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-hint{color:var(--text-faint);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.layers-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;flex:none;display:flex;position:relative}.panel-resizer{z-index:2;cursor:col-resize;touch-action:none;width:6px;position:absolute;top:0;bottom:0;left:-3px}.panel-resizer:hover,.panel-resizer:focus-visible{background:var(--highlight);opacity:.55;outline:none}.panel-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border);padding:.45rem .6rem;font-size:.75rem}.layer-list{flex:1;min-height:0;overflow-y:auto}.layer-row{cursor:pointer;border-bottom:1px solid var(--btn);touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;padding:.35rem .5rem;display:flex;position:relative}.layer-row:hover{background:var(--btn)}.layer-row.active{background:var(--row-active)}.layer-eye{width:1.6rem;height:1.6rem;padding:0;font-size:.8rem;line-height:1}.layer-chevron{width:1.1rem;height:1.6rem;color:var(--text-dim);background:0 0;border:none;padding:0;font-size:.7rem;line-height:1}.layer-row.group .layer-name{color:var(--text-2);font-weight:600}.layer-row.ghosted .layer-name{opacity:.45}.layer-row.drop-above:after,.layer-row.drop-below:after{content:"";left:var(--drop-indent,0);background:var(--highlight);pointer-events:none;height:2px;position:absolute;right:0}.layer-row.drop-above:after{top:-1px}.layer-row.drop-below:after{bottom:-1px}.layer-row.drop-above:before,.layer-row.drop-below:before{content:"";left:var(--drop-indent,0);background:var(--highlight);pointer-events:none;width:2px;height:7px;position:absolute}.layer-row.drop-above:before{top:-1px}.layer-row.drop-below:before{bottom:-1px}.layer-row.drop-into{outline:2px solid var(--highlight);outline-offset:-2px}.layer-row.dragging{opacity:.45}.layer-name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.layer-row input{border:1px solid var(--accent);background:var(--sunken);width:100%;color:inherit;border-radius:0;padding:.15rem .3rem;font-size:.85rem}.layer-actions{border-top:1px solid var(--border);gap:.3rem;padding:.4rem .5rem;display:flex}.layer-actions button{flex:1;padding:.25rem 0}.layer-props{border-top:1px solid var(--border);color:var(--text-dim);flex-direction:column;gap:.4rem;padding:.5rem .6rem .7rem;font-size:.8rem;display:flex}.layer-props label{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.layer-props input[type=range]{flex:1}.layer-props select{background:var(--sunken);color:var(--text);border:1px solid var(--border-2);border-radius:0;padding:.15rem .3rem}.timeline{background:var(--surface-2);border-top:1px solid var(--border);flex-direction:column;gap:.3rem;padding:.35rem .75rem;display:flex}.tl-main{align-items:center;gap:.6rem;display:flex}.tl-controls{align-items:center;gap:.3rem;display:flex}.tl-controls button{width:2rem;height:2rem;padding:0;line-height:1}.tl-duration{color:var(--text-dim);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.tl-duration input{border:1px solid var(--border-2);background:var(--sunken);width:3.6rem;color:var(--text);border-radius:0;padding:.2rem .3rem}.tl-frames{gap:.3rem;min-width:0;padding:.1rem 0;display:flex;overflow-x:auto}.tl-frame{border:2px solid var(--border-2);cursor:pointer;background:repeating-conic-gradient(var(--check-b) 0% 25%, var(--check-a) 0% 50%) 0 0 / 10px 10px;border-radius:0;flex:none;position:relative}.tl-frame:hover{border-color:var(--accent-weak)}.tl-frame.active{border-color:var(--accent)}.tl-frame canvas{display:block}.tl-frame.tagged{box-shadow:inset 0 -3px 0 var(--danger)}.tl-frame.drop-target{border-color:var(--warn)}.tl-frame span{color:var(--text-2);text-shadow:0 0 3px #000;font-size:.65rem;position:absolute;bottom:1px;right:2px}.tl-frame-tags{pointer-events:none;height:3px;display:flex;position:absolute;bottom:0;left:0;right:0}.tl-frame-tags i{flex:auto}.tl-onion{align-items:center;gap:.2rem;display:flex}.tl-onion label{color:var(--text-dim);align-items:center;gap:.15rem;font-size:.7rem;display:flex}.tl-onion input[type=number]{border:1px solid var(--border-2);background:var(--sunken);width:2.6rem;color:var(--text);border-radius:0;padding:.15rem .2rem}.tl-scrubber{width:100%;accent-color:var(--accent)}.tl-tags{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.tag-chip{border-radius:0;padding:.15rem .6rem;font-size:.75rem}.tag-chip.active{background:var(--danger-soft);border-color:var(--danger)}.tag-chip.add{padding:.15rem .45rem}.tag-chip{align-items:center;gap:.3rem;display:inline-flex}.tag-dot{border-radius:50%;flex:none;width:8px;height:8px}.tag-editor .tag-color{width:1.8rem;height:1.4rem;padding:0}.tag-editor{color:var(--text-dim);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.tag-editor input,.tag-editor select{border:1px solid var(--border-2);background:var(--sunken);color:var(--text);border-radius:0;padding:.15rem .3rem;font-size:.75rem}.tag-editor input[type=number]{width:3rem}.tag-editor .tag-name{width:6rem}.tag-editor button{padding:.15rem .4rem}.modal-backdrop{z-index:10;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-2);border-radius:0;width:20rem;padding:1rem 1.2rem}.modal h2{margin:0 0 .8rem;font-size:1rem}.modal-row{color:var(--text-2);justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.55rem;font-size:.85rem;display:flex}.modal-row .dir-path{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--text-dim);direction:rtl;flex:1;overflow:hidden}.modal-row input[type=text]{border:1px solid var(--border-2);background:var(--sunken);width:10rem;color:var(--text);border-radius:0;padding:.25rem .4rem}.modal-row input[type=number],.modal-row select{border:1px solid var(--border-2);background:var(--sunken);width:6rem;color:var(--text);border-radius:0;padding:.25rem .4rem}.modal-row.check{justify-content:flex-start}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.9rem;display:flex}.modal-actions .primary{background:var(--accent-bg);border-color:var(--accent)}.reload-banner{z-index:20;background:var(--danger-soft);border:1px solid var(--danger);border-radius:0;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.85rem;display:flex;position:fixed;top:3rem;right:1rem;box-shadow:0 4px 16px #00000080}.palette-bar{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.cycle-strip{border-top:1px dashed var(--border);flex-wrap:wrap;flex-basis:100%;gap:.4rem;padding-top:.3rem;display:flex}.cycle-chip{background:var(--btn);border:1px solid var(--border-2);border-radius:0;align-items:center;gap:.3rem;padding:.15rem .4rem;font-size:.75rem;display:inline-flex}.cycle-chip label{align-items:center;gap:.25rem;display:inline-flex}.cycle-chip input[type=number]{width:3.6rem}.cycle-chip button{padding:.05rem .3rem;font-size:.7rem}.cycle-preview{border:1px solid var(--border-2);border-radius:0;height:1rem;display:inline-flex;overflow:hidden}.cycle-preview i{width:.45rem;height:100%}.fps-presets{gap:.1rem;display:inline-flex}.fps-presets button{opacity:.7;padding:.05rem .25rem;font-size:.65rem}.fps-presets button.active{opacity:1;border-color:var(--accent);background:var(--accent-bg)}.swatch.cycle-head{outline:2px solid var(--warn);outline-offset:1px}.hex-input{border:1px solid var(--border-2);background:var(--sunken);width:4.6rem;color:var(--text);font-family:var(--font-mono);border-radius:0;padding:.15rem .3rem;font-size:.75rem}.swatch-strip{--check:var(--border);flex-wrap:wrap;flex:1;gap:.2rem;min-width:0;max-height:4.6rem;display:flex;overflow-y:auto}.swatch{background-image:linear-gradient(45deg, var(--check,var(--border)) 25%, transparent 25%, transparent 75%, var(--check,var(--border)) 75%), linear-gradient(45deg, var(--check,var(--border)) 25%, transparent 25%, transparent 75%, var(--check,var(--border)) 75%);background-position:0 0,4px 4px;background-size:8px 8px;border:2px solid #0000;border-radius:0;width:1.5rem;height:1.5rem;padding:0}.swatch.active{border-color:var(--on-accent)}.swatch.transparent-slot{border-style:dashed;border-color:var(--border-alt)}.swatch.transparent-slot.active{border-color:var(--on-accent)}.swatch.range-selected{outline:2px solid var(--highlight);outline-offset:-1px}.swatch.in-cycle{box-shadow:inset 0 -3px 0 var(--warn)}.palette-controls{flex:none;align-items:center;gap:.3rem;display:flex}.fgbg{gap:.15rem}.fgbg-swatch{border:2px solid var(--on-accent);border-radius:0;width:1.25rem;height:1.25rem;display:inline-block}.fgbg-swatch.alt{border-color:var(--border-alt);margin-left:-.6rem}.palette-controls button{padding:.2rem .45rem;font-size:.75rem}.palette-controls input[type=range]{width:4.5rem}.palette-bar input[type=color]{border:1px solid var(--border-2);background:var(--sunken);cursor:pointer;border-radius:0;width:2.2rem;height:1.7rem;padding:0}.status-bar{background:var(--surface-3);border-top:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.25rem .75rem;font-size:.8rem;display:flex}.status-text{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-meta{white-space:nowrap;flex:none;align-items:center;gap:.8rem;display:flex}.status-swatch{font-family:var(--font-mono);align-items:center;gap:.35rem;display:inline-flex}.status-swatch i{border:1px solid var(--border-2);border-radius:0;width:.9rem;height:.9rem}.topbar .gear{flex:none;width:2rem;height:2rem;padding:0;font-size:1rem;line-height:1}.modal.settings{width:30rem;max-height:80vh;overflow-y:auto}.settings-section{margin-bottom:1rem}.settings-section>h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);border-bottom:1px solid var(--border);margin:0 0 .6rem;padding-bottom:.3rem;font-size:.75rem}.settings-field{margin-bottom:.9rem}.settings-field>.label{color:var(--text-2);margin-bottom:.35rem;font-size:.85rem;display:block}.settings-field>.hint{color:var(--text-dim);margin-top:.3rem;font-size:.75rem;display:block}.settings-sub{color:var(--text-2);margin:0 0 .2rem;font-size:.8rem;font-weight:600}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.theme-card,.section-page .theme-card{white-space:nowrap;text-overflow:ellipsis;text-align:left;align-items:center;gap:.4rem;min-width:0;padding:.35rem .45rem;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.theme-card .swatches{border:1px solid var(--border-2);border-radius:0;flex:none;display:inline-flex;overflow:hidden}.theme-card .swatches i{width:.7rem;height:1.1rem}.font-preview{border:1px solid var(--border-2);background:var(--sunken);color:var(--text-2);border-radius:0;margin-top:.4rem;padding:.5rem .6rem;font-size:.9rem}.settings-field select{border:1px solid var(--border-2);background:var(--sunken);width:100%;color:var(--text);border-radius:0;margin-bottom:.6rem;padding:.3rem .4rem;font-size:.85rem}.menubar{align-items:stretch;gap:.15rem;display:flex}.menu{position:relative}.menu-title{background:0 0;border-color:#0000;padding:.25rem .7rem}.menu-title:hover:not(:disabled),.menu-title.active{background:var(--btn-hover);border-color:var(--border-2)}.menu-popup{z-index:30;background:var(--surface);border:1px solid var(--border-2);border-radius:0;min-width:12rem;padding:.25rem;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 8px 24px #00000073}.menu-item{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:.5rem;width:100%;padding:.3rem .4rem;display:flex}.menu-item:hover:not(:disabled){background:var(--accent-bg)}.menu-check{width:.9rem;color:var(--warn);flex:none}.menu-label{flex:1}.menu-shortcut{color:var(--text-dim);flex:none;font-size:.75rem}.menu-sep{background:var(--border);height:1px;margin:.25rem .3rem}.modal-row.preset-row{flex-wrap:wrap;justify-content:flex-start;gap:.3rem}.modal-row.preset-row button{padding:.2rem .5rem;font-size:.75rem}.floating-window{z-index:8;background:var(--surface);border:1px solid var(--border-2);border-radius:0;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 28px #00000080}.fw-title{background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-2);cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem .3rem .3rem .6rem;font-size:.8rem;display:flex}.fw-close{flex:none;width:1.4rem;height:1.4rem;padding:0;font-size:.7rem;line-height:1}.fw-toolbar{border-bottom:1px solid var(--border);color:var(--text-dim);align-items:center;gap:.35rem;padding:.25rem .4rem;font-size:.75rem;display:flex}.fw-toolbar label{align-items:center;gap:.25rem;display:inline-flex}.fw-toolbar select{border:1px solid var(--border-2);background:var(--sunken);color:var(--text);border-radius:0;padding:.1rem .25rem;font-size:.75rem}.fw-toolbar button{padding:.1rem .4rem;font-size:.7rem}.fw-note{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fw-body{flex:1;min-height:0;position:relative}.fw-canvas{touch-action:none;width:100%;height:100%;display:block}.fw-canvas.pannable{cursor:grab}.fw-canvas.pannable:active{cursor:grabbing}.fw-grip{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 50%, var(--border-2) 50%, var(--border-2) 65%, transparent 65%, transparent 78%, var(--border-2) 78%);width:14px;height:14px;position:absolute;bottom:0;right:0}.shell{height:100vh;font-family:var(--app-font,var(--font-ui));display:flex}.shell-nav{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;width:216px;display:flex}.shell-brand{align-items:center;gap:var(--sp-3);padding:var(--sp-4);margin-bottom:var(--sp-2);border-bottom:2px solid var(--border);font-family:var(--font-px);letter-spacing:.02em;font-size:.93rem;line-height:1.15;display:flex}.shell-brand img{flex:none;width:34px;height:34px}.shell-brand small{font-family:var(--app-font,var(--font-ui));letter-spacing:.16em;color:var(--text-dim);margin-top:2px;font-size:.64rem;font-weight:400;display:block}.shell-version{letter-spacing:.08em;color:var(--text-faint);margin-top:3px;font-size:.57rem;display:block}.shell-group-label{padding:var(--sp-4) var(--sp-4) var(--sp-1);font-family:var(--font-px);letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:.57rem}.shell-nav .shell-item{text-align:left;width:100%;padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-3);color:var(--text);cursor:pointer;box-sizing:border-box;letter-spacing:.05em;background:0 0;border:none;border-left:4px solid #0000;border-radius:0;font-size:.93rem;font-weight:800;text-decoration:none;display:block}.shell-nav .shell-item:hover{background:var(--surface-2)}.shell-nav .shell-item.active{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--accent)}.shell-item .sub{letter-spacing:normal;color:var(--text-dim);font-size:.68rem;font-weight:400;display:block}.shell-main{background:var(--bg);flex:1;min-width:0;height:100vh;overflow:auto}.section-page{padding:var(--sp-8) var(--sp-12) var(--sp-12);max-width:880px;font-family:var(--app-font,var(--font-ui))}.section-kicker{font-family:var(--font-px);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.71rem}.section-page h1{margin:var(--sp-1) 0;letter-spacing:-.015em;font-size:2.14rem;font-weight:800;line-height:1.12}.section-page h2{letter-spacing:-.01em;font-size:1.43rem;font-weight:800}.section-page h3{font-size:1.14rem;font-weight:800}.section-lede{margin:0 0 var(--sp-4);color:var(--text-dim);font-size:1.07rem}.section-rule{border:none;border-top:2px solid var(--border);margin:0 0 var(--sp-6)}.section-page button,.section-page input,.section-page select,.section-page textarea{border-radius:0}.section-page button{padding:var(--sp-2) var(--sp-4);font-size:.93rem;font-weight:800}.section-page button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.section-page button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 85%, #000)}.placeholder-box{border:1px dashed var(--border-2);background:var(--sunken);padding:var(--sp-8) var(--sp-6);text-align:center}.placeholder-box p{margin:.25rem 0}.portfolio-card{justify-content:space-between;align-items:center;gap:var(--sp-4);border:1px solid var(--border);background:var(--surface);padding:var(--sp-4);margin-bottom:var(--sp-4);display:flex}.portfolio-card .primary{white-space:nowrap}.section-page .grid{gap:var(--sp-4)}.section-page .card{background:var(--surface);border:1px solid var(--border)}.section-page .card:hover{border-color:var(--border-2)}.section-page .card .shot{background:repeating-conic-gradient(var(--check-a) 0% 25%, var(--check-b) 0% 50%) 0 0 / 16px 16px;padding:var(--sp-3)}.section-page .grid.tight .card .shot{padding:var(--sp-1)}.section-page .sprite,.section-page .tiled,.section-page .shot .raw{border:none;border-radius:0}.section-page .sprite{background:0 0}.section-page .tiled{margin:0 var(--sp-3) var(--sp-3)}.section-page .card figcaption{padding:var(--sp-2) var(--sp-3) var(--sp-3);border-top:1px solid var(--border);margin-top:0}.section-page .card-title{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;margin-bottom:2px;font-size:.93rem;font-weight:800;display:-webkit-box;overflow:hidden}.section-page .card-meta{justify-content:space-between;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.section-page .card-dims{font-family:var(--font-px);letter-spacing:.08em;color:var(--text-dim);white-space:nowrap;font-size:.57rem}.section-page .chip{font-family:var(--font-px);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:0;padding:6px 12px;font-size:.64rem}.section-page .chip:hover{border-color:var(--text)}.section-page .chip.on{background:var(--text);border-color:var(--text);color:var(--bg)}.section-page .chip.on .count{color:var(--bg);opacity:.65}.section-page .badge{font-family:var(--font-px);color:var(--bg);border-radius:0;padding:2px 6px;font-size:.57rem}.section-page .card.set .setcover:before{border-color:var(--border);background:var(--surface);border-radius:0}.section-page .card.set.open{border:1px solid var(--border);background:var(--surface);padding:var(--sp-3);border-radius:0}.prefs-card{display:block}.prefs-card .prefs-head{justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex}.prefs-toggle{align-items:center;gap:var(--sp-2);display:inline-flex}.prefs-toggle .chev{flex:none;transition:transform .25s}.prefs-toggle .chev.up{transform:rotate(180deg)}.prefs-reveal{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.prefs-reveal.open{grid-template-rows:1fr}.prefs-reveal-inner{min-height:0;overflow:hidden}.prefs-body{margin-top:var(--sp-4);border-top:2px solid var(--border);padding-top:var(--sp-4);max-width:520px}.section-page .pane{border:1px solid var(--border);background:var(--surface);padding:var(--sp-4);border-radius:0}.section-page .chips.modes{gap:0;row-gap:var(--sp-1)}.section-page .chips.modes .chip{font-family:var(--app-font,var(--font-ui));letter-spacing:normal;text-transform:none;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-2);background:var(--bg);margin-left:-1px;font-size:.86rem;font-weight:800}.section-page .chips.modes .chip:first-child{margin-left:0}.section-page .chips.modes .chip:hover{z-index:1;border-color:var(--text);position:relative}.section-page .chips.modes .chip.on{z-index:1;background:var(--accent);border-color:var(--accent);color:var(--bg);position:relative}.section-page .btn:not(.secondary){color:var(--bg)}.section-page .btn:not(.secondary):hover:not(:disabled){background:color-mix(in srgb, var(--accent) 85%, #000);color:var(--bg)}.section-page .bar.submit{border-top:2px solid var(--border)}.section-page .thumb{border:1px solid var(--border);background:repeating-conic-gradient(var(--check-a) 0% 25%, var(--check-b) 0% 50%) 0 0 / 8px 8px;padding:var(--sp-1)}.section-page .thumb:hover{border-color:var(--border-2)}.loading-strip.slim{padding:var(--sp-2) 0}.section-page .admin-table thead td{font-family:var(--font-px);letter-spacing:.08em;text-transform:uppercase;font-size:.57rem}.section-page .portfolio-card strong{font-weight:800}.section-page .empty-well{border:1px dashed var(--border-2);background:repeating-conic-gradient(var(--check-a) 0% 25%, transparent 0% 50%) 0 0 / 28px 28px;padding:var(--sp-12) var(--sp-6);text-align:center}.section-page .empty-title{margin:0 0 var(--sp-1);font-size:1.07rem;font-weight:800}.section-page .empty-well p{margin:0 0 var(--sp-2)}.section-page .share-form{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border);gap:var(--sp-2);flex-direction:column;display:flex}.section-page .card.sharing{grid-column:1/-1}.section-page .card.sharing .shot{max-width:9rem}.section-page .card.sharing .share-form{gap:var(--sp-2) var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;display:grid}@media (width<=44rem){.section-page .card.sharing .share-form{grid-template-columns:minmax(0,1fr)}}.section-page .card.sharing .share-actions,.section-page .card.sharing .share-note{grid-column:1/-1}.section-page .share-field{flex-direction:column;gap:3px;display:flex}.section-page .share-label{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-family:var(--font-px);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:.57rem;display:flex}.section-page .share-count{font-family:var(--font-px);color:var(--text-dim);opacity:.7;font-size:.57rem}.section-page .share-form .field{background:var(--sunken);padding:var(--sp-1) var(--sp-2);font-size:.86rem}.section-page .share-form textarea.field{resize:vertical;line-height:1.4}.section-page .share-actions{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.section-page .share-actions button.primary{padding:var(--sp-1) var(--sp-3);font-size:.79rem}.section-page .share-note{color:var(--text-dim);margin:0}.loading-strip{align-items:center;gap:var(--sp-2);padding:var(--sp-6) 0;font-family:var(--font-px);letter-spacing:.18em;color:var(--text-dim);font-size:.71rem;display:flex}.loading-strip i{background:var(--accent);width:10px;height:10px;animation:.9s step-end infinite bit-pulse;display:block}.loading-strip i:nth-child(2){animation-delay:.3s}.loading-strip i:nth-child(3){animation-delay:.6s}@keyframes bit-pulse{0%,to{opacity:1}50%{opacity:.2}}:root[data-theme]{--line:var(--border);--text-mid:var(--text-dim);--accent-bright:var(--accent);--accent-soft:var(--accent);--radius:0;--radius-sm:0;--radius-lg:0;--ok:var(--accent);--err:var(--danger);--err-text:var(--danger);--font:14px/1.55 var(--app-font,"Segoe UI", system-ui, sans-serif)}.auth-row{justify-content:center;gap:.5rem;margin:.6rem 0;display:flex}.shell-account{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:2px solid var(--border);margin-top:auto;font-size:.75rem;display:flex}.section-page.roomy{max-width:1180px}button.linklike{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:400;text-decoration:underline}button.linklike:hover:not(:disabled){color:var(--highlight);background:0 0}button.linklike.danger{color:var(--danger)}button.linklike.danger:hover:not(:disabled){color:var(--danger);text-decoration-style:double}.confirm-delete{color:var(--danger);white-space:nowrap}.usage-card>div,.admin-panel>div{flex:1;min-width:0}.admin-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:.86rem}.admin-table thead td{color:var(--text-dim);border-bottom:1px solid var(--border);padding:4px 8px 4px 0}.admin-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere;padding:5px 8px 5px 0}.admin-table td.err{color:var(--danger)}.grant-input{background:var(--sunken);width:62px;color:var(--text);border:1px solid var(--border-2);border-radius:0;padding:2px 4px;font-family:inherit;font-size:.86rem}