/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#17151c;--panel:#24212a;--panel-2:#2c2833;--line:#47414f;--paper:#f3efe4;--muted:#9a93a2;--acid:#d9ff43;--violet:#856dff;--coral:#ff6b55}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:#f8f6fb;font-family:var(--font-sans),sans-serif}button,a{color:inherit;font:inherit}button{border:0}button:focus-visible{outline-offset:2px;outline:2px solid var(--acid)!important}a:focus-visible{outline-offset:2px;outline:2px solid var(--acid)!important}input:focus-visible{outline-offset:2px;outline:2px solid var(--acid)!important}select:focus-visible{outline-offset:2px;outline:2px solid var(--acid)!important}[tabindex]:focus-visible{outline-offset:2px;outline:2px solid var(--acid)!important}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.editor-shell{background:var(--ink);grid-template-rows:64px minmax(0,1fr);width:100vw;height:100svh;min-height:560px;display:grid}.app-bar{border-bottom:1px solid var(--line);z-index:5;background:#1d1a22;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;display:grid;box-shadow:0 6px 22px #09080b55}.editor-brand{color:#fff;align-items:center;gap:10px;width:max-content;text-decoration:none;display:flex}.brand-seven{background:var(--acid);width:36px;height:36px;color:var(--ink);font:22px var(--font-display);border-radius:2px 9px 2px 8px;place-items:center;display:grid;transform:rotate(-4deg)}.editor-brand>span:last-child{font:10px var(--font-mono);letter-spacing:.12em;flex-direction:column;line-height:1.25;display:flex}.editor-brand small{color:var(--violet);font-size:8px}.document-title{font:700 11px var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;display:flex}.document-title small{color:var(--muted);font-size:8px}.save-dot{background:#57e083;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #57e08318}.new-project-button{background:var(--acid);color:var(--ink);font:700 9px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:3px 10px;justify-self:end;padding:10px 14px}.app-actions{justify-self:end;align-items:center;gap:8px;display:flex}.inspector-toggle{color:#c6c0ca;font:700 8px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#332e3a;border:1px solid #514a59;border-radius:3px;padding:9px 10px;display:none}.file-menu{position:relative}.file-menu-trigger{color:#eee9f0;height:32px;font:800 8px var(--font-mono);letter-spacing:.09em;cursor:pointer;background:#332e3a;border:1px solid #5a5262;border-radius:3px;padding:0 10px}.file-menu-trigger[aria-expanded=true]{background:var(--violet);color:#fff;border-color:#a99dff}.file-menu-trigger span{color:var(--acid);margin-left:4px}.file-menu-popover{z-index:40;border:1px solid #61596a;border-top:3px solid var(--acid);background:#211e26;border-radius:2px 10px;width:285px;padding:7px;position:absolute;top:39px;right:0;box-shadow:12px 18px 45px #000c}.file-menu-status{background:#18161c;gap:4px;margin:0 0 6px;padding:11px;display:grid}.file-menu-status b{color:var(--acid);font:8px var(--font-mono);letter-spacing:.1em}.file-menu-status span{color:#f1edf4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.file-menu-status small{color:#827b89;font:7px var(--font-mono);letter-spacing:.04em}.file-menu-popover>[role=menuitem]{color:#d2ccd7;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:0 10px;font-size:11px;display:flex}:is(.file-menu-popover>[role=menuitem]:hover,.file-menu-popover>[role=menuitem]:focus-visible){color:#fff;background:#3a3442}.file-menu-popover>[role=menuitem]:disabled{color:#68616d;cursor:not-allowed}.file-menu-popover kbd{color:#8f8797;font:7px var(--font-mono)}.file-menu-rule{background:#45404a;height:1px;margin:5px 7px}.workspace-shell{grid-template-rows:minmax(0,1fr) 112px;grid-template-columns:76px minmax(300px,1fr) 280px;min-height:0;display:grid}.tool-rail{border-right:1px solid var(--line);scrollbar-width:thin;background:#201d25;flex-direction:column;grid-row:1/3;align-items:center;gap:3px;padding:10px 6px;display:flex;overflow-y:auto}.rail-label,.panel-heading,.canvas-toolbar,.timeline{font-family:var(--font-mono),monospace;letter-spacing:.09em}.rail-label{color:#756e7d;margin:2px 0 5px;font-size:7px}.tool-button{color:#aaa3b2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:62px;min-height:40px;display:flex;position:relative}.tool-button span{font-size:17px;line-height:1}.tool-button small{font:6px var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.tool-button.active{background:var(--acid);color:var(--ink);box-shadow:0 3px #101015}.tool-button:hover:not(.active){color:#fff;background:#302b37;border-color:#4d4656}.tool-button kbd{color:#706a76;font:6px var(--font-mono);position:absolute;top:2px;right:3px}.tool-button.active kbd{color:#6f791d}.grid-tool{border-top:1px solid #39333f;margin-top:4px}.grid-tool[aria-pressed=true] span{color:var(--acid)}.color-stack{cursor:pointer;background:0 0;flex:none;width:46px;min-height:46px;margin-top:auto;position:relative}.color-stack span{border:3px solid #201d25;width:31px;height:31px;position:absolute;box-shadow:0 0 0 1px #5b5463}.color-stack kbd{color:#837b8b;font:7px var(--font-mono);position:absolute;top:-9px;right:-2px}.primary-color{background:var(--acid);z-index:1;top:0;left:0}.secondary-color{background:var(--violet);bottom:0;right:0}.canvas-workspace{background:#111015;grid-template-rows:38px minmax(0,1fr);min-width:0;min-height:0;display:grid}.canvas-toolbar{border-bottom:1px solid var(--line);color:#a69fac;background:#28242e;align-items:center;gap:18px;padding:0 14px;font-size:8px;display:flex}.coordinate-readout{color:#837b8c}.view-controls{color:#c5becd;align-items:center;gap:14px;margin-left:auto;display:flex}.view-controls button{color:#a9a2b0;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;padding:3px 0}.view-controls button:hover{color:var(--acid)}.view-controls b{text-align:center;color:#f1edf4;min-width:48px;font-weight:400}.canvas-stage{background:#121116 radial-gradient(#37313e 1px,#0000 1px) 0 0/18px 18px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.pixel-canvas{touch-action:none;cursor:crosshair;image-rendering:pixelated;display:block;position:absolute;inset:0}.canvas-stage.is-panning .pixel-canvas{cursor:grabbing}.canvas-hint{color:#77707e;font:7px var(--font-mono);letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#17151ccc;border:1px solid #39343f;padding:6px 9px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.pixel-canvas-preview{aspect-ratio:1;width:min(49vh,420px);image-rendering:pixelated;background-color:#c1bac7;background-image:linear-gradient(45deg,#a8a0af 25%,#0000 25%),linear-gradient(-45deg,#a8a0af 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#a8a0af 75%),linear-gradient(-45deg,#0000 75%,#a8a0af 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;place-items:center;display:grid;position:relative;box-shadow:0 0 0 2px #756d7e,18px 22px 55px #0008}.pixel-canvas-preview:after{content:"";pointer-events:none;background-image:linear-gradient(#655e6d44 1px,#0000 1px),linear-gradient(90deg,#655e6d44 1px,#0000 1px);background-size:12.5% 12.5%;position:absolute;inset:0}.sample-sprite{filter:drop-shadow(13px 14px #30283e33);width:50%;height:55%;position:relative}.sample-sprite i{display:block;position:absolute}.sprite-ear{background:var(--violet);width:28%;height:32%;top:4%}.sprite-ear.left{left:12%;transform:rotate(-15deg)}.sprite-ear.right{right:12%;transform:rotate(15deg)}.sprite-head{background:var(--violet);border-radius:38% 38% 22% 22%;width:78%;height:56%;top:22%;left:11%}.sprite-eye{background:var(--acid);width:10%;height:13%;top:43%}.sprite-eye.left{left:31%}.sprite-eye.right{right:31%}.sprite-body{background:#684fdf;width:50%;height:34%;top:68%;left:25%}.sprite-foot{background:#3e345c;width:28%;height:10%;top:94%}.sprite-foot.left{left:17%}.sprite-foot.right{right:17%}.inspector{border-left:1px solid var(--line);background:#24212a;min-height:0;overflow:auto}.panel-section{border-bottom:1px solid var(--line);padding:18px 15px}.panel-heading{color:#c8c1ce;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:8px;display:flex}.panel-heading small{color:var(--acid);font-size:8px}.panel-heading button{cursor:pointer;background:#37323e;border:1px solid #554e5d;border-radius:3px;width:22px;height:22px}.color-preview{cursor:pointer;border:1px solid #747070;height:72px;margin-bottom:9px;display:block;position:relative;overflow:hidden}.color-preview input{opacity:0;width:1px;height:1px;position:absolute}.color-preview span{border:1px solid #17151c55;position:absolute;inset:8px}.panel-help{color:#706978;font:6px var(--font-mono);letter-spacing:.05em;margin:0 0 11px}.swatches{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.swatches button{aspect-ratio:1;cursor:pointer;border:2px solid #24212a;outline:1px solid #56505e}.swatches button.selected{outline-offset:1px;outline:2px solid #fff}.colour-values{color:#817a89;font:6px var(--font-mono);letter-spacing:.05em;justify-content:space-between;margin-top:14px;display:flex}.colour-values span{align-items:center;gap:5px;display:flex}.colour-values i{border:1px solid #716978;width:10px;height:10px;display:inline-block}.layer-row{color:#e7e2ea;text-align:left;border-left:2px solid var(--acid);cursor:pointer;background:#332e3a;align-items:center;gap:9px;width:100%;padding:10px;font-size:11px;display:flex}.layer-row i{background-color:#bdb6c4;background-image:linear-gradient(45deg,#928b99 25%,#0000 25%),linear-gradient(-45deg,#928b99 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#928b99 75%),linear-gradient(-45deg,#0000 75%,#928b99 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;width:28px;height:28px}.layer-row span{color:#827a8a;margin-left:auto;font-size:7px}.panel-empty{color:#77707f;font:8px/1.6 var(--font-mono)}.timeline{border-top:1px solid var(--line);background:#201d25;grid-column:2/4;align-items:center;gap:12px;padding:10px 14px;display:flex;overflow:hidden}.timeline-controls{border-right:1px solid var(--line);align-items:center;gap:10px;min-width:82px;height:100%;padding-right:12px;display:flex}.timeline-controls button{background:var(--acid);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:10px}.timeline-controls span{color:#9a93a2;font-size:7px}.frame{background:#302b37;border:1px solid #514a59;flex:none;width:72px;height:76px;padding:5px;position:relative}.frame.active{outline:2px solid var(--acid);outline-offset:1px}.frame span{color:var(--acid);font-size:7px;position:absolute;top:4px;right:5px}.frame i{background-color:#aaa3b0;background-image:linear-gradient(45deg,#817a87 25%,#0000 25%),linear-gradient(-45deg,#817a87 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#817a87 75%),linear-gradient(-45deg,#0000 75%,#817a87 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;width:100%;height:100%;display:block}.add-frame{color:#8f8797;height:76px;font:7px var(--font-mono);letter-spacing:.08em;cursor:pointer;background:0 0;border:1px dashed #514a59;padding:0 18px}.timeline p{color:#6f6876;white-space:nowrap;margin-left:auto;font-size:7px}.empty-state{text-align:center}.empty-state>*{z-index:1;position:relative}.empty-seven{background:var(--violet);width:62px;height:62px;color:var(--acid);font:36px var(--font-display);border-radius:5px 18px 5px 15px;place-items:center;margin-bottom:17px;display:grid;transform:rotate(-5deg);box-shadow:9px 10px #08070a}.empty-state h1{font:28px var(--font-display);letter-spacing:-.04em;text-transform:uppercase;margin:0}.empty-state p{color:#8f8797;margin:8px 0 18px;font-size:13px}.empty-state button{background:var(--acid);color:var(--ink);font:700 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:3px 10px;padding:12px 16px}.loading-state{z-index:50;background:var(--ink);color:#a9a2b0;font:8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;place-content:center;justify-items:center;gap:12px;display:grid;position:fixed;inset:0}.loading-state span{background:var(--acid);width:52px;height:52px;color:var(--ink);font:30px var(--font-display);border-radius:4px 14px 4px 12px;place-items:center;display:grid;transform:rotate(-5deg)}.save-dot.empty{box-shadow:none;background:#756e7d}.save-dot.error{background:var(--coral);box-shadow:0 0 0 4px #ff6b5518}.save-dot.saving{background:var(--violet);animation:1s ease-in-out infinite save-pulse;box-shadow:0 0 0 4px #856dff18}@keyframes save-pulse{50%{opacity:.35}}.project-dialog{color:#f7f4f9;background:#211e26;border:1px solid #57505f;border-radius:3px 22px;width:min(590px,100% - 28px);padding:0;overflow:hidden;box-shadow:20px 28px #856dff55,0 35px 90px #000c}.project-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0b0a0edb}.dialog-accent{background:linear-gradient(90deg,var(--acid) 0 55%,var(--violet) 55% 83%,var(--coral) 83%);height:7px}.project-dialog>p,.project-dialog>h1,.project-dialog>label,.project-dialog>fieldset,.project-dialog>.dimension-row,.project-dialog>.dialog-actions{margin-left:34px;margin-right:34px}.dialog-kicker{color:var(--acid);font:700 8px var(--font-mono);letter-spacing:.14em;margin-top:29px!important}.project-dialog h1{font:clamp(42px,8vw,62px)/.85 var(--font-display);letter-spacing:-.065em;text-transform:uppercase;margin-top:18px;margin-bottom:17px}.project-dialog h1 em{color:var(--violet);font-style:normal}.dialog-copy{color:#aaa3b2;max-width:450px;font-size:14px;line-height:1.45;margin-bottom:24px!important}.field-label{color:#8c8493;font:7px var(--font-mono);letter-spacing:.1em;flex-direction:column;gap:7px;display:flex}.field-label input{color:#fff;height:42px;font:12px var(--font-mono);background:#2c2833;border:1px solid #514a59;border-radius:3px;outline:none;padding:0 12px}.field-label input:focus{border-color:var(--acid);box-shadow:0 0 0 2px #d9ff4317}.preset-fieldset{border:0;margin-top:20px;padding:0}.preset-fieldset legend{color:#8c8493;font:7px var(--font-mono);letter-spacing:.1em;margin-bottom:8px}.preset-fieldset>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.preset-fieldset button{color:#e1dce5;height:54px;font:700 16px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59}.preset-fieldset button small{color:#837b8a;margin-top:3px;font-size:7px;display:block}.preset-fieldset button.selected{background:var(--acid);color:var(--ink);border-color:var(--acid);box-shadow:4px 4px #0c0b0e}.preset-fieldset button.selected small{color:#514d20}.dimension-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin-top:18px;display:grid}.dimension-row>span{color:#746d7c;height:42px;font:14px var(--font-mono);place-items:center;display:grid}.dialog-error{border-left:2px solid var(--coral);background:#ff6b5517;padding:9px 11px;color:#ff9d8e!important;font:9px var(--font-mono)!important}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:25px;margin-bottom:30px;display:flex}.dialog-actions button{font:700 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:13px 17px}.dialog-cancel{color:#aaa3b2;background:0 0}.dialog-create{background:var(--acid);color:var(--ink);border-radius:3px 10px}.dialog-create span{margin-left:26px;font-size:12px}.error-toast{z-index:30;border-left:3px solid var(--coral);background:#33252b;grid-template-columns:1fr auto;gap:2px 18px;width:min(360px,100% - 36px);padding:15px 18px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 44px #0009}.error-toast b{font-size:12px}.error-toast span{color:#d3c8ce;grid-column:1;font-size:11px}.error-toast button{color:#bfaeb6;cursor:pointer;background:0 0;grid-area:1/2/3;font-size:20px}@media (max-width:780px){.workspace-shell{grid-template-rows:minmax(0,1fr) 100px;grid-template-columns:62px minmax(240px,1fr)}.inspector{z-index:3;width:190px;height:calc(100svh - 164px);transition:all .2s;position:absolute;top:64px;right:0;transform:translate(calc(100% - 8px));box-shadow:-10px 0 28px #0008}.inspector.open,.inspector:hover,.inspector:focus-within{transform:translate(0)}.timeline{grid-column:2/3}.tool-rail{grid-row:1/3}.timeline p,.canvas-hint,.document-title{display:none}.app-bar{grid-template-columns:1fr auto}.tool-button{width:48px}.new-project-button{padding:9px 11px}.inspector-toggle{display:block}.view-controls{gap:8px}.view-controls b{min-width:40px}}@media (max-width:480px){.editor-shell{min-height:470px}.editor-brand>span:last-child{display:none}.workspace-shell{grid-template-rows:minmax(0,1fr) 86px;grid-template-columns:54px minmax(220px,1fr)}.tool-rail{padding-inline:3px}.tool-button{width:46px}.canvas-toolbar{padding-inline:9px}.canvas-toolbar>span:first-child,.view-controls button:first-child,.timeline-controls span{display:none}.timeline-controls{min-width:47px}.frame{width:58px;height:64px}.add-frame{height:64px;padding:0 10px}.inspector{height:calc(100svh - 150px)}.project-dialog>p,.project-dialog>h1,.project-dialog>label,.project-dialog>fieldset,.project-dialog>.dimension-row,.project-dialog>.dialog-actions{margin-left:22px;margin-right:22px}.project-dialog h1{font-size:40px}.preset-fieldset>div{grid-template-columns:repeat(2,1fr)}.dialog-copy{font-size:12px}}button:disabled{opacity:.35;cursor:not-allowed!important}.history-actions{gap:3px;display:flex}.history-actions button,.shortcut-button{color:#c9c2ce;cursor:pointer;background:#302b37;border:1px solid #4d4656;border-radius:3px;place-items:center;width:30px;height:30px;display:grid}.history-actions button:hover:not(:disabled),.shortcut-button:hover{border-color:var(--acid);color:var(--acid)}.active-tool-name{color:#eeeaf1;min-width:68px}.active-tool-name kbd{color:var(--acid);font-size:7px}.brush-sizes{border-left:1px solid #494350;align-items:center;gap:2px;padding-left:8px;display:flex}.brush-sizes:before{content:"BRUSH";color:#716a79;margin-right:4px;font-size:6px}.brush-sizes button{color:#9f98a6;width:24px;height:23px;font:7px var(--font-mono);cursor:pointer;background:#34303a;border:1px solid #48414f}.brush-sizes button.active{background:var(--acid);color:var(--ink);border-color:var(--acid)}.selection-readout{color:var(--violet);font-size:7px}.pixel-canvas.tool-fill,.pixel-canvas.tool-eyedropper{cursor:copy}.pixel-canvas.tool-selection{cursor:cell}.pixel-canvas.tool-custom-brush,.pixel-canvas.tool-dither,.pixel-canvas.tool-replace-colour{cursor:copy}.pixel-canvas.tool-lighten,.pixel-canvas.tool-darken,.pixel-canvas.tool-hue-shift,.pixel-canvas.tool-saturate{cursor:crosshair}.inspector{scrollbar-color:#554e5d #24212a;scrollbar-width:thin}.panel-section{padding:14px}.panel-heading{margin-bottom:11px}.panel-heading .text-action,.text-action{width:auto;height:auto;color:var(--acid);font:7px var(--font-mono);background:0 0;border:0;padding:3px 5px}.colour-picker{gap:6px;margin-bottom:10px;display:grid}.saturation-value-field{cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border:1px solid #6d6675;height:118px;position:relative;overflow:hidden}.saturation-value-field:before{content:"";background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.saturation-value-field:after{content:"";background:linear-gradient(#0000,#000);position:absolute;inset:0}.colour-picker-marker{z-index:2;pointer-events:none;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #17151c,0 1px 4px #000}.colour-slider{color:#827b8a;font:7px var(--font-mono);grid-template-columns:13px minmax(0,1fr) 29px;align-items:center;gap:6px;display:grid}.colour-slider>span{color:#bdb6c4}.colour-slider>b{text-align:right;color:#a9a2b0;font-weight:400}.colour-slider input{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:16px;margin:0}.colour-slider input::-webkit-slider-runnable-track{border:1px solid #615a68;height:8px}.colour-slider input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f5f1f7;border:1px solid #17151c;width:8px;height:14px;margin-top:-4px;box-shadow:0 0 0 1px #736b7b}.hue-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.saturation-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#888,red)}.value-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#000,#fff)}.alpha-slider input::-webkit-slider-runnable-track{background-color:#aaa;background-image:linear-gradient(90deg,#0000,#fff),linear-gradient(45deg,#777 25%,#0000 25%),linear-gradient(-45deg,#777 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#777 75%),linear-gradient(-45deg,#0000 75%,#777 75%);background-size:auto,8px 8px,8px 8px,8px 8px,8px 8px}.colour-inputs{grid-template-columns:1.5fr repeat(3,.68fr);gap:5px;display:grid}.colour-inputs label{color:#756e7d;font:6px var(--font-mono);flex-direction:column;gap:4px;display:flex}.colour-inputs input{color:#eeeaf1;width:100%;min-width:0;height:29px;font:8px var(--font-mono);background:#302c37;border:1px solid #4f4856;outline:0;padding:0 5px}.colour-inputs input:focus{border-color:var(--acid)}.colour-inputs input[type=number]{-webkit-appearance:textfield;appearance:textfield}.colour-slots{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.colour-slots button{color:#8f8796;font:6px var(--font-mono);cursor:pointer;background:#2e2a34;border:1px solid #47414e;align-items:center;gap:6px;padding:6px;display:flex}.colour-slots i{border:1px solid #6e6775;width:13px;height:13px}.subheading{color:#817989;font:6px var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:center;margin:14px 0 7px;display:flex}.subheading button{color:var(--acid);font:6px var(--font-mono);cursor:pointer;background:#36313d;border:1px solid #514a59;padding:3px 5px}.recent-swatches,.palette-editor{grid-template-columns:repeat(6,1fr);gap:5px;min-height:28px;display:grid}.recent-swatches button,.palette-editor button{aspect-ratio:1;cursor:pointer;border:2px solid #24212a;outline:1px solid #56505e}.palette-editor{grid-template-columns:repeat(5,1fr)}.palette-editor button.selected{outline-offset:1px;outline:2px solid #fff}.recent-swatches small{color:#6f6877;font:7px/1.5 var(--font-mono);grid-column:1/-1}.colour-section .panel-help{margin:9px 0 0;line-height:1.5}.layers-section{min-height:220px}.layer-actions{grid-template-columns:1.3fr repeat(3,1fr);gap:4px;margin-bottom:8px;display:grid}.layer-actions button{color:#a69fac;height:25px;font:6px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #49434f}.layer-actions button:hover:not(:disabled){color:var(--acid);border-color:#756d38}.layer-list{flex-direction:column;gap:4px;display:flex}.layer-list .layer-row{color:#e7e2ea;cursor:pointer;background:#302c37;border:1px solid #0000;border-left-width:2px;grid-template-columns:22px 28px minmax(0,1fr);align-items:center;gap:6px;width:100%;padding:6px;display:grid}.layer-list .layer-row.active{border-color:#4d4655;border-left-color:var(--acid);background:#393340}.visibility-toggle{color:#918997;cursor:pointer;background:0 0;width:20px;height:26px;font-size:9px}.layer-thumb{background-color:#bdb6c4;background-image:linear-gradient(45deg,#928b99 25%,#0000 25%),linear-gradient(-45deg,#928b99 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#928b99 75%),linear-gradient(-45deg,#0000 75%,#928b99 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;width:28px;height:28px}.layer-row input{color:#e9e4ec;width:100%;min-width:0;font:10px var(--font-sans);background:0 0;border:1px solid #0000;outline:0;padding:5px 4px}.layer-row input:focus{border-color:var(--violet);background:#25212b}.opacity-control{color:#817a89;font:6px var(--font-mono);grid-template-columns:auto 1fr 30px;align-items:center;gap:7px;margin-top:10px;display:grid}.opacity-control input{width:100%;accent-color:var(--acid)}.opacity-control b{color:#c1bac7;text-align:right;font-weight:400}.selection-section{min-height:104px}.selection-actions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.selection-actions button{color:#a69fac;height:27px;font:6px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #49434f}.selection-actions button:hover:not(:disabled){color:var(--acid);border-color:#756d38}.shortcuts-dialog{color:#fff;background:#211e26;border:1px solid #57505f;border-radius:3px 20px;width:min(680px,100% - 28px);padding:0;box-shadow:18px 24px #856dff4a,0 30px 90px #000c}.shortcuts-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a0edb}.shortcut-heading{border-bottom:1px solid #47414f;justify-content:space-between;gap:20px;padding:28px 30px 22px;display:flex}.shortcut-heading p{color:var(--acid);font:7px var(--font-mono);letter-spacing:.13em;margin:0 0 12px}.shortcut-heading h2{font:32px/.95 var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:0}.shortcut-heading>button{color:#aaa3b2;cursor:pointer;background:#302c37;border:1px solid #514a59;align-self:start;width:32px;height:32px;font-size:20px}.shortcut-grid{grid-template-columns:repeat(2,1fr);gap:6px 26px;padding:22px 30px 30px;display:grid}.shortcut-grid>div{border-bottom:1px solid #332f39;grid-template-columns:100px 1fr;align-items:center;padding:6px 0;display:grid}.shortcut-grid kbd{width:max-content;max-width:96px;color:var(--acid);font:7px var(--font-mono);background:#35303c;border:1px solid #524b5a;border-radius:2px;padding:4px 6px}.shortcut-grid span{color:#b6afbb;font-size:11px}@media (max-width:880px){.workspace-shell{grid-template-rows:minmax(0,1fr) 100px;grid-template-columns:66px minmax(240px,1fr)}.inspector{z-index:6;width:260px;height:calc(100svh - 164px);display:none;position:absolute;top:64px;right:0;transform:none;box-shadow:-10px 0 28px #0008}.inspector.open,.inspector.open:hover,.inspector.open:focus-within{display:block;transform:none}.timeline{grid-column:2/3}.tool-rail{grid-row:1/3}.timeline p,.canvas-hint,.document-title{display:none}.app-bar{grid-template-columns:1fr auto}.tool-button{width:54px}.new-project-button{padding:9px 11px}.inspector-toggle{display:block}.view-controls{gap:8px}.view-controls b{min-width:40px}.selection-readout{display:none}}@media (max-width:620px){.shortcut-button,.brush-sizes:before,.coordinate-readout{display:none}.canvas-toolbar{gap:8px;padding-inline:8px}.brush-sizes{border:0;padding-left:0}.view-controls{margin-left:auto}.view-controls button:first-child{display:none}.tool-button{min-height:38px}.tool-button small{font-size:5.5px}.shortcuts-dialog{max-height:calc(100svh - 24px);overflow:auto}.shortcut-grid{grid-template-columns:1fr}.shortcut-heading h2{font-size:26px}}@media (max-width:480px){.editor-shell{min-height:470px}.editor-brand>span:last-child{display:none}.workspace-shell{grid-template-rows:minmax(0,1fr) 86px;grid-template-columns:56px minmax(220px,1fr)}.tool-rail{padding-inline:2px}.tool-button{width:50px;min-height:36px}.tool-button span{font-size:15px}.tool-button kbd{display:none}.canvas-toolbar{padding-inline:7px}.active-tool-name{min-width:46px}.active-tool-name kbd{display:none}.brush-sizes button{width:21px}.view-controls button:last-child{font-size:0}.view-controls button:last-child:after{content:"⟲";font-size:9px}.timeline-controls span{display:none}.timeline-controls{min-width:47px}.frame{width:58px;height:64px}.add-frame{height:64px;padding:0 10px}.inspector{width:250px;height:calc(100svh - 150px)}.new-project-button{width:35px;padding:9px;font-size:0}.new-project-button:before{content:"+";font-size:14px}.history-actions button{width:27px}.app-actions{gap:5px}.project-dialog>p,.project-dialog>h1,.project-dialog>label,.project-dialog>fieldset,.project-dialog>.dimension-row,.project-dialog>.dialog-actions{margin-left:22px;margin-right:22px}.project-dialog h1{font-size:40px}.preset-fieldset>div{grid-template-columns:repeat(2,1fr)}.dialog-copy{font-size:12px}}.timeline{border-top:1px solid var(--line);background:#201d25;grid-column:2/4;grid-template-columns:240px minmax(0,1fr);align-items:stretch;gap:0;padding:0;display:grid;overflow:hidden}.transport-panel{border-right:1px solid var(--line);background:#1d1a21;align-content:center;gap:8px;min-width:0;padding:10px 12px;display:grid}.transport-buttons{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.transport-buttons button{color:#aaa3b2;min-width:0;height:28px;font:8px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #4e4756;border-radius:3px}.transport-buttons button:hover:not(:disabled),.transport-buttons button.active{border-color:var(--acid);color:var(--acid)}.transport-buttons .play-button{background:var(--acid);color:var(--ink);border-color:var(--acid);font-size:10px}.playback-settings{color:#817a89;font:6px var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;display:flex}.fps-control{align-items:center;gap:6px;display:flex}.fps-stepper{grid-template-columns:27px 38px 27px;gap:3px;display:grid}.fps-stepper button{height:28px;color:var(--acid);font:700 14px var(--font-mono);cursor:pointer;background:#3a3441;border:1px solid #5d5565;border-radius:2px}.fps-stepper button:hover:not(:disabled){background:var(--acid);color:var(--ink);border-color:var(--acid)}.fps-stepper input{color:#fff;border:1px solid var(--acid);text-align:center;width:38px;height:28px;font:9px var(--font-mono);-webkit-appearance:textfield;appearance:textfield;background:#211e26;padding:0 3px}.playback-status{color:#89818f}.playback-status.playing{color:var(--acid)}.playback-status.paused{color:var(--coral)}.onion-controls{grid-template-columns:35px 35px 1fr;align-items:center;gap:5px;display:grid}.onion-controls button{color:#7f7887;height:22px;font:6px var(--font-mono);cursor:pointer;background:#2d2933;border:1px solid #4d4655}.onion-controls button.previous[aria-pressed=true]{border-color:var(--coral);color:var(--coral);background:#ff6b5520}.onion-controls button.next[aria-pressed=true]{color:#45d7b1;background:#45d7b120;border-color:#45d7b1}.onion-controls label{color:#817a89;font:6px var(--font-mono);align-items:center;gap:5px;display:flex}.onion-controls input{width:100%;min-width:42px;accent-color:var(--violet)}.frame-timeline{grid-template-rows:52px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.timeline-heading{color:#9a92a0;min-width:0;font:7px var(--font-mono);letter-spacing:.08em;border-bottom:1px solid #39333f;align-items:center;gap:10px;padding:8px 10px;display:flex}.timeline-heading>span{color:var(--acid);white-space:nowrap}.duration-control{white-space:nowrap;align-items:center;gap:5px;display:flex}.duration-stepper{grid-template-columns:27px 52px 27px;gap:3px;display:grid}.duration-stepper input{color:#fff;border:1px solid var(--acid);text-align:center;width:52px;height:30px;font:9px var(--font-mono);-webkit-appearance:textfield;appearance:textfield;background:#211e26;padding:0 4px}.duration-stepper button{width:27px;height:30px;color:var(--acid);font:700 14px var(--font-mono);cursor:pointer;background:#3a3441;border:1px solid #5d5565;border-radius:2px;padding:0}.duration-control small{color:#817989;font-size:7px}.duration-control>button{color:#aaa3b2;height:30px;font:7px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #4b4552;padding:0 8px}.duration-stepper button:hover:not(:disabled){background:var(--acid);color:var(--ink);border-color:var(--acid)}.duration-control>button:hover,.frame-actions button:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.frame-actions{gap:5px;margin-left:auto;display:flex}.frame-actions button{color:#d0c9d5;min-width:38px;height:34px;font:700 7px var(--font-mono);letter-spacing:.05em;cursor:pointer;background:#38323f;border:1px solid #625a6a;border-radius:3px;padding:0 10px;box-shadow:0 2px #111}.frame-actions .add-action{background:var(--acid);color:var(--ink);border-color:var(--acid)}.frame-actions .add-action b{vertical-align:-1px;font-size:13px}.frame-actions .duplicate-action{color:#c9c0ff;border-color:var(--violet);background:#856dff22}.frame-actions .move-action{width:38px;padding:0;font-size:14px}.frame-actions .delete-action{color:#ff9d8e;border-color:#744b4d}.frame-strip{scrollbar-color:#554e5d #24212a;scrollbar-width:thin;scroll-snap-type:x proximity;align-items:center;gap:8px;min-width:0;padding:10px;display:flex;overflow:auto hidden}.frame-card{color:#8e8795;scroll-snap-align:nearest;cursor:pointer;background:#302b37;border:1px solid #514a59;flex:none;width:72px;height:94px;padding:5px;position:relative}.frame-card>span{z-index:2;color:#aaa3b2;min-width:15px;height:15px;font:7px var(--font-mono);background:#17151c;place-items:center;display:grid;position:absolute;top:3px;left:4px}.frame-card>i{background-color:#aaa3b0;background-image:linear-gradient(45deg,#817a87 25%,#0000 25%),linear-gradient(-45deg,#817a87 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#817a87 75%),linear-gradient(-45deg,#0000 75%,#817a87 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;place-items:center;height:68px;display:grid;overflow:hidden}.frame-card canvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.frame-card>small{color:#807887;font:6px var(--font-mono);margin-top:5px;display:block}.frame-card.active{border-color:var(--acid);box-shadow:0 0 0 2px var(--acid)}.frame-card.playhead:after{content:"";background:var(--coral);height:3px;position:absolute;top:-5px;left:-1px;right:-1px;box-shadow:0 0 10px #ff6b5588}.frame-card.playhead>span{background:var(--coral);color:var(--ink)}.timeline-empty{color:#716a78;font:7px var(--font-mono);letter-spacing:.08em;margin:auto}.pixel-canvas.playback-preview{cursor:not-allowed}@media (max-width:880px){.workspace-shell{grid-template-rows:minmax(0,1fr) 164px}.timeline{grid-column:2/3;grid-template-columns:126px minmax(0,1fr)}.transport-panel{gap:5px;padding:7px}.transport-buttons{grid-template-columns:repeat(3,1fr)}.transport-buttons button{height:25px}.playback-settings{grid-template-columns:1fr;display:grid}.fps-control{justify-content:space-between}.fps-stepper{grid-template-columns:25px 34px 25px}.fps-stepper input{width:34px}.playback-status{display:none}.onion-controls{grid-template-columns:1fr 1fr}.onion-controls label{grid-column:1/-1}.frame-timeline{grid-template-rows:72px minmax(0,1fr)}.timeline-heading{grid-template-rows:30px 34px;grid-template-columns:auto 1fr;gap:2px 6px;padding:4px 7px;display:grid}.duration-control{justify-self:end}.duration-stepper{grid-template-columns:23px 45px 23px}.duration-stepper input{width:45px}.duration-stepper button{width:23px}.frame-actions{grid-column:1/-1;grid-template-columns:1.4fr 1.1fr .6fr .6fr .9fr;gap:3px;margin:0;display:grid}.frame-actions button{height:30px;padding:0 3px;font-size:7px}.frame-actions .move-action{width:auto;font-size:13px}.frame-strip{gap:6px;padding:7px}.frame-card{width:62px;height:78px}.frame-card>i{height:54px}.frame-card>small{margin-top:3px}.inspector{height:auto;bottom:164px}}@media (max-width:480px){.workspace-shell{grid-template-rows:minmax(0,1fr) 160px}.timeline{grid-template-columns:100px minmax(0,1fr)}.transport-panel{padding:5px}.transport-buttons{gap:2px}.transport-buttons button{height:23px;font-size:7px}.fps-stepper{grid-template-columns:22px 31px 22px;gap:2px}.fps-stepper button,.fps-stepper input{height:24px}.fps-stepper input{width:31px}.onion-controls button{height:19px;font-size:6px}.onion-controls label{font-size:6px}.frame-timeline{grid-template-rows:72px minmax(0,1fr)}.timeline-heading{font-size:7px}.duration-stepper{grid-template-columns:20px 39px 20px;gap:2px}.duration-stepper input{width:39px;height:24px}.duration-stepper button{width:20px;height:24px;font-size:12px}.duration-control>button{height:24px;padding:0 4px}.frame-actions button{font-size:0}.frame-actions .add-action b{font-size:13px}.frame-actions .add-action:after{content:"ADD";font-size:7px}.frame-actions .duplicate-action:after{content:"DUP";font-size:7px}.frame-actions .delete-action:after{content:"DEL";font-size:7px}.frame-actions .move-action{font-size:13px}.frame-card{width:58px;height:72px}.frame-card>i{height:49px}.inspector{height:auto;bottom:160px}}.app-text-button{color:#aaa3b2;font:700 7px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;padding:7px 6px}.app-text-button:hover:not(:disabled){color:var(--acid)}.utility-dialog{color:#fff;background:#211e26;border:1px solid #57505f;border-radius:3px 20px;width:min(720px,100% - 28px);max-height:calc(100svh - 32px);padding:0;overflow:auto;box-shadow:18px 24px #856dff4a,0 30px 90px #000c}.utility-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0a0edb}.utility-dialog>header{z-index:2;border-top:6px solid var(--acid);background:#211e26;border-bottom:1px solid #47414f;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 28px 20px;display:flex;position:sticky;top:0}.utility-dialog header p{color:var(--acid);font:7px var(--font-mono);letter-spacing:.13em;margin:0 0 8px}.utility-dialog header h2{font:34px/.95 var(--font-display);letter-spacing:-.045em;text-transform:uppercase;margin:0}.utility-dialog header>button{color:#aaa3b2;cursor:pointer;background:#302c37;border:1px solid #514a59;flex:none;width:32px;height:32px;font-size:20px}.privacy-strip{color:#cbe858;font:7px var(--font-mono);letter-spacing:.05em;background:#d9ff4312;border-bottom:1px solid #515c2d;padding:9px 28px}.library-actions{padding:15px 28px 0}.primary-action{background:var(--acid)!important;color:var(--ink)!important;border-color:var(--acid)!important}.project-list{gap:7px;padding:15px 28px 28px;display:grid}.project-list article{background:#2c2833;border:1px solid #47414f;border-left:3px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid;position:relative}.project-list article.active{border-left-color:var(--acid);background:#332f39}.project-open{text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;min-width:0;display:flex}.project-thumb{width:48px;height:48px;color:var(--violet);font:13px var(--font-mono);background:#17151c;flex:none;place-content:center;display:grid}.project-thumb small{font-size:7px;display:inline}.project-open>span:last-child{gap:5px;min-width:0;display:grid}.project-open b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-open small{color:#8e8795;font:6.5px var(--font-mono)}.project-row-actions{gap:3px;display:flex}.project-row-actions button,.delete-confirm button,.library-actions button,.export-options article>button,.import-options article>button{color:#b7b0bd;font:7px var(--font-mono);cursor:pointer;background:#37323e;border:1px solid #514a59;padding:8px 9px}.danger{color:#ff9d8e!important;border-color:#784a48!important}.delete-confirm{color:#f1d5d1;background:#422b31;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:7px;padding:8px;font-size:10px;display:flex}.delete-confirm span{margin-right:auto}.library-empty{color:#9d96a3;border:1px dashed #514a59;place-items:center;gap:6px;padding:36px;display:grid}.library-empty span{font-size:11px}.export-options,.import-options{grid-template-columns:1fr 1fr;gap:10px;padding:24px 28px 28px;display:grid}.export-options article,.import-options article{background:#2c2833;border:1px solid #47414f;padding:16px}.export-options h3,.import-options h3{font:17px var(--font-display);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 7px}.export-options p,.import-options p{color:#aaa3b2;min-height:42px;margin:0 0 13px;font-size:11px;line-height:1.45}.export-options code,.import-options code,.about-dialog code{color:var(--acid);font:9px var(--font-mono)}.sheet-options{grid-column:1/-1}.segmented{gap:4px;margin:10px 0;display:flex}.segmented button{color:#9f98a6;text-transform:capitalize;font:7px var(--font-mono);cursor:pointer;background:#36313d;border:1px solid #514a59;flex:1;padding:8px}.segmented button[aria-pressed=true]{background:var(--violet);color:#fff;border-color:var(--violet)}.export-number-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.export-number-grid label{color:#8c8493;font:7px var(--font-mono);text-transform:uppercase;gap:5px;display:grid}.export-number-grid input{color:#fff;background:#211e26;border:1px solid #514a59;width:100%;height:34px;padding:0 8px}.about-dialog section{padding:28px}.about-dialog section p{color:#c3bdc7;font-size:13px;line-height:1.6}.about-seven{float:left;background:var(--acid);width:70px;height:70px;color:var(--ink);font:40px var(--font-display);border-radius:4px 16px 4px 14px;place-items:center;margin:0 18px 10px 0;display:grid;transform:rotate(-4deg)}.about-note{clear:both;letter-spacing:.08em;text-transform:uppercase;padding-top:12px;color:#817989!important;font:7px var(--font-mono)!important}.first-use-guide{z-index:12;border:1px solid #61596a;border-left:3px solid var(--acid);background:#211e26;width:275px;padding:15px 17px;position:fixed;top:82px;left:94px;box-shadow:10px 14px 30px #0009}.first-use-guide>button:first-child{color:#98919f;cursor:pointer;background:0 0;font-size:17px;position:absolute;top:7px;right:8px}.first-use-guide p{color:var(--acid);font:7px var(--font-mono);letter-spacing:.12em;margin:0 0 9px}.first-use-guide ol{color:#c1bbc6;margin:0;padding-left:17px;font-size:11px;line-height:1.8}.first-use-guide kbd{color:var(--acid);font:7px var(--font-mono);background:#39333f;padding:2px 4px}.guide-done{background:var(--acid);color:var(--ink);font:7px var(--font-mono);cursor:pointer;margin-top:10px;padding:7px 9px}@media (max-width:1100px){.about-button{display:none}.app-actions{gap:4px}.app-text-button{padding-inline:3px}}@media (max-width:880px){.app-text-button{border:1px solid #4d4656;border-radius:3px;width:31px;height:30px;font-size:0}.projects-button:after{content:"P";font-size:8px}.import-button:after{content:"I";font-size:8px}.export-button:after{content:"E";font-size:8px}.first-use-guide{left:74px}}@media (max-width:620px){.export-options,.import-options{grid-template-columns:1fr;padding:16px}.sheet-options{grid-column:auto}.project-list{padding:12px 16px 20px}.project-list article{grid-template-columns:1fr}.project-row-actions{justify-content:flex-end}.delete-confirm{flex-wrap:wrap}.utility-dialog>header{padding:20px}.utility-dialog header h2{font-size:28px}.first-use-guide{width:min(270px,100vw - 78px);top:72px;left:66px}}@media (max-width:480px){.app-text-button{display:none}.export-number-grid{grid-template-columns:1fr}.utility-dialog{width:calc(100% - 14px)}.project-open small{line-height:1.5}}.utility-dialog,.project-dialog,.shortcuts-dialog{margin:auto}.save-as-dialog{width:min(510px,100% - 28px)}.save-as-dialog form{gap:18px;padding:24px 28px 28px;display:grid}.save-as-dialog form>p{color:#aaa3b2;margin:0;font-size:12px;line-height:1.55}.save-as-dialog form>label{color:#9b93a1;font:8px var(--font-mono);letter-spacing:.08em;gap:7px;display:grid}.save-as-dialog input{color:#fff;width:100%;height:44px;font:12px var(--font-mono);background:#18161c;border:1px solid #5a5262;padding:0 12px}.save-as-dialog .dialog-actions{justify-content:flex-end;gap:7px;display:flex}.save-as-dialog .dialog-actions button{color:#cac3cf;min-height:38px;font:8px var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#37323e;border:1px solid #554e5d;padding:0 14px}@media (max-width:480px){.file-menu-trigger{width:36px;padding:0;font-size:0}.file-menu-trigger:before{content:"FILE";font:800 7px var(--font-mono)}.file-menu-trigger span{display:none}.file-menu-popover{width:auto;position:fixed;top:58px;left:7px;right:7px}.save-as-dialog form{padding:20px}}.editor-shell :is(.rail-label,.tool-button small,.tool-button kbd,.canvas-hint,.panel-help,.colour-inputs label,.colour-slots button,.subheading,.subheading button,.layer-actions button,.opacity-control,.selection-actions button,.playback-settings,.onion-controls button,.onion-controls label,.timeline-heading,.duration-control small,.duration-control>button,.frame-actions button,.frame-card>span,.frame-card>small,.timeline-empty,.app-text-button,.utility-dialog header p,.privacy-strip,.project-open small,.project-row-actions button,.delete-confirm button,.library-actions button,.export-options article>button,.import-options article>button,.export-options code,.import-options code,.about-dialog code,.segmented button,.export-number-grid label,.about-note,.first-use-guide p,.first-use-guide kbd,.guide-done){font-size:8px}.editor-shell :is(.editor-brand small,.document-title small,.new-project-button,.inspector-toggle,.canvas-toolbar,.panel-heading,.panel-heading small,.panel-empty,.colour-slider,.colour-inputs input,.layer-row input,.transport-buttons button,.fps-stepper input,.duration-stepper input){font-size:9px}.editor-shell :is(.editor-brand>span:last-child,.document-title,.project-open b,.error-toast span,.shortcut-grid span,.library-empty span,.export-options p,.import-options p,.first-use-guide ol){font-size:12px}@media (max-width:880px){.editor-shell .app-text-button{font-size:0}.editor-shell .projects-button:after,.editor-shell .import-button:after,.editor-shell .export-button:after{font-size:9px}}@media (max-width:480px){.editor-shell .new-project-button,.editor-shell .frame-actions button{font-size:0}.editor-shell .frame-actions .move-action{font-size:13px}}.selection-align{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:7px;display:grid}.selection-align button{color:#b6afbb;cursor:pointer;background:#302c37;border:1px solid #4d4655;height:29px;padding:0;font-size:13px}.selection-align button:hover:not(:disabled){color:var(--acid);border-color:var(--acid)}.nudge-step{color:#918997;font:8px var(--font-mono);letter-spacing:.05em;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.nudge-step input{color:#fff;text-align:center;width:52px;height:29px;font:9px var(--font-mono);background:#211e26;border:1px solid #514a59;padding:0 6px}.open-transform-button{color:#c9c0ff;border:1px solid var(--violet);width:100%;height:32px;font:700 8px var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#856dff24;margin-top:8px}.open-transform-button:hover:not(:disabled){background:var(--violet);color:#fff}.symmetry-options{grid-template-columns:1fr 1fr;gap:5px;display:grid}.symmetry-options button{color:#aaa3b2;min-height:31px;font:8px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #4d4655;padding:5px}.symmetry-options button[aria-pressed=true]{color:var(--acid);border-color:var(--acid);box-shadow:inset 3px 0 0 var(--acid);background:#d9ff431a}.transform-dialog{width:min(920px,100% - 28px)}.transform-layout{grid-template-columns:minmax(330px,.9fr) minmax(300px,1.1fr);min-height:470px;display:grid}.transform-controls,.transform-preview{padding:22px 25px}.transform-controls{border-right:1px solid #47414f}.transform-dimensions{grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;padding-bottom:18px;display:grid}.transform-dimensions label{color:#948c9b;font:8px var(--font-mono);letter-spacing:.08em;gap:6px;display:grid}.transform-dimensions input{color:#fff;width:100%;height:38px;font:13px var(--font-mono);background:#18161c;border:1px solid #5b5362;padding:0 10px}.transform-dimensions span{color:var(--acid);font:18px var(--font-display);padding-bottom:10px}.transform-group{border-top:1px solid #403a46;padding:17px 0}.transform-group-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.transform-group-heading b{color:var(--acid);font:8px var(--font-mono);letter-spacing:.11em}.transform-group-heading span{color:#98909e;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.anchor-and-actions{grid-template-columns:105px 1fr;gap:12px;display:grid}.anchor-grid{grid-template-rows:repeat(3,31px);grid-template-columns:repeat(3,31px);gap:4px;display:grid}.anchor-grid button{cursor:pointer;background:#302b37;border:1px solid #514a59;padding:0;position:relative}.anchor-grid button i{background:#77707e;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anchor-grid button.active{border-color:var(--acid);background:#d9ff4313}.anchor-grid button.active i{background:var(--acid);box-shadow:0 0 8px #d9ff4388}.stacked-transform-actions{grid-template-columns:1fr;gap:5px;display:grid}.stacked-transform-actions button,.transform-action-grid button{color:#c0bac4;min-height:31px;font:8px var(--font-mono);cursor:pointer;background:#35303c;border:1px solid #534c5b;padding:6px 8px}.stacked-transform-actions button:hover:not(:disabled),.transform-action-grid button:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.scope-select{color:#918997;font:8px var(--font-mono);grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:9px;display:grid}.scope-select select{color:#fff;background:#211e26;border:1px solid #554e5d;height:34px;padding:0 8px;font-size:11px}.transform-action-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.transform-action-grid button:first-child{color:#c9c0ff;background:#856dff20;border-color:#6f60bd;grid-column:1/-1}.transform-preview{background:#1d1a22;flex-direction:column;min-width:0;display:flex}.transform-preview-canvas{background-color:#aaa3b0;background-image:linear-gradient(45deg,#817a87 25%,#0000 25%),linear-gradient(-45deg,#817a87 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#817a87 75%),linear-gradient(-45deg,#0000 75%,#817a87 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border:1px solid #514a59;flex:1;place-items:center;min-height:300px;padding:18px;display:grid;overflow:hidden}.transform-preview-canvas canvas{object-fit:contain;width:100%;height:100%;max-height:330px;image-rendering:pixelated}.transform-preview-canvas>span{color:#696270;text-align:center;background:#211e26d9;max-width:260px;padding:13px;font-size:11px;line-height:1.5}.transform-preview-canvas>span.preview-error{color:#ffb4aa;border:1px solid #784a48}.transform-warning{color:#ffc2b9;background:#ff6b5517;border:1px solid #794847;gap:5px;margin:12px 0 0;padding:10px;font-size:10px;line-height:1.45;display:grid}.transform-warning b{color:var(--coral);font:8px var(--font-mono);letter-spacing:.08em}.transform-summary{color:#98919f;font:8px var(--font-mono);margin:9px 0 0}.transform-confirm-actions{justify-content:flex-end;gap:7px;margin-top:13px;display:flex}.transform-confirm-actions button{color:#b7b0bd;min-height:34px;font:8px var(--font-mono);cursor:pointer;background:#37323e;border:1px solid #514a59;padding:7px 12px}.transform-empty{color:#aaa3b2;padding:30px}.transform-dialog button:disabled,.selection-section button:disabled{opacity:.35;cursor:not-allowed}@media (max-width:1100px){.transform-button{border:1px solid #4d4656;border-radius:3px;width:31px;height:30px;font-size:0}.transform-button:after{content:"T";font-size:9px}}@media (max-width:720px){.transform-dialog{width:calc(100% - 14px)}.transform-layout{grid-template-columns:1fr}.transform-controls{border-bottom:1px solid #47414f;border-right:0}.transform-preview-canvas{min-height:230px}.transform-dialog>header{position:relative}.transform-controls,.transform-preview{padding:17px}}.canvas-workspace{position:relative}.workspace-shell{grid-template-rows:minmax(0,1fr) 274px}.clip-timeline{grid-template-columns:238px minmax(0,1fr)}.clip-timeline .transport-panel{padding:12px}.active-playback-mode{height:28px;color:var(--acid);font:10px var(--font-mono);background:#26222c;border:1px solid #4e4756;place-items:center;display:grid}.clip-timeline .frame-timeline{grid-template-rows:94px 52px minmax(0,1fr) 18px}.clip-ribbon{scrollbar-width:thin;scrollbar-color:#554e5d #19171e;background:#19171e;border-bottom:1px solid #3d3744;min-width:0;padding:7px 10px 5px;overflow:auto hidden}.clip-tabs{scrollbar-width:thin;scrollbar-color:#554e5d transparent;gap:5px;min-width:0;padding-bottom:5px;display:flex;overflow-x:auto}.clip-tabs>button{color:#a8a1ad;height:31px;font:700 8px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #514a59;border-radius:3px;flex:none;align-items:center;gap:6px;padding:0 9px;display:flex}.clip-tabs>button small{color:#817989;background:#1b181f;place-items:center;width:15px;height:15px;font-size:7px;display:grid}.clip-tabs>button i{color:#746d7b;font-size:7px;font-style:normal}.clip-tabs>button.active{color:var(--acid);border-color:var(--acid);box-shadow:inset 0 -2px 0 var(--acid);background:#d9ff4316}.clip-tabs>button.active small{background:var(--acid);color:var(--ink)}.clip-tabs .add-clip-tab{color:#c9c0ff;border-color:var(--violet);background:#856dff22}.clip-editor{align-items:center;gap:6px;min-width:760px;display:flex}.clip-editor>input{color:#fff;width:124px;height:29px;font:9px var(--font-mono);background:#24212a;border:1px solid #514a59;padding:0 8px}.clip-editor>label{color:#817989;font:7px var(--font-mono);align-items:center;gap:4px;display:flex}.clip-editor>label input{color:#fff;text-align:center;width:40px;height:29px;font:9px var(--font-mono);background:#24212a;border:1px solid #514a59;padding:0 4px}.clip-modes,.clip-fps,.clip-actions{gap:3px;display:flex}.clip-modes button,.clip-fps>button,.clip-actions button{color:#98919f;height:29px;font:7px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #4d4655;padding:0 7px}.clip-modes button[aria-pressed=true],.clip-fps>button[aria-pressed=true],.clip-fps>button.active{color:var(--acid);border-color:var(--acid);background:#d9ff4316}.clip-fps .fps-stepper{grid-template-columns:22px 32px 22px}.clip-fps .fps-stepper button,.clip-fps .fps-stepper input{height:29px}.clip-fps .fps-stepper input{width:32px}.clip-actions{margin-left:auto}.clip-actions button:last-child{color:#ff9d8e;border-color:#744b4d}.clip-editor button:disabled{opacity:.35;cursor:not-allowed}.clip-timeline .timeline-heading{padding-inline:10px}.clip-timeline .frame-strip{padding-top:8px;padding-bottom:6px}.frame-card{position:relative}.frame-card.in-active-clip{border-top:3px solid var(--acid)}.frame-card.outside-active-clip{opacity:.55}.frame-card>em{color:#c9c0ff;max-width:36px;font:7px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-style:normal;position:absolute;top:3px;right:4px;overflow:hidden}.frame-card.active.outside-active-clip{opacity:.82}.clip-sharing-note{color:#6f6875;font:7px var(--font-mono);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;background:#19171e;margin:0;padding:4px 10px;overflow:hidden}.animation-preview-panel{z-index:4;border:1px solid #625a6a;border-top:3px solid var(--acid);background:#211e26;border-radius:3px 13px;grid-template-rows:48px minmax(0,1fr) auto;width:min(390px,100% - 36px);height:min(455px,100% - 76px);display:grid;position:absolute;top:56px;right:18px;overflow:hidden;box-shadow:12px 16px 34px #000a,7px 8px #856dff35}.animation-preview-panel.compact{grid-template-rows:42px minmax(0,1fr);width:222px;height:244px}.animation-preview-panel>header{background:#24212a;border-bottom:1px solid #47414f;justify-content:space-between;align-items:center;gap:10px;padding:7px 9px;display:flex}.animation-preview-panel>header>span{gap:3px;min-width:0;display:grid}.animation-preview-panel>header b{color:#fff;font:15px var(--font-display);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;overflow:hidden}.animation-preview-panel>header small{color:var(--acid);font:7px var(--font-mono);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-preview-panel>header>div{gap:3px;display:flex}.animation-preview-panel>header button{color:#b7b0bd;width:29px;height:29px;font:10px var(--font-mono);cursor:pointer;background:#34303b;border:1px solid #534c5b;padding:0}.animation-preview-panel>header button:first-child{background:var(--acid);color:var(--ink);border-color:var(--acid)}.preview-stage{scrollbar-width:thin;scrollbar-color:#554e5d #24212a;background-position:0 0;place-items:center;min-width:0;min-height:0;display:grid;overflow:auto}.preview-stage.background-transparent{background-color:#aaa3b0;background-image:linear-gradient(45deg,#817a87 25%,#0000 25%),linear-gradient(-45deg,#817a87 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#817a87 75%),linear-gradient(-45deg,#0000 75%,#817a87 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.preview-stage canvas{image-rendering:pixelated;flex:none}.preview-controls{background:#24212a;border-top:1px solid #47414f;gap:6px;padding:8px;display:grid}.preview-zoom,.preview-backgrounds,.preview-overlays{align-items:center;gap:4px;display:flex}.preview-zoom>span{color:#8d8593;font:7px var(--font-mono);margin-right:auto}.preview-zoom button,.preview-backgrounds button,.preview-overlays button{color:#aaa3b2;height:25px;font:7px var(--font-mono);cursor:pointer;background:#332f39;border:1px solid #514a59;padding:0 7px}.preview-zoom b{min-width:32px;color:var(--acid);font:9px var(--font-mono);text-align:center}.preview-backgrounds{grid-template-columns:repeat(4,1fr);display:grid}.preview-backgrounds button{padding:0 3px}.preview-backgrounds button[aria-pressed=true],.preview-overlays button[aria-pressed=true]{color:var(--acid);border-color:var(--acid);background:#d9ff4312}.preview-backgrounds input{background:0 0;border:1px solid #514a59;width:25px;height:25px;padding:0}.preview-overlays span{color:#817989;font:7px var(--font-mono);margin-left:auto}.animation-preview-panel.compact .preview-controls,.animation-preview-panel.compact>header small{display:none}@media (max-width:1100px){.workspace-shell{grid-template-rows:minmax(0,1fr) 258px}.clip-timeline{grid-template-columns:184px minmax(0,1fr)}.clip-timeline .frame-timeline{grid-template-rows:86px 72px minmax(0,1fr) 0}.clip-sharing-note{display:none}.clip-timeline .timeline-heading{grid-template-rows:30px 34px;grid-template-columns:auto 1fr;gap:2px 6px;padding:4px 7px;display:grid}.clip-timeline .frame-actions{grid-column:1/-1;grid-template-columns:1.4fr 1.1fr .6fr .6fr .9fr;gap:3px;margin:0;display:grid}.clip-editor{min-width:720px}.animation-preview-panel{width:330px;height:min(410px,100% - 70px)}}@media (max-width:880px){.workspace-shell{grid-template-rows:minmax(0,1fr) 248px}.clip-timeline{grid-column:2/3;grid-template-columns:118px minmax(0,1fr)}.clip-timeline .transport-panel{padding:6px}.clip-timeline .transport-buttons{grid-template-columns:repeat(3,1fr)}.active-playback-mode{height:25px}.clip-timeline .playback-settings{display:grid}.clip-timeline .fps-control{gap:4px;display:grid}.clip-timeline .frame-timeline{grid-template-rows:84px 72px minmax(0,1fr) 0}.clip-editor{min-width:680px}.clip-tabs>button{height:28px}.clip-editor>input{width:105px}.animation-preview-panel{width:290px;height:min(360px,100% - 60px);top:49px;right:10px}.inspector{height:auto;bottom:248px}}@media (max-width:560px){.workspace-shell{grid-template-rows:minmax(0,1fr) 236px}.clip-timeline{grid-template-columns:92px minmax(0,1fr)}.clip-timeline .transport-buttons{gap:2px}.clip-timeline .transport-buttons button,.active-playback-mode{height:23px;font-size:7px}.clip-timeline .fps-stepper{grid-template-columns:20px 30px 20px}.clip-timeline .fps-stepper input{width:30px}.clip-timeline .onion-controls label{display:none}.clip-timeline .frame-timeline{grid-template-rows:80px 68px minmax(0,1fr) 0}.clip-ribbon{padding-inline:6px}.clip-editor{min-width:650px}.clip-timeline .timeline-heading>span{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.clip-timeline .duration-control{display:none}.editor-shell .clip-timeline .frame-actions button{font-size:0}.editor-shell .clip-timeline .frame-actions .add-action:after{content:"ADD";font-size:7px}.editor-shell .clip-timeline .frame-actions .duplicate-action:after{content:"DUP";font-size:7px}.editor-shell .clip-timeline .frame-actions .delete-action:after{content:"DEL";font-size:7px}.editor-shell .clip-timeline .frame-actions .move-action{font-size:13px}.clip-timeline .frame-card{width:56px;height:67px}.clip-timeline .frame-card>i{height:45px}.animation-preview-panel{width:230px;height:268px;top:46px;right:7px}.animation-preview-panel:not(.compact) .preview-controls{padding:5px}.preview-backgrounds{grid-template-columns:repeat(2,1fr)}.animation-preview-panel>header small{display:none}.inspector{height:auto;bottom:236px}}.pixel-canvas.tool-stamp{cursor:copy}.tileset-dialog{width:min(1180px,100% - 24px);height:min(850px,100svh - 24px);max-height:none;overflow:hidden}.tileset-summary{color:#8f8796;height:34px;font:8px var(--font-mono);letter-spacing:.06em;background:#18161c;border-bottom:1px solid #47414f;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex}.tileset-summary span:first-child{color:var(--acid)}.tileset-layout{grid-template-columns:minmax(430px,.95fr) minmax(470px,1.05fr);height:calc(100% - 120px);display:grid;overflow:hidden}.tile-config-panel,.tile-preview-panel{scrollbar-width:thin;scrollbar-color:#5a5262 #211e26;min-height:0;padding:20px 22px;overflow:auto}.tile-config-panel{border-right:1px solid #47414f}.tile-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 12px;display:flex}.tile-section-heading:not(:first-child){border-top:1px solid #47414f;margin-top:25px;padding-top:19px}.tile-section-heading small{color:var(--acid);font:8px var(--font-mono);letter-spacing:.1em;margin-bottom:4px;display:block}.tile-section-heading h3{color:#f4f0f6;font:23px/.9 var(--font-display);letter-spacing:-.035em;text-transform:uppercase;margin:0}.tile-section-heading>span{color:#8b8391;font:8px var(--font-mono)}.tile-section-heading>button{height:28px;font:8px var(--font-mono);cursor:pointer;background:#302b36;border:1px solid #65494f;padding:0 9px}.tile-number-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.tile-number-grid label,.sheet-choice label{color:#9b93a1;font:8px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;gap:5px;display:grid}.tile-number-grid input,.sheet-choice select{color:#fff;width:100%;height:36px;font:11px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 9px}.tile-number-grid input:focus,.sheet-choice select:focus{border-color:var(--acid)}.tile-toggle-row{grid-template-columns:1fr 1fr 1.2fr;gap:6px;margin-top:10px;display:grid}.tile-toggle-row button,.tile-actions button,.repeat-controls>button{color:#aaa3b2;min-height:34px;font:8px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59;padding:0 7px}.tile-toggle-row button[aria-pressed=true],.repeat-controls>button[aria-pressed=true]{color:var(--acid);border-color:var(--acid);background:#d9ff4311}.tile-actions{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.tile-actions button:hover:not(:disabled){color:var(--acid);border-color:var(--acid)}.tile-actions .tile-export-action{color:var(--ink);background:var(--acid);border-color:var(--acid);grid-column:1/-1;font-weight:700}.tile-browser{background:#18161c;border:1px solid #47414f;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:7px;max-height:300px;padding:7px;display:grid;overflow:auto}.tile-browser article{background:#29252f;border:1px solid #48414f;grid-template-rows:50px 25px;grid-template-columns:50px minmax(0,1fr);gap:4px;padding:5px;display:grid}.tile-browser article.active{border-color:var(--acid);box-shadow:inset 0 0 0 1px #d9ff4366}.tile-thumb{cursor:pointer;background:#aaa3b0;border:0;grid-row:1/3;grid-template-rows:50px auto;place-items:center;width:50px;height:79px;padding:4px;display:grid;position:relative;overflow:hidden}.tile-thumb:before{content:"";background:repeating-conic-gradient(#aaa3b0 0 25%,#8f8796 0 50%) 0/10px 10px;position:absolute;inset:0}.tile-thumb canvas{z-index:1;width:auto;max-width:44px;height:auto;max-height:48px;image-rendering:pixelated;position:relative}.tile-thumb b{z-index:1;color:var(--acid);font:8px var(--font-mono);background:#17151ce0;align-self:end;padding:2px 4px;position:relative}.tile-browser input{color:#ddd7e1;min-width:0;height:32px;font:8px var(--font-mono);background:#1c1920;border:1px solid #4d4655;padding:0 6px}.stamp-action{background:var(--violet);color:#fff;height:25px;font:8px var(--font-mono);cursor:pointer;border:0}.tile-empty{color:#98909f;text-align:center;background:#18161c;border:1px dashed #514a59;padding:24px;font-size:11px}.sheet-picker{color:#c9bfff;border:1px solid var(--violet);width:100%;height:38px;font:8px var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#856dff17}.sheet-preview{background-color:#aaa3b0;background-image:repeating-conic-gradient(#aaa3b0 0 25%,#8f8796 0 50%);background-size:14px 14px;border:1px solid #5a5262;place-items:center;min-height:190px;max-height:245px;margin-top:8px;padding:10px;display:grid;overflow:auto}.sheet-preview canvas{max-width:100%;max-height:225px;image-rendering:pixelated}.sheet-preview span{color:#544d5c;font:9px var(--font-mono);background:#211e26d9;padding:15px}.sheet-readout{color:#958d9c;min-height:31px;font:8px var(--font-mono);background:#18161c;align-items:center;gap:12px;padding:0 9px;display:flex}.sheet-readout b{color:var(--acid)}.sheet-readout .warning{color:#ff9d8e;margin-left:auto}.sheet-grid{margin-top:10px}.sheet-choice{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.sheet-import-action{width:100%;height:40px;font:8px var(--font-mono);letter-spacing:.07em;cursor:pointer;border:0;margin-top:10px;font-weight:700}.repeat-heading{margin-top:28px!important}.repeat-preview{background:#18161c;border:1px solid #47414f;grid-template-columns:minmax(0,1fr) 160px;min-height:225px;display:grid}.repeat-stage{background-color:#aaa3b0;background-image:repeating-conic-gradient(#aaa3b0 0 25%,#8f8796 0 50%);background-size:14px 14px;place-items:center;min-width:0;min-height:0;padding:10px;display:grid;overflow:auto}.repeat-stage canvas{image-rendering:pixelated;max-width:none}.repeat-controls{background:#24212a;border-left:1px solid #47414f;align-content:start;gap:7px;padding:8px;display:grid}.repeat-controls .segmented{grid-template-columns:1fr;margin:0;display:grid}.repeat-controls label{color:#9b93a1;font:8px var(--font-mono);grid-template-columns:1fr auto;gap:5px;display:grid}.repeat-controls label input{width:100%;accent-color:var(--acid);grid-column:1/-1}.repeat-controls label b{color:var(--acid)}.repeat-controls small{color:#8e8694;font:8px/1.5 var(--font-mono)}@media (max-width:900px){.tileset-dialog{width:calc(100% - 14px);height:calc(100svh - 14px)}.tileset-layout{display:block;overflow:auto}.tile-config-panel,.tile-preview-panel{overflow:visible}.tile-config-panel{border-bottom:1px solid #47414f;border-right:0}.repeat-preview{grid-template-columns:minmax(0,1fr) 145px}.tileset-summary{padding-inline:18px}.tileset-summary span:last-child{display:none}}@media (max-width:560px){.tileset-dialog>header{position:relative}.tileset-layout{height:calc(100% - 111px)}.tile-config-panel,.tile-preview-panel{padding:15px 12px}.tile-number-grid,.tile-actions{grid-template-columns:repeat(2,1fr)}.tile-browser{grid-template-columns:repeat(2,minmax(105px,1fr));max-height:260px}.sheet-choice,.repeat-preview{grid-template-columns:1fr}.repeat-controls{border-top:1px solid #47414f;border-left:0}.repeat-controls .segmented{grid-template-columns:repeat(3,1fr)}.tileset-summary{height:28px}.tile-section-heading h3{font-size:20px}}.migration-toast{z-index:30;border-left:3px solid var(--acid);background:#293020;grid-template-columns:1fr auto;gap:3px 18px;width:min(440px,100% - 36px);padding:15px 18px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 44px #0009}.migration-toast b{color:var(--acid);font-size:12px}.migration-toast span{color:#d7dfc3;grid-column:1;font-size:11px;line-height:1.45}.migration-toast button{color:#c4cdb0;cursor:pointer;background:0 0;grid-area:1/2/3;font-size:20px}.export-studio{width:min(1280px,100% - 24px);height:min(860px,100svh - 24px);max-height:none;overflow:hidden}.export-local-note{color:#cbe858;height:34px;font:8px var(--font-mono);letter-spacing:.06em;background:#d9ff4310;border-bottom:1px solid #515c2d;align-items:center;padding:0 28px;display:flex}.export-studio-layout{grid-template-columns:225px minmax(440px,1fr) 290px;height:calc(100% - 120px);display:grid;overflow:hidden}.export-preset-panel,.export-config-panel,.export-preview-panel{scrollbar-width:thin;scrollbar-color:#5a5262 #211e26;min-width:0;min-height:0;padding:18px;overflow:auto}.export-preset-panel{background:#1c1920;border-right:1px solid #47414f}.export-preview-panel{background:#1c1920;border-left:1px solid #47414f}.export-section-title{color:var(--acid);font:8px var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.export-section-title button{color:#c9c0ff;border:1px solid var(--violet);height:28px;font:8px var(--font-mono);cursor:pointer;background:#856dff20;padding:0 8px}.export-section-title small{color:#8e8694;font:7px var(--font-mono)}.export-preset-list{gap:5px;max-height:260px;display:grid;overflow:auto}.export-preset-list>button{color:#bdb6c2;text-align:left;cursor:pointer;background:#29252f;border:1px solid #47414f;grid-template-rows:1fr 1fr;grid-template-columns:25px minmax(0,1fr);gap:1px 7px;min-height:49px;padding:7px;display:grid}.export-preset-list>button>b{color:#736b79;font:16px var(--font-display);text-align:center;grid-row:1/3;align-self:center}.export-preset-list>button>span,.export-preset-list>button>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-preset-list>button>span{font-size:10px}.export-preset-list>button>small{color:#817989;font:7px var(--font-mono);text-transform:uppercase}.export-preset-list>button.active{border-color:var(--acid);box-shadow:inset 3px 0 0 var(--acid);background:#d9ff4311}.export-preset-list>button.active>b,.export-preset-list>button.active>small{color:var(--acid)}.export-name-field,.export-select-grid label,.export-template-field,.production-grid label{color:#9b93a1;font:8px var(--font-mono);letter-spacing:.04em;gap:5px;display:grid}.export-name-field{margin-top:12px}.export-name-field input,.export-select-grid select,.export-template-field>input,.production-grid input{color:#fff;width:100%;height:36px;font:10px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 9px}.export-name-field input:focus,.export-select-grid select:focus,.export-template-field>input:focus,.production-grid input:focus{border-color:var(--acid);outline-offset:1px;outline:2px solid #d9ff4328}.export-preset-actions{grid-template-columns:1fr 34px 34px 1fr;gap:4px;margin-top:7px;display:grid}.export-preset-actions button{color:#aaa3b2;height:34px;font:8px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59}.export-preset-actions button:disabled{opacity:.35;cursor:not-allowed}.export-backup{background:#29252f;border:1px solid #47414f;margin-top:18px;padding:12px}.export-backup b{color:#c9c0ff;font:8px var(--font-mono)}.export-backup p{color:#918a98;font-size:10px;line-height:1.45}.export-backup button{color:#c9c0ff;border:1px solid var(--violet);width:100%;min-height:35px;font:8px var(--font-mono);cursor:pointer;background:#856dff20}.export-select-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.export-scale-row{align-items:end;gap:5px;margin-top:16px;display:flex}.export-scale-row>span{color:#9b93a1;font:8px var(--font-mono);align-self:center;margin-right:auto}.export-scale-row>button{color:#aaa3b2;width:38px;height:34px;font:9px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59}.export-scale-row>button[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.export-scale-row label{color:#8e8694;font:7px var(--font-mono);gap:3px;display:grid}.export-scale-row input{color:#fff;width:58px;height:34px;font:10px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 6px}.export-toggle-row{grid-template-columns:1fr 1fr;gap:7px;margin:13px 0;display:grid}.export-toggle-row button{color:#9e97a4;min-height:35px;font:7px/1.35 var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59;padding:6px 8px}.export-toggle-row button[aria-pressed=true]{color:var(--acid);border-color:var(--acid);background:#d9ff4311}.export-toggle-row button:disabled{opacity:.35}.export-template-field>span{flex-wrap:wrap;gap:4px;display:flex}.export-template-field>span button{color:#c9c0ff;height:25px;font:7px var(--font-mono);cursor:pointer;background:#332e3a;border:1px solid #514a59;padding:0 6px}.production-grid{grid-template-columns:repeat(5,1fr);margin-top:14px}.export-selection-list{background:#18161c;border:1px solid #47414f;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px;max-height:160px;margin:16px 0 0;padding:11px;display:grid;overflow:auto}.export-selection-list legend{color:var(--acid);font:8px var(--font-mono);padding:0 5px}.export-selection-list label{color:#bbb4c0;background:#29252f;align-items:center;gap:5px;min-width:0;padding:6px;font-size:9px;display:flex}.export-selection-list label span{color:var(--acid);font:8px var(--font-mono)}.export-selection-list input{accent-color:var(--acid)}.export-selection-list p{color:#918a98;grid-column:1/-1;font-size:10px}.export-file-preview{background:#151318;border:1px solid #47414f;max-height:320px;margin:0;padding:7px;list-style:none;overflow:auto}.export-file-preview li{color:#c7c0cc;font:8px/1.4 var(--font-mono);overflow-wrap:anywhere;border-bottom:1px solid #302b37;padding:7px 8px}.export-file-preview li:last-child{border:0}.export-file-preview li:before{content:"↳ ";color:var(--acid)}.export-file-preview li.empty{color:#716a77}.export-formats-note{background:#29252f;border:1px solid #47414f;margin-top:12px;padding:12px}.export-formats-note b{color:#c9c0ff;font:8px var(--font-mono)}.export-formats-note p{color:#918a98;font-size:10px;line-height:1.5}.export-formats-note button{color:#696270;width:100%;height:28px;font:7px var(--font-mono);background:#232029;border:1px solid #403a47;margin-top:4px}.export-progress{background:#29252f;border:1px solid #5b5462;grid-template-columns:1fr auto;gap:6px 8px;margin-top:12px;padding:10px;display:grid}.export-progress>div{background:#17151c;grid-column:1/-1;height:5px;overflow:hidden}.export-progress>div span{background:linear-gradient(90deg,var(--violet),var(--acid));height:100%;transition:width .15s;display:block}.export-progress b{color:#c9c0ff;font:8px var(--font-mono)}.export-progress small{color:#8e8694;font:7px var(--font-mono)}.export-progress button{color:#ff9d8e;height:29px;font:8px var(--font-mono);cursor:pointer;background:#442d34;border:1px solid #784a48;grid-column:1/-1}.export-run-action{width:100%;min-height:43px;font:700 9px var(--font-mono);letter-spacing:.07em;cursor:pointer;margin-top:14px}.export-run-action:disabled{opacity:.4;cursor:not-allowed}:is(.export-studio button:focus-visible,.export-studio input:focus-visible,.export-studio select:focus-visible){outline:2px solid var(--acid);outline-offset:2px}.export-studio button:not(:disabled):hover{border-color:var(--acid);color:var(--acid)}.export-studio .primary-action:not(:disabled):hover{color:var(--ink)}@media (max-width:1050px){.export-studio-layout{grid-template-columns:190px minmax(400px,1fr) 245px}.export-preset-panel,.export-config-panel,.export-preview-panel{padding:14px}.production-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:840px){.export-studio{width:calc(100% - 14px);height:calc(100svh - 14px)}.export-studio-layout{display:block;overflow:auto}.export-preset-panel,.export-config-panel,.export-preview-panel{border:0;border-bottom:1px solid #47414f;overflow:visible}.export-preset-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:none}.export-preview-panel{border-bottom:0}.export-file-preview{max-height:220px}.export-studio>header{position:relative}}@media (max-width:520px){.export-select-grid,.export-toggle-row{grid-template-columns:1fr}.export-scale-row{flex-wrap:wrap;align-items:center}.export-scale-row>span{flex:none;width:100%}.production-grid{grid-template-columns:repeat(2,1fr)}.export-local-note{height:auto;min-height:34px;padding:8px 18px}.export-studio-layout{height:calc(100% - 120px)}}.pixel-art-button{color:var(--acid)!important;background:#d9ff4314!important;border-color:#75852e!important}.pixel-art-dialog{width:min(1040px,100% - 24px);height:min(820px,100svh - 24px);max-height:none;overflow:hidden}.pixel-art-tabs{background:#19171e;border-bottom:1px solid #47414f;grid-template-columns:repeat(5,1fr);height:48px;padding:7px 24px;display:grid}.pixel-art-tabs button{color:#9d96a3;font:8px var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#2c2833;border:1px solid #47414f}.pixel-art-tabs button[aria-selected=true]{color:var(--acid);border-color:var(--acid);box-shadow:inset 0 -2px 0 var(--acid);background:#d9ff4314}.pixel-art-intro{color:#98919f;background:#211e26;border-bottom:1px solid #3d3744;height:36px;margin:0;padding:10px 28px;font-size:10px}.pixel-art-panel{scrollbar-width:thin;scrollbar-color:#5a5262 #211e26;height:calc(100% - 169px);padding:20px 24px 28px;overflow:auto}:is(.pixel-art-panel button:focus-visible,.pixel-art-panel input:focus-visible,.pixel-art-panel select:focus-visible,.pixel-art-tabs button:focus-visible){outline:2px solid var(--acid);outline-offset:2px}.pixel-art-panel button:not(:disabled):hover{border-color:var(--acid);color:var(--acid)}.resource-create-row{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:8px;margin-bottom:14px;display:grid}.resource-create-row label,.resource-editor>label,.operation-card>label{color:#9b93a1;font:8px var(--font-mono);letter-spacing:.05em;gap:5px;display:grid}.resource-create-row input,.resource-editor input,.operation-card input,.operation-card select,.dither-library article>input,.ramp-name,.tool-preset-list input{color:#fff;height:36px;font:10px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 9px}.resource-create-row>button{border:1px solid var(--acid);height:36px;font:8px var(--font-mono);cursor:pointer;padding:0 13px}.workshop-empty{color:#817989;text-align:center;background:#18161c;border:1px dashed #514a59;grid-column:1/-1;margin:0;padding:25px;font-size:11px}.workshop-note{color:#a6ad8e;border-left:2px solid var(--acid);background:#d9ff430e;padding:10px 12px;font-size:10px}.workshop-note b{color:var(--acid)}.brush-resource-layout{grid-template-columns:minmax(270px,.85fr) minmax(350px,1.15fr);gap:14px;display:grid}.resource-list{align-content:start;gap:6px;display:grid}.resource-list>button{color:#bbb4c0;text-align:left;cursor:pointer;background:#29252f;border:1px solid #47414f;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:7px;display:grid}.resource-list>button.active{border-color:var(--acid);background:#d9ff4310}.resource-list>button>span:last-child{gap:5px;min-width:0;display:grid}.resource-list>button b,.resource-list>button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resource-list>button b{font-size:11px}.resource-list>button small{color:#817989;font:7px var(--font-mono);text-transform:uppercase}.resource-pixel-preview{background-color:#aaa3b0;background-image:repeating-conic-gradient(#aaa3b0 0 25%,#8f8796 0 50%);width:52px;max-height:120px;image-rendering:pixelated;background-size:10px 10px;border:1px solid #625a6a;padding:3px;display:grid;position:relative}.resource-pixel-preview i{min-width:2px;min-height:2px}.resource-editor{background:#29252f;border:1px solid #514a59;grid-template-columns:130px minmax(0,1fr);align-content:start;gap:10px;padding:15px;display:grid}.resource-editor>.resource-pixel-preview{grid-row:1/4;width:130px;max-height:180px}.resource-editor>p{color:#918a98;grid-column:1/-1;margin:0;font-size:10px;line-height:1.5}.brush-anchor-grid{border:0;grid-template-columns:repeat(3,34px);gap:4px;margin:0;padding:0;display:grid}.brush-anchor-grid legend{color:#9b93a1;font:8px var(--font-mono);margin-bottom:5px}.brush-anchor-grid button{color:#aaa3b2;cursor:pointer;background:#211e26;border:1px solid #514a59;width:34px;height:30px}.brush-anchor-grid button[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.resource-action-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.resource-action-grid button{color:#aaa3b2;min-height:33px;font:8px var(--font-mono);cursor:pointer;background:#332f39;border:1px solid #514a59}.section-action-line{color:#918a98;font:8px var(--font-mono);background:#18161c;border:1px solid #47414f;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:9px 11px;display:flex}.section-action-line span{align-items:center;gap:7px;display:flex}.section-action-line i{border:1px solid #716a77;width:19px;height:19px}.section-action-line button{color:#c9c0ff;border:1px solid var(--violet);height:30px;font:8px var(--font-mono);cursor:pointer;background:#856dff20;padding:0 10px}.dither-library{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;display:grid}.dither-library article{background:#29252f;border:1px solid #47414f;gap:7px;padding:9px;display:grid}.dither-library article.active{border-color:var(--acid)}.dither-select{color:#bbb4c0;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:1fr 1fr;grid-template-columns:58px 1fr;align-items:center;gap:2px 9px;padding:0;display:grid}.dither-select .dither-pixel-preview{grid-row:1/3}.dither-select b{font-size:11px}.dither-select small{color:#817989;font:7px var(--font-mono)}.dither-pixel-preview{background:#856dff;border:1px solid #6d6375;width:58px;padding:3px;display:grid}.dither-pixel-preview button{aspect-ratio:1;cursor:pointer;background:#28242e;border:1px solid #3b3542;padding:0}.dither-pixel-preview button[aria-pressed=true]{background:var(--acid)}.dither-pixel-preview button:disabled{opacity:1}.compact-danger{color:#ff9d8e;height:28px;font:7px var(--font-mono);cursor:pointer;background:#402b31;border:1px solid #784a48}.ramp-list{gap:8px;display:grid}.ramp-list article{background:#29252f;border:1px solid #47414f;grid-template-columns:minmax(150px,.7fr) minmax(360px,1.4fr) auto auto;align-items:end;gap:8px;padding:11px;display:grid}.ramp-colours{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.ramp-colours label{color:#918a98;font:7px var(--font-mono);gap:4px;display:grid}.ramp-colours input{background:#18161c;border:1px solid #514a59;width:100%;height:36px;padding:2px}.ramp-list article>button{color:#aaa3b2;height:36px;font:7px var(--font-mono);cursor:pointer;background:#332f39;border:1px solid #514a59;padding:0 9px}.colour-operations-panel{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.palette-lock-card,.palette-file-actions{grid-column:1/-1}.palette-lock-card{background:#29252f;border:1px solid #514a59;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.palette-lock-card span{gap:5px;display:grid}.palette-lock-card b{color:#f0ecf2;font-size:12px}.palette-lock-card small{color:#918a98;font-size:10px}.palette-lock-card button{color:#aaa3b2;min-width:105px;height:36px;font:8px var(--font-mono);cursor:pointer;background:#332f39;border:1px solid #514a59}.palette-lock-card button[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.palette-file-actions{grid-template-columns:1fr auto auto;gap:7px;display:grid}.palette-file-actions label,.palette-file-actions button{color:#c9c0ff;min-height:38px;font:8px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59;padding:9px 11px}.palette-file-actions label{justify-content:space-between;align-items:center;gap:10px;display:flex}.palette-file-actions input{color:#918a98;max-width:210px;font:8px var(--font-mono)}.operation-card{background:#29252f;border:1px solid #514a59;align-content:start;gap:10px;padding:15px;display:grid}.operation-card h3{color:#f0ecf2;font:19px var(--font-display);text-transform:uppercase;margin:0}.operation-card>button{border:1px solid var(--acid);min-height:38px;font:8px var(--font-mono);cursor:pointer}.operation-colours{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.operation-colours>label{color:#918a98;font:7px var(--font-mono);grid-template-columns:1fr 36px;gap:4px;display:grid}.operation-colours>label input:first-of-type{grid-column:1}.operation-colours>label input[type=color]{grid-column:2;width:36px;padding:2px}.operation-colours>span{color:var(--acid);align-self:center;font-size:18px}.operation-card .segmented{margin:0}.tool-preset-list{gap:7px;display:grid}.tool-preset-list article{background:#29252f;border:1px solid #47414f;grid-template-columns:46px minmax(150px,1fr) minmax(150px,.8fr) auto repeat(4,40px);align-items:center;gap:5px;padding:8px;display:grid}.preset-colours{width:40px;height:30px;position:relative}.preset-colours i{border:2px solid #211e26;width:25px;height:25px;position:absolute}.preset-colours i:first-child{top:0;left:0}.preset-colours i:last-child{bottom:0;right:0}.tool-preset-list small{color:#918a98;font:7px var(--font-mono);text-transform:uppercase}.tool-preset-list button{color:#aaa3b2;height:32px;font:7px var(--font-mono);cursor:pointer;background:#332f39;border:1px solid #514a59;padding:0 7px}@media (max-width:880px){.pixel-art-dialog{width:calc(100% - 14px);height:calc(100svh - 14px)}.pixel-art-dialog>header{position:relative}.pixel-art-tabs{padding-inline:12px}.pixel-art-panel{padding:15px}.brush-resource-layout{grid-template-columns:1fr}.resource-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.ramp-list article{grid-template-columns:1fr}.ramp-colours{grid-template-columns:repeat(4,1fr)}.tool-preset-list article{grid-template-columns:40px minmax(140px,1fr) repeat(5,40px)}.tool-preset-list small{grid-area:2/2/auto/-1}.colour-operations-panel{grid-template-columns:1fr}.palette-file-actions{grid-template-columns:1fr 1fr}.palette-file-actions label{grid-column:1/-1}}@media (max-width:560px){.pixel-art-tabs{grid-template-columns:repeat(3,1fr);gap:3px;height:auto}.pixel-art-tabs button{min-height:34px}.pixel-art-intro{height:auto;min-height:36px}.pixel-art-panel{height:calc(100% - 200px);padding:12px}.resource-create-row{grid-template-columns:1fr}.resource-editor{grid-template-columns:90px 1fr}.resource-editor>.resource-pixel-preview{width:90px}.resource-action-grid{grid-template-columns:repeat(2,1fr)}.dither-library{grid-template-columns:1fr 1fr}.ramp-colours{grid-template-columns:repeat(2,1fr)}.palette-file-actions{grid-template-columns:1fr}.palette-file-actions label{display:grid}.tool-preset-list article{grid-template-columns:35px 1fr repeat(3,34px)}.tool-preset-list small{grid-column:2/-1}.tool-preset-list .primary-action{grid-column:1/3}.pixel-art-dialog header h2{font-size:26px}}.dither-pixel-preview i{aspect-ratio:1;background:#28242e;border:1px solid #3b3542;padding:0}.dither-pixel-preview i[data-active=true]{background:var(--acid)}.effects-button{color:#c9c0ff!important;background:#856dff16!important;border-color:#6253a2!important}.effects-studio{width:min(1120px,100% - 24px);height:min(850px,100svh - 24px);max-height:none;overflow:hidden}.effects-tabs{background:#19171e;border-bottom:1px solid #47414f;grid-template-columns:repeat(4,1fr);height:48px;padding:7px 24px;display:grid}.effects-tabs button{color:#9d96a3;font:8px var(--font-mono);letter-spacing:.07em;cursor:pointer;background:#2c2833;border:1px solid #47414f}.effects-tabs button[aria-selected=true]{color:#d6d0ff;border-color:var(--violet);box-shadow:inset 0 -2px 0 var(--violet);background:#856dff1c}.effects-layout{grid-template-columns:minmax(340px,.85fr) minmax(460px,1.15fr);height:calc(100% - 145px);display:grid;overflow:hidden}.effects-config,.effects-preview,.effects-single-panel{scrollbar-width:thin;scrollbar-color:#5a5262 #211e26;min-width:0;min-height:0;padding:18px 22px 26px;overflow:auto}.effects-config{background:#1c1920;border-right:1px solid #47414f}.effects-preview{align-content:start;gap:12px;display:grid}.effect-field,.effect-colour,.cleanup-card>label,.effect-preset-tools>label{color:#9b93a1;font:8px var(--font-mono);letter-spacing:.05em;gap:5px;margin-bottom:11px;display:grid}.effect-field select,.effect-colour input,.cleanup-card select,.effect-preset-tools input,.effect-preset-list input{color:#fff;width:100%;height:36px;font:10px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 9px}.effect-field small{color:#817989;font-size:9px;line-height:1.4}.effect-colour{grid-template-columns:minmax(0,1fr) 38px}.effect-colour input:first-of-type{grid-column:1}.effect-colour input[type=color]{grid-column:2;padding:2px}.effect-slider-grid{gap:8px;display:grid}:is(.effects-config>label:has(input[type=range]),.effect-slider-grid label,.selection-colour-card>label:has(input[type=range]),.cleanup-card>label:has(input[type=range])){color:#9b93a1;font:8px var(--font-mono);grid-template-columns:95px minmax(90px,1fr) 58px;align-items:center;gap:8px;margin:9px 0;display:grid}.effects-config input[type=range],.effect-slider-grid input[type=range],.selection-colour-card input[type=range],.cleanup-card input[type=range]{width:100%;accent-color:var(--acid)}.effects-config input[type=number],.effect-slider-grid input[type=number],.selection-colour-card input[type=number],.cleanup-card input[type=number]{color:#fff;height:32px;font:9px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 7px}.before-after{grid-template-columns:1fr 1fr;gap:10px;display:grid}.before-after figure{background:#19171e;border:1px solid #47414f;min-width:0;margin:0;padding:10px}.before-after figcaption{color:var(--acid);font:8px var(--font-mono);margin-bottom:7px}.before-after figure>span{background-color:#aaa3b0;background-image:repeating-conic-gradient(#aaa3b0 0 25%,#8f8796 0 50%);background-size:16px 16px;place-items:center;height:260px;display:grid;overflow:hidden}.before-after canvas{width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated}.effect-summary{background:#29252f;border:1px solid #514a59;gap:5px;padding:12px;display:grid}.effect-summary b{color:#c9c0ff;font:8px var(--font-mono)}.effect-summary span,.effect-summary small{color:#96909b;font-size:10px}.effect-summary strong,.cleanup-card strong{color:#ff9d8e;border-left:2px solid var(--coral);font:8px/1.5 var(--font-mono);background:#ff6b5510;padding:8px}.effect-apply{min-height:42px;font:700 9px var(--font-mono);letter-spacing:.06em;cursor:pointer}.effect-progress{background:#29252f;border:1px solid #5b5462;grid-template-columns:1fr auto;gap:7px 9px;padding:12px;display:grid}.effect-progress>div{background:#17151c;grid-column:1/-1;height:6px;overflow:hidden}.effect-progress>div span{background:linear-gradient(90deg,var(--violet),var(--acid));height:100%;transition:width .15s;display:block}.effect-progress b{color:#c9c0ff;font:8px var(--font-mono)}.effect-progress small{color:#8e8694;font:7px var(--font-mono)}.effect-progress button{color:#ff9d8e;height:32px;font:8px var(--font-mono);cursor:pointer;background:#442d34;border:1px solid #784a48;grid-column:1/-1}.effects-single-panel{height:calc(100% - 145px)}.selection-workshop{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.selection-colour-card,.selection-mask-card,.cleanup-report,.cleanup-card{background:#29252f;border:1px solid #514a59;padding:17px}.selection-colour-card h3,.selection-mask-card h3,.cleanup-report h3,.cleanup-card h3{color:#fff;font:22px var(--font-display);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 14px}.selection-colour-card>label:not(:has(input[type=range])){color:#9b93a1;font:8px var(--font-mono);grid-template-columns:minmax(0,1fr) 40px;gap:5px;display:grid}.selection-colour-card>label:not(:has(input[type=range])) input{color:#fff;height:36px;font:10px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 8px}.selection-colour-card>label input[type=color]{padding:2px}.selection-colour-card p,.selection-mask-card p,.cleanup-card p,.cleanup-report p{color:#96909b;font-size:10px;line-height:1.55}.selection-colour-card p b{color:var(--acid);font:8px var(--font-mono)}.selection-colour-card>.primary-action,.cleanup-card>.primary-action{width:100%;min-height:38px;font:8px var(--font-mono);cursor:pointer}.selection-mask-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.selection-mask-actions button,.cleanup-card>div button{color:#aaa3b2;min-height:36px;font:8px var(--font-mono);cursor:pointer;background:#332f39;border:1px solid #514a59}.cleanup-workshop{grid-template-columns:1fr 1fr;align-content:start;gap:12px;display:grid}.cleanup-report{grid-column:1/-1}.cleanup-report>div{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.cleanup-report span{color:#8f8795;text-align:center;font:7px var(--font-mono);background:#1c1920;gap:4px;padding:10px;display:grid}.cleanup-report span b{color:var(--acid);font:24px var(--font-display)}.danger-card{grid-column:1/-1}.danger-card>div{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px;display:grid}.effect-anchor-grid{border:0;grid-template-columns:repeat(3,38px);gap:4px;margin:10px 0;padding:0;display:grid}.effect-anchor-grid legend{color:#9b93a1;font:8px var(--font-mono);margin-bottom:5px}.effect-anchor-grid button{color:#aaa3b2;cursor:pointer;background:#211e26;border:1px solid #514a59;height:34px}.effect-anchor-grid button[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.presets-workshop{align-content:start;gap:12px;display:grid}.effect-preset-tools{background:#29252f;border:1px solid #514a59;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:end;gap:7px;padding:12px;display:grid}.effect-preset-tools label{margin:0}.effect-preset-tools button,.file-action{color:#c9c0ff;min-height:36px;font:8px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59;padding:9px 11px}.file-action input{opacity:0;width:1px;height:1px;position:absolute}.effect-preset-list{gap:7px;display:grid}.effect-preset-list article{background:#29252f;border:1px solid #47414f;grid-template-columns:minmax(180px,1fr) minmax(120px,.7fr) repeat(5,44px);align-items:center;gap:5px;padding:8px;display:grid}.effect-preset-list article.active{border-color:var(--violet);box-shadow:inset 3px 0 0 var(--violet)}.effect-preset-list small{color:#918a98;font:7px var(--font-mono);text-transform:uppercase}.effect-preset-list button{color:#aaa3b2;height:32px;font:7px var(--font-mono);cursor:pointer;background:#332f39;border:1px solid #514a59;padding:0 6px}:is(.effects-studio button:focus-visible,.effects-studio input:focus-visible,.effects-studio select:focus-visible){outline:2px solid var(--acid);outline-offset:2px}.effects-studio button:not(:disabled):hover{border-color:var(--acid);color:var(--acid)}@media (max-width:1100px){.effects-button{border:1px solid #6253a2;border-radius:3px;width:31px;height:30px;font-size:0}.effects-button:after{content:"FX";font-size:8px}.tiles-button,.pixel-art-button{border:1px solid #4d4656;border-radius:3px;width:31px;height:30px;font-size:0}.tiles-button:after{content:"TI";font-size:8px}.pixel-art-button:after{content:"P+";font-size:8px}.effects-layout{grid-template-columns:330px minmax(400px,1fr)}.before-after figure>span{height:220px}}@media (max-width:840px){.effects-studio{width:calc(100% - 14px);height:calc(100svh - 14px)}.effects-studio>header{position:relative}.effects-layout{height:calc(100% - 145px);display:block;overflow:auto}.effects-config,.effects-preview{border:0;border-bottom:1px solid #47414f;overflow:visible}.before-after figure>span{height:240px}.effects-single-panel{padding:14px}.selection-workshop,.cleanup-workshop{grid-template-columns:1fr}.cleanup-report,.danger-card{grid-column:auto}.cleanup-report>div{grid-template-columns:repeat(5,1fr)}.effect-preset-tools{grid-template-columns:1fr 1fr}.effect-preset-tools>label:first-child{grid-column:1/-1}.effect-preset-list article{grid-template-columns:minmax(150px,1fr) minmax(100px,.7fr) repeat(5,38px)}}@media (max-width:560px){.effects-tabs{padding-inline:10px}.before-after{grid-template-columns:1fr}.before-after figure>span{height:190px}:is(.effects-config>label:has(input[type=range]),.effect-slider-grid label,.selection-colour-card>label:has(input[type=range]),.cleanup-card>label:has(input[type=range])){grid-template-columns:82px 1fr 50px}.cleanup-report>div{grid-template-columns:repeat(2,1fr)}.effect-preset-tools{grid-template-columns:1fr}.effect-preset-tools>label:first-child{grid-column:auto}.effect-preset-list article{grid-template-columns:1fr repeat(3,36px)}.effect-preset-list small{grid-area:2/1/auto/-1}.effect-preset-list .primary-action{grid-column:1}.effects-studio header h2{font-size:27px}}.cleanup-progress,.cleanup-error{grid-column:1/-1}.cleanup-report details{background:#1c1920;border:1px solid #47414f;margin-top:10px;padding:8px 10px}.cleanup-report summary{color:#c9c0ff;font:8px var(--font-mono);cursor:pointer}.cleanup-report details p{overflow-wrap:anywhere;margin-bottom:0}.cleanup-card p b{color:var(--acid);font:8px var(--font-mono)}.asset-library-dialog{width:min(1180px,100% - 24px);height:min(870px,100svh - 24px);max-height:none;overflow:hidden}.asset-tabs{background:#19171e;border-bottom:1px solid #47414f;grid-template-columns:repeat(5,1fr);gap:4px;height:48px;padding:7px 20px;display:grid}.asset-tabs button{color:#9d96a3;font:8px var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#2c2833;border:1px solid #47414f}.asset-tabs button[aria-selected=true]{color:var(--acid);border-color:var(--acid);box-shadow:inset 0 -2px 0 var(--acid);background:#d9ff4310}.asset-panel{scrollbar-width:thin;scrollbar-color:#5a5262 #211e26;height:calc(100% - 150px);padding:16px 20px 28px;overflow:auto}.asset-filterbar{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(115px,.6fr)) auto auto;gap:6px;margin-bottom:13px;display:grid}.asset-filterbar input,.asset-filterbar select,.asset-org input,.asset-create-card input,.asset-create-card select,.shared-toolbar select,.import-order select,.package-config input,.package-config select{color:#eee9f0;height:38px;font:9px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 9px}.asset-filterbar button{color:#aaa3b2;min-height:38px;font:8px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59;padding:0 10px}.asset-filterbar button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.asset-project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:9px;display:grid}.asset-project-grid>article{background:#29252f;border:1px solid #47414f;grid-template-columns:1fr auto;gap:7px;padding:10px;display:grid;position:relative}.asset-project-grid>article.active{border-color:var(--violet);box-shadow:inset 3px 0 0 var(--violet)}.asset-select{z-index:2;color:#aaa3b2;font:7px var(--font-mono);background:#17151ce8;align-items:center;gap:4px;padding:4px 5px;display:flex;position:absolute;top:8px;left:8px}.asset-favourite{z-index:2;width:30px;height:30px;color:var(--acid);cursor:pointer;background:#17151ce8;border:1px solid #514a59;font-size:18px;position:absolute;top:8px;right:8px}.asset-project-open{color:#ddd7e0;text-align:left;cursor:pointer;background:#1c1920;border:0;grid-column:1/-1;grid-template-rows:1fr auto;grid-template-columns:82px 1fr;align-items:center;gap:3px 11px;min-height:86px;padding:5px;display:grid}.asset-project-open>img,.asset-project-open>span{object-fit:contain;background-color:#aaa3b0;background-image:repeating-conic-gradient(#aaa3b0 0 25%,#8f8796 0 50%);width:72px;height:72px;image-rendering:pixelated;background-size:12px 12px;border:1px solid #625a6a;grid-row:1/3;place-items:center;display:grid}.asset-project-open>span{color:#29252f;font:20px var(--font-display)}.asset-project-open>span small{font-size:11px}.asset-project-open>b{align-self:end;font-size:12px}.asset-project-open>small{color:#8f8795;font:7px var(--font-mono);align-self:start}.asset-org{grid-column:1/-1;grid-template-columns:.7fr 1.3fr;gap:5px;display:grid}.asset-org input{height:32px}.asset-project-grid .project-row-actions{grid-column:1/-1}.asset-library-dialog button:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.asset-library-dialog input:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.asset-library-dialog select:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.asset-library-dialog [tabindex]:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.asset-create-card{background:#29252f;border:1px solid #514a59;grid-template-columns:1fr 180px auto;gap:7px;padding:14px;display:grid}.asset-create-card h3,.asset-create-card p{grid-column:1/-1;margin:0}.asset-create-card h3,.template-grid h3,.shared-grid h3,.validation-report h3{color:#fff;font:20px var(--font-display);text-transform:uppercase}.asset-create-card p{color:#96909b;font-size:10px}.template-grid,.shared-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px;margin-top:12px;display:grid}.template-grid article,.shared-grid article{background:#29252f;border:1px solid #47414f;gap:7px;padding:13px;display:grid}.template-grid article>span,.shared-grid article>span{color:var(--acid);font:7px var(--font-mono)}.template-grid h3,.shared-grid h3{margin:0}.template-grid p,.shared-grid small{color:#918a98;margin:0;font-size:10px}.template-grid button,.shared-grid button{color:#aaa3b2;min-height:34px;font:8px var(--font-mono);cursor:pointer;background:#332f39;border:1px solid #514a59}.shared-toolbar{background:#29252f;border:1px solid #514a59;grid-template-columns:minmax(180px,.7fr) auto auto auto;align-items:end;gap:7px;padding:12px;display:grid}.shared-toolbar label,.import-order label,.package-config label{color:#9b93a1;font:8px var(--font-mono);gap:5px;display:grid}.shared-toolbar button,.shared-toolbar .file-action{color:#c9c0ff;min-height:38px;font:8px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59;place-items:center;padding:8px 11px;display:grid}.multi-import-panel{grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr);gap:10px;display:grid}.drop-zone{text-align:center;background:#856dff0d;border:2px dashed #6b5bc2;grid-row:1/5;align-content:center;place-items:center;gap:10px;min-height:350px;padding:25px;display:grid}.drop-zone b{color:#c9c0ff;font:15px var(--font-display)}.drop-zone span{color:#918a98;font-size:10px}.drop-zone .file-action{min-height:38px;color:var(--acid);border:1px solid var(--acid);font:8px var(--font-mono);cursor:pointer;background:#302c37;place-items:center;padding:9px 14px;display:grid}.import-order{background:#29252f;border:1px solid #514a59;justify-content:space-between;align-items:end;gap:8px;padding:10px;display:flex}.import-order b{color:var(--acid);font:8px var(--font-mono)}.png-order-list{min-height:0;max-height:430px;margin:0;padding:0;list-style:none;overflow:auto}.png-order-list li{background:#29252f;border-bottom:1px solid #47414f;grid-template-columns:32px 1fr auto 32px 32px;align-items:center;gap:5px;padding:7px 8px;display:grid}.png-order-list span{color:var(--acid);font:8px var(--font-mono)}.png-order-list b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.png-order-list small{color:#918a98;font:7px var(--font-mono)}.png-order-list button{color:#aaa3b2;background:#332f39;border:1px solid #514a59;height:28px}.asset-run{min-height:42px;font:9px var(--font-mono);letter-spacing:.05em;cursor:pointer}.package-panel{grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);align-content:start;gap:11px;display:grid}.package-config{background:#29252f;border:1px solid #514a59;gap:8px;padding:15px;display:grid}.package-scope,.correction-note{color:#96909b;border-left:2px solid var(--acid);background:#1c1920;margin:0;padding:11px;font-size:10px}.package-scope b{color:var(--acid)}.package-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.package-actions button{color:#c9c0ff;min-height:38px;font:8px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59}.validation-report{background:#29252f;border:1px solid #514a59;grid-area:1/2/5;padding:15px}.validation-report h3{margin:0 0 10px}.validation-report>p{color:#b7b0bb;background:#1c1920;grid-template-columns:70px 1fr auto;gap:8px;margin:5px 0;padding:9px;font-size:9px;display:grid}.validation-report>p b{font:7px var(--font-mono)}.validation-report>p.warning b{color:#ffd44f}.validation-report>p.error b{color:#ff9d8e}.validation-report>p small{color:var(--acid);font:6px var(--font-mono)}.validation-ok{color:var(--acid)!important}.validation-report details{margin-top:10px}.validation-report summary{color:#c9c0ff;font:8px var(--font-mono);cursor:pointer}.validation-report ol{color:#918a98;max-height:240px;font:8px/1.6 var(--font-mono);overflow-wrap:anywhere;overflow:auto}.package-panel>.asset-run{grid-column:1}.asset-status{z-index:4;position:absolute;bottom:12px;left:20px;right:20px}.asset-status .export-progress{box-shadow:0 0 0 1px #17151c,0 8px 30px #0009}.package-inspector{min-width:0}.package-review-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.package-review-heading h3{margin:0}.package-review-heading small{color:#8f8795;font:7px var(--font-mono)}.package-review-heading button{min-height:32px;color:var(--acid);font:7px var(--font-mono);cursor:pointer;background:#302c37;border:1px solid #514a59;padding:0 10px}.comparison-summary{border-left:3px solid var(--violet);background:#17151c;gap:5px;margin:10px 0;padding:11px;display:grid}.comparison-summary>b{color:var(--acid);font:8px var(--font-mono)}.comparison-summary span{color:#d1cad4;font-size:10px}.comparison-summary small{color:#817989;font:6px var(--font-mono)}.package-browser{background:#19171e;border:1px solid #4d4654;grid-template-columns:minmax(230px,.75fr) minmax(280px,1.25fr);min-height:290px;margin-top:12px;display:grid}.package-tree{border-right:1px solid #4d4654;min-width:0}.package-tree>label{color:#aaa2af;font:7px var(--font-mono);gap:5px;padding:10px;display:grid}.package-tree input{color:#fff;background:#111015;border:1px solid #4d4654;height:32px;padding:0 8px}.package-tree>div{max-height:320px;overflow:auto}.package-tree button{text-align:left;color:#bbb3c0;cursor:pointer;background:0 0;border:0;border-top:1px solid #2e2a33;gap:4px;width:100%;padding:8px 10px;display:grid}.package-tree button.active{color:#fff;box-shadow:inset 3px 0 var(--acid);background:#34303a}.package-tree button span{font:7px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.package-tree button small{color:#827b88;font:6px var(--font-mono)}.package-file-preview{grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden}.package-file-preview>div:first-child{background:#211e26;border-bottom:1px solid #403a46;justify-content:space-between;gap:8px;padding:10px;display:flex}.package-file-preview b{color:#fff;font:7px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.package-file-preview span{color:var(--acid);font:6px var(--font-mono);flex:none}.package-file-preview pre{color:#c9c1cd;min-width:0;max-height:320px;font:8px/1.55 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;overflow:auto}.binary-preview{text-align:center;font:8px/1.8 var(--font-mono);place-items:center;color:#77707d!important;border:0!important;padding:20px!important;display:grid!important}.package-difference{grid-template-columns:minmax(90px,180px) 1fr;align-items:center;gap:10px;margin:5px 0 0;display:grid}.package-difference canvas{width:100%;max-height:100px;image-rendering:pixelated;background:repeating-conic-gradient(#aaa 0 25%,#888 0 50%) 0/10px 10px;border:1px solid #4d4654}.package-difference figcaption{color:#aaa2af;font:7px var(--font-mono)}.adapter-status{background:#19171e;border:1px solid #48414f;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.adapter-status span{color:var(--acid);font:6px/1.4 var(--font-mono)}.adapter-status button{color:#ff9d8e;min-height:26px;font:6px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #554d5d;padding:0 7px}@media (max-width:900px){.asset-library-dialog{width:calc(100% - 14px);height:calc(100svh - 14px)}.asset-filterbar{grid-template-columns:1fr 1fr 1fr}.asset-filterbar>input{grid-column:1/-1}.asset-project-grid,.shared-toolbar{grid-template-columns:1fr 1fr}.multi-import-panel,.package-panel{grid-template-columns:1fr}.drop-zone{grid-row:auto;min-height:210px}.validation-report{grid-area:auto}.package-panel>.asset-run{grid-column:auto}.package-browser{grid-template-columns:1fr}.package-tree{border-bottom:1px solid #4d4654;border-right:0}.package-tree>div{max-height:190px}.package-file-preview pre{max-height:240px}}@media (max-width:620px){.asset-tabs{grid-template-columns:repeat(3,1fr);height:auto;padding-inline:8px}.asset-tabs button{min-height:34px}.asset-panel{height:calc(100% - 185px);padding:10px}.asset-filterbar,.asset-project-grid,.asset-create-card,.shared-toolbar{grid-template-columns:1fr}.asset-filterbar>input,.asset-create-card h3,.asset-create-card p{grid-column:auto}.package-actions{grid-template-columns:1fr}.asset-library-dialog header h2{font-size:26px}.asset-status{left:10px;right:10px}}.pwa-status{align-items:center;gap:4px;display:flex}.pwa-status span,.pwa-status button{color:#9b94a2;height:28px;font:7px var(--font-mono);letter-spacing:.06em;background:#25212a;border:1px solid #4d4656;padding:0 7px}.pwa-status span{align-items:center;display:flex}.pwa-status span:before{content:"";background:var(--acid);border-radius:50%;width:6px;height:6px;margin-right:5px;box-shadow:0 0 7px #d9ff4388}.pwa-status span.offline{color:#ffd44f;border-color:#8a7130}.pwa-status span.offline:before{background:#ffd44f}.pwa-status button{cursor:pointer;color:var(--acid)}.pwa-status .update-ready{border-color:var(--acid);background:#d9ff4314}.command-button{color:#c9c0ff;cursor:pointer;background:#292530;border:1px solid #514a59;align-items:center;gap:5px;height:30px;padding:0 7px;display:flex}.command-button kbd{font:7px var(--font-mono);color:#8f8796}.command-palette{color:#e3dde7;background:#201d25;border:1px solid #655b70;width:min(650px,100% - 24px);max-height:min(620px,100svh - 40px);margin:10vh auto 0;padding:0;box-shadow:0 28px 90px #000c}.command-palette::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a090dbb}.command-search{border-bottom:1px solid #4e4657;grid-template-columns:30px 1fr auto;align-items:center;padding:10px 13px;display:grid}.command-search>span{color:var(--acid);font-size:23px}.command-search input{color:#f3efe4;background:0 0;border:0;outline:0;height:42px;font-size:14px}.command-search kbd{color:#918999;font:7px var(--font-mono);background:#302b36;padding:5px 7px}.command-palette [role=listbox]{max-height:470px;padding:8px;overflow:auto}.command-palette [role=option]{color:#d4cdd8;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:1fr auto;width:100%;padding:10px 12px;display:grid}.command-palette [role=option] b{font-size:11px}.command-palette [role=option] span{color:#8f8796;font:8px var(--font-mono)}.command-palette [role=option][aria-selected=true]{color:#fff;background:#856dff1f;border-color:#856dff}.command-palette [role=option]:disabled{opacity:.38}.command-palette [role=listbox]>p{text-align:center;color:#8f8796;padding:28px}.recovery-dialog,.system-dialog{width:min(900px,100% - 24px);max-height:min(780px,100svh - 24px);overflow:auto}.recovery-dialog>section,.system-dialog>section{padding:20px}.recovery-intro{color:#a9a2ad;border-left:3px solid var(--acid);background:#1b191f;padding:11px}.recovery-list{gap:7px;display:grid}.recovery-list article{background:#29252f;border:1px solid #4d4656;grid-template-columns:minmax(220px,1fr) repeat(4,auto);align-items:center;gap:6px;padding:11px;display:grid}.recovery-list article>div{gap:3px;display:grid}.recovery-list article span,.recovery-list article small{color:#918a98;font:8px var(--font-mono)}.recovery-list button,.system-card button{color:#c9c0ff;min-height:36px;font:8px var(--font-mono);cursor:pointer;background:#312c38;border:1px solid #514a59;padding:8px 10px}.recovery-list .primary-action,.system-card .primary-action{background:var(--acid);color:var(--ink);border-color:var(--acid)}.recovery-list .danger{color:#ff9d8e}.system-dialog>section{grid-template-columns:1fr 1fr;gap:10px;display:grid}.system-card{background:#29252f;border:1px solid #4d4656;padding:15px}.system-card h3{margin:0 0 9px}.system-card p{color:#aaa3ae;font-size:10px;line-height:1.55}.system-card>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.performance-card{grid-column:1/-1}.storage-meter{background:#17151c;border:1px solid #4d4656;height:9px}.storage-meter span{background:linear-gradient(90deg,var(--violet),var(--acid));height:100%;display:block}.storage-warning{color:#ffd44f!important}.target-table{grid-template-columns:repeat(3,1fr);margin-bottom:10px;gap:6px!important;display:grid!important}.target-table span{background:#1b191f;gap:3px;padding:9px;display:grid}.target-table b{color:var(--acid)}.target-table small,.target-table em{color:#918a98;font:8px var(--font-mono);font-style:normal}.performance-warning{z-index:8;color:#ded5b8;background:#342d1d;border:1px solid #8a7130;align-items:center;gap:8px;max-width:620px;padding:7px 10px;font-size:9px;display:flex;position:fixed;top:57px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #0008}.performance-warning b{color:#ffd44f;font:7px var(--font-mono)}.performance-warning button{color:#ffd44f;font:7px var(--font-mono);cursor:pointer;background:0 0;border:0}.editor-shell :is(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--acid);outline-offset:2px}.pixel-canvas{touch-action:none}.file-action{position:relative}@media (max-width:1100px){.pwa-status span.online,.command-button kbd{display:none}}@media (max-width:720px){.pwa-status{z-index:9;position:fixed;top:48px;right:8px}.command-button{justify-content:center;width:32px;padding:0}.recovery-list article{grid-template-columns:1fr 1fr}.recovery-list article>div{grid-column:1/-1}.system-dialog>section{grid-template-columns:1fr}.performance-card{grid-column:auto}.target-table{grid-template-columns:1fr}.performance-warning{width:calc(100% - 20px);top:89px}}@media (pointer:coarse){.editor-shell button,.editor-shell select,.editor-shell input:not([type=range]){min-height:42px}.tool-button{min-height:48px}.canvas-hint{font-size:8px}.app-bar{min-height:48px}.pixel-canvas{touch-action:none}}.illustration-canvas{image-rendering:auto;cursor:crosshair}.illustration-stage{background-image:radial-gradient(#403948 1px,#0000 1px),linear-gradient(135deg,#151219,#100f13);background-size:18px 18px,auto}.illustration-workspace{grid-template-rows:minmax(0,1fr)}.illustration-workspace .tool-rail{grid-row:1}.illustration-inspector-note p{color:#aaa3b2;margin:0;font-size:11px;line-height:1.55}.mode-badge{font:700 7px var(--font-mono);letter-spacing:.08em;border:1px solid;border-radius:2px;flex:none;padding:4px 7px}.mode-badge.pixel{color:var(--acid)}.mode-badge.illustration{color:#c9c0ff;background:#856dff18}.illustration-view-controls{align-items:center;gap:4px;margin-left:auto;display:flex}.illustration-view-controls select,.illustration-view-controls button{color:#aaa3b2;height:25px;font:7px var(--font-mono);letter-spacing:.04em;background:#34303a;border:1px solid #4d4656;padding:0 7px}.illustration-view-controls button{cursor:pointer}.illustration-view-controls button:hover{color:var(--acid);border-color:var(--acid)}.illustration-view-controls input[type=color]{background:#34303a;border:1px solid #4d4656;width:28px;height:25px;padding:2px}.project-dialog{max-height:calc(100svh - 28px);overflow:auto}.project-mode-choice{grid-template-columns:1fr 1fr;gap:8px;margin:0 34px 18px;display:grid}.project-mode-choice button{color:#aaa3b2;text-align:left;cursor:pointer;background:#2c2833;border:1px solid #514a59;gap:6px;min-height:72px;padding:12px;display:grid}.project-mode-choice button b{color:#eee9f0;font:700 10px var(--font-mono);letter-spacing:.08em}.project-mode-choice button span{font-size:10px;line-height:1.35}.project-mode-choice button[aria-pressed=true]{border-color:var(--violet);box-shadow:inset 3px 0 0 var(--acid);background:#856dff1c}.project-mode-choice button[aria-pressed=true] b{color:var(--acid)}.memory-estimate{letter-spacing:.07em;color:#8d8594!important;font:7px var(--font-mono)!important;margin-top:10px!important;margin-bottom:0!important}.illustration-utility-dialog{width:min(760px,100% - 28px)}.illustration-dialog-body{gap:16px;padding:22px 28px 28px;display:grid}.illustration-mode-note{color:#c8c0d0;border-left:3px solid var(--violet);background:#856dff14;margin:0;padding:11px 13px;font-size:11px;line-height:1.5}.illustration-mode-note b{color:var(--acid);font:8px var(--font-mono);letter-spacing:.08em}.illustration-export-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.illustration-export-grid label{color:#9b93a1;font:8px var(--font-mono);letter-spacing:.06em;gap:6px;display:grid}.illustration-export-grid input:not([type=range]),.illustration-export-grid select{color:#eee9f0;width:100%;height:40px;font:10px var(--font-mono);background:#18161c;border:1px solid #544d5c;padding:0 9px}.illustration-export-grid input[type=range]{width:100%;accent-color:var(--acid)}.illustration-export-grid label>span{color:var(--acid)}.illustration-export-summary{background:#18161c;border:1px solid #47414f;grid-template-columns:auto 1fr;gap:14px;padding:12px;display:grid}.illustration-export-summary b{color:var(--acid);font:8px var(--font-mono)}.illustration-export-summary span{color:#aaa3b2;font-size:11px}.job-progress{color:#aaa3b2;font:8px var(--font-mono);grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.job-progress progress{width:100%;height:8px;accent-color:var(--acid)}@media (max-width:1050px){.illustration-view-controls{margin-left:0}.canvas-toolbar{scrollbar-width:thin;gap:8px;overflow-x:auto}.illustration-view-controls button{padding-inline:5px}}@media (max-width:720px){.project-mode-choice{grid-template-columns:1fr;margin-inline:22px}.illustration-export-grid{grid-template-columns:1fr}.illustration-dialog-body{padding:16px}.illustration-view-controls select,.illustration-view-controls input[type=color],.mode-badge{display:none}}@media (max-width:900px){.app-actions .transform-button,.app-actions .tiles-button,.app-actions .pixel-art-button,.app-actions .effects-button,.app-actions .about-button{display:none!important}.editor-shell .app-actions .app-text-button{width:34px;height:32px;padding:0;font-size:0!important}.editor-shell .projects-button:after{content:"A";font-size:9px}.editor-shell .import-button:after{content:"I";font-size:9px}.editor-shell .export-button:after{content:"E";font-size:9px}.document-title{min-width:0}.document-title small{display:none}.new-project-button{padding-inline:10px}.app-actions{gap:3px}}@media (max-width:680px){.editor-brand span:last-child,.document-title{display:none}.new-project-button{font-size:0}.new-project-button:after{content:"+";font-size:16px}.shortcut-button{display:none}.inspector-toggle{font-size:0}.inspector-toggle:after{content:"P";font-size:9px}}.illustration-paint-button{color:#d5cdff!important;border-color:#6756b0!important}.illustration-workspace .tool-rail{padding-bottom:18px}.illustration-workspace .tool-button{min-height:45px}.illustration-workspace .tool-button small{font-size:6px}.illustration-brush-quick{flex:none;align-items:center;gap:6px;display:flex}.illustration-brush-quick select,.illustration-gradient-options select{color:#ddd7e0;max-width:150px;height:26px;font:8px var(--font-mono);background:#19171d;border:1px solid #4e4756;padding:0 7px}.illustration-brush-quick label,.illustration-tolerance{color:#9d95a3;font:7px var(--font-mono);grid-template-columns:auto 80px auto;align-items:center;gap:5px;display:grid}.illustration-brush-quick input,.illustration-tolerance input{accent-color:var(--acid)}.illustration-brush-quick button,.illustration-job button{color:#d3cad7;height:26px;font:7px var(--font-mono);cursor:pointer;background:#393342;border:1px solid #574e62;padding:0 8px}.illustration-inline-option{color:#c9c1ce;font:7px var(--font-mono);white-space:nowrap;align-items:center;gap:5px;display:flex}.illustration-inline-option input{accent-color:var(--acid)}.illustration-gradient-options{gap:4px;display:flex}.illustration-job{color:var(--acid);font:7px var(--font-mono);white-space:nowrap;background:#171a12;border:1px solid #d9ff4355;align-items:center;gap:7px;padding:3px 5px;display:flex}.selection-readout[type=button]{cursor:pointer}.illustration-layer-controls{border-top:1px solid #47414f;gap:8px;margin-top:9px;padding-top:9px;display:grid}.illustration-layer-controls>label,.illustration-selection-section>label{color:#938b9a;font:7px var(--font-mono);grid-template-columns:74px 1fr auto;align-items:center;gap:7px;display:grid}.illustration-layer-controls select{color:#ddd7e0;width:100%;height:29px;font:9px var(--font-mono);text-transform:uppercase;background:#1c1921;border:1px solid #4d4655;padding:0 6px}.illustration-layer-controls input[type=range],.illustration-selection-section input[type=range]{width:100%;accent-color:var(--acid)}.illustration-layer-toggles{grid-template-columns:1fr 1fr;gap:5px;display:grid}.illustration-layer-toggles label{color:#aaa2b0;min-height:27px;font:7px var(--font-mono);background:#292530;align-items:center;gap:5px;padding:5px;display:flex}.illustration-layer-toggles input{accent-color:var(--acid)}.layer-thumb.group{border:1px solid #a997ff;background:#856dff55!important}.layer-list .layer-row>small{color:#d9ff43;font:6px var(--font-mono);background:#1c2015;padding:3px}.layers-section .panel-heading>span:last-child{gap:4px;display:flex}.layers-section .panel-heading button{padding-inline:6px}.mask-actions,.merge-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;display:grid}.mask-actions button,.merge-actions button{color:#c1b9c7;min-height:29px;font:7px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #4c4554;padding:5px}.destructive-action{color:#ff978a!important;background:#2d2022!important;border-color:#8d544f!important}.illustration-merge-section p{color:#9f97a6;font-size:10px;line-height:1.5}.illustration-brush-dialog{width:min(1040px,100% - 24px);height:min(820px,100svh - 24px);overflow:hidden}.illustration-brush-dialog>header,.illustration-selection-dialog>header{border-bottom:1px solid #494250;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.illustration-brush-dialog header h2,.illustration-selection-dialog header h2{color:#f1edf2;font:34px/1 var(--font-display);margin:2px 0 0}.illustration-brush-dialog header small,.illustration-selection-dialog header small{color:var(--acid);font:8px var(--font-mono);letter-spacing:.12em}.illustration-brush-dialog header>button,.illustration-selection-dialog header>button{color:#cfc7d3;background:#312c38;border:1px solid #504858;width:36px;height:36px;font-size:20px}.brush-workshop-layout{grid-template-columns:300px minmax(0,1fr);height:calc(100% - 170px);min-height:0;display:grid}.brush-library-pane,.brush-editor-pane{padding:18px;overflow:auto}.brush-library-pane{background:#211e25;border-right:1px solid #48414f}.brush-library-pane>label,.brush-editor-pane>label,.brush-name-row label{color:#9991a0;font:7px var(--font-mono);gap:6px;display:grid}.brush-library-pane select,.brush-editor-pane select,.brush-name-row input{color:#ece7ef;height:34px;font:9px var(--font-mono);text-transform:uppercase;background:#17151b;border:1px solid #4c4553;padding:0 8px}.illustration-brush-list{gap:5px;max-height:510px;margin:10px 0;display:grid;overflow:auto}.illustration-brush-list>button{color:#ddd6e1;text-align:left;cursor:pointer;background:#2c2832;border:1px solid #0000;grid-template-columns:38px 1fr;align-items:center;gap:9px;padding:7px;display:grid}.illustration-brush-list>button.active{border-color:var(--acid);background:#35303b}.illustration-brush-list span{gap:3px;display:grid}.illustration-brush-list b{font-size:10px}.illustration-brush-list small{color:#928a99;font:7px var(--font-mono);text-transform:uppercase}.brush-tip{background:#eee;border-radius:50%;width:30px;height:30px;display:block}.brush-tip.soft-round,.brush-tip.airbrush,.brush-tip.eraser-soft{filter:blur(4px);opacity:.75}.brush-tip.marker{border-radius:35%;transform:rotate(-18deg)scaleY(.45)}.brush-tip.textured,.brush-tip.pencil{background:radial-gradient(circle at 30% 30%,#fff 0 5%,#0000 6%),radial-gradient(circle at 60% 70%,#fff 0 10%,#0000 11%),#aaa}.brush-preview{background-image:radial-gradient(#413a48 1px,#0000 1px);background-size:14px 14px;border:1px solid #47404f;place-items:center;height:170px;display:grid;overflow:hidden}.brush-preview span{background:#f0edf2;border-radius:50%;max-width:150px;max-height:150px;display:block;box-shadow:0 0 20px #856dff55}.brush-name-row{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.brush-slider-grid{grid-template-columns:1fr 1fr;gap:8px 15px;margin-top:14px;display:grid}.brush-slider-grid label,.brush-dynamics>div>label:last-child{color:#9e96a5;font:7px var(--font-mono);grid-template-columns:85px 1fr 45px;align-items:center;gap:6px;display:grid}.brush-slider-grid input,.brush-dynamics input[type=range]{width:100%;accent-color:var(--acid)}.brush-slider-grid output,.brush-dynamics output{color:#d9ff43;text-align:right}.brush-dynamics{background:#25212b;border:1px solid #46404d;margin-top:16px;padding:13px}.brush-dynamics h3{color:#d8d0dc;font:9px var(--font-mono);letter-spacing:.08em;margin:0 0 10px}.brush-dynamics>div{grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin:7px 0;display:grid}.brush-dynamics label{color:#aaa2b0;font:8px var(--font-mono)}.brush-dynamics input[type=checkbox]{accent-color:var(--acid)}.shared-brush-row{border-top:1px solid #47414f;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:10px 18px;display:grid}.shared-brush-row button,.shared-brush-row select{color:#cfc6d3;height:32px;font:7px var(--font-mono);background:#28232f;border:1px solid #4d4556}.illustration-brush-dialog>.dialog-actions{padding:10px 18px}.dialog-actions.compact{grid-template-columns:1.5fr repeat(4,1fr);padding:0}.illustration-selection-dialog{width:min(660px,100% - 24px);max-height:calc(100svh - 24px);overflow:auto}.selection-preview{background:#1c191f;padding:16px 22px}.selection-preview canvas{border:1px solid #4c4554;width:100%;height:auto;display:block}.selection-preview p,.warning-copy{color:#9f97a5;margin:8px 0 0;font-size:10px;line-height:1.45}.selection-operation-row{grid-template-columns:repeat(4,1fr);gap:5px;padding:13px 22px;display:grid}.selection-operation-row button{color:#c8c0cc;min-height:31px;font:7px var(--font-mono);background:#302b37;border:1px solid #4d4655}.smooth-transform-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 22px 14px;display:grid}.smooth-transform-grid label{color:#9991a0;font:7px var(--font-mono);gap:5px;display:grid}.smooth-transform-grid input{color:#eee9f0;height:34px;font:10px var(--font-mono);background:#18161c;border:1px solid #4b4552;padding:0 8px}.illustration-selection-dialog .warning-copy{background:#ff6b550d;border-left:3px solid #ff8a7b;margin:0 22px;padding:10px}.illustration-selection-dialog>.dialog-actions{padding:14px 22px}@media (max-width:900px){.illustration-paint-button{display:none!important}.illustration-brush-quick label,.illustration-tolerance{grid-template-columns:auto 60px auto}.illustration-brush-quick select{max-width:120px}.illustration-brush-dialog{width:calc(100% - 14px);height:calc(100svh - 14px)}.brush-workshop-layout{grid-template-columns:235px minmax(420px,1fr);overflow:auto}.illustration-brush-dialog>header{position:relative}.illustration-selection-dialog{width:calc(100% - 14px)}}@media (max-width:650px){.illustration-brush-quick label,.illustration-brush-quick>button,.illustration-gradient-options,.illustration-inline-option,.illustration-tolerance{display:none}.brush-workshop-layout{display:block;overflow:auto}.brush-library-pane,.brush-editor-pane{overflow:visible}.brush-library-pane{border-bottom:1px solid #48414f;border-right:0}.illustration-brush-dialog{overflow:auto}.illustration-brush-dialog>header{position:relative}.shared-brush-row,.brush-slider-grid,.brush-name-row,.brush-dynamics>div{grid-template-columns:1fr}.selection-operation-row,.smooth-transform-grid{grid-template-columns:1fr 1fr}.mask-actions,.merge-actions{grid-template-columns:1fr}}.layer-list .layer-row{grid-template-columns:22px 28px minmax(0,1fr) repeat(4,auto)}.layer-list .layer-row>span{margin-left:0}.asset-project-open>.asset-thumb-image{background-position:50%;background-repeat:no-repeat;background-size:contain}.mode-badge.vector{color:#42d9ff;background:#42d9ff12}.vector-workspace{grid-template-rows:minmax(0,1fr)}.vector-workspace .tool-rail{grid-row:1;padding-bottom:18px}.vector-workspace .tool-button{min-height:45px}.vector-svg-button{color:#80e6ff!important;border-color:#307c90!important}.vector-canvas-stage{background-color:#100e14;background-image:radial-gradient(#342e3b 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative;overflow:hidden}.vector-canvas-stage canvas{touch-action:none;outline:0;width:100%;height:100%;display:block}.vector-canvas-status{pointer-events:none;gap:4px;display:flex;position:absolute;bottom:13px;left:32px}.vector-canvas-status span{color:#aaa1b4;font:7px var(--font-mono);letter-spacing:.06em;background:#15121bcc;border:1px solid #4c4556;padding:4px 6px}.vector-canvas-status span:first-child{color:#42d9ff;border-color:#42d9ff66}.vector-constrain{align-items:center;gap:7px;display:flex!important}.vector-constrain input{width:auto!important}.vector-custom-shapes{gap:5px;margin-top:8px;display:grid}.vector-custom-shapes>span{grid-template-columns:1fr 30px;gap:4px;display:grid}.vector-custom-shapes>span>button[aria-pressed=true]{color:#42d9ff;background:#42d9ff12;border-color:#42d9ff}.vector-inspector{scrollbar-color:#554e5d #24212a}.vector-inspector button,.vector-inspector input,.vector-inspector select{font-family:var(--font-mono)}.vector-layer-row{color:#c5bdca;text-align:left;background:#2a2630;border:1px solid #0000;grid-template-columns:12px 1fr auto;align-items:center;gap:7px;width:100%;min-height:32px;padding:5px 7px;display:grid}.vector-layer-row.active{background:#26323a;border-color:#42d9ff}.vector-layer-row small{color:#8b8491;font-size:6px}.layer-kind-dot{background:#777;border-radius:50%;width:8px;height:8px}.layer-kind-dot.vector{background:#42d9ff;box-shadow:0 0 8px #42d9ff88}.layer-kind-dot.illustration{background:#856dff}.layer-kind-dot.pixel{background:var(--acid)}.vector-object-actions,.vector-order-actions,.vector-group-actions,.vector-boolean-actions,.vector-convert-actions,.vector-reflect,.node-type-actions,.node-actions,.vector-io-actions,.rasterize-actions,.vector-preset-actions{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.vector-inspector :is(.vector-object-actions,.vector-order-actions,.vector-group-actions,.vector-boolean-actions,.vector-convert-actions,.vector-reflect,.node-type-actions,.node-actions,.vector-io-actions,.rasterize-actions,.vector-preset-actions)>button{color:#c8c0ce;text-transform:uppercase;background:#302b37;border:1px solid #4d4655;min-height:29px;padding:5px 7px;font-size:7px}.vector-inspector button:not(:disabled){cursor:pointer}.vector-inspector button:disabled{opacity:.35}.vector-object-list{gap:3px;max-height:260px;display:grid;overflow:auto}.vector-object-list>div{background:#29252f;border:1px solid #0000;grid-template-columns:24px 1fr 27px;align-items:center;display:grid}.vector-object-list>div.selected{background:#26323a;border-color:#42d9ff}.vector-object-list button{color:#c7c0ca;background:0 0;border:0;min-height:31px}.vector-object-list .object-name{text-align:left;grid-template-columns:1fr auto;align-items:center;display:grid}.vector-object-list small{color:#8c8492;text-transform:uppercase;font-size:6px}.vector-paint-control{grid-template-columns:1fr 38px;gap:6px;margin:6px 0;display:grid}.vector-paint-control label,.vector-style-grid label,.vector-transform-grid label,.vector-snap-section>label{color:#948c9c;gap:4px;font-size:7px;display:grid}.vector-paint-control select,.vector-style-grid :is(input,select),.vector-transform-grid input,.vector-snap-section input[type=number]{color:#e6e0e9;background:#19171d;border:1px solid #4d4655;width:100%;height:31px;padding:0 6px;font-size:8px}.vector-paint-control input[type=color]{background:#19171d;border:1px solid #4d4655;width:38px;height:31px;padding:2px}.vector-style-grid,.vector-transform-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.gradient-stop-editor{background:#1c1921;border:1px solid #47414f;margin-top:9px;padding:8px}.gradient-stop-editor>div:not(.subheading){grid-template-columns:30px 1fr 1fr;gap:5px;margin-top:5px;display:grid}.gradient-stop-editor input[type=color]{width:30px;height:27px;padding:1px}.gradient-stop-editor input[type=range]{accent-color:#42d9ff;width:100%}.vector-align-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.vector-align-grid button{color:#c7c0cb;text-transform:uppercase;background:#302b37;border:1px solid #4d4655;min-height:29px;font-size:7px}.node-type-actions button[aria-pressed=true]{color:#15131a;background:#42d9ff;border-color:#42d9ff}.vector-snap-toggles{grid-template-columns:1fr 1fr;gap:4px;margin-top:7px;display:grid}.vector-snap-toggles label{color:#aaa2af;background:#29252f;align-items:center;gap:4px;min-height:25px;padding:4px;font-size:7px;display:flex}.vector-snap-toggles input{accent-color:#42d9ff}.guide-list{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.guide-list button{color:#80e6ff;background:#1c2a30;border:1px solid #307c90;min-height:25px;padding:4px 6px;font-size:7px}.vector-io-section p{color:#9f97a6;font-size:10px;line-height:1.45}.rasterize-actions{align-items:center}.rasterize-actions>span{color:#42d9ff;margin-right:5px;font-size:7px}.vector-export-dialog{width:min(760px,100% - 24px);max-height:calc(100svh - 24px);overflow:auto}.vector-export-dialog>header{border-bottom:1px solid #494250;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vector-export-dialog header h2{font:34px/1 var(--font-display);margin:2px 0 0}.vector-export-dialog header>button{color:#cfc7d3;background:#312c38;border:1px solid #504858;width:36px;height:36px;font-size:20px}.vector-export-dialog .workshop-content{grid-template-columns:1fr 1fr;gap:10px;padding:20px;display:grid}.vector-export-dialog section{background:#29252f;border:1px solid #4d4656;padding:14px}.vector-export-dialog section:first-child{grid-column:1/-1}.vector-export-dialog h3{color:#42d9ff;font:9px var(--font-mono);margin:0 0 8px}.vector-export-dialog p{color:#aaa2af;font-size:10px;line-height:1.5}.vector-export-dialog label{color:#aaa2af;font:7px var(--font-mono);gap:5px;display:grid}.vector-export-dialog select{color:#eee9f0;background:#17151b;border:1px solid #4c4553;height:36px}.vector-export-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.vector-export-dialog button{color:#d0c8d4;min-height:34px;font:7px var(--font-mono);background:#302b37;border:1px solid #4d4655;padding:7px}.vector-export-dialog .primary-workshop-action{color:#11151a;background:#42d9ff;border-color:#42d9ff;margin-top:9px}@media (max-width:900px){.project-mode-choice{grid-template-columns:1fr}.vector-svg-button{display:none!important}.vector-inspector{bottom:0!important}.vector-export-dialog{width:calc(100% - 14px)}.vector-export-dialog>header{position:relative}.vector-export-dialog .workshop-content{grid-template-columns:1fr}.vector-export-dialog section:first-child{grid-column:auto}}@media (max-width:560px){.vector-export-actions,.vector-style-grid,.vector-transform-grid{grid-template-columns:1fr}.vector-align-grid{grid-template-columns:repeat(2,1fr)}.vector-canvas-status span:not(:first-child){display:none}.vector-inspector{width:280px}.vector-export-dialog .workshop-content{padding:12px}}.mixed-media-button{color:#ffb66d!important;border-color:#835e39!important}.mode-badge.mixed{color:#ffb66d;background:#ff9d4615;border-color:#ffb66d}.mixed-media-workspace .canvas-workspace{box-shadow:inset 0 2px #ff9d4633}.layer-kind-dot.group,.layer-kind-dot.adjustment,.layer-thumb.adjustment{background:#ff9d46;box-shadow:0 0 8px #ff9d4666}.layer-thumb.pixel{background:var(--acid)!important}.layer-thumb.illustration{background:var(--violet)!important}.layer-thumb.vector{background:#42d9ff!important}.mixed-media-dialog{color:#eee9f0;background:#211e26;border:1px solid #5b5363;border-top:4px solid #ff9d46;border-radius:3px 18px;width:min(1180px,100% - 24px);height:min(850px,100svh - 24px);max-height:none;padding:0;overflow:hidden;box-shadow:18px 22px 70px #000b}.mixed-media-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0b10d9}.mixed-media-dialog>header{background:#18161c;border-bottom:1px solid #47414f;justify-content:space-between;align-items:center;height:78px;padding:15px 24px;display:flex}.mixed-media-dialog>header small{color:#ffb66d;font:8px var(--font-mono);letter-spacing:.12em}.mixed-media-dialog>header h2{font:32px/.9 var(--font-display);text-transform:uppercase;margin:5px 0 0}.mixed-media-dialog>header>button{color:#d7cfdc;cursor:pointer;background:#302b37;border:1px solid #514a59;width:38px;height:38px;font-size:22px}.mixed-media-grid{background:#48414f;grid-template-columns:1fr 1fr;gap:1px;height:calc(100% - 78px);display:grid;overflow:auto}.mixed-media-grid>section{background:#242129;min-width:0;padding:20px 22px}.mixed-media-grid>section>label{color:#a39ba9;min-height:38px;font:7px var(--font-mono);letter-spacing:.04em;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.mixed-media-grid input:not([type=checkbox]):not([type=color]),.mixed-media-grid select{color:#f3eef5;width:100%;height:34px;font:10px var(--font-mono);background:#18161c;border:1px solid #514a59;padding:0 8px}.mixed-media-grid input[type=range],.mixed-media-grid input[type=checkbox]{accent-color:#ff9d46}.mixed-media-grid p{color:#aaa2b0;font-size:10px;line-height:1.5}.mixed-active-layer{background:#19171e;border:1px solid #4c4554;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.mixed-active-layer span{color:#ffb66d;font:7px var(--font-mono)}.conversion-actions{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.conversion-actions button,.mixed-primary-action{color:#d2cad6;min-height:42px;font:8px var(--font-mono);cursor:pointer;background:#332e39;border:1px solid #554d5d;padding:8px}.conversion-actions button small{color:#817989;margin-top:5px;font-size:6px;display:block}.conversion-actions button:disabled{opacity:.35;cursor:not-allowed}.mixed-primary-action{color:#19151b;background:#ff9d46;border-color:#ffb66d;width:100%;margin-top:13px;font-weight:800}.gradient-map-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gradient-map-controls label{color:#aaa2b0;font:7px var(--font-mono);grid-template-columns:1fr 36px;align-items:center;display:grid}.gradient-map-controls input{background:#19171e;border:1px solid #514a59;width:36px;height:34px;padding:2px}.density-preview{background:#18161c;border:1px solid #47414f;gap:4px;max-height:130px;margin-top:10px;padding:8px;display:grid;overflow:auto}.density-preview code{color:#c9c0cf;font:7px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.render-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.render-comparison span{background:repeating-conic-gradient(#aaa3b0 0 25%,#8e8795 0 50%) 0/12px 12px;border:1px solid #5a5262;grid-template-rows:auto 1fr;height:80px;padding:8px;display:grid}.render-comparison b{color:#fff;font:7px var(--font-mono);background:#18161ce6;justify-self:start;padding:3px 5px}.render-comparison i{background:linear-gradient(90deg,var(--violet),var(--acid));border-radius:10px;align-self:center;height:16px}.render-comparison strong{color:var(--acid);font:20px var(--font-display)}.comparison-result{border-left:3px solid var(--acid);background:#1a181f;padding:9px}.mixed-media-grid ul{color:#ffc39d;padding-left:18px;font-size:10px;line-height:1.5}.validation-pass{color:var(--acid)!important}.engine-guidance{border-top:1px solid #48414f;grid-template-columns:58px 1fr;gap:7px;margin-top:12px;padding-top:12px;display:grid}.engine-guidance b{color:#ffb66d;font:7px var(--font-mono)}.engine-guidance span{color:#aaa2b0;font-size:9px}.mixed-media-dialog button:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.mixed-media-dialog input:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.mixed-media-dialog select:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.mixed-media-button:focus-visible{outline:2px solid var(--acid);outline-offset:2px}@media (max-width:1050px){.project-mode-choice{grid-template-columns:1fr 1fr}.mixed-media-dialog{width:calc(100% - 14px);height:calc(100svh - 14px)}.mixed-media-grid>section{padding:16px}.mixed-media-button{width:34px!important;font-size:0!important}.mixed-media-button:after{content:"MX";font-size:8px}}@media (max-width:760px){.project-mode-choice{grid-template-columns:1fr}.mixed-media-dialog>header{position:relative}.mixed-media-grid{display:block}.mixed-media-grid>section{border-bottom:1px solid #48414f}.mixed-media-grid>section>label{grid-template-columns:110px minmax(0,1fr) auto}.conversion-actions{grid-template-columns:1fr}.mixed-media-dialog>header h2{font-size:25px}}@media (pointer:coarse){.mixed-media-dialog button,.mixed-media-dialog input:not([type=range]),.mixed-media-dialog select{min-height:44px}}.rig-button{color:#ffb66d!important}.deformation-dialog{color:#eee9f0;background:#211e26;border:1px solid #5b5363;border-top:4px solid #ff9d46;border-radius:3px 18px;width:min(1220px,100% - 24px);height:min(880px,100svh - 24px);max-height:none;padding:0;overflow:hidden;box-shadow:18px 22px 70px #000c}.deformation-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d0b10df}.deformation-dialog>header{background:#18161c;border-bottom:1px solid #47414f;justify-content:space-between;align-items:center;height:78px;padding:15px 24px;display:flex}.deformation-dialog>header small{color:#ffb66d;font:8px var(--font-mono);letter-spacing:.13em}.deformation-dialog>header h2{font:32px/.9 var(--font-display);text-transform:uppercase;margin:5px 0 0}.deformation-dialog>header>button{color:#eee9f0;cursor:pointer;background:#302b37;border:1px solid #514a59;width:40px;height:40px;font-size:22px}.deformation-dialog>nav{background:#19171e;border-bottom:1px solid #48414f;grid-template-columns:repeat(3,1fr);height:48px;padding:7px;display:grid}.deformation-dialog>nav button{color:#9f97a7;font:8px var(--font-mono);letter-spacing:.08em;cursor:pointer;background:#27232d;border:1px solid #48414f}.deformation-dialog>nav button.active{color:#18151b;background:#ff9d46;border-color:#ffc17d;font-weight:900}.deformation-body{background:#48414f;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;height:calc(100% - 126px);display:grid;overflow:auto}.deformation-body>section{background:#242129;min-width:0;padding:20px 22px}.deformation-body section>label{color:#aaa2b0;min-height:40px;font:8px var(--font-mono);letter-spacing:.03em;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.deformation-body input:not([type=checkbox]):not([type=range]),.deformation-body select{color:#f3eef5;width:100%;height:35px;font:10px var(--font-mono);background:#18161c;border:1px solid #514a59;padding:0 9px}.deformation-body input[type=range]{accent-color:#ff9d46;width:100%}.deformation-body input[type=checkbox]{accent-color:#ff9d46}.deformation-body p{color:#aca4b2;font-size:10px;line-height:1.55}.deformation-body button{color:#d7cfdc;min-height:36px;font:8px var(--font-mono);cursor:pointer;background:#332e39;border:1px solid #554d5d;padding:8px 10px}.deformation-body button:hover:not(:disabled){color:#fff;border-color:#ffb66d}.deformation-body button:disabled{opacity:.35;cursor:not-allowed}.deformation-primary{width:100%;color:#18151b!important;background:#ff9d46!important;border-color:#ffc17d!important;font-weight:900!important}.deform-active{background:#19171e;border:1px solid #4d4655;justify-content:space-between;gap:10px;padding:11px;display:flex}.deform-active span{color:#ffb66d;font:7px var(--font-mono)}.topology-status,.deformation-warning{border-left:3px solid var(--acid);background:#19171e;gap:6px;margin-top:12px;padding:12px;display:grid}.topology-status b,.deformation-warning b{font:9px var(--font-mono)}.topology-status span,.deformation-warning span{color:#aca4b2;font-size:10px;line-height:1.45}.topology-status.warning,.deformation-warning{border-left-color:#ff765f}.correspondence-list,.bone-list,.pose-list{gap:5px;max-height:270px;display:grid;overflow:auto}.correspondence-list code{color:#aaa2b0;font:7px var(--font-mono);background:#19171e;grid-template-columns:24px 1fr 20px 1fr;align-items:center;gap:6px;padding:7px;display:grid}.correspondence-list code b{color:#ffb66d}.correspondence-list code span{color:var(--acid)}.deformation-button-row,.deformation-pair,.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.deformation-button-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.deformation-pair label{color:#aaa2b0;font:7px var(--font-mono);gap:5px;display:grid}.mode-switch button.active,.bone-list button.active{color:#ffbf75;background:#312a21;border-color:#ff9d46}.bone-list button{text-align:left;justify-content:space-between;align-items:center;display:flex}.bone-list small{color:#8f8797;font-size:7px}.pose-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0 12px}.deformation-progress{z-index:3;color:#ffbf75;font:8px var(--font-mono);background:#151219ef;border-bottom:1px solid #ff9d46;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 18px;display:grid;position:absolute;top:126px;left:0;right:0}.deformation-progress progress{accent-color:#ff9d46;width:100%}.deformation-progress button{color:#ffc1b6;height:30px;font:8px var(--font-mono);background:#382b2b;border:1px solid #8c4c41}:is(.deformation-dialog button:focus-visible,.deformation-dialog input:focus-visible,.deformation-dialog select:focus-visible){outline:2px solid var(--acid);outline-offset:2px}@media (max-width:1050px){.deformation-dialog{width:calc(100% - 14px);height:calc(100svh - 14px)}.deformation-body>section{padding:16px}.rig-button{width:34px!important;font-size:0!important}.rig-button:after{content:"RIG";font-size:8px}}@media (max-width:760px){.deformation-dialog>header h2{font-size:25px}.deformation-body{display:block}.deformation-body>section{border-bottom:1px solid #48414f}.deformation-body section>label{grid-template-columns:110px minmax(0,1fr) auto}.deformation-button-row{grid-template-columns:repeat(2,1fr)}}@media (pointer:coarse){.deformation-dialog button,.deformation-dialog input:not([type=range]),.deformation-dialog select{min-height:44px}}.workspace-shell:not(.vector-workspace){grid-template-rows:minmax(0,1fr) 82px;grid-template-columns:76px 224px minmax(300px,1fr) 280px}.workspace-shell:not(.vector-workspace)>.tool-rail{grid-area:1/1/3}.workspace-shell:not(.vector-workspace)>.canvas-workspace{grid-area:1/3}.workspace-shell:not(.vector-workspace)>.inspector{grid-area:1/4/3}.illustration-workspace .tool-rail,.mixed-media-workspace .tool-rail{padding-bottom:18px}.animation-sidebar{border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#554e5d #1b181f;background:#1b181f;flex-direction:column;grid-area:1/2/3;min-width:0;display:flex;overflow:hidden auto}.animation-sidebar>header{z-index:2;border-bottom:2px solid var(--acid);background:#24202a;gap:3px;padding:12px 11px;display:grid;position:sticky;top:0}.animation-sidebar>header span{color:#f4eff6;font:17px var(--font-display);letter-spacing:-.02em}.animation-sidebar>header small{color:var(--acid);font:7px var(--font-mono);letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animation-sidebar .transport-panel{background:#1d1a21;border-bottom:1px solid #403947;border-right:0;align-content:start;gap:8px;min-width:0;padding:9px;display:grid}.animation-sidebar .transport-buttons{grid-template-columns:repeat(6,1fr)}.animation-sidebar .transport-buttons button,.animation-sidebar .active-playback-mode{height:30px}.animation-sidebar .playback-settings{grid-template-columns:1fr;gap:6px;display:grid}.animation-sidebar .fps-control{justify-content:space-between}.animation-sidebar-section{border-bottom:1px solid #403947;padding:10px 9px}.animation-sidebar-heading{color:#d0c8d4;font:8px var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:7px;margin-bottom:7px;display:flex}.animation-sidebar-heading small{color:#827a89;text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:7px;overflow:hidden}.animation-sidebar-heading .add-clip-tab{color:#c9c0ff;border:1px solid var(--violet);height:26px;font:7px var(--font-mono);background:#856dff22;padding:0 7px}.sidebar-clip-tabs{grid-template-columns:1fr;gap:4px;max-height:126px;padding:0;display:grid;overflow:hidden auto}.sidebar-clip-tabs>button{text-align:left;grid-template-columns:18px minmax(0,1fr) auto;gap:6px;width:100%;height:30px;padding:0 7px;display:grid}.sidebar-clip-tabs>button i{max-width:none}.sidebar-clip-editor{grid-template-columns:1fr;gap:6px;min-width:0;margin-top:8px;display:grid}.sidebar-clip-editor>input{width:100%;height:30px}.clip-range{grid-template-columns:1fr 1fr;gap:5px;display:grid}.clip-range label{color:#817989;font:7px var(--font-mono);grid-template-columns:auto 1fr;align-items:center;gap:5px;display:grid}.clip-range input{color:#fff;text-align:center;width:100%;min-width:0;height:29px;font:9px var(--font-mono);background:#24212a;border:1px solid #514a59;padding:0 4px}.animation-sidebar .clip-modes{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.animation-sidebar .clip-modes button,.animation-sidebar .clip-fps>button,.animation-sidebar .clip-actions button{min-width:0;height:28px;padding:0 4px}.animation-sidebar .clip-fps{grid-template-columns:1fr 1fr;gap:3px;display:grid}.animation-sidebar .clip-fps .fps-stepper{grid-column:1/-1;grid-template-columns:28px 1fr 28px}.animation-sidebar .clip-fps .fps-stepper input{width:100%}.animation-sidebar .clip-actions{grid-template-columns:1fr 32px 32px 1fr;gap:3px;margin:0;display:grid}.frame-sidebar-section{margin-top:auto}.animation-sidebar .duration-control{color:#aaa2b0;font:7px var(--font-mono);grid-template-columns:auto minmax(0,1fr) auto 34px;align-items:center;gap:5px;margin-bottom:7px;display:grid}.animation-sidebar .duration-stepper{grid-template-columns:26px minmax(42px,1fr) 26px}.animation-sidebar .duration-stepper input{width:100%}.animation-sidebar .duration-control>button{padding:0}.animation-sidebar .frame-actions{grid-template-columns:1.35fr 1.1fr 32px 32px .8fr;gap:3px;margin:0 0 8px;display:grid}.animation-sidebar .frame-actions button{min-width:0;height:31px;padding:0 3px;font-size:6px}.animation-sidebar .onion-controls{grid-template-columns:44px 44px 1fr}.frame-dock{border-top:1px solid var(--line);background:#201d25;grid-area:2/3;grid-template-columns:76px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.frame-dock-label{color:var(--acid);font:8px var(--font-mono);letter-spacing:.08em;background:#19171e;border-right:1px solid #403947;align-content:center;gap:4px;padding:8px;display:grid}.frame-dock-label small{color:#817989;text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.frame-dock .frame-strip{gap:6px;padding:5px 8px}.frame-dock .frame-card{width:55px;height:66px;padding:4px}.frame-dock .frame-card>i{height:44px}.frame-dock .frame-card>small{margin-top:3px}.clip-sharing-note{display:none}.commit-number{-webkit-appearance:textfield;appearance:textfield}.commit-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.commit-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.palette-heading{margin-top:0}.primary-secondary-palette{flex-wrap:wrap;gap:7px;min-height:46px;margin-bottom:2px;display:flex}.primary-secondary-palette button{aspect-ratio:auto;width:44px;height:44px;box-shadow:none;cursor:pointer;border:2px solid #24212a;outline:1px solid #625b69;flex:none;position:relative}.primary-secondary-palette button.selected-primary{outline:3px solid var(--acid);outline-offset:1px}.primary-secondary-palette button.selected-secondary{box-shadow:inset 0 0 0 3px var(--violet)}.primary-secondary-palette button.selected-primary.selected-secondary{outline-color:var(--acid);box-shadow:inset 0 0 0 3px var(--violet)}.palette-role{color:#fff;min-width:14px;font:700 7px var(--font-mono);text-align:center;pointer-events:none;background:#17151ce8;padding:2px 3px;position:absolute;bottom:2px;right:2px}.colour-section .colour-picker{margin-top:12px}.active-colour-summary{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.active-colour-summary span{color:#aaa2b0;font:7px var(--font-mono);background:#2e2a34;border:1px solid #47414e;align-items:center;gap:6px;padding:6px;display:flex}.active-colour-summary i{border:1px solid #6e6775;width:15px;height:15px}.file-menu{align-items:center;display:flex}.file-menu-trigger{color:#aaa3b2;background:0 0;border:0;border-radius:0;align-items:center;height:auto;padding:7px 6px;display:inline-flex}.file-menu-trigger[aria-expanded=true]{color:var(--acid);background:0 0;border-color:#0000}.pwa-status{margin-left:14px}.export-layer-note{color:#b9b1c0;border-left:3px solid var(--violet);background:#856dff13;margin:0;padding:10px 12px;font-size:10px;line-height:1.5}@media (min-width:901px){.editor-shell .app-actions .app-text-button,.editor-shell .app-actions .file-menu-trigger{font-size:11px;line-height:1}.editor-shell .app-actions{gap:6px}}@media (max-width:1180px) and (min-width:881px){.workspace-shell:not(.vector-workspace){grid-template-columns:66px 192px minmax(260px,1fr) 250px}.animation-sidebar .frame-actions{grid-template-columns:1fr 1fr 30px 30px}.animation-sidebar .frame-actions .delete-action{grid-column:1/-1}.animation-sidebar .onion-controls{grid-template-columns:1fr 1fr}.animation-sidebar .onion-controls label{grid-column:1/-1}}@media (max-width:880px){.workspace-shell:not(.vector-workspace){grid-template-rows:minmax(0,1fr) 78px;grid-template-columns:66px 178px minmax(240px,1fr)}.workspace-shell:not(.vector-workspace)>.canvas-workspace{grid-column:3}.animation-sidebar{grid-column:2}.frame-dock{grid-column:3;grid-template-columns:58px minmax(0,1fr)}.frame-dock .frame-card{width:52px;height:62px}.frame-dock .frame-card>i{height:40px}.inspector{height:auto;bottom:0}.pwa-status{margin-left:4px}}.audio-modal-backdrop{z-index:86;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0a10df;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.audio-sync-dialog{color:#f2edf5;background:#211e26;border:1px solid #62596b;border-top:4px solid #42d9ff;border-radius:3px 18px;grid-template-rows:76px 48px minmax(0,1fr);width:min(1180px,100vw - 24px);height:min(820px,100svh - 24px);padding:0;display:grid;position:relative;overflow:hidden;box-shadow:18px 24px 75px #000c}.audio-sync-dialog>header{background:#18161c;border-bottom:1px solid #494250;justify-content:space-between;align-items:center;padding:13px 22px;display:flex}.audio-sync-dialog>header small{color:#42d9ff;font:8px var(--font-mono);letter-spacing:.13em}.audio-sync-dialog>header h2{font:30px/.9 var(--font-display);text-transform:uppercase;margin:.25rem 0 0}.audio-sync-dialog>header>button{color:#eee9f0;cursor:pointer;background:#302b37;border:1px solid #514a59;width:44px;min-width:44px;min-height:44px;font-size:1.5rem}.audio-sync-dialog>.dialog-tabs{background:#19171e;border-bottom:1px solid #48414f;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid}.audio-sync-dialog>.dialog-tabs button{color:#98919f;font:800 8px var(--font-mono);letter-spacing:.08em;cursor:pointer;background:#2a2630;border:1px solid #48414f}.audio-sync-dialog>.dialog-tabs button[aria-pressed=true]{color:#17151c;background:#42d9ff;border-color:#42d9ff}.audio-studio-grid{background:#423b4d;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:1px;min-height:0;display:grid;overflow:auto}.audio-sync-dialog>.audio-studio-grid.timeline{background:#423b4d;border-top:0;grid-column:auto;align-items:stretch;gap:1px;padding:0;display:grid;overflow:auto}.audio-studio-grid>section{background:#201c28;min-width:0;padding:1rem;overflow:auto}.audio-toolbar,.audio-master,.button-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.audio-toolbar input{flex:220px}.audio-privacy{color:#aaa3b3;font-size:.78rem}.audio-asset-list,.audio-track-list,.audio-clip-list,.audio-cue-list,.viseme-marker-list{gap:.35rem;max-height:320px;margin:.7rem 0;display:grid;overflow:auto}.audio-asset-list>button,.audio-clip-list>button,.audio-cue-list>button{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;min-height:54px;display:flex}.audio-asset-list button span,.audio-clip-list button,.audio-cue-list button{min-width:0}.audio-asset-list small,.audio-clip-list small,.audio-cue-list small{color:#aaa3b3;margin-top:.2rem;display:block}.audio-asset-list .active,.audio-track-list .active,.audio-clip-list .active,.audio-cue-list .active{background:#302a3b;border-color:#d9ff43;box-shadow:inset 3px 0 #d9ff43}.audio-waveform{background:#120f18;border:1px solid #51495d;width:100%;margin:.5rem 0 1rem;overflow-x:auto}.audio-waveform svg{display:block}.audio-waveform polygon{fill:#42d9ff;opacity:.78}.audio-waveform.empty{color:#82798e;letter-spacing:.08em;place-items:center;min-height:100px;font-size:.74rem;display:grid}.shared-audio-list{gap:.35rem;display:grid}.shared-audio-list article{border:1px solid #494152;grid-template-columns:1fr auto auto;align-items:center;gap:.35rem;padding:.45rem;display:grid}.audio-track-list article{grid-template-columns:minmax(120px,1fr) repeat(5,auto);gap:.25rem;display:grid}.audio-track-list article>button:first-child{text-align:left}.audio-track-list small{color:#aaa3b3;display:block}.audio-ruler{cursor:crosshair;background:repeating-linear-gradient(90deg,#17131e 0 9.9%,#2a2432 10%);border:1px solid #51495d;height:64px;position:relative;overflow:hidden}.audio-ruler i{z-index:2;background:#d9ff43;width:2px;position:absolute;top:0;bottom:0}.audio-ruler span{opacity:.5;background:#856dff;width:1px;height:36px;position:absolute;top:28px}.audio-clip-editor,.tempo-region{border:1px solid #494152;gap:.65rem;padding:.75rem;display:grid}.audio-sync-dialog label{color:#bdb5c7;letter-spacing:.06em;gap:.3rem;font-size:.73rem;display:grid}.audio-sync-dialog input:not([type=checkbox]):not([type=range]),.audio-sync-dialog select,.audio-sync-dialog textarea{min-height:38px}.audio-sync-dialog input[type=checkbox]{accent-color:#42d9ff;width:18px;height:18px}.audio-sync-dialog textarea{resize:vertical;min-height:88px}.audio-sync-dialog .inline-fields{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.5rem;display:grid}.audio-error,.audio-job{z-index:4;color:#ffd8de;background:#361d27;border:1px solid #ff5e74;margin:.5rem 0;padding:.65rem .8rem;position:absolute;top:128px;left:1rem;right:1rem;box-shadow:0 10px 24px #0009}.audio-job{background:#162c35;border-color:#42d9ff;justify-content:space-between;align-items:center;display:flex}.viseme-grid{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.7rem;display:flex}.viseme-grid b{flex-basis:100%}.diagnostic-summary{border:1px solid #494152;gap:.35rem;margin:1rem 0;padding:.75rem;display:grid}.audio-button{color:#42d9ff!important}@media (max-width:820px){.audio-modal-backdrop{padding:4px}.audio-sync-dialog{width:calc(100vw - 8px);height:calc(100dvh - 8px);max-height:none}.audio-studio-grid{grid-template-columns:1fr}.audio-studio-grid>section{overflow:visible}.audio-sync-dialog .dialog-tabs button{min-height:44px}}@media (max-width:560px){.workspace-shell:not(.vector-workspace){grid-template-rows:minmax(0,1fr) 72px;grid-template-columns:56px 146px minmax(220px,1fr)}.animation-sidebar>header{padding:8px}.animation-sidebar>header span{font-size:14px}.animation-sidebar .transport-panel,.animation-sidebar-section{padding:7px 6px}.animation-sidebar .transport-buttons{grid-template-columns:repeat(3,1fr)}.animation-sidebar .playback-status,.animation-sidebar .animation-sidebar-heading small{display:none}.animation-sidebar .frame-actions{grid-template-columns:1fr 1fr 28px 28px}.animation-sidebar .frame-actions .delete-action{grid-column:1/-1}.frame-dock{grid-template-columns:44px minmax(0,1fr)}.frame-dock-label{padding:5px;font-size:6px}.frame-dock .frame-card{width:48px;height:56px}.frame-dock .frame-card>i{height:35px}}.workspace-shell.property-timeline-open:not(.vector-workspace),.workspace-shell.vector-workspace.property-timeline-open{grid-template-rows:minmax(0,1fr) 224px}.vector-workspace.property-timeline-open>.tool-rail{grid-row:1/3}.vector-workspace.property-timeline-open>.canvas-workspace{grid-area:1/2}.vector-workspace.property-timeline-open>.inspector{grid-area:1/3/3}.timeline-mode-tabs{gap:3px;display:flex}.timeline-mode-tabs button{color:#918997;min-height:26px;font:700 7px var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#302b37;border:1px solid #4d4656;padding:0 8px}.timeline-mode-tabs button[aria-pressed=true]{background:var(--acid);color:var(--ink);border-color:var(--acid)}.sidebar-mode-tabs{margin-top:6px}.sidebar-mode-tabs button{flex:1;padding-inline:4px}.keyframe-sidebar .transport-buttons{grid-template-columns:repeat(4,1fr)}.keyframe-sidebar .keyframe-time-entry{color:#aaa2b0;font:7px var(--font-mono);grid-template-columns:auto 1fr auto;align-items:center;gap:5px;display:grid}.keyframe-sidebar input,.keyframe-sidebar select{color:#eee9f0;width:100%;min-width:0;height:30px;font:9px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 6px}.keyframe-create{gap:6px;display:grid}.keyframe-create .animation-sidebar-heading{margin:0}.keyframe-primary{background:var(--violet);color:#fff;min-height:34px;font:700 7px var(--font-mono);letter-spacing:.05em;cursor:pointer;border:1px solid #aa9fff}.keyframe-settings{gap:6px;display:grid}.keyframe-settings label{color:#aaa2b0;font:7px var(--font-mono);grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.keyframe-settings input[type=checkbox]{width:16px;height:16px;accent-color:var(--acid)}.keyframe-dock{border-top:1px solid var(--line);min-width:0;min-height:0;font-family:var(--font-mono);background:#1d1a22;grid-area:2/3;grid-template-rows:34px 32px minmax(0,1fr);display:grid;overflow:hidden}.vector-keyframe-dock{grid-area:2/2}.keyframe-topbar{background:#24202a;border-bottom:1px solid #403947;align-items:center;gap:10px;min-width:0;padding:3px 8px;display:flex}.keyframe-topbar>label{color:#8f8797;align-items:center;gap:6px;font-size:7px;display:flex}.keyframe-topbar input[type=range]{width:90px;accent-color:var(--violet)}.auto-key{color:#8f8797;height:26px;font:700 7px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #514a59;padding:0 8px}.auto-key.active{color:#ff9b8b;border-color:var(--coral);background:#ff6b5520;box-shadow:inset 0 0 0 1px #ff6b5533}.keyframe-timecode{color:var(--acid);white-space:nowrap;margin-left:auto;font-size:7px}.keyframe-inline-transport{white-space:nowrap;align-items:center;gap:3px;display:none}.vector-keyframe-dock .keyframe-inline-transport{display:flex}.keyframe-inline-transport button{color:#c9c0cf;width:26px;height:26px;font:8px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #514a59;padding:0}.keyframe-inline-transport button:hover{color:var(--acid);border-color:var(--acid)}.keyframe-inline-transport label{color:#8f8797;align-items:center;gap:4px;font-size:7px;display:flex}.keyframe-inline-transport input{color:#fff;width:64px;height:26px;font:8px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 5px}.timeline-view-toggle{color:#8f8797;height:26px;font:7px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #514a59;padding:0 6px}.timeline-view-toggle[aria-pressed=true]{color:#42d9ff;border-color:#42d9ff}.keyframe-actions{border-bottom:1px solid #39333f;align-items:center;gap:3px;min-width:0;padding:3px 8px;display:flex;overflow-x:auto}.keyframe-actions button{color:#b7afbc;height:24px;font:7px var(--font-mono);cursor:pointer;background:#302b37;border:1px solid #4b4552;flex:none;padding:0 7px}.keyframe-actions button:hover:not(:disabled){color:var(--acid);border-color:var(--acid)}.vector-track-creator{border-right:1px solid #514a59;flex:none;align-items:center;gap:4px;margin-right:5px;padding-right:8px;display:flex}.vector-track-creator select{color:#eee9f0;min-width:122px;max-width:180px;height:24px;font:7px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 5px}.vector-track-creator .keyframe-primary{color:#17151c;background:var(--acid);border-color:var(--acid);font-weight:800}.vector-track-creator label{color:#8f8797;white-space:nowrap;align-items:center;gap:4px;font-size:6px;display:flex}.vector-track-creator input[type=number]{color:#fff;width:60px;height:24px;font:7px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 4px}.vector-track-creator input[type=checkbox]{width:16px;height:16px;accent-color:var(--acid)}.keyframe-editor-body{grid-template-columns:190px minmax(0,1fr) 188px;min-width:0;min-height:0;display:grid;overflow:hidden}.track-labels{background:#19171e;border-right:1px solid #403947;min-height:0;padding-top:22px;overflow-y:auto}.track-label{border-bottom:1px solid #302b37;grid-template-columns:20px 28px minmax(0,1fr) 24px;align-items:center;gap:4px;height:40px;padding:3px 5px;display:grid}.track-label>button{height:24px;color:var(--acid);cursor:pointer;background:#302b37;border:1px solid #4d4656;font-size:8px}.track-label span{gap:2px;min-width:0;display:grid}.track-label b,.track-label small,.track-label em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-label b{color:#d9d3df;font-size:7px}.track-label small{color:#716a79;font-size:6px}.track-label em{color:#ffb66d;font-size:5px;font-style:normal;display:none}.track-label.expanded em{display:block}.keyframe-scroll{scrollbar-color:#554e5d #18161c;scrollbar-width:thin;background:linear-gradient(90deg,#25212b33 1px,#0000 1px) 0 0/24px 100%;min-width:0;min-height:0;position:relative;overflow:auto}.keyframe-ruler{z-index:3;background:#18161cf2;border-bottom:1px solid #403947;height:22px;position:sticky;top:0}.keyframe-ruler span{color:#746d7c;font-size:6px;position:absolute;top:4px}.property-playhead{z-index:4;background:var(--coral);width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 5px #ff6b55}.property-playhead:before{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:7px solid var(--coral);position:absolute;top:0;left:-4px}.timeline-marker{z-index:5;color:#42d9ff;cursor:pointer;background:0 0;width:16px;height:18px;margin-left:-8px;padding:0;font-size:9px;position:absolute;top:0}.dope-track,.graph-track{border-bottom:1px solid #302b37;height:40px;position:relative}.dope-track .key{z-index:2;color:#856dff;cursor:ew-resize;touch-action:none;background:0 0;width:22px;height:22px;margin-left:-11px;padding:0;font-size:13px;position:absolute;top:10px}.dope-track .key.selected{color:var(--acid);filter:drop-shadow(0 0 4px #d9ff4388)}.graph-track svg{display:block;overflow:visible}.graph-track path{fill:none;stroke:#856dff;stroke-width:2px}.graph-track .zero-line{stroke:#514a59;stroke-width:1px;stroke-dasharray:3 3}.graph-track circle{fill:#856dff;stroke:#17151c;stroke-width:1px;cursor:pointer}.graph-track circle.selected{fill:var(--acid);stroke:#fff}.keyframe-inspector{background:#211e26;border-left:1px solid #403947;min-height:0;padding:8px;overflow:auto}.keyframe-inspector>b{color:var(--acid);letter-spacing:.08em;margin-bottom:7px;font-size:7px;display:block}.keyframe-inspector label{color:#8f8797;gap:3px;margin-bottom:6px;font-size:6px;display:grid}.keyframe-inspector input,.keyframe-inspector select{color:#eee9f0;width:100%;min-width:0;height:27px;font:8px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 5px}.bezier-grid,.spatial-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.spatial-grid>span{color:#ffb66d;grid-column:1/-1;margin:4px 0;font-size:6px}.save-easing{color:#c9c0ff;border:1px solid var(--violet);width:100%;min-height:27px;font:7px var(--font-mono);cursor:pointer;background:#856dff22;margin-bottom:7px}@media (max-width:1100px){.keyframe-editor-body{grid-template-columns:150px minmax(0,1fr)}.keyframe-inspector,.keyframe-topbar>label{display:none}}@media (max-width:880px){.workspace-shell.property-timeline-open:not(.vector-workspace),.workspace-shell.vector-workspace.property-timeline-open{grid-template-rows:minmax(0,1fr) 202px}.keyframe-dock{grid-column:3}.vector-keyframe-dock{grid-column:2}.keyframe-editor-body{grid-template-columns:112px minmax(0,1fr)}.track-label{grid-template-columns:24px minmax(0,1fr)}.track-label>button:last-child,.keyframe-timecode{display:none}.timeline-mode-tabs button{padding-inline:5px}.keyframe-actions{padding-inline:4px}.keyframe-inline-transport label{display:none}.vector-track-creator select{min-width:104px;max-width:130px}.vector-track-creator label{display:none}}@media (max-width:560px){.keyframe-sidebar{display:none}.workspace-shell.property-timeline-open:not(.vector-workspace){grid-template-rows:minmax(0,1fr) 190px;grid-template-columns:56px minmax(220px,1fr)}.workspace-shell.property-timeline-open:not(.vector-workspace)>.canvas-workspace,.workspace-shell.property-timeline-open .keyframe-dock{grid-column:2}.keyframe-editor-body{grid-template-columns:82px minmax(0,1fr)}.track-label{grid-template-columns:1fr;padding-inline:4px}.track-label>button{display:none}.keyframe-topbar{gap:4px}.timeline-mode-tabs button{font-size:6px}.auto-key{width:27px;font-size:0}.auto-key:after{content:"●";font-size:9px}.keyframe-actions button:nth-child(n+7){display:none}}.composition-shell{min-height:0;display:block!important}.composition-workspace{color:#e9e3ec;min-width:0;min-height:0;font-family:var(--font-mono),monospace;background:#121016;grid-area:1/1/-1/-1;grid-template-rows:48px minmax(0,1fr);grid-template-columns:250px minmax(420px,1fr) 310px;display:grid;overflow:hidden}.composition-workspace button,.composition-workspace input,.composition-workspace select{font:9px var(--font-mono),monospace}.composition-toolbar{background:#211d27;border-bottom:1px solid #49414f;grid-column:1/-1;align-items:center;gap:10px;min-width:0;padding:7px 10px;display:flex}.composition-toolbar>div:first-child{gap:2px;min-width:150px;display:grid}.composition-toolbar>div:first-child b{color:var(--acid);letter-spacing:.1em;font-size:11px}.composition-toolbar>div:first-child span{color:#8f8797;font-size:7px}.composition-add-actions{gap:4px;display:flex}.composition-toolbar button,.composition-toolbar select{color:#d8d0dc;cursor:pointer;background:#332d3a;border:1px solid #554c5f;height:31px;padding:0 9px}:is(.composition-toolbar button:hover,.composition-toolbar button:focus-visible){border-color:var(--acid);color:var(--acid)}.composition-asset-add{min-width:0;margin-left:auto;display:flex}.composition-asset-add select{width:min(230px,18vw)}.composition-export{background:var(--acid)!important;color:#17141d!important;border-color:var(--acid)!important;font-weight:800!important}.composition-close{width:34px;padding:0!important;font-size:18px!important}.composition-overlay-workspace{z-index:50;position:fixed;inset:64px 0 0;box-shadow:0 -20px 60px #000c}.composition-hierarchy{background:#1d1921;border-right:1px solid #433b49;grid-area:2/1;grid-template-rows:39px minmax(0,1fr) 43px;min-height:0;display:grid}.composition-hierarchy>header,.composition-inspector>header{border-bottom:1px solid #403845;justify-content:space-between;align-items:center;padding:0 11px;display:flex}.composition-hierarchy>header b,.composition-inspector>header b{letter-spacing:.09em;font-size:9px}.composition-hierarchy>header span,.composition-inspector>header span{color:#8c8491;font-size:7px}.hierarchy-list{scrollbar-width:thin;min-height:0;position:relative;overflow:auto}.hierarchy-row{color:#b9b1be;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #2f2934;grid-template-rows:20px 13px;grid-template-columns:15px minmax(0,1fr);align-items:center;height:42px;padding-right:7px;display:grid;left:0;right:0;position:absolute!important}.hierarchy-row>span{color:#6f6676;grid-row:1/3}.hierarchy-row>b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.hierarchy-row>small{color:#756d7c;text-transform:uppercase;font-size:7px}.hierarchy-row:hover{background:#2a2430}.hierarchy-row.active{box-shadow:inset 3px 0 var(--acid);color:#fff;background:#d9ff4312}.hierarchy-row.active>span{color:var(--acid)}.composition-hierarchy>footer{border-top:1px solid #403845;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;display:grid}.composition-hierarchy>footer button{color:#bdb5c2;cursor:pointer;background:#302a36;border:1px solid #4e4656}.composition-hierarchy>footer button:last-child{color:#ff9c8d;border-color:#70484d}.composition-stage{background-color:#100e14;background-image:radial-gradient(#302a36 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-area:2/2;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.composition-preview-bar{background:#19161d;border-bottom:1px solid #3e3744;align-items:center;gap:7px;min-height:40px;padding:5px 8px;display:flex;overflow-x:auto}.profile-toggles{flex:1;gap:4px;display:flex}.composition-preview-bar button,.composition-preview-bar select{color:#9f97a6;white-space:nowrap;cursor:pointer;background:#2c2732;border:1px solid #4b4353;height:28px;padding:0 7px}.composition-preview-bar button[aria-pressed=true]{color:var(--acid);border-color:var(--acid);background:#d9ff4317}.composition-preview-bar label{color:#8f8797;align-items:center;gap:5px;font-size:7px;display:flex}.composition-previews{align-items:flex-start;gap:18px;min-width:0;min-height:0;padding:30px;display:flex;overflow:auto}.composition-profile{background:#17141c;border:1px solid #514859;flex:none;padding:0;position:relative;box-shadow:0 16px 50px #0009}.composition-profile>header{background:#25202b;border-bottom:1px solid #4a4251;justify-content:space-between;align-items:center;height:34px;padding:0 9px;display:flex}.composition-profile>header b{font-size:9px}.composition-profile>header span{color:#8a8290;font-size:7px}.composition-artboard{transform-origin:0 0;background:#28232f;position:relative;overflow:hidden}.composition-preview-node{color:#17141d;text-align:left;cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff35;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px;display:flex;position:absolute;top:0;left:0;overflow:hidden}.composition-preview-node b{pointer-events:none;font-size:13px}.composition-preview-node small{opacity:.7;pointer-events:none;font-size:8px}.composition-preview-node.kind-group{background:#856dff20;border:1px dashed #856dffaa}.composition-preview-node.kind-artboard{background:#28232f;border-color:#51495a}.composition-preview-node.kind-safe-area{color:var(--acid);pointer-events:none;border:2px dashed #d9ff4377}.composition-preview-node.kind-camera{color:#ff6b55;background:0 0;border:2px solid #ff6b55}.composition-preview-node.selected{outline:3px solid var(--acid);outline-offset:2px;z-index:999!important}.composition-safe-overlay{pointer-events:none;border:2px dashed #d9ff43aa;position:absolute;box-shadow:0 0 0 99999px #00000024}.composition-guide{z-index:1000;pointer-events:none;background:#42d9ff;position:absolute}.composition-guide.horizontal{height:1px;left:0;right:0}.composition-guide.vertical{width:1px;top:0;bottom:0}.composition-ruler{opacity:.5;background:repeating-linear-gradient(90deg,#504858 0 1px,#0000 1px 16px);position:absolute}.composition-ruler.horizontal{height:6px;top:34px;left:0;right:0}.composition-ruler.vertical{background:repeating-linear-gradient(#504858 0 1px,#0000 1px 16px);width:6px;top:34px;bottom:0;left:-7px}.nine-slice-guides{pointer-events:none;opacity:.65;border-style:dashed;border-color:#ff6b55aa;position:absolute;inset:0}.composition-inspector{background:#211d26;border-left:1px solid #453d4b;grid-area:2/3;grid-template-rows:39px minmax(0,1fr) auto;min-height:0;display:grid}.composition-inspector-scroll{scrollbar-width:thin;overflow-y:auto}.composition-inspector section{border-bottom:1px solid #403845;gap:8px;padding:11px;display:grid}.composition-inspector h3{color:var(--acid);letter-spacing:.09em;margin:0;font-size:8px}.composition-inspector label{color:#8f8797;gap:4px;font-size:7px;display:grid}.composition-inspector input:not([type=checkbox]),.composition-inspector select{color:#e6dfe9;background:#17141c;border:1px solid #4a4252;width:100%;height:29px;padding:0 7px}.composition-inspector button{color:#bdb5c2;cursor:pointer;background:#302a36;border:1px solid #514859;min-height:29px;padding:4px 7px}:is(.composition-inspector button:hover,.composition-inspector button:focus-visible){border-color:var(--acid);color:var(--acid)}.composition-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.composition-two{grid-template-columns:1fr 1fr;gap:7px;display:grid}.composition-toggle-row{grid-template-columns:1fr 1fr;gap:5px;display:grid}.composition-toggle-row button[aria-pressed=true]{color:var(--acid);border-color:var(--acid);background:#d9ff4316}.composition-inspector p{color:#918998;margin:0;font-size:8px;line-height:1.45}.composition-empty{padding:20px}.composition-empty b{font-size:13px}.component-card{background:#18151c;border:1px solid #453d4b;gap:5px;padding:8px;display:grid}.component-card>small{color:#7f7785;font-size:7px}.component-card>div{grid-template-columns:1fr 1fr;gap:4px;display:grid}.composition-valid{color:#a9cf38!important}.composition-warning{color:#ff9b89!important}.composition-export-options{border-top:1px solid #403845;gap:7px;padding:8px 10px;display:grid}.composition-export-options>label{grid-template-columns:none;align-items:center;gap:6px;display:flex}.composition-job{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding-top:4px;display:grid;position:relative;overflow:hidden}.composition-job>span{background:var(--acid);height:2px;position:absolute;top:0;left:0}.composition-job b{color:var(--acid);font-size:7px}.composition-job button{min-height:23px}.composition-workspace .dialog-error{color:#ff9b89;margin:0;font-size:8px}@media (max-width:1180px){.composition-workspace{grid-template-columns:210px minmax(360px,1fr) 270px}.composition-add-actions button:nth-child(n+3),.composition-toolbar>div:first-child span{display:none}.composition-preview-bar{padding-inline:5px}.profile-toggles button:nth-child(n+5){display:none}}@media (max-width:880px){.composition-workspace{grid-template-rows:48px minmax(0,1fr);grid-template-columns:170px minmax(330px,1fr)}.composition-inspector{z-index:5;width:280px;position:absolute;top:48px;bottom:0;right:0;box-shadow:-15px 0 35px #000a}.composition-stage{grid-column:2}.composition-toolbar>div:first-child{min-width:120px}.composition-add-actions button:nth-child(n+2){display:none}.composition-asset-add select{width:150px}.composition-previews{padding:20px}.composition-overlay-workspace{top:55px}}@media (max-width:620px){.composition-workspace{grid-template-columns:130px minmax(280px,1fr)}.composition-toolbar>div:first-child span,.composition-add-actions,.composition-asset-add select{display:none}.composition-asset-add{margin-left:auto}.composition-hierarchy>header span{display:none}.hierarchy-row{padding-left:7px!important}.hierarchy-row>span{display:none}.hierarchy-row{grid-template-columns:1fr}.composition-preview-bar label,.composition-preview-bar>button{display:none}.composition-inspector{width:260px}.composition-previews{padding:12px}}.custom-profile{align-items:center;gap:3px;display:flex}.custom-profile input{color:#ded7e2;background:#17141c;border:1px solid #4b4353;width:56px;height:28px;padding:0 5px}.custom-profile input:first-child{width:64px}.custom-profile span{color:#77707e}.composition-guide{pointer-events:auto!important}.composition-guide.horizontal{cursor:ns-resize;height:2px!important}.composition-guide.vertical{cursor:ew-resize;width:2px!important}.guide-row{grid-template-columns:minmax(0,1fr) 30px;align-items:end;gap:5px;display:grid}.controller-test-toggle{align-items:center;grid-template-columns:none!important;gap:6px!important;display:flex!important}.controller-test-result{background:#171a12;border:1px solid #d9ff4355;gap:3px;padding:7px;display:grid}.controller-test-result b{color:var(--acid);font-size:8px}.controller-test-result small{color:#9e96a4;font-size:7px}@media (max-width:1180px){.custom-profile{display:none}}.project-mode-choice{grid-template-columns:repeat(3,1fr)}@media (max-width:1050px){.project-mode-choice{grid-template-columns:1fr 1fr}}@media (max-width:760px){.project-mode-choice{grid-template-columns:1fr}}.typography-section{background:linear-gradient(135deg,#42d9ff0b,#0000 45%);border-left:3px solid #42d9ff}.typography-section textarea{resize:vertical;color:#fff;width:100%;min-height:72px;font:12px/1.45 var(--font-sans);background:#17141f;border:1px solid #514a5e;padding:8px}.typography-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.typography-grid label{color:#aaa1b8;font:7px var(--font-mono);letter-spacing:.08em;gap:4px;display:grid}.typography-grid input,.typography-grid select,.font-library-toolbar input{color:#fff;background:#17141f;border:1px solid #514a5e;min-width:0;height:34px;padding:0 7px}.font-library-toolbar{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-top:9px;display:grid}.font-library-toolbar .file-action,.font-library-toolbar button,.text-convert-actions button{min-height:36px}.text-convert-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.typography-section>p,.typography-privacy-note{color:#aaa1b8;font-size:10px;line-height:1.5}.typography-privacy-note{background:#42d9ff0b;border-left:3px solid #42d9ff;margin:0 18px;padding:10px 12px}@media (max-width:1100px){.typography-grid{grid-template-columns:1fr}.font-library-toolbar{grid-template-columns:1fr 1fr}.font-library-toolbar input{grid-column:1/-1}}.weight-paint-map{touch-action:none;background:#141219;border:1px solid #4e4756;width:100%;height:150px;margin:10px 0;display:block}.weight-paint-map circle{cursor:crosshair;vector-effect:non-scaling-stroke}.precision-panel{z-index:18;border:1px solid #625a6b;border-top:3px solid var(--acid);color:#eee8f1;width:min(440px,100% - 28px);font-family:var(--font-mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#211e27f5;gap:7px;padding:10px;display:grid;position:absolute;top:58px;left:14px;box-shadow:10px 14px 36px #000b}.precision-panel-heading{border-bottom:1px solid #49424f;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.precision-panel-heading b{letter-spacing:.1em;font-size:9px}.precision-panel-heading span{color:var(--acid);font-size:7px}.precision-fields{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.precision-panel label{color:#948c9b;letter-spacing:.05em;gap:3px;font-size:6px;display:grid}.precision-panel input,.precision-panel select{color:#fff;width:100%;min-width:0;height:29px;font:9px var(--font-mono);background:#15131a;border:1px solid #514a59;padding:0 6px}.precision-row,.precision-touch-row,.precision-actions{flex-wrap:wrap;align-items:end;gap:4px;display:flex}.precision-row label{flex:1;min-width:66px}.precision-panel button{color:#bdb5c4;min-height:30px;font:800 7px var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#302b37;border:1px solid #514a59;padding:0 8px}:is(.precision-panel button:hover,.precision-panel button:focus-visible,.precision-panel select:focus-visible,.precision-panel input:focus-visible){border-color:var(--acid);outline-offset:1px;outline:2px solid #d9ff4340}.precision-panel button.active{color:var(--acid);border-color:var(--acid);background:#d9ff4312}.precision-touch-row{border-top:1px solid #403a46;padding-top:6px}.precision-touch-row>span{color:#7f7787;margin-right:4px;font-size:6px}.precision-actions{justify-content:flex-end}.precision-actions .primary{background:var(--acid);color:#17151c;border-color:var(--acid)}.precision-canvas-guidance{z-index:9;color:#aaa1b0;font:7px var(--font-mono);white-space:nowrap;pointer-events:none;background:#17141ddd;border:1px solid #4b4452;padding:5px 8px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.precision-canvas-guidance b{color:var(--acid)}@media (max-width:900px){.precision-panel{width:calc(100% - 14px);max-height:calc(100% - 58px);top:48px;left:7px;overflow:auto}.precision-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.precision-panel button{min-height:42px}.precision-panel input,.precision-panel select{height:42px}.precision-canvas-guidance{display:none}}.precision-control-pair,.guide-vanishing-fields{display:contents}.guide-studio-backdrop{z-index:84;padding:10px}.guide-studio{color:#eee8f1;width:min(1040px,100vw - 20px);height:min(790px,100svh - 20px);font-family:var(--font-mono);background:#211e27;border:1px solid #625a6b;border-top:4px solid #42d9ff;grid-template-rows:72px 44px auto minmax(0,1fr);padding:0;display:grid;overflow:hidden}.guide-studio>header{background:#18151d;border-bottom:1px solid #49424f;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.guide-studio>header small{color:#42d9ff;letter-spacing:.12em;font-size:7px}.guide-studio>header h2{font:26px/.9 var(--font-display);text-transform:uppercase;margin:4px 0 0}.guide-studio>header>button{color:#eee8f1;cursor:pointer;background:#302b37;border:1px solid #514a59;width:40px;height:40px;font-size:22px}.guide-studio-toolbar,.guide-create-grid{background:#24202a;border-bottom:1px solid #48414f;align-items:center;gap:5px;padding:6px 9px;display:flex;overflow-x:auto}.guide-create-grid{background:#1b181f;grid-template-columns:repeat(9,minmax(76px,1fr));display:grid}.guide-studio button{color:#c8c0cc;min-height:31px;font:800 7px var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#312c38;border:1px solid #534b5b;padding:5px 8px}:is(.guide-studio button:hover,.guide-studio button:focus-visible,.guide-studio :is(input,select):focus-visible){border-color:var(--acid);outline-offset:1px;outline:2px solid #d9ff4340}.guide-studio button.active{color:#17151c;background:var(--acid);border-color:var(--acid)}.guide-studio-body{grid-template-columns:230px minmax(0,1fr);min-height:0;display:grid}.guide-list-advanced{background:#19171e;border-right:1px solid #48414f;min-height:0;padding:8px;overflow:auto}.guide-list-advanced>button{text-align:left;grid-template-rows:18px 12px;grid-template-columns:11px minmax(0,1fr);align-items:center;width:100%;margin-bottom:5px;display:grid}.guide-list-advanced>button>span{grid-row:1/3;width:8px;height:32px}.guide-list-advanced>button>small{color:#817989;text-transform:uppercase;font-size:6px}.guide-list-advanced>button.active{color:var(--acid);background:#d9ff4310}.guide-editor{min-height:0;padding:12px 14px;overflow:auto}.guide-editor-heading{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;display:grid}.guide-editor-heading input,.guide-numeric-grid input{color:#fff;width:100%;min-width:0;height:32px;font:9px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 7px}.guide-editor-heading .danger{color:#ff9d8e;border-color:#754b51}.guide-live-grid,.guide-numeric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.guide-live-grid label,.guide-numeric-grid label{color:#9b93a2;gap:4px;font-size:7px;display:grid}.guide-live-grid label:first-child{align-items:center;gap:7px;display:flex}.guide-live-grid input[type=color]{background:#17151c;border:1px solid #514a59;width:100%;height:34px}.guide-live-grid input[type=range]{accent-color:var(--acid)}.guide-help{color:#aaa2b0;background:#17151c;border-left:3px solid #42d9ff;padding:9px 11px;font-size:9px;line-height:1.45}.guide-preset-actions{flex-wrap:wrap;gap:5px;display:flex}.guide-preset-actions>span{display:flex}.guide-preset-actions>span button:last-child{width:28px;padding:0}.guide-empty{color:#8f8797;text-align:center;place-content:center;gap:6px;display:grid}.guide-empty b{color:#eee8f1}.guides-button{color:#42d9ff!important}@media (max-width:760px){.guide-studio-backdrop{padding:3px}.guide-studio{grid-template-rows:62px 46px auto minmax(0,1fr);width:calc(100vw - 6px);height:calc(100svh - 6px)}.guide-create-grid{grid-template-columns:repeat(9,88px)}.guide-studio-body{grid-template-columns:145px minmax(300px,1fr)}.guide-numeric-grid,.guide-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-studio button{min-height:42px}.guide-editor-heading{grid-template-columns:1fr 1fr}.guide-editor-heading input{grid-column:1/-1}}.production-button{color:var(--acid)!important}.production-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0a10df;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.production-dialog{color:#f2edf5;border:1px solid #62596b;border-top:4px solid var(--acid);background:#211e26;border-radius:3px 18px;grid-template-rows:76px 48px minmax(0,1fr);width:min(1220px,100vw - 24px);height:min(860px,100svh - 24px);padding:0;display:grid;overflow:hidden;box-shadow:18px 24px 75px #000c}.production-dialog.full-preview{width:calc(100vw - 12px);height:calc(100svh - 12px)}.production-dialog>header{background:#18161c;border-bottom:1px solid #494250;justify-content:space-between;align-items:center;padding:13px 22px;display:flex}.production-dialog>header small{color:var(--acid);font:8px var(--font-mono);letter-spacing:.13em}.production-dialog>header h2{font:30px/.9 var(--font-display);text-transform:uppercase;margin:4px 0 0}.production-dialog>header>button{color:#eee9f0;cursor:pointer;background:#302b37;border:1px solid #514a59;width:40px;height:40px;font-size:23px}.production-dialog>.dialog-tabs{background:#19171e;border-bottom:1px solid #48414f;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;display:grid}.production-dialog>.dialog-tabs button{color:#98919f;font:800 8px var(--font-mono);letter-spacing:.08em;cursor:pointer;background:#2a2630;border:1px solid #48414f}.production-dialog>.dialog-tabs button[aria-pressed=true]{background:var(--acid);color:#17151c;border-color:var(--acid)}.production-grid{background:#494250;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;min-height:0;display:grid;overflow:auto}.production-grid>section{background:#242129;min-width:0;padding:18px 20px;overflow:auto}.production-grid>section>label{color:#aaa2b0;font:8px var(--font-mono);letter-spacing:.04em;gap:5px;margin:9px 0;display:grid}.production-grid input:not([type=checkbox]):not([type=range]):not([type=color]),.production-grid select,.production-grid textarea{color:#f3eef5;width:100%;min-width:0;height:36px;font:10px var(--font-mono);background:#17151c;border:1px solid #554e5d;padding:0 9px}.production-grid textarea{resize:vertical;height:64px;padding-block:8px}.production-grid input[type=range],.production-grid input[type=checkbox]{accent-color:var(--acid)}.production-grid p{color:#aaa2b0;font-size:10px;line-height:1.5}.production-grid button{color:#d4ccda;min-height:36px;font:8px var(--font-mono);letter-spacing:.03em;cursor:pointer;background:#332e39;border:1px solid #574f60;padding:7px 9px}.production-grid button:hover:not(:disabled){color:var(--acid);border-color:var(--acid)}.production-heading{color:#f5f0f6;font:900 9px var(--font-mono);letter-spacing:.09em;border-bottom:1px solid #4a4351;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding-bottom:8px;display:flex}.production-heading small{color:var(--acid);font-size:7px}.inline-fields,.preview-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.inline-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-fields label,.preview-option-grid label{color:#aaa2b0;font:7px var(--font-mono);gap:4px;display:grid}.symbol-list,.annotation-list,.track-production-list{gap:6px;max-height:320px;margin-top:10px;display:grid;overflow:auto}.symbol-list article,.track-production-list article{background:#1a181f;border:1px solid #47414f;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:5px;padding:8px;display:grid}.symbol-list article>span,.track-production-list article>span{gap:3px;min-width:0;display:grid}.symbol-list b,.track-production-list b{color:#f0eaf2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.symbol-list small,.track-production-list small{color:#8c8493;font:7px var(--font-mono)}.track-production-list article{grid-template-columns:minmax(0,1fr) auto 100px}.track-production-list label{color:#aaa2b0;font:7px var(--font-mono);align-items:center;gap:4px;display:flex}.annotation-list button{text-align:left;grid-template-columns:1fr auto;display:grid!important}.annotation-list button span{color:#8d8594;font-size:7px}.studio-empty{color:#8f8797;text-align:center;border:1px dashed #554e5d;padding:26px 14px;font-size:11px;line-height:1.5}.button-row,.production-transport,.preview-overlays{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.production-preview-stage{background:#17151c;border:1px solid #5a5262;place-items:center;min-height:280px;padding:16px;display:grid;position:relative;overflow:hidden}.production-preview-stage.checker{background-color:#b5aebc;background-image:linear-gradient(45deg,#96909d 25%,#0000 25%),linear-gradient(-45deg,#96909d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#96909d 75%),linear-gradient(-45deg,#0000 75%,#96909d 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.production-preview-stage canvas{object-fit:contain;max-width:100%;max-height:430px;box-shadow:0 10px 35px #0008}.production-preview-stage>span{color:var(--acid);font:7px var(--font-mono);background:#17151cdd;padding:4px 6px;position:absolute;bottom:7px;right:8px}.full-preview .production-preview-stage{min-height:52svh}.diagnostic-summary{border-left:3px solid var(--acid);background:#19171e;gap:5px;max-height:250px;margin-bottom:12px;padding:11px;display:grid;overflow:auto}.diagnostic-summary.has-errors{border-left-color:var(--coral)}.diagnostic-summary b{color:var(--acid);font:9px var(--font-mono)}.diagnostic-summary span{color:#b7afbc;font-size:9px;line-height:1.45}.production-job{border:1px solid var(--acid);color:var(--acid);font:8px var(--font-mono);background:#19171e;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:9px;display:flex}.production-job button{color:#ffb0a3;border-color:#8e4b43;min-height:30px}.production-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid var(--acid);outline-offset:2px}.virtual-track-spacer{pointer-events:none;min-height:0;display:block}@media (max-width:1000px){.production-dialog{width:calc(100vw - 14px);height:calc(100svh - 14px)}.production-grid{grid-template-columns:1fr}.production-grid>section{overflow:visible}.production-button{width:42px!important;font-size:0!important}.production-button:after{content:"ANIM";font-size:8px}.symbol-list article{grid-template-columns:minmax(0,1fr) auto}.symbol-list article>button:nth-of-type(n+2){grid-row:2}.track-production-list article{grid-template-columns:minmax(0,1fr) auto}.track-production-list article>input{grid-column:1/-1}.production-grid button{min-height:42px}}@media (max-width:600px){.production-modal-backdrop{padding:4px}.production-dialog,.production-dialog.full-preview{width:calc(100vw - 8px);height:calc(100svh - 8px)}.production-dialog>header{padding-inline:13px}.production-dialog>header h2{font-size:24px}.production-dialog>.dialog-tabs button{font-size:7px}.production-grid>section{padding:13px}.inline-fields,.preview-option-grid{grid-template-columns:1fr}.production-preview-stage{min-height:220px}}.controller-button{color:#42d9ff!important}.controller-body>.controller-graph-tools-primary+.controller-graph-tools{display:none}.controller-small-input{width:64px!important;min-width:64px!important}.state-node.runtime-active{border-color:var(--acid);background:#3b4327;box-shadow:0 0 12px #d9ff4355}.controller-two-column{background:#494250;grid-template-columns:minmax(220px,.75fr) minmax(0,1.55fr);gap:1px;height:100%;display:grid;overflow:hidden}.controller-two-column>section{background:#242129;min-height:0;padding:14px 16px;overflow:auto}.controller-two-column label{color:#aaa2b0;font:7px var(--font-mono);letter-spacing:.03em;gap:3px;margin:6px 0;display:grid}.controller-two-column input:not([type=checkbox]):not([type=range]),.controller-two-column select,.controller-two-column textarea{color:#fff;width:100%;min-width:0;height:32px;font:8px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 7px}.controller-two-column textarea{height:58px;padding-block:6px}.controller-two-column input[type=checkbox],.controller-two-column input[type=range]{accent-color:var(--acid)}.controller-two-column button{color:#d7cfdd;min-height:32px;font:800 7px var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#322d38;border:1px solid #554e5d;padding:6px 8px}.controller-two-column button.primary-action{background:var(--acid);color:#17151c;border-color:var(--acid)}.controller-two-column button.danger{color:#ff9b8b;border-color:#7b4a51}.controller-list{gap:4px;margin-top:9px;display:grid}.controller-list>button{text-align:left;justify-content:space-between;gap:8px;padding:9px;display:flex}.controller-list>button[aria-pressed=true]{color:#17151c;background:var(--acid);border-color:var(--acid)}.controller-list span{text-transform:uppercase;font-size:6px}.transition-condition{grid-template-columns:minmax(0,1fr) 66px 66px 28px;gap:3px;margin:4px 0;display:grid}.transition-condition>*{min-width:0}.controller-help{color:#99919f;font-size:9px;line-height:1.45}.blend-child-list{gap:4px;margin:8px 0;display:grid}.blend-child-list article{background:#19171e;border:1px solid #48414f;grid-template-columns:minmax(100px,1fr) 58px 58px 58px 28px;gap:4px;padding:6px;display:grid}.blend-child-list label{margin:0}.direction-grid article{background:#19171e;border:1px solid #48414f;min-width:0;padding:8px}.direction-grid article>b{color:var(--acid);font:8px var(--font-mono);margin-bottom:6px;display:block}.controller-diagnostics{background:#242129;padding:14px 18px}.controller-diagnostics .diagnostic-list{max-width:1000px}.controller-diagnostics .studio-empty{margin-top:10px}@media (max-width:700px){.controller-two-column{grid-template-columns:1fr}.controller-two-column>section:first-child{max-height:40%}.blend-child-list article{grid-template-columns:1fr 48px 48px}.blend-child-list article>:nth-child(n+4){grid-row:2}.controller-graph-tools-primary{padding-inline:4px}}.controller-backdrop{z-index:82;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b0910e8;padding:8px}.controller-dialog{color:#f3eef5;border:1px solid #655c6e;border-top:4px solid var(--acid);width:min(1460px,100vw - 16px);height:min(930px,100svh - 16px);font-family:var(--font-sans);background:#201d25;border-radius:3px 20px;grid-template-rows:70px 48px 42px 252px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:18px 26px 80px #000d}.controller-dialog>header{background:#17151c;border-bottom:1px solid #494250;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.controller-dialog>header small{color:var(--acid);font:7px var(--font-mono);letter-spacing:.13em}.controller-dialog>header h2{font:28px/.9 var(--font-display);text-transform:uppercase;margin:4px 0 0}.controller-dialog>header>button{color:#eee9f0;cursor:pointer;background:#302b37;border:1px solid #514a59;width:40px;height:40px;font-size:23px}.controller-topbar{background:#24202a;border-bottom:1px solid #45404b;align-items:center;gap:5px;padding:6px 9px;display:flex;overflow-x:auto}.controller-topbar label{color:#978f9f;font:7px var(--font-mono);letter-spacing:.06em;flex:none;align-items:center;gap:5px;display:flex}.controller-topbar select,.controller-topbar input{color:#f4eef6;min-width:150px;height:32px;font:9px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 7px}.controller-topbar button,.controller-graph-tools button,.controller-runtime button,.controller-panel button{color:#d7cfdd;min-height:32px;font:800 7px var(--font-mono);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#322d38;border:1px solid #554e5d;padding:0 9px}.controller-topbar .primary-action,.controller-graph-tools .primary-action{background:var(--acid);color:#17151c;border-color:var(--acid)}.controller-topbar .danger{color:#ff9b8b}.controller-search{margin-left:auto}.controller-search input{min-width:210px}.controller-dialog>.dialog-tabs{background:#19171e;border-bottom:1px solid #48414f;grid-template-columns:repeat(5,1fr);gap:3px;padding:5px;display:grid}.controller-dialog>.dialog-tabs button{color:#98919f;font:800 7px var(--font-mono);letter-spacing:.07em;cursor:pointer;background:#2a2630;border:1px solid #48414f}.controller-dialog>.dialog-tabs button[aria-pressed=true]{background:var(--acid);color:#17151c;border-color:var(--acid)}.controller-preview-row{background:#494250;grid-template-columns:minmax(320px,1.2fr) minmax(380px,1fr);gap:1px;min-height:0;display:grid}.controller-preview{background-color:#b4adba;background-image:linear-gradient(45deg,#98919f 25%,#0000 25%),linear-gradient(-45deg,#98919f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#98919f 75%),linear-gradient(-45deg,#0000 75%,#98919f 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.controller-preview canvas{object-fit:contain;width:100%;height:100%}.controller-preview>span{color:var(--acid);font:7px var(--font-mono);background:#17151cdd;padding:4px 7px;position:absolute;bottom:7px;left:8px}.controller-runtime{background:#242129;min-width:0;padding:11px 14px;overflow:auto}.controller-parameter-controls{flex-wrap:wrap;align-items:end;gap:7px;display:flex}.controller-parameter-controls>label,.controller-vector-parameter label{color:#aaa2b0;font:7px var(--font-mono);gap:3px;display:grid}.controller-parameter-controls input[type=number]{color:#fff;background:#17151c;border:1px solid #514a59;width:92px;height:30px;padding:0 6px}.controller-runtime-toggle{border:1px solid #514a59;align-items:center;min-height:30px;padding:0 7px;display:flex!important}.controller-vector-parameter{grid-template-columns:1fr 1fr;gap:6px;min-width:220px;display:grid}.controller-vector-parameter input{width:100%;accent-color:var(--acid)}.controller-transport{gap:5px;margin:9px 0;display:flex}.controller-event-log{flex-wrap:wrap;gap:4px;max-height:44px;display:flex;overflow:auto}.controller-event-log span{color:#aaa2b0;font:6px var(--font-mono);background:#19171e;padding:3px 5px}.controller-body{min-height:0;overflow:hidden}.controller-body>section:not(.controller-graph-tools){height:100%;overflow:auto}.controller-graph-tools{background:#1c1920;border-bottom:1px solid #48414f;align-items:center;gap:4px;height:42px;padding:5px 8px;display:flex;overflow-x:auto}.controller-graph-tools label{color:#8f8797;font:7px var(--font-mono);align-items:center;gap:4px;display:flex}.controller-graph-tools select{color:#fff;background:#17151c;border:1px solid #514a59;height:30px}.controller-graph-tools>span{color:var(--acid);font:7px var(--font-mono);margin-left:auto}.controller-graph-layout{grid-template-columns:minmax(0,1fr) 310px;height:calc(100% - 42px);min-height:0;display:grid}.state-graph{touch-action:none;cursor:grab;background:#111015;min-width:0;min-height:0;position:relative;overflow:hidden}.state-graph:active{cursor:grabbing}.state-graph-grid{background-image:linear-gradient(#2d293222 1px,#0000 1px),linear-gradient(90deg,#2d293222 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.state-graph-content{transform-origin:0 0;position:absolute;inset:0}.transition-lines{width:1800px;height:1000px;position:absolute;inset:0;overflow:visible}.transition-lines line{stroke:#6a6272;stroke-width:2px}.transition-lines line.active{stroke:var(--acid);stroke-width:4px;filter:drop-shadow(0 0 5px #d9ff43)}.transition-lines circle{fill:#856dff;stroke:#17151c;stroke-width:2px;cursor:pointer}.state-node{color:#eee9f0;width:128px;height:62px;font:800 8px var(--font-mono);cursor:move;touch-action:none;background:#2c2731;border:2px solid #5a5262;border-radius:5px;place-content:center;gap:3px;padding:5px;display:grid;position:absolute}.state-node small{color:#908897;font-size:6px}.state-node.selected{border-color:#42d9ff;box-shadow:0 0 0 2px #42d9ff33}.state-node.current{border-color:var(--acid);background:#3b4327;box-shadow:0 0 12px #d9ff4355}.state-node.entry{background:#253828;border-color:#67d77b}.state-node.any{background:#312742;border-color:#ad8bff}.state-node.exit{background:#402627;border-color:#ff8b77}.state-group-box{pointer-events:none;background:#856dff08;border:1px dashed #856dff;border-radius:10px;position:absolute}.state-group-box span{color:#b9aaff;font:7px var(--font-mono);position:absolute;top:-17px;left:7px}.controller-inspector{background:#242129;border-left:1px solid #48414f;min-height:0;padding:10px;overflow:auto}.controller-inspector .production-heading{margin-bottom:7px}.controller-inspector label,.controller-panel label{color:#aaa2b0;font:7px var(--font-mono);gap:3px;margin:6px 0;display:grid}.controller-inspector input:not([type=checkbox]),.controller-inspector select,.controller-inspector textarea,.controller-panel input:not([type=checkbox]):not([type=range]),.controller-panel select,.controller-panel textarea{color:#fff;width:100%;min-width:0;height:31px;font:8px var(--font-mono);background:#17151c;border:1px solid #514a59;padding:0 7px}.controller-inspector textarea,.controller-panel textarea{resize:vertical;height:56px;padding-block:6px}.controller-inspector input[type=checkbox],.controller-panel input[type=checkbox]{accent-color:var(--acid)}.controller-condition{grid-template-columns:minmax(0,1fr) 68px 70px 26px;gap:3px;margin:4px 0;display:grid}.controller-condition>*{min-width:0}.controller-event-row{grid-template-columns:1fr 1fr 28px;gap:4px;margin:4px 0;display:grid}.controller-empty{color:#8f8797;text-align:center;place-items:center;min-height:160px;padding:24px;font-size:11px;display:grid}.controller-panel{background:#242129;height:100%;padding:15px 18px;overflow:auto}.controller-panel-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:8px;display:grid}.controller-card{background:#19171e;border:1px solid #48414f;padding:10px}.controller-card.selected{border-color:var(--acid)}.controller-card-header{align-items:center;gap:5px;margin-bottom:7px;display:flex}.controller-card-header b{color:#f0ebf2;font:9px var(--font-mono);margin-right:auto}.controller-card-header small{color:var(--acid);font:7px var(--font-mono)}.parameter-row{border-bottom:1px solid #39333f;grid-template-columns:minmax(0,1fr) 96px 120px 30px;align-items:end;gap:5px;padding:7px;display:grid}.parameter-row.vector{grid-template-columns:minmax(0,1fr) 96px 86px 86px 30px}.blend-child{grid-template-columns:minmax(0,1fr) 70px 70px 28px;gap:4px;margin:4px 0;display:grid}.direction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.direction-grid label{margin:0}.diagnostic-list{gap:6px;display:grid}.diagnostic-list article{background:#19171e;border-left:3px solid #ffb66d;padding:10px}.diagnostic-list article.error{border-color:#ff6b55}.diagnostic-list b{color:#f1ebf4;font:8px var(--font-mono);margin-bottom:3px;display:block}.diagnostic-list span{color:#a59dac;font-size:9px;line-height:1.4}.controller-dialog :is(button,input,select,textarea):focus-visible{outline:2px solid var(--acid);outline-offset:2px}@media (max-width:980px){.controller-dialog{grid-template-rows:64px 44px 40px 230px minmax(0,1fr)}.controller-preview-row{grid-template-columns:1fr 1fr}.controller-graph-layout{grid-template-columns:minmax(0,1fr) 250px}.controller-search{display:none}.controller-topbar button{min-height:38px}.controller-panel{padding:10px}.direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.controller-backdrop{padding:3px}.controller-dialog{grid-template-rows:58px 42px 38px 180px minmax(0,1fr);width:calc(100vw - 6px);height:calc(100svh - 6px)}.controller-dialog>header{padding-inline:11px}.controller-dialog>header h2{font-size:22px}.controller-dialog>.dialog-tabs button{font-size:6px}.controller-preview-row{grid-template-columns:1fr}.controller-runtime{display:none}.controller-graph-layout{grid-template-columns:1fr}.controller-inspector{border:1px solid #62596b;width:min(280px,80vw);max-height:50%;position:absolute;bottom:3px;right:3px;box-shadow:0 8px 28px #000c}.controller-topbar label:first-child{font-size:0}.controller-topbar select{min-width:120px}.controller-topbar button{width:36px;padding:0;font-size:0}.controller-topbar .primary-action:after{content:"+";font-size:14px}.controller-topbar button:nth-of-type(2):after{content:"DUP";font-size:7px}.controller-topbar button:nth-of-type(3):after{content:"DEL";font-size:7px}.parameter-row,.parameter-row.vector{grid-template-columns:1fr 80px}.parameter-row>:nth-child(n+3){grid-column:auto}.direction-grid{grid-template-columns:1fr}}.patterns-button{color:#42d9ff!important}.texture-studio{width:min(1120px,100vw - 24px);max-height:min(830px,100dvh - 24px);overflow:auto}.texture-studio>header{z-index:3;position:sticky;top:0}.pattern-library{background:#19171e;border-bottom:1px solid #48414f;gap:7px;padding:10px 14px;display:flex;overflow-x:auto}.pattern-library>button{color:#d7d0db;text-align:left;cursor:pointer;background:#2a2630;border:1px solid #4e4757;flex:0 0 180px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-height:64px;padding:7px;display:grid}.pattern-library>button.active{border-color:var(--acid);box-shadow:inset 3px 0 var(--acid)}.pattern-library>button span:last-child{min-width:0}.pattern-library b,.pattern-library small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pattern-library b{font:800 9px var(--font-mono)}.pattern-library small{color:#8f8797;font:7px var(--font-mono);text-transform:uppercase;margin-top:4px}.pattern-preview{width:46px;height:46px;image-rendering:pixelated;background:#aaa;display:grid;box-shadow:inset 0 0 0 1px #fff5}.pattern-preview i{min-width:1px;min-height:1px;display:block}.texture-studio-grid{background:#48414f;grid-template-columns:1.05fr 1fr .9fr;gap:1px;display:grid}.texture-studio-grid>section{background:#242129;min-width:0;padding:16px}.texture-studio h3{color:var(--acid);font:900 11px var(--font-mono);letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px}.texture-studio label{color:#aaa2b0;font:7px var(--font-mono);letter-spacing:.05em;gap:4px;margin:8px 0;display:grid}.texture-studio input:not([type=checkbox]):not([type=range]),.texture-studio select{color:#f4eef6;width:100%;height:36px;font:9px var(--font-mono);background:#17151c;border:1px solid #554e5d;padding:0 8px}.texture-studio input[type=range],.texture-studio input[type=checkbox]{accent-color:var(--acid)}.texture-studio input[type=checkbox]{width:18px;height:18px}.texture-studio p{color:#aaa2b0;font-size:10px;line-height:1.5}.texture-studio button{color:#d8d0dd;min-height:34px;font:800 7px var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#332e39;border:1px solid #574f60;padding:6px 8px}.texture-studio button:hover:not(:disabled){color:var(--acid);border-color:var(--acid)}.texture-studio button:focus-visible{color:var(--acid);border-color:var(--acid)}.texture-number-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.texture-studio .dialog-actions.compact{flex-wrap:wrap;gap:4px;margin:10px 0;display:flex}.texture-studio .dialog-actions.compact button:first-child{flex:130px}.texture-studio>footer{z-index:3;background:#211d27;position:sticky;bottom:0}.texture-studio :is(button,input,select):focus-visible{outline:2px solid var(--acid);outline-offset:2px}@media (max-width:820px){.texture-studio{width:calc(100vw - 8px);max-height:calc(100dvh - 8px)}.texture-studio-grid{grid-template-columns:1fr}.texture-studio-grid>section{padding:13px}.pattern-library>button{flex-basis:160px;min-height:72px}.texture-studio button{min-height:42px}}.pattern-preview{display:block}.pattern-preview.smooth{image-rendering:auto}.reference-button{color:#ffb66d!important}.reference-overlay{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.reference-overlay>img{transform-origin:0 0;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.reference-overlay>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.reference-measurements line{stroke-width:1.5px;stroke-dasharray:6 3}.reference-measurements circle{stroke:#17141f;stroke-width:1px}.reference-measurements text{font:800 10px var(--font-mono);paint-order:stroke;stroke:#17141f;stroke-width:3px;stroke-linejoin:round}.canvas-hint,.precision-canvas-guidance,.vector-canvas-status{z-index:7}.mirror-button{color:#d9ff43!important}.mirror-button.live{box-shadow:inset 0 -2px var(--acid);background:#d9ff4317!important}.mirror-guide-overlay line{stroke-width:2px;stroke-dasharray:9 5;filter:drop-shadow(0 0 3px #17151c)}.mirror-guide-overlay text{font:900 9px var(--font-mono);letter-spacing:.06em;paint-order:stroke;stroke:#17151c;stroke-width:3px;stroke-linejoin:round}.reference-backdrop{z-index:84;padding:8px}.reference-studio{grid-template-rows:72px 44px auto minmax(0,1fr) 54px;width:min(1280px,100vw - 16px);height:min(900px,100dvh - 16px);display:grid;overflow:hidden}.reference-studio>header{background:#17151c;border-bottom:1px solid #494250;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.reference-studio>header small{color:#ffb66d;font:7px var(--font-mono);letter-spacing:.13em}.reference-studio>header h2{font:28px/.9 var(--font-display);text-transform:uppercase;margin:4px 0 0}.reference-studio>header>button{color:#eee9f0;cursor:pointer;background:#302b37;border:1px solid #514a59;width:40px;height:40px;font-size:23px}.reference-studio>.dialog-tabs{background:#19171e;border-bottom:1px solid #48414f;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;display:grid}.reference-studio>.dialog-tabs button{color:#98919f;font:800 8px var(--font-mono);cursor:pointer;background:#2a2630;border:1px solid #48414f}.reference-studio>.dialog-tabs button[aria-pressed=true]{color:#17151c;background:#ffb66d;border-color:#ffb66d}.reference-error{color:#ffd5dc;font:9px var(--font-mono);background:#3b2028;border-bottom:1px solid #ff6b78;padding:8px 14px}.reference-body{background:#4a4250;grid-template-columns:310px minmax(0,1fr);gap:1px;min-height:0;display:grid;overflow:hidden}.reference-list{background:#201c25;min-height:0;padding:12px;overflow:auto}.reference-list>label{color:#aaa2b0;font:8px var(--font-mono);align-items:center;gap:7px;margin-bottom:9px;display:flex}.reference-list>button{color:#ddd5e1;text-align:left;cursor:pointer;background:#29242f;border:1px solid #4f4758;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;width:100%;margin:5px 0;padding:6px;display:grid}.reference-list>button[aria-pressed=true]{border-color:#ffb66d;box-shadow:inset 3px 0 #ffb66d}.reference-list img{object-fit:cover;background:#111;width:58px;height:48px}.reference-list span{min-width:0}.reference-list b,.reference-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reference-list b{font:9px var(--font-mono)}.reference-list small{color:#8e8695;font:7px var(--font-mono);margin-top:4px}.reference-list p{color:#9d95a4;font-size:10px;line-height:1.5}.reference-editor{background:#242129;min-width:0;min-height:0;padding:15px;overflow:auto}.reference-large-preview{background-color:#aaa;background-image:linear-gradient(45deg,#888 25%,#0000 25%),linear-gradient(-45deg,#888 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#888 75%),linear-gradient(-45deg,#0000 75%,#888 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;place-items:center;height:240px;margin-bottom:12px;display:grid;overflow:hidden}.reference-large-preview img{object-fit:contain;max-width:78%;max-height:78%}.reference-field-grid{grid-template-columns:repeat(4,minmax(100px,1fr));gap:6px;display:grid}.reference-studio label{color:#aaa2b0;font:7px var(--font-mono);letter-spacing:.04em}.reference-field-grid label,.cleanup-settings>label{gap:4px;display:grid}.reference-studio input:not([type=checkbox]):not([type=range]):not([type=color]),.reference-studio select{color:#fff;width:100%;min-width:0;height:34px;font:8px var(--font-mono);background:#17151c;border:1px solid #554e5d;padding:0 7px}.reference-studio input[type=checkbox],.reference-studio input[type=range]{accent-color:#ffb66d}.reference-toggles{flex-wrap:wrap;gap:12px;margin:11px 0;display:flex}.reference-toggles label{align-items:center;gap:5px;display:flex}.reference-studio button{color:#d8d0dd;min-height:34px;font:800 7px var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#332e39;border:1px solid #574f60;padding:6px 9px}.reference-studio button:hover:not(:disabled){color:#ffb66d;border-color:#ffb66d}.reference-studio button:focus-visible{color:#ffb66d;border-color:#ffb66d}.reference-studio button.danger{color:#ff9b8b;border-color:#764a50}.reference-studio>footer{color:#99919f;font:8px var(--font-mono);background:#211d27;border-top:1px solid #494250;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.reference-empty{color:#9b93a2;text-align:center;border:1px dashed #5a5262;place-items:center;min-height:180px;padding:24px;font-size:11px;display:grid}.measurement-workspace{background:#242129;grid-column:1/-1;min-height:0;padding:15px;overflow:auto}.measurement-workspace>header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.measurement-workspace>header>span{gap:3px;margin-right:auto;display:grid}.measurement-workspace>header b{color:#ffb66d;font:9px var(--font-mono)}.measurement-workspace>header small{color:#928a99;font-size:9px}.measurement-list{gap:7px;display:grid}.measurement-list article{background:#19171e;border:1px solid #48414f;grid-template-columns:minmax(140px,1fr) repeat(3,minmax(112px,.6fr)) auto auto auto;align-items:end;gap:6px;padding:9px;display:grid}.measurement-list article>div{gap:5px;display:grid}.measurement-list article>div b{color:#42d9ff;font:9px var(--font-mono)}.measurement-list article>span{grid-template-columns:1fr 1fr;gap:4px;display:grid}.measurement-list label{gap:3px;display:grid}.cleanup-workspace{background:#48414f;grid-column:1/-1;grid-template-columns:minmax(330px,.9fr) minmax(360px,1.1fr);gap:1px;min-height:0;display:grid}.cleanup-settings,.cleanup-preview{background:#242129;min-height:0;padding:16px 18px;overflow:auto}.cleanup-settings h3,.cleanup-preview h3{color:#ffb66d;font:900 10px var(--font-mono);letter-spacing:.08em;margin:14px 0 8px}.cleanup-settings>label{margin:7px 0}.cleanup-settings>label:has(input[type=checkbox]){align-items:center;gap:7px;display:flex}.cleanup-preview p{color:#aaa2b0;font-size:10px;line-height:1.5}.cleanup-empty,.cleanup-summary{color:#99919f;background:#19171e;border:1px dashed #5b5363;gap:7px;padding:16px;font-size:10px;display:grid}.cleanup-summary{border-style:solid}.cleanup-summary.changes{border-color:#ffb66d}.cleanup-summary b{color:#ffb66d;font:10px var(--font-mono)}.cleanup-summary span{color:#d4cdd8}.cleanup-summary small{color:#ffb66d;line-height:1.4}.reference-studio :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #ffb66d}@media (max-width:850px){.reference-backdrop{padding:3px}.reference-studio{grid-template-rows:64px 44px auto minmax(0,1fr) 50px;width:calc(100vw - 6px);height:calc(100dvh - 6px)}.reference-body{grid-template-columns:220px minmax(0,1fr)}.reference-field-grid,.measurement-list article{grid-template-columns:1fr 1fr}.measurement-list article>div{grid-column:1/-1}.cleanup-workspace{grid-template-columns:1fr}.reference-studio button{min-height:42px}.reference-studio>footer span{display:none}}.mirror-backdrop{z-index:85;padding:8px}.mirror-studio{grid-template-rows:72px auto minmax(0,1fr) 58px;width:min(1180px,100vw - 16px);height:min(820px,100dvh - 16px);display:grid;overflow:hidden}.mirror-studio>header{border-top:4px solid var(--acid);background:#17151c;border-bottom:1px solid #494250;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.mirror-studio>header small{color:var(--acid);font:7px var(--font-mono);letter-spacing:.13em}.mirror-studio>header h2{font:28px/.9 var(--font-display);text-transform:uppercase;margin:4px 0 0}.mirror-studio>header>button{color:#eee9f0;cursor:pointer;background:#302b37;border:1px solid #514a59;width:40px;height:40px;font-size:23px}.mirror-body{background:#4a4250;grid-template-columns:390px minmax(0,1fr);gap:1px;min-height:0;display:grid}.mirror-settings,.mirror-preview-area{background:#242129;min-height:0;padding:16px;overflow:auto}.mirror-settings{align-content:start;gap:12px;display:grid}.mirror-settings>label{color:#aaa2b0;font:8px var(--font-mono);letter-spacing:.05em;gap:5px;display:grid}.mirror-settings h3{color:var(--acid);font:16px var(--font-display);text-transform:uppercase;margin:8px 0 0}.mirror-settings input:not([type=checkbox]):not([type=range]):not([type=color]),.mirror-settings select{color:#fff;width:100%;height:36px;font:8px var(--font-mono);background:#17151c;border:1px solid #554e5d;padding:0 8px}.mirror-settings input[type=range],.mirror-settings input[type=checkbox]{accent-color:var(--acid)}.mirror-live-card{background:#19171e;border:1px solid #50485a;align-items:center;gap:12px;padding:12px;display:flex}.mirror-live-card>div{gap:5px;margin-right:auto;display:grid}.mirror-live-card b{color:#f3eef5;font:10px var(--font-mono)}.mirror-live-card small{color:#98909e;font-size:9px;line-height:1.4}.mirror-live-card button,.mirror-settings button{color:#c9c1ce;min-height:36px;font:800 8px var(--font-mono);cursor:pointer;background:#332e39;border:1px solid #574f60;padding:7px 10px}.mirror-live-card button.active,.mirror-settings button[aria-pressed=true]{background:var(--acid);color:#17151c;border-color:var(--acid)}.mirror-axis-control{grid-template-columns:auto auto minmax(70px,1fr);gap:5px;display:grid}.mirror-guide-controls{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.mirror-guide-controls label{color:#aaa2b0;font:8px var(--font-mono);align-items:center;gap:6px;display:flex}.mirror-guide-controls label:last-child{grid-column:1/-1;grid-template-columns:auto 1fr;display:grid}.mirror-guide-controls input[type=color]{background:#17151c;border:1px solid #554e5d;width:34px;height:28px;padding:2px}.mirror-note{color:#98919f;margin:0;font-size:10px;line-height:1.55}.mirror-preview-button{width:100%;min-height:44px!important}.mirror-preview-area{background:#1d1a22;align-content:start;gap:14px;display:grid}.mirror-preview-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mirror-preview-pair figure{background:#141219;border:1px solid #4c4554;margin:0;padding:8px;position:relative}.mirror-preview-pair canvas{width:100%;height:auto;max-height:300px;display:block}.mirror-preview-pair figcaption{color:var(--acid);font:900 8px var(--font-mono);background:#17151cdd;padding:5px 7px;position:absolute;top:14px;left:14px}.mirror-report,.mirror-empty{color:#aaa2b0;background:#242029;border:1px dashed #5b5363;gap:8px;padding:16px;display:grid}.mirror-report{border-style:solid;grid-template-columns:repeat(2,1fr)}.mirror-report.changes{border-color:var(--acid)}.mirror-report b,.mirror-report small{grid-column:1/-1}.mirror-report b{color:var(--acid);font:11px var(--font-mono)}.mirror-report span{color:#ddd5e1;font-size:10px}.mirror-report small{color:#ffb66d;font-size:9px}.mirror-empty{text-align:center;place-content:center;min-height:180px}.mirror-empty span{color:var(--acid);font-size:44px}.mirror-empty b{font:15px var(--font-display);text-transform:uppercase}.mirror-empty p{max-width:380px;margin:0;font-size:10px;line-height:1.5}.mirror-studio>footer{background:#211d27;border-top:1px solid #494250;justify-content:flex-end;align-items:center;gap:8px;padding:8px 14px;display:flex}.mirror-studio>footer span{color:#99919f;font:8px var(--font-mono);margin-right:auto}.mirror-studio>footer button{color:#d8d0dd;min-height:38px;font:800 8px var(--font-mono);cursor:pointer;background:#332e39;border:1px solid #574f60;padding:7px 12px}.mirror-studio :is(button,input,select):focus-visible{outline:2px solid var(--acid);outline-offset:2px}@media (max-width:820px){.mirror-backdrop{padding:3px}.mirror-studio{grid-template-rows:64px auto minmax(0,1fr) 52px;width:calc(100vw - 6px);height:calc(100dvh - 6px)}.mirror-body{grid-template-columns:minmax(270px,.9fr) minmax(300px,1.1fr)}.mirror-preview-pair{grid-template-columns:1fr}.mirror-studio button{min-height:42px}.mirror-studio>footer span{display:none}}@media (max-width:600px){.mirror-body{grid-template-columns:1fr;overflow:auto}.mirror-settings,.mirror-preview-area{overflow:visible}.mirror-preview-pair{grid-template-columns:1fr 1fr}.mirror-guide-controls{grid-template-columns:1fr}.mirror-guide-controls label:last-child{grid-column:auto}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}