.gba-mini-frame{--mini-lens-scale:1;width:min(calc(292px * var(--mini-lens-scale)), 100%);height:calc(248px * var(--mini-lens-scale));margin:0 auto;position:relative}.gba-mini-lens{width:100%;height:100%;filter:drop-shadow(0 calc(18px * var(--mini-lens-scale)) calc(18px * var(--mini-lens-scale)) #00000061);position:relative}.gba-mini-lens-shape{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gba-mini-lens-body{stroke:#45474c;stroke-width:.75px;vector-effect:non-scaling-stroke}.gba-mini-screen-stage{top:calc(27px * var(--mini-lens-scale));z-index:1;width:calc(240px * var(--mini-lens-scale));height:calc(160px * var(--mini-lens-scale));border-radius:calc(2px * var(--mini-lens-scale));color:inherit;box-shadow:inset 0 0 calc(7px * var(--mini-lens-scale)) #00000047, 0 0 0 calc(1px * var(--mini-lens-scale)) #303237;cursor:pointer;image-rendering:pixelated;background:#10140f;border:0;padding:0;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.gba-mini-screen-stage:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.gba-mini-screen-stage:disabled{cursor:progress}.gba-mini-screen-drop-hint{color:var(--acid);letter-spacing:.1em;opacity:0;pointer-events:none;background:#070a06db;place-items:center;font:800 8px/1 ui-monospace,monospace;transition:opacity .15s;display:grid;position:absolute;inset:0}.gba-mini-screen-stage:hover .gba-mini-screen-drop-hint,.gba-mini-screen-stage:focus-visible .gba-mini-screen-drop-hint,.gba-mini-screen-stage.is-dragging .gba-mini-screen-drop-hint,.gba-mini-screen-stage.is-checking .gba-mini-screen-drop-hint{opacity:1}.gba-mini-wordmark{--mini-reflect-x:50%;--mini-reflect-y:50%;--mini-reflect-opacity:.2;--mini-reflect-soft-opacity:.14;--mini-reflect-pill-opacity:.08;right:18%;bottom:calc(8px * var(--mini-lens-scale));z-index:1;height:calc(48px * var(--mini-lens-scale));justify-content:center;align-items:center;gap:calc(6px * var(--mini-lens-scale));white-space:nowrap;display:flex;position:absolute;left:18%}.gba-mini-wordmark.is-reflecting{--mini-reflect-opacity:.92;--mini-reflect-soft-opacity:.62;--mini-reflect-pill-opacity:.38}.gba-mini-wordmark strong{font-family:Jost,Arial Black,sans-serif;font-size:calc(13px * var(--mini-lens-scale));letter-spacing:-.07em;background:radial-gradient(circle at var(--mini-reflect-x) var(--mini-reflect-y), rgb(255 255 255/var(--mini-reflect-opacity)) 0 7%, rgb(181 225 244/var(--mini-reflect-soft-opacity)) 13%, transparent 34%), linear-gradient(105deg, #69b5dc, #e9e1ec 48%, #d88caf);color:#0000;filter:drop-shadow(0 1px #050608);-webkit-background-clip:text;background-clip:text;font-style:italic;line-height:1;transition:filter .16s}.gba-mini-wordmark span{font-family:Michroma,Arial Narrow,sans-serif;font-size:calc(7.5px * var(--mini-lens-scale));letter-spacing:-.08em;background:radial-gradient(circle at var(--mini-reflect-x) var(--mini-reflect-y), rgb(255 255 255/var(--mini-reflect-opacity)) 0 7%, rgb(229 178 219/var(--mini-reflect-soft-opacity)) 14%, transparent 35%), linear-gradient(105deg, #c1d7e4, #ece6ee 42%, #d78eb4);color:#0000;filter:drop-shadow(0 1px #050608);-webkit-background-clip:text;background-clip:text;line-height:1;transition:filter .16s}.gba-mini-wordmark.is-reflecting strong,.gba-mini-wordmark.is-reflecting span{filter:brightness(1.15)drop-shadow(0 1px #050608)}.gba-mini-wordmark small{padding:calc(2.5px * var(--mini-lens-scale)) calc(6px * var(--mini-lens-scale));background:radial-gradient(circle at var(--mini-reflect-x) var(--mini-reflect-y), rgb(255 255 255/var(--mini-reflect-pill-opacity)), transparent 42%), #090a0c;color:#c0c3ca;font:800 calc(6px * var(--mini-lens-scale))/1 ui-monospace, monospace;letter-spacing:.08em;border:1px solid #4d5056;border-radius:999px;box-shadow:inset 0 1px #ffffff0d}@container preview (width>=584px){.gba-mini-frame{--mini-lens-scale:2}.gba-mini-screen-drop-hint{font-size:16px}}.mini-studio{border:1px solid var(--line);background:#131511e6;grid-template-columns:minmax(310px,.9fr) minmax(500px,1.45fr) minmax(330px,.95fr);min-height:700px;display:grid;position:relative;box-shadow:0 28px 80px #00000047}.mini-source-panel{border-right:1px solid var(--line)}.mini-palette-panel{border-left:1px solid var(--line)}.mini-studio .panel{padding:clamp(22px,2vw,30px)}.mini-studio .section-heading{margin-bottom:16px}.mini-studio .section-heading:before{width:4px;height:14px;margin-right:10px}.mini-preview-column{background:radial-gradient(circle at 50% 36%,#30352b,#1c1f19 58%,#171a15);flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:clamp(58px,6vw,78px) clamp(18px,2vw,28px) 36px;display:flex;position:relative;container:preview/inline-size}.mini-rom-status{border:1px solid #3a4034;border-left:3px solid var(--acid);background:#121510;border-radius:3px;margin-top:0;padding:19px}.mini-rom-status--supported{border-left-color:var(--acid)}.mini-rom-status--known-unsupported{border-left-color:#e3b863}.mini-rom-status--modified,.mini-rom-status--invalid{border-left-color:var(--orange)}.mini-rom-status strong{color:var(--ink);font-size:var(--type-control)}.mini-rom-status p{color:var(--muted);font-size:var(--type-label);margin:10px 0 0;line-height:1.55}.mini-rom-facts{border-top:1px solid #30352b;gap:8px;margin:15px 0 0;padding-top:13px;display:grid}.mini-rom-facts div{gap:4px;display:grid}.mini-rom-facts dt{color:#777d70;font:700 var(--type-micro)/1 ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase}.mini-rom-facts dd{color:#b8bdaf;min-width:0;font-size:var(--type-caption);margin:0}.mini-rom-facts code{overflow-wrap:anywhere;color:#919789;font-size:var(--type-micro);line-height:1.45;display:block}.mini-background-controls{border-top:1px solid #30352b;margin-top:30px;padding-top:26px}.mini-background-controls>p{color:#858b7e;font-size:var(--type-caption);margin:12px 2px 0;line-height:1.5}.mini-background-controls .dropzone{min-height:112px}.mini-background-actions{gap:4px;margin-top:8px;display:grid}.mini-background-actions button{color:#a6aa9a;width:100%;font:700 var(--type-caption)/1 ui-monospace, monospace;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:7px;text-decoration:underline;display:flex}.mini-background-actions button:hover,.mini-background-actions button:focus-visible{color:var(--acid);outline:none}.mini-menu-preview{--mini-screen-scale:1;background-color:var(--mini-background);background-position:50%;background-repeat:no-repeat;background-size:calc(224px * var(--mini-screen-scale)) calc(144px * var(--mini-screen-scale));width:100%;height:100%;color:var(--mini-basic-text);font:700 calc(7px * var(--mini-screen-scale))/calc(8px * var(--mini-screen-scale)) ui-monospace, monospace;text-align:left;position:relative;overflow:hidden}.mini-menu-page,.mini-menu-footer{height:calc(8px * var(--mini-screen-scale));background:var(--mini-menu-chrome);white-space:nowrap;align-items:center;padding:0;display:flex}.mini-menu-page{color:var(--mini-basic-text)}.mini-menu-footer{color:var(--mini-rom-text);position:absolute;bottom:0;left:0;right:0}.mini-menu-files{margin:0;padding:0;list-style:none}.mini-menu-files li{height:calc(8px * var(--mini-screen-scale));white-space:nowrap;padding:0}.mini-menu-files .is-folder{color:var(--mini-folder-text)}.mini-menu-files .is-rom{color:var(--mini-rom-text)}.mini-menu-files .is-selected{color:var(--mini-basic-text)}.mini-menu-popup{top:calc(8px * var(--mini-screen-scale));left:calc(48px * var(--mini-screen-scale));width:calc(144px * var(--mini-screen-scale));min-height:calc(136px * var(--mini-screen-scale));box-sizing:border-box;border:calc(1px * var(--mini-screen-scale)) solid var(--mini-basic-text);background:var(--mini-menu-chrome);color:var(--mini-folder-text);position:absolute}.mini-menu-popup strong,.mini-menu-popup span{width:calc(112px * var(--mini-screen-scale));height:calc(16px * var(--mini-screen-scale));justify-content:center;align-items:center;margin:0 auto;display:flex}.mini-menu-popup strong{height:calc(12px * var(--mini-screen-scale));color:var(--mini-basic-text);font-weight:700}.mini-menu-popup .is-popup-selected{background:var(--mini-menu-header);color:var(--mini-basic-text)}.mini-palette-fieldset{border:0;min-width:0;margin:0;padding:0}.mini-palette-fieldset:disabled{opacity:.42}.mini-output-controls{margin-top:30px}.mini-output-controls .export-card strong{overflow-wrap:anywhere;display:block}.mini-install-note,.mini-editor-message{color:var(--muted);font-size:var(--type-caption);line-height:1.5}.mini-install-note{margin:14px 0 0}.mini-install-note code{color:var(--ink)}.mini-editor-message{color:#8d9385;min-height:2.9em;margin:10px 0 0}@container preview (width>=584px){.mini-menu-preview{--mini-screen-scale:2}}@media (width<=1580px){.mini-studio{grid-template-columns:390px 1fr}.mini-preview-column{grid-area:1/2/span 2}.mini-palette-panel{border-top:1px solid var(--line);border-right:1px solid var(--line);border-left:0;grid-column:1}}@media (width<=1180px){.mini-studio{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-preview-column{grid-area:1/1/auto/-1;min-height:570px}.mini-source-panel{border-top:1px solid var(--line);grid-area:2/1}.mini-palette-panel{border-top:1px solid var(--line);border-right:0;border-left:1px solid var(--line);grid-area:2/2}}@media (width<=760px){.mini-studio{flex-direction:column;display:flex}.mini-source-panel,.mini-palette-panel{border:0;border-bottom:1px solid var(--line)}.mini-preview-column{order:-1;min-height:0;padding:72px 14px 32px}}@font-face{font-family:Jost;font-style:italic;font-display:swap;font-weight:800;src:url(/evertheme/assets/jost-latin-800-italic-BH5nCG5k.woff2)format("woff2")}@font-face{font-family:Michroma;font-style:normal;font-display:swap;font-weight:400;src:url(/evertheme/assets/michroma-latin-400-normal-4gS0VCia.woff2)format("woff2")}.sp-frame{aspect-ratio:82/73;border:1px solid color-mix(in srgb, var(--sp-shell-light) 72%, white);background:radial-gradient(circle at 30% 14%, #ffffff1a, transparent 29%), linear-gradient(145deg, var(--sp-shell-light), var(--sp-shell-mid) 48%, var(--sp-shell-dark));border-radius:6.2% 6.2% 7.4% 7.4%;width:min(320px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff3,inset 0 -12px 25px #00000038,0 30px 55px #00000061}.sp-frame--platinum{--sp-shell-light:#d2d3ce;--sp-shell-mid:#a3a59f;--sp-shell-dark:#777a74}.sp-frame--cobalt{--sp-shell-light:#3d67d3;--sp-shell-mid:#284bb0;--sp-shell-dark:#192f7b}.sp-frame--onyx{--sp-shell-light:#57595c;--sp-shell-mid:#343539;--sp-shell-dark:#1b1c1f}.sp-frame--flame{--sp-shell-light:#ef5b4b;--sp-shell-mid:#cc3d33;--sp-shell-dark:#8f2420}.sp-frame--pearl-blue{--sp-shell-light:#9bbfe0;--sp-shell-mid:#709ac4;--sp-shell-dark:#4c7199}.sp-frame--pearl-pink{--sp-shell-light:#e5a8bd;--sp-shell-mid:#c97b96;--sp-shell-dark:#9e526c}.sp-frame--graphite{--sp-shell-light:#898c8f;--sp-shell-mid:#626569;--sp-shell-dark:#3d4044}.sp-screen-stage{width:86%;height:74%;position:absolute;top:10.2%;left:7%}.sp-screen-bezel{z-index:1;background:linear-gradient(145deg,#161916,#090b09 72%);border:1px solid #171a16;border-radius:2.3%;flex-direction:column;width:100%;height:100%;padding:6.8% 6% 0;display:flex;position:relative;box-shadow:inset 0 0 0 2px #080a08,inset 0 1px #ffffff0f,0 2px 5px #00000047}.gba-screen-wrap{flex:none;align-self:center;width:240px;height:160px;position:relative}.gba-screen{cursor:pointer;width:100%;height:100%;image-rendering:pixelated;background:#080b08;display:block;box-shadow:inset 0 0 17px #00000061,0 0 0 1px #020302}.pro-palette-target-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.pro-palette-target-layer>i{position:absolute}.pro-palette-target-layer>[data-palette-target=background]{inset:0}@container preview (width>=637px){.sp-frame{width:637px}.gba-screen-wrap{width:480px;height:320px}}.sp-fastener{z-index:2;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--sp-shell-dark) 78%, black);background:linear-gradient(145deg, color-mix(in srgb, var(--sp-shell-light) 86%, white), color-mix(in srgb, var(--sp-shell-dark) 88%, black));border-radius:50%;width:7.2%;position:absolute;box-shadow:inset 2px 2px 3px #ffffff1f,inset -2px -2px 3px #00000042,0 1px #ffffff0f}.sp-fastener--top{top:1.9%;left:50%;transform:translate(-50%)}.sp-fastener--top-left{width:6.48%;top:1.6%;left:4.75%}.sp-fastener--top-right{width:6.48%;top:1.6%;right:4.75%}.sp-fastener--bottom-left{bottom:3.8%;left:4.75%}.sp-fastener--bottom-right{bottom:3.8%;right:4.75%}.sp-fastener--top,.sp-fastener--bottom-left,.sp-fastener--bottom-right{background:color-mix(in srgb, var(--sp-shell-mid) 82%, var(--sp-shell-light));width:6.48%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sp-shell-dark) 68%, black), inset 0 1px #ffffff1a, inset 0 -1px #00000029;border:0}.sp-fastener--top{width:5.832%}.sp-menu-toggle{z-index:3;border:1px solid color-mix(in srgb, var(--sp-shell-dark) 78%, black);background:color-mix(in srgb, var(--sp-shell-mid) 82%, black);color:color-mix(in srgb, var(--sp-shell-light) 72%, white);letter-spacing:.12em;cursor:pointer;border-radius:999px;padding:.45em 1.15em;font:800 clamp(6px,.85vw,8px)/1 ui-monospace,monospace;position:absolute;bottom:3.2%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff21,0 1px 2px #00000042}.sp-menu-toggle:hover,.sp-menu-toggle:focus-visible,.sp-menu-toggle.is-active{border-color:color-mix(in srgb, var(--sp-shell-light) 75%, white);background:color-mix(in srgb, var(--sp-shell-light) 24%, var(--sp-shell-dark));outline:none}.sp-wordmark{color:#a8ada2;filter:drop-shadow(0 1px #020302);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:clamp(5px,1.1vw,11px);min-height:0;display:flex}.sp-wordmark-ever{letter-spacing:-.075em;font-family:Jost,Arial Black,sans-serif;font-size:clamp(14px,2.35vw,21px);font-style:italic;font-weight:800;line-height:1}.sp-wordmark-advance{letter-spacing:-.12em;transform-origin:50%;font-family:Michroma,Arial Narrow,sans-serif;font-size:clamp(8px,1.2vw,11px);line-height:1;transform:skew(-12deg)scaleX(1.06)}.sp-wordmark-pro{font-size:clamp(6px,.9vw,8px)}@media (width<=760px){.sp-frame{width:min(320px,100%)}}:root{color:#e8e7da;font-synthesis:none;text-rendering:optimizelegibility;--ink:#e8e7da;--muted:#979b8c;--line:#34382f;--panel:#1a1d17;--acid:#cbe56a;--orange:#e9874b;--pixel-grid-angle:30;--pixel-grid-angle-range:135;--pixel-grid-color:#cbe56a12;--pixel-grid-dot-size:2;--pixel-grid-dwell-min:6;--pixel-grid-dwell-max:13.5;--pixel-grid-fps:10;--pixel-grid-spacing:48;--pixel-grid-speed:18;--type-micro:8px;--type-caption:9px;--type-label:10px;--type-control:11px;--type-heading:13px;--type-brand:15px;background:#11130f;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 73% 18%,#5b693724,#0000 30rem),#11130f;min-width:320px;min-height:100vh;margin:0}.pixel-grid-backdrop{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}button,input,select{font:inherit}button{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{z-index:1;width:min(1480px,100% - 48px);margin:52px auto 0;padding-bottom:34px;position:relative}.app-shell.is-mini{--type-micro:11px;--type-caption:12px;--type-label:14px;--type-control:15px;--type-heading:17px;--type-brand:20px;width:min(1760px,100% - 40px);margin-top:52px;padding-bottom:42px}.wordmark{z-index:10;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;text-decoration:none;display:flex;position:fixed;top:4px;left:4px}.wordmark-mark{background:var(--acid);color:#151910;width:34px;height:34px;font:800 var(--type-heading)/1 ui-monospace, monospace;border-radius:2px 12px 2px 2px;place-items:center;display:grid}.wordmark-copy{align-items:center;gap:7px;display:flex}.wordmark strong{font-size:var(--type-brand);letter-spacing:-.03em}.pro-pill{color:#b9beb3;letter-spacing:.12em;background:#181b17;border:1px solid #a8ada2;border-radius:999px;padding:.42em .78em .38em;font-family:ui-monospace,monospace;font-weight:800;line-height:1;box-shadow:inset 0 1px #ffffff14,0 1px #ffffff1c}.wordmark-pro{font-size:7px}.wordmark-version{color:#747a6e;font:700 var(--type-micro)/1 ui-monospace, monospace;letter-spacing:.04em}.device-mode-switch{justify-content:center;align-items:center;gap:14px;margin:0 auto 16px;display:flex}.device-mode-label{color:#777d70;letter-spacing:.12em;text-transform:uppercase;font:700 11px/1 ui-monospace,monospace}.device-mode-tabs{background:#121510;border:1px solid #343a30;border-radius:6px;grid-template-columns:1fr 1fr;min-width:340px;padding:4px;display:grid;box-shadow:0 8px 24px #0003}.device-mode-tabs button{color:#92978a;letter-spacing:.05em;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:12px 20px;font:750 14px/1 ui-monospace,monospace}.device-mode-tabs button:hover,.device-mode-tabs button:focus-visible{color:var(--ink);outline:none}.device-mode-tabs button[aria-selected=true]{background:var(--acid);color:#151910}.studio{border:1px solid var(--line);background:#131511e6;grid-template-columns:minmax(250px,.78fr) minmax(500px,1.6fr) minmax(270px,.82fr);min-height:700px;display:grid;position:relative;box-shadow:0 28px 80px #00000047}.panel{background:var(--panel);padding:26px}.assets-panel{border-right:1px solid var(--line)}.finish-panel{border-left:1px solid var(--line)}.assets-tabs{background:#121510;border:1px solid #343a30;border-radius:4px;grid-template-columns:1fr 1fr;gap:4px;margin:-8px 0 22px;padding:3px;display:grid}.assets-tabs button{color:#8f9487;font:700 var(--type-label)/1 ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:9px 6px}.assets-tabs button:hover,.assets-tabs button:focus-visible{color:var(--ink);outline:none}.assets-tabs button[aria-selected=true]{background:var(--acid);color:#151910}.theme-preset-list{gap:10px;display:grid}.theme-preset-list>button{color:var(--ink);text-align:left;cursor:pointer;background:#121510;border:1px solid #3b4036;border-radius:5px;padding:0;transition:border-color .15s,transform .15s;display:grid;overflow:hidden}.theme-preset-list>button:hover,.theme-preset-list>button:focus-visible{border-color:var(--acid);outline:none;transform:translateY(-1px)}.theme-preset-list img{aspect-ratio:3;object-fit:cover;width:100%;image-rendering:pixelated}.theme-preset-copy{gap:5px;padding:13px;display:grid}.theme-preset-copy strong{font-size:var(--type-heading)}.theme-preset-copy small{color:var(--muted);font:var(--type-caption)/1.3 ui-monospace, monospace}.theme-preset-swatches{gap:4px;margin-top:5px;display:flex}.theme-preset-swatches i{border:1px solid #ffffff1f;border-radius:1px;width:22px;height:8px}.section-heading{color:#c8ccbe;font:700 var(--type-heading)/1 ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}.section-heading:before{content:"";background:var(--acid);vertical-align:-1px;border-radius:1px;width:3px;height:10px;margin-right:8px;display:inline-block}.dropzone{text-align:left;cursor:pointer;background:#151812;border:1px dashed #474c40;border-radius:5px;align-items:center;gap:13px;width:100%;min-height:80px;padding:15px;transition:border-color .18s,background .18s,transform .18s;display:flex}.dropzone:hover,.dropzone:focus-visible,.dropzone.is-dragging{border-color:var(--acid);background:#1c2117;outline:none;transform:translateY(-1px)}.dropzone+.dropzone{margin-top:14px}.dropzone.has-file{border-style:solid}.dropzone-icon{height:39px;color:var(--acid);background:#282d23;border-radius:50%;flex:0 0 39px;place-items:center;display:grid}.dropzone-copy{gap:5px;min-width:0;display:grid}.dropzone-copy strong{text-overflow:ellipsis;font-size:var(--type-heading);white-space:nowrap;overflow:hidden}.dropzone-copy small{color:var(--muted);font:var(--type-label)/1.35 ui-monospace, monospace}.dropzone-meta{gap:1px;display:grid}.dropzone-file{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropzone-hint{min-height:1.35em;display:grid}.dropzone-hint>span{grid-area:1/1;transition:opacity .16s}.dropzone-privacy{opacity:0;color:var(--acid)}.dropzone--image:hover .dropzone-hint>span:first-child,.dropzone--image:focus-visible .dropzone-hint>span:first-child{opacity:0}.dropzone--image:hover .dropzone-privacy,.dropzone--image:focus-visible .dropzone-privacy{opacity:1}.background-presets{margin-top:15px}.background-presets .field-label{font-size:var(--type-caption);margin-bottom:8px}.background-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.background-preset-grid button{color:#92978a;text-align:left;min-width:0;font-size:var(--type-label);cursor:pointer;background:#121510;border:1px solid #343a30;border-radius:3px;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:7px;padding:4px;display:grid}.background-preset-grid button:hover,.background-preset-grid button:focus-visible,.background-preset-grid button.is-active{border-color:var(--acid);color:var(--ink);outline:none}.background-preset-grid img{object-fit:cover;width:29px;height:22px;image-rendering:pixelated;border-radius:2px}.background-preset-grid span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.background-preset-colors{background:#121510;border:1px solid #343a30;border-radius:3px;gap:5px;margin-top:10px;padding:10px;display:grid}.background-preset-colors .field-label{margin-bottom:3px}.background-preset-color{color:#aeb2a5;font-size:var(--type-caption);grid-template-columns:1fr 44px 56px;align-items:center;gap:8px;display:grid}.background-preset-color input[type=color]{appearance:none;cursor:pointer;background:#0e110c;border:1px solid #454b3e;border-radius:3px;width:44px;height:24px;padding:2px}.background-preset-color input[type=color]::-webkit-color-swatch-wrapper{padding:0}.background-preset-color input[type=color]::-webkit-color-swatch{border:0;border-radius:1px}.background-preset-color input[type=color]::-moz-color-swatch{border:0;border-radius:1px}.background-preset-color input[type=color]:focus-visible{border-color:var(--acid);outline:none}.background-preset-color code{color:#777d70;font-size:var(--type-micro);text-align:right}.asset-actions{grid-template-columns:1fr 1.45fr;gap:5px;padding:8px 0 14px;display:grid}.asset-actions button{color:#a6aa9a;min-height:28px;font-size:var(--type-caption);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:4px;text-decoration:underline;display:flex}.asset-actions button:hover,.asset-actions button:focus-visible{color:var(--acid);outline:none}.font-upload{position:relative}.font-help{z-index:5;position:absolute;top:8px;right:8px}.font-help summary{width:21px;height:21px;color:var(--acid);cursor:pointer;font:700 var(--type-control)/1 ui-monospace, monospace;background:#22271e;border:1px solid #59604f;border-radius:50%;place-items:center;list-style:none;display:grid}.font-help summary::-webkit-details-marker{display:none}.font-help summary:hover,.font-help summary:focus-visible,.font-help[open] summary{border-color:var(--acid);background:var(--acid);color:#151910;outline:none}.font-help-card{background:#11140f;border:1px solid #505744;border-radius:5px;width:246px;padding:15px;position:absolute;top:29px;right:0;box-shadow:0 18px 36px #0000007a}.font-help-card strong{color:var(--ink);font-size:var(--type-control)}.font-help-card p{color:#a4a99a;font-size:var(--type-label);margin:7px 0 11px;line-height:1.45}.font-help-card ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.font-help-card a{color:var(--acid);font:var(--type-label)/1.3 ui-monospace, monospace;text-underline-offset:3px;justify-content:space-between;display:flex}.font-help-card a:hover,.font-help-card a:focus-visible{color:var(--ink);outline:none}.font-help-card small{color:#7f8477;font:var(--type-micro)/1.45 ui-monospace, monospace;border-top:1px solid #30352b;margin-top:12px;padding-top:10px;display:block}.field-group{margin-top:25px}.theme-name-group{margin-top:0}.field-group>label:first-child,.field-group>label:only-child,.field-label{color:#b9bcaf;font:var(--type-label)/1 ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;display:block}.segmented{border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);color:#a7aa9f;font-size:var(--type-control);cursor:pointer;background:#141712;padding:11px 4px}.segmented button:last-child{border-right:0}.segmented button:hover,.segmented button:focus-visible{color:#151910;background:var(--acid);outline:0}.advanced{border-top:1px solid var(--line);margin-top:25px;padding-top:16px}.advanced summary{color:#b9bcaf;cursor:pointer;font-size:var(--type-control);align-items:center;gap:8px;display:flex}.advanced fieldset{border:0;border-top:1px solid #2d3129;margin:14px 0 0;padding:13px 0 0}.advanced legend{color:var(--acid);font:var(--type-caption)/1 ui-monospace, monospace;text-transform:uppercase}.advanced label{color:var(--muted);font-size:var(--type-caption);gap:5px;display:grid}.advanced select,.advanced input{width:100%;color:var(--ink);background:#11140f;border:1px solid #3b4036;border-radius:3px;padding:7px}.number-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.preview-column{background:radial-gradient(circle at 50% 36%,#30352b,#1c1f19 58%,#171a15);flex-direction:column;justify-content:flex-start;min-width:0;padding:clamp(58px,6vw,78px) clamp(18px,2vw,28px) 36px;display:flex;container:preview/inline-size}.filename-input{background:#11140f;border:1px solid #3a3f35;border-radius:4px;align-items:center;display:flex;overflow:hidden}.filename-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:11px;font-size:12px}.filename-input span{color:var(--muted);font:var(--type-label)/1 ui-monospace, monospace;padding:0 11px}.palette-preset-select{width:100%;color:var(--ink);cursor:pointer;background:#11140f;border:1px solid #3b4036;border-radius:4px;margin-bottom:11px;padding:10px;font-size:12px}.palette-preset-select:hover,.palette-preset-select:focus-visible{border-color:var(--acid);outline:none}.color-list{gap:5px;display:grid}.color-row{cursor:pointer;border-bottom:1px solid #30342c;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:0 8px;display:grid}.color-row span{font-size:12px}.color-row code{color:#797e72;font-size:var(--type-caption)}.palette-color-row{grid-template-columns:52px minmax(0,1fr) auto;position:relative}.palette-color-swatch{cursor:pointer;border:2px solid #454b3e;border-radius:4px;width:52px;height:30px;transition:border-color .12s,transform .12s;box-shadow:0 3px 9px #00000047}.palette-color-row:hover .palette-color-swatch,.palette-color-swatch:focus-visible,.palette-color-swatch[aria-expanded=true]{border-color:var(--acid);outline:none;transform:translateY(-1px)}.palette-color-picker{z-index:30;background:#11140f;border:1px solid #59604e;border-radius:5px;width:min(286px,100vw - 32px);padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 42px #0000009e}.palette-color-picker header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.palette-color-picker header>div{gap:4px;display:grid}.palette-color-picker header strong{font:750 var(--type-label)/1 ui-monospace, monospace}.palette-color-picker header small{color:var(--acid);font:700 var(--type-micro)/1 ui-monospace, monospace;letter-spacing:.08em}.palette-color-picker header button{color:#bec3b5;cursor:pointer;background:#252a21;border:0;border-radius:3px;width:25px;height:25px}.palette-color-picker header button:hover,.palette-color-picker header button:focus-visible{background:var(--acid);color:#11140f;outline:none}.palette-color-surface{cursor:crosshair;touch-action:none;background:#000;border:1px solid #666b60;border-radius:3px;height:138px;position:relative;overflow:hidden}.palette-color-surface canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.palette-color-surface:focus-visible{border-color:var(--acid);outline-offset:2px;outline:2px solid #cbe56a40}.palette-color-surface>i{z-index:1;pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,0 2px 5px #000000b3}.palette-color-hue{color:var(--muted);font-size:var(--type-caption);grid-template-columns:30px 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}.palette-color-hue input{width:100%;height:16px;accent-color:var(--acid);cursor:pointer;margin:0}.palette-color-hue input[type=range]{appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #4a5044;border-radius:2px;height:12px}.palette-color-hue input[type=range]::-webkit-slider-thumb{appearance:none;background:#171a15;border:2px solid #fff;border-radius:2px;width:8px;height:18px;box-shadow:0 1px 3px #000}.palette-color-hue input[type=range]::-moz-range-thumb{background:#171a15;border:2px solid #fff;border-radius:2px;width:6px;height:16px;box-shadow:0 1px 3px #000}.palette-gba-channels{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.palette-gba-channels label{min-width:0;color:var(--muted);font:700 var(--type-micro)/1 ui-monospace, monospace;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3px;display:grid}.palette-gba-channels label>span{color:var(--acid)}.palette-gba-channels input{width:100%;min-width:0;color:var(--ink);font:700 var(--type-label)/1 ui-monospace, monospace;text-align:center;background:#181b16;border:1px solid #444a3e;border-radius:2px;padding:6px 2px}.palette-gba-channels input:focus{border-color:var(--acid);outline:none}.palette-gba-channels small{color:#686e62;font-size:var(--type-micro)}.palette-color-hex{grid-template-columns:31px 1fr;gap:8px;margin-top:10px;display:grid}.palette-color-hex>i{border:1px solid #666b60;border-radius:3px}.palette-color-hex input{min-width:0;color:var(--ink);font:700 var(--type-label)/1 ui-monospace, monospace;text-transform:uppercase;background:#181b16;border:1px solid #444a3e;border-radius:3px;padding:8px}.palette-color-hex input:focus{border-color:var(--acid);outline:none}.palette-color-contrast{color:#8d9385;font:var(--type-micro)/1.2 ui-monospace, monospace;border-top:1px solid #30352b;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:9px;padding-top:9px;display:grid}.palette-color-contrast strong{color:var(--ink);font-size:var(--type-label)}.palette-color-contrast em{color:var(--acid);text-transform:uppercase;background:#29351f;border-radius:2px;padding:3px 5px;font-style:normal;font-weight:800}.palette-color-contrast.is-low em{color:var(--orange);background:#3a2118}.palette-connector{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.palette-connector polyline{fill:none;stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke;animation:.26s cubic-bezier(.2,.75,.2,1) forwards palette-connector-draw}.palette-connector-line{stroke:var(--palette-connector-color);stroke-width:2.5px;filter:drop-shadow(0 1px 1px var(--palette-connector-contrast)) drop-shadow(0 0 2px var(--palette-connector-contrast))}@keyframes palette-connector-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.palette-connector polyline{stroke-dashoffset:0;animation:none}}.motion-grid{gap:8px;display:grid}.motion-grid-canvas{aspect-ratio:1;cursor:crosshair;touch-action:none;background:#11140f;border:1px solid #3b4036;border-radius:4px;width:100%;display:block}.motion-grid-canvas:hover{border-color:#59604e}.motion-grid-canvas:focus-visible{border-color:var(--acid);outline-offset:2px;outline:2px solid #cbe56a33}.motion-grid-output{color:var(--acid);font:var(--type-label)/1 ui-monospace, monospace;letter-spacing:.08em;text-align:right}.motion-grid-output span{color:#5f6559;padding:0 4px}.export-card{background:#12150f;border:1px solid #41463b;border-radius:5px;padding:17px}.export-card>div{gap:5px;display:grid}.export-card strong{text-overflow:ellipsis;font:var(--type-heading)/1.2 ui-monospace, monospace;overflow:hidden}.export-card>span{color:#84897c;font:var(--type-caption)/1 ui-monospace, monospace;margin-top:9px;display:block}.download-button{background:var(--acid);color:#12150f;width:100%;font-weight:750;font-size:var(--type-control);cursor:pointer;border:0;border-radius:3px;justify-content:center;align-items:center;gap:9px;margin-top:16px;padding:13px;transition:filter .15s,transform .15s;display:flex}.download-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.download-button:disabled{opacity:.45;cursor:wait}.reset-button{color:#858a7d;width:100%;font-size:var(--type-label);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:13px;display:flex}.reset-button:hover{color:var(--ink)}.site-footer{z-index:10;color:#707568;font:var(--type-micro)/1.35 ui-monospace, monospace;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:30px;display:flex;position:fixed;bottom:4px;left:5px;right:5px}.site-footer p{margin:0}.site-footer a{color:var(--acid);pointer-events:auto;font-weight:700;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:var(--ink);text-underline-offset:2px;outline:none;text-decoration:underline}.site-disclaimers{text-align:right;justify-content:flex-end;gap:14px;display:flex}@media (width<=1580px){.studio{grid-template-columns:minmax(280px,340px) 1fr}.preview-column{grid-area:1/2/span 2}.finish-panel{border-left:0;border-top:1px solid var(--line);border-right:1px solid var(--line);grid-column:1}}@media (width<=1180px){.studio{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-column{grid-area:1/1/auto/-1;min-height:665px}.assets-panel{border-top:1px solid var(--line);grid-area:2/1}.finish-panel{border-top:1px solid var(--line);border-right:0;border-left:1px solid var(--line);grid-area:2/2}}@media (width<=760px){.app-shell,.app-shell.is-mini{width:min(100% - 24px,620px)}.device-mode-switch{justify-items:center;gap:7px;display:grid}.device-mode-tabs{width:100%;min-width:0}.studio{flex-direction:column;display:flex}.assets-panel,.finish-panel{border:0;border-bottom:1px solid var(--line);padding-top:26px}.preview-column{order:-1;min-height:0;padding:72px 14px 28px}.site-disclaimers{gap:0;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
