/* Arcade Console — based on the selected black / green reference. */
:root{--bg:#000;--panel:#030504;--raised:#080d0a;--line:#254b32;--muted:#a8b6ac;--acid:#10f65b;--white:#f4f7f5}
body{background:#000;font-family:var(--sans)}
button{min-height:44px;border-radius:3px;background:#030504;border-color:#355841;color:#f2f7f3;box-shadow:none}button:hover{background:#0c1d11;border-color:var(--acid)}button:disabled{opacity:.4}button[aria-pressed=true],button.active{background:#092411;border-color:var(--acid);color:var(--acid)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
input:not([type=range]):not([type=checkbox]):not([type=color]),select{background:#020403;border:1px solid #438854;border-radius:3px;color:#fff}input::placeholder{color:#8d9e91}input,select,button{font-family:var(--sans)}
.console-label{display:flex;align-items:center;gap:12px;padding:12px 20px 0;color:var(--acid);font:700 11px var(--mono);letter-spacing:2px}.console-label i{height:1px;flex:1;background:#008b30}.console-label>span:last-child{font-size:10px;font-weight:400;letter-spacing:5px}
.topbar{position:relative;min-height:78px;max-width:none;padding:16px 20px 20px;gap:30px;background:#000;border-bottom:1px solid var(--acid);backdrop-filter:none;justify-content:flex-start}
.brand{display:flex;align-items:center;gap:24px;flex-shrink:0}.brand img{display:block;width:clamp(200px,21vw,306px);height:auto;image-rendering:pixelated}.brand small{display:block;margin:0;font:700 11px var(--mono);letter-spacing:2px;color:#fff;white-space:nowrap}
.topbar nav{display:flex;gap:12px;border:0;background:transparent;padding:0;margin-left:clamp(0px,3vw,55px)}.nav{border:1px solid transparent;border-radius:0;background:#000;padding:10px 26px;font-size:14px;color:#fff;min-height:44px}.nav.active{background:var(--acid);border-color:var(--acid);color:#001906}.nav small{display:none}.header-actions{margin-left:auto;gap:5px}.quiet{color:#acb8af;background:transparent;border-color:transparent}.quiet:hover{background:#09180e;color:#fff}.header-actions #share{border-color:#1b4c2a}
main{max-width:1640px;padding:20px 20px 0}.studio-layout{display:grid;grid-template-columns:270px minmax(0,1fr) 440px;gap:20px;align-items:start;scroll-margin-top:20px}
.source-chooser{display:flex;flex-direction:column;align-items:stretch;gap:0;background:#000;border:1px solid #00ce47;border-radius:2px;padding:17px;margin:0;min-width:0}.source-caption{font:700 13px var(--mono);letter-spacing:1.4px;color:var(--acid);margin:0 0 12px}.source-entry{display:block;width:100%;margin:0}.input-action{display:grid;grid-template-columns:12px 1fr;gap:8px}.input-action>span{grid-column:1;grid-row:1;font-size:16px;color:#fff;z-index:1;margin-left:12px}.input-action input{grid-column:1/-1;grid-row:1;width:100%;height:43px;padding:10px 12px 10px 30px!important;font:15px var(--mono)!important}.input-action button{grid-column:auto;font-size:12px;min-height:40px;padding:8px}.input-action button[type=submit]{grid-column:1;grid-row:2;width:100%;min-width:0}.input-action #random-body{grid-column:2;grid-row:2;background:var(--acid);color:#001b07;border-color:var(--acid);font-weight:650}.input-action{grid-template-columns:1fr 1fr}.input-action>span{width:12px}.source-entry .help{font-size:9px;line-height:1.5;margin:9px 0;color:#92a699}.source-chooser>.secondary{font-size:10px;min-height:30px;padding:4px;border:0;background:transparent;color:#9fb3a5;margin-bottom:14px}.source-chooser>.secondary:hover{color:var(--acid)}
.original-thumb{padding-top:17px;border-top:1px solid #2b3b30;margin-bottom:12px}.original-thumb canvas{display:block;width:140px;max-width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;border:2px solid var(--acid);border-radius:2px}.original-thumb>span{display:block;color:#c0e4cb;font-size:11px;margin-top:5px}.variation-rail{min-width:0}.variations{display:grid;grid-template-columns:1fr;gap:12px}.variation{display:grid;grid-template-columns:minmax(0,140px) 1fr;align-items:end;gap:9px;min-height:0;padding:0;border:0;background:transparent;border-radius:0;text-align:left;overflow:visible}.variation canvas{width:100%;height:auto;border:1px solid #4e6356;border-radius:2px;image-rendering:pixelated}.variation:hover{background:transparent}.variation:hover canvas,.variation:focus-visible canvas{border-color:var(--acid)}.variation span{padding:0 0 5px;background:transparent;border:0;font:10px/1.5 var(--sans);color:#b6c2ba;display:block}.variation b{display:none}.variation-head{margin:8px 0 0}.variation-head button{font-size:10px;min-height:32px}.variation-rail>.help{margin:4px 0 0;font-size:9px;line-height:1.5;color:#8da293}
.canvas-column{position:sticky;top:16px;min-width:0}.workspace-heading{display:flex;align-items:center;gap:8px;justify-content:space-between;margin:0;padding:2px 0 15px}.workspace-heading h1{font:800 clamp(23px,2.5vw,37px)/1.15 var(--mono);letter-spacing:-1.3px;margin:0;color:#fff}.workspace-heading h1>span{color:var(--acid)}.workspace-heading>.quiet{font-size:10px;padding:5px;min-height:30px;white-space:nowrap}.art-card{display:flex;flex-direction:column;position:relative;border:0;border-radius:0;background:#000;overflow:visible;box-shadow:none}.stage{order:0;background:#000;border:1px solid var(--acid);padding:8px;height:auto;aspect-ratio:auto}.art-surface{width:100%;max-width:100%;aspect-ratio:1}.canvas-corner{bottom:13px;left:15px;right:15px;color:#d4e9dc;font-size:8px}.canvas-top{order:1;border:0;background:#000;padding:12px 0 7px;gap:8px;flex-wrap:wrap}.canvas-top .tag{display:none}.canvas-top h2{font:11px var(--mono);color:#95a89b;margin:0}.canvas-actions{gap:5px;margin-left:auto}.canvas-actions button{background:#000;border-color:#2c4935;font-size:10px;min-height:32px;padding:6px 8px}.canvas-actions #edit-pixels{border-color:#2f7542;color:#bbf5cb}.canvas-actions #full{display:inline-flex;align-items:center;justify-content:center;font-size:19px;padding:3px 7px;min-height:32px}.zoom-toolbar{order:2;background:#000;border:0;padding:4px 0 8px;gap:8px;justify-content:flex-end}.zoom-toolbar button{min-height:28px;min-width:28px;padding:4px 7px;border-color:#2b4333;font-size:10px}.zoom-toolbar label{font-size:10px;color:#a1b4a8}.zoom-toolbar input[type=range]{width:70px}.zoom-toolbar output{font:10px var(--mono)}.zoom-toolbar .check{min-height:28px}.canvas-toolbar{order:3;background:#030805;border:1px solid #243e2c;padding:8px;gap:8px}.canvas-toolbar>button{font-size:10px;padding:5px 8px;min-height:32px;background:transparent;border:1px solid #2d4c37;color:#e8f6ed}.canvas-toolbar>button[aria-pressed=true]{color:var(--acid);border-color:var(--acid);background:#06250f}.timeline{gap:8px}.timeline span{font-size:8px;color:#90a499}.compare-controls{order:4;border-color:#24402c;background:#030805;color:#afc9b8}.source-details summary{color:#91ab99;font-size:10px!important;min-height:32px}.trait-chips span{background:#000;border-color:#284332;color:#b0ccba}.stage.pixel-editing{outline-color:var(--acid)}#magnifier{border-color:var(--acid);background:#000}
.inspector{border:1px solid #00ce47;border-radius:2px;background:#000;scroll-margin-top:20px;overflow:hidden}.inspector-top{padding:16px 17px 13px;background:#000}.inspector-top h2{font:700 13px var(--mono);letter-spacing:1.2px;color:var(--acid);margin:0;width:100%;padding-bottom:13px;border-bottom:1px solid #344339}.tool-tabs{padding:0 17px 15px;gap:0;background:#000;border-bottom:1px solid #24372b}.tool-tabs button{font-size:13px;padding:8px;min-height:40px;background:#000;border:1px solid #527a5e;border-right:0;color:#fff}.tool-tabs button:first-child{border-radius:3px 0 0 3px}.tool-tabs button:last-child{border-right:1px solid #527a5e;border-radius:0 3px 3px 0}.tool-tabs button[aria-selected=true]{background:var(--acid);border-color:var(--acid);color:#001906;font-weight:650}.control-pane{padding:18px 17px}.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.palette-heading>label{font:700 11px var(--mono);color:var(--acid);white-space:nowrap}.palette-heading select{width:54%;font-size:11px;padding:9px;min-height:38px}.swatches{margin:13px 0 20px;gap:7px;padding-bottom:20px;border-bottom:1px solid #25392c}.swatches span{height:31px;border-radius:4px;border:1px solid #ffffff40;min-width:0}
.mixer-faders{display:grid;gap:22px;margin:0 0 25px}.fader{display:grid;grid-template-columns:minmax(0,1fr) 51px;gap:6px 14px;align-items:center}.fader>label{grid-column:1/-1;color:var(--acid);font:600 12px var(--mono)}.fader-track{min-width:0}.fader input[type=range]{writing-mode:horizontal-tb;direction:ltr;width:100%;height:32px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;touch-action:pan-y}.fader input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:9px;background:linear-gradient(to right,var(--acid) 0 var(--level),#1d2220 var(--level) 100%)}.fader input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:22px;margin-top:-6px;border:1px solid #25ff6b;border-radius:3px;background:var(--acid);box-shadow:0 0 0 1px #00ac3b33}.fader input[type=range]::-moz-range-track{height:10px;border-radius:9px;background:#1d2220}.fader input[type=range]::-moz-range-progress{height:10px;border-radius:9px;background:var(--acid)}.fader input[type=range]::-moz-range-thumb{width:15px;height:20px;background:var(--acid);border:1px solid #25ff6b;border-radius:3px}.fader>output{display:grid;place-items:center;border:1px solid #41644b;border-radius:3px;height:32px;font:12px var(--mono);color:#fff}
.primary{background:var(--acid);border-color:var(--acid);color:#001906;border-radius:3px;box-shadow:none;font-weight:750}.primary:hover{background:#51ff89;border-color:#51ff89;color:#001906;box-shadow:none}.random-effects-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:0}.random-effects-actions #random-effects{grid-column:1/-1;justify-content:center;gap:12px;font:750 13px var(--mono);letter-spacing:.6px;min-height:52px}.random-effects-actions #random-effects>span{font-size:28px;line-height:1}.random-effects-actions #undo-random-effects,.random-effects-actions #reset{min-height:47px;justify-content:center;font-size:12px;background:#000;border:1px solid #03c244;color:#fff;padding:9px}.mixer-export{margin-top:14px;text-align:center}.mixer-export>.primary{min-height:54px;width:100%;justify-content:center;gap:12px;font:750 16px var(--mono);letter-spacing:.2px}.mixer-export>.primary>span{font-size:28px;line-height:1}.mixer-export>span{display:block;color:#b5bdb8;font-size:10px;margin-top:9px;word-spacing:5px}.preset-library{margin-top:20px}.presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.presets button,.presets button:first-child{grid-column:auto;min-height:0;background:#020604;border:1px solid #254b31;border-radius:2px;padding:3px;color:#b9cbbf}.presets button canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.presets button>span{display:block;padding:7px 1px;font-size:9px}.presets button.active{color:var(--acid);border-color:var(--acid);background:#082812}
.disclosure,.advanced{border-color:#24402e;padding-top:8px;margin-top:12px}.disclosure summary,.advanced summary{font-size:11px;color:#b1c8b8;min-height:36px}.disclosure summary span,.advanced summary span{color:var(--acid)}.secondary{background:#000;border-color:#387449;color:#c0edcc}.text-button{color:#a6c2af}.text-button:hover{color:var(--acid);background:transparent}.label,.mini-label,.control label,.check{color:#b8cabe}.control output,.pixel-intensity output{color:var(--acid)}.section-label{color:var(--acid);border-color:#264d32}.help{color:#9bad9f}.panel-copy{color:#adc2b4}.panel-title{color:#fff;font:700 20px/1.35 var(--mono)}.inspector-note{background:#030805;border-color:#23442d;color:#90b59c;padding:12px 17px;font-size:9px}.status-dot{background:var(--acid);border-radius:50%}.two-fields:has(>label:only-child){grid-template-columns:1fr}.seed-disclosure{margin-bottom:12px}.seed-box label{color:#8daf97}
input[type=range]::-webkit-slider-runnable-track{background:#24392c}input[type=range]::-webkit-slider-thumb{background:var(--acid);border-color:#68ff99;border-radius:2px}input[type=range]::-moz-range-track{background:#24392c}input[type=range]::-moz-range-progress{background:var(--acid)}input[type=range]::-moz-range-thumb{background:var(--acid);border-color:#68ff99;border-radius:2px}.check input{accent-color:var(--acid)}.precision-tools{border-color:#284634}.pixel-tool-row label,.pixel-tools details>label,.pixel-intensity{color:#b3ccbc}.pixel-color-label input{background:#000;border-color:#375b42}.brush-color-mixer{background:#020603;border-color:#264d33;border-radius:3px}.brush-color-heading label,.color-channel label{color:#b5cebd}.color-channel output,.pixel-tool-footer>span{color:#98c3a6}.pixel-swatch-row button{box-shadow:inset 0 0 0 3px #000;border-color:#496451;border-radius:2px}.pixel-swatch-row button[aria-pressed=true]{outline-color:var(--acid)}.color-channel input::-webkit-slider-runnable-track{background:var(--color-track);height:8px}.color-channel input::-moz-range-track{background:var(--color-track);height:8px}.color-channel input::-moz-range-progress{background:transparent}.color-channel input::-webkit-slider-thumb{background:#fff;border:2px solid #000;outline-color:#a2d4b0}.color-channel input::-moz-range-thumb{background:#fff;border-color:#000;outline-color:#a2d4b0}
.export-actions button{background:#020805;border-color:#346a44;border-radius:3px;min-height:76px}.export-actions button:hover{border-color:var(--acid);background:#061c0d}.export-actions button b{color:var(--acid)}.export-actions button small{color:#a0b6a8}.sheet-button{background:#000;border-color:#274e34}.export-ready{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100dvh - 28px);width:min(480px,calc(100vw - 28px));max-width:480px;padding:22px;background:#000;border:1px solid var(--acid);border-radius:3px;box-shadow:0 20px 100px #000d;color:#fff}.export-ready::backdrop{background:#000c;backdrop-filter:blur(5px)}.export-ready-head{color:var(--acid);font:700 14px var(--mono)}.export-ready-head button{background:#000;border-color:#315b3d;color:#fff}.export-ready-actions{display:grid;grid-template-columns:1fr 1fr}.export-ready-actions a,.export-ready-actions button{justify-content:center;text-align:center;background:#000;border-color:#3c7950;color:#d5f1df;border-radius:3px;min-height:48px}.export-ready-actions a:first-child{grid-column:1/-1;background:var(--acid);border-color:var(--acid);color:#001906;font-size:14px;font-weight:750}.export-ready-actions #export-share{grid-column:1/-1}#export-image{background:#000;border:1px solid #2b4f36;border-radius:2px}#export-file-name{font:11px/1.6 var(--mono);color:#b5cbbb}#export-status{color:#b5d6c1}
.console-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-top:1px solid var(--acid);border-bottom:1px solid var(--acid);margin:20px -20px 0;font:11px var(--mono);color:#c5d1c9}.console-status b{color:var(--acid);font-weight:500}.console-status i{font-style:normal;color:var(--acid);padding:0 15px}.console-status #draft-status{padding:0;margin:0;color:var(--acid);font:10px var(--mono);text-align:right}.extras-grid{grid-template-columns:1fr;margin-top:16px}.extras{background:#000;border-color:#234a30;border-radius:2px;padding:12px 16px}.extras>summary{font-size:11px}.history-list button{background:#030805;border-color:#264d34}.empty{background:#000;border-color:#386445;color:#a7c0b0}.page-heading h1{font-family:var(--mono)}.page-heading .eyebrow{color:var(--acid)}.collection-toolbar{background:#020604;border-color:#28623a;border-radius:3px}.token-card,.saved-card{background:#000;border-color:#264b32;border-radius:3px}.token-card:hover,.token-card.selected{border-color:var(--acid)}.token-label{background:#020704}.saved-info{border-color:#234b30}.saved-info input:focus{border-color:var(--acid)!important}footer{max-width:none;margin:22px 20px 0;border-color:#173321;padding:20px 0;color:#829b8a}footer>div strong{color:#a9d8b8}.footer-signature{font:9px var(--mono);letter-spacing:1.2px;color:var(--acid)}#toast{background:#031108;border-color:var(--acid);color:#d3ffe0;border-radius:3px}dialog:not(.export-ready){background:#000;color:#edf9f1;border-color:var(--acid);border-radius:3px}kbd{background:#07130b;border-color:#345b40;color:#c5e7d0}
@media(min-width:1600px){.art-surface{max-width:100%}}
@media(max-width:1350px){.studio-layout{grid-template-columns:180px minmax(0,1fr) 340px;gap:16px}.source-chooser{padding:14px}.brand{gap:15px}.brand small{font-size:9px}.topbar{gap:18px}.topbar nav{margin-left:0;gap:6px}.nav{padding:10px 19px}.variation{grid-template-columns:minmax(0,96px) 1fr;gap:7px}.original-thumb canvas{width:96px}.variation span{font-size:9px}.workspace-heading h1{font-size:27px}.workspace-heading>.quiet{display:none}.control-pane{padding:17px 15px}.palette-heading{gap:7px}.palette-heading label{font-size:10px}.palette-heading select{font-size:10px}.fader{gap:6px 11px}.swatches{gap:5px}.swatches span{height:29px}.random-effects-actions #random-effects{font-size:12px}.mixer-export>.primary{font-size:14px}}
@media(max-width:1080px){main{padding:16px 16px 0}.studio-layout{grid-template-columns:135px minmax(0,1fr) 300px;gap:12px}.topbar{padding:16px;gap:15px}.brand img{width:210px}.brand small{display:none}.nav{padding:9px 16px;font-size:12px}.header-actions button{font-size:10px;padding:7px}.source-chooser{padding:11px}.variation{grid-template-columns:1fr;gap:0}.variation span{padding:5px 0 0;font-size:10px}.original-thumb canvas{width:100%}.variations{gap:10px}.source-caption{font-size:11px}.source-entry .help{font-size:8px}.source-chooser>.secondary{font-size:9px}.workspace-heading h1{font-size:23px;letter-spacing:-1px}.canvas-actions{flex-wrap:wrap}.canvas-top{padding-top:9px}.zoom-toolbar{justify-content:center;gap:5px}.zoom-toolbar input[type=range]{width:55px}.canvas-toolbar{gap:5px}.canvas-toolbar>button{font-size:9px;padding:5px}.timeline span{display:none}.inspector-top{padding:14px 13px 11px}.inspector-top h2{font-size:12px}.tool-tabs{padding:0 13px 13px}.control-pane{padding:16px 13px}.palette-heading{display:block}.palette-heading>label{display:block;margin-bottom:8px}.palette-heading select{width:100%;font-size:12px}.swatches span{height:25px}.mixer-faders{gap:18px}.random-effects-actions{gap:10px}.random-effects-actions #random-effects{letter-spacing:0;font-size:11px}.random-effects-actions #random-effects>span{font-size:24px}.mixer-export>.primary{font-size:13px}.console-status{margin-left:-16px;margin-right:-16px}}
@media(max-width:900px){.studio-layout{grid-template-columns:minmax(0,1fr) 320px;display:grid}.source-chooser{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;column-gap:20px;padding:13px 16px;position:relative}.source-caption{grid-column:1;grid-row:1}.source-entry{grid-column:1;grid-row:2;display:block;order:0}.source-chooser>.secondary{grid-column:1;grid-row:3;margin:0}.original-thumb{display:none}.variation-rail{grid-column:2;grid-row:1/4}.variations{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.variation{grid-template-columns:1fr;max-width:92px}.variation span{font-size:9px}.variation-head{position:absolute;right:16px;bottom:7px;margin:0}.variation-rail>.help{display:none}.variation-head button{font-size:9px;min-height:26px}.canvas-column{top:16px}.topbar{flex-wrap:wrap;gap:14px}.topbar nav{margin-left:auto}.header-actions{margin-left:0}.brand img{width:200px}.workspace-heading h1{font-size:23px}.canvas-top{flex-wrap:wrap}.canvas-actions{margin-left:auto}.source-loader{max-width:none}.palette-heading{display:flex}.palette-heading>label{margin:0}.palette-heading select{width:54%;font-size:10px}}
@media(max-width:700px){html{scroll-padding-top:16px}.console-label{padding:10px 12px 0;font-size:9px;letter-spacing:1.5px}.topbar{min-height:0;padding:15px 12px 12px;gap:15px;position:relative}.brand img{width:218px}.header-actions{margin-left:auto}.header-actions button{font-size:10px;padding:5px;min-height:34px}.header-actions #share{display:none}.topbar nav{order:3;flex:1 1 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0}.nav{min-height:42px;font-size:12px;border-color:#234b2f}.nav small{display:none}main{padding:14px 12px 0}.studio-layout{display:grid;grid-template-columns:1fr;gap:16px;scroll-margin-top:16px}.source-chooser{width:100%;grid-template-columns:1fr;padding:12px;gap:0;margin:0}.source-caption{grid-column:1;grid-row:1;font-size:11px;margin-bottom:8px}.source-entry{grid-column:1;grid-row:2;width:100%}.input-action{display:flex;gap:8px}.input-action>span{position:absolute;left:12px;margin-left:12px;font-size:14px;pointer-events:none}.input-action input{width:80px;min-width:50px;flex:1;padding-left:26px!important;font-size:16px!important;height:42px}.input-action button[type=submit]{width:auto;padding:8px 16px;font-size:12px}.input-action #random-body{padding:8px 15px;font-size:12px}.source-entry .help{font-size:9px;margin:6px 0 0}.source-chooser>.secondary{grid-column:1;grid-row:3;text-align:left;justify-self:start;font-size:10px;min-height:28px;padding:2px 0;margin:0}.variation-rail{grid-column:1;grid-row:4;margin-top:10px;border-top:1px solid #25402e;padding-top:12px}.variations{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.variation{max-width:none;grid-template-columns:1fr;gap:0}.variation canvas{max-height:90px;width:100%;object-fit:contain;background:#010302}.variation span{padding:6px 0 0;font-size:10px}.variation-head{position:static;margin-top:5px}.variation-head button{min-height:30px;font-size:10px}.canvas-column{width:100%;position:static;order:0}.workspace-heading{padding:0 0 12px;display:flex;gap:8px}.workspace-heading h1{font-size:clamp(22px,5.6vw,32px);letter-spacing:-1.2px}.workspace-heading>.quiet{display:block;font-size:9px;min-height:30px}.stage{padding:6px}.canvas-top{padding:10px 0 5px;flex-wrap:wrap}.canvas-top h2{font-size:10px}.canvas-actions{flex-wrap:nowrap;margin-left:auto;gap:5px}.canvas-actions button{min-height:36px;font-size:10px;padding:6px 8px}.canvas-actions #full{display:inline-flex;min-height:36px}.canvas-toolbar{gap:8px;padding:8px}.canvas-toolbar>button{min-height:36px;font-size:10px;padding:6px 8px}.timeline{min-width:30px}.zoom-toolbar{gap:8px;padding:6px 0 10px}.zoom-toolbar button{min-height:34px}.zoom-toolbar label{font-size:10px}.zoom-toolbar .check{min-height:34px}.source-details{margin-top:8px!important}.inspector{width:100%;order:1;scroll-margin-top:16px}.inspector-top{padding:17px 16px 13px}.inspector-top h2{font-size:13px}.tool-tabs{padding:0 16px 16px}.tool-tabs button{min-height:44px;font-size:13px}.control-pane{padding:20px 16px}.palette-heading{display:flex;gap:10px}.palette-heading>label{font-size:11px}.palette-heading select{width:55%;font-size:12px;min-height:42px}.swatches{gap:6px;margin:14px 0 24px;padding-bottom:22px}.swatches span{height:32px}.mixer-faders{gap:22px;margin-bottom:26px}.fader{grid-template-columns:minmax(0,1fr) 55px;gap:7px 14px}.fader>label{font-size:13px}.fader input[type=range]{height:38px}.fader>output{height:36px;font-size:13px}.random-effects-actions{gap:13px}.random-effects-actions #random-effects{font-size:13px;min-height:54px}.random-effects-actions #undo-random-effects,.random-effects-actions #reset{min-height:48px;font-size:13px}.mixer-export{margin-top:14px}.mixer-export>.primary{font-size:16px;min-height:56px}.mixer-export>span{font-size:11px;margin-top:11px}.disclosure summary,.advanced summary{font-size:12px;min-height:42px}.control-pane select,.two-fields .mini-label select{font-size:16px}.palette-heading select{font-size:12px}.pixel-tool-row select{font-size:14px}.presets button>span{font-size:10px}.console-status{margin:18px -12px 0;padding:12px;gap:10px;flex-wrap:wrap;font-size:10px}.console-status i{padding:0 9px}.console-status #draft-status{font-size:9px}.extras-grid{grid-template-columns:1fr;margin-top:14px}.extras{padding:10px 13px}.export-ready{padding:18px}.export-ready-actions a,.export-ready-actions button{min-height:48px}.collection-toolbar{flex-wrap:wrap}.collection-toolbar select{min-height:44px}.search-field{flex:1 1 100%}#index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{margin:22px 12px 0;padding:20px 0;gap:15px;flex-wrap:wrap}.footer-signature{font-size:8px}.pixel-mode .source-chooser{display:none}.pixel-mode .workspace-heading{display:flex}.pixel-mode .inspector{order:-1}}
@media(max-width:390px){.brand img{width:200px}.workspace-heading h1{font-size:22px}.workspace-heading>.quiet{display:none}.canvas-top h2{font-size:9px}.canvas-actions button{font-size:9px;padding:6px}.zoom-toolbar{gap:5px}.zoom-toolbar input[type=range]{width:52px}.control-pane{padding:17px 13px}.palette-heading>label{font-size:10px}.palette-heading select{font-size:11px}.random-effects-actions #random-effects{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Pin the token prefix to its input at every breakpoint. */
.input-action{position:relative}.input-action>span{position:absolute;left:12px;top:11px;margin:0;width:auto;pointer-events:none}

.recovery-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;border:1px solid #2a653c;margin-bottom:16px;background:#020805}.recovery-choice p{margin:0;color:#b1c9b9;font-size:11px}.recovery-choice>div{display:flex;gap:8px;flex-wrap:wrap}.recovery-choice button{font-size:11px;min-height:38px;padding:8px 12px}@media(max-width:700px){.recovery-choice{align-items:stretch;flex-direction:column;gap:9px;padding:12px}.recovery-choice>div>button{flex:1;min-height:44px}}

/* Creator credit and community links stay visible on every screen size. */
.brand-lockup{display:flex;align-items:center;gap:20px;flex-shrink:0}.creator-credit{color:#e6f2e9;font:700 10px/1.5 var(--mono);letter-spacing:1px;white-space:nowrap}.creator-credit span{color:var(--acid)}.creator-credit:hover span,.footer-credit:hover,.social-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-credit{display:block;color:var(--acid);font:10px/1.5 var(--mono);margin-top:7px}.social-links{display:flex;gap:7px 18px;flex-wrap:wrap;justify-content:flex-end;max-width:470px}.social-links a{display:inline-flex;align-items:center;min-height:40px;color:#b9d8c3;font:11px var(--mono)}
@media(max-width:1350px){.brand-lockup{align-items:flex-start;flex-direction:column;gap:7px}.creator-credit{font-size:9px;letter-spacing:.8px}.social-links{max-width:350px;gap:3px 15px}}
@media(max-width:700px){.brand-lockup{gap:8px}.creator-credit{display:block;font-size:9px;letter-spacing:.7px}.social-links{flex:1 1 100%;justify-content:flex-start;max-width:none;gap:0 17px;order:4}.social-links a{min-height:44px;font-size:11px}.footer-credit{font-size:10px}}

.donation-strip{max-width:1600px;margin:28px auto 0;padding:17px 20px;border-top:1px solid #225833;border-bottom:1px solid #225833;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#020704}.donation-message{display:flex;align-items:center;gap:13px;flex-shrink:0}.donation-icon{color:var(--acid);font-size:29px;line-height:1}.donation-message p{margin:0;color:var(--acid);font:700 11px/1.8 var(--mono);letter-spacing:.5px}.donation-message p>span{color:#a4bcac;font-weight:400;font-size:10px}.donation-wallet{display:flex;align-items:center;gap:14px;min-width:0}.donation-wallet code{font:11px/1.7 var(--mono);color:#c0ddca;overflow-wrap:anywhere;user-select:all}.donation-wallet button{white-space:nowrap;color:var(--acid);font-size:11px;padding:9px 12px;min-height:42px;border-color:#32804b}.donation-wallet button:hover{background:#092311}@media(max-width:900px){.donation-strip{align-items:flex-start;flex-direction:column;gap:12px;margin-top:22px;padding:16px}.donation-wallet{width:100%;justify-content:space-between}.donation-wallet code{font-size:11px}}@media(max-width:460px){.donation-strip{padding:15px 12px}.donation-wallet{align-items:stretch;flex-direction:column;gap:10px}.donation-wallet button{min-height:44px;align-self:flex-start}.donation-message p{font-size:10px}}