@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2)format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--ink:#282451;--ink-soft:#5e5a7a;--paper:#f3f5ff;--panel:#fff;--lavender:#ece9ff;--violet:#6557d7;--violet-dark:#42379a;--coral:#f16f7d;--mint:#66d5ba;--sun:#f7d35d;--line:#dcd9ee;--shadow:0 20px 55px #3e357a1f;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 8% 4%, #6cd5ba29, transparent 27rem), radial-gradient(circle at 92% 2%, #f16f7d1f, transparent 25rem), var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:not(:disabled),input[type=color]{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--sun);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.42}img,canvas{display:block}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}::selection{color:#fff;background:var(--violet)}.app-shell{min-height:100vh;overflow:clip}.app-header{z-index:20;border-bottom:1px solid #42379a24;justify-content:space-between;align-items:center;gap:24px;width:min(100% - 40px,1420px);min-height:76px;margin:0 auto;display:flex;position:relative}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:11px;min-height:52px;padding:0;display:inline-flex}.brand strong{letter-spacing:-.025em;font-family:Fredoka,sans-serif;font-size:1.33rem;line-height:1;display:block}.brand small{color:var(--ink-soft);letter-spacing:.02em;margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:.56rem;line-height:1;display:block}.brand-mark{flex:0 0 38px;width:38px;height:38px;position:relative;transform:rotate(-4deg)}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";border:2px solid var(--ink);width:15px;height:15px;box-shadow:2px 2px 0 var(--ink);border-radius:4px;position:absolute}.brand-mark:before{background:var(--sun);top:0;left:11px}.brand-mark:after{background:var(--coral);bottom:0;left:11px}.brand-mark i:first-child{background:var(--mint);top:11px;left:0}.brand-mark i:nth-child(2){background:var(--violet);top:11px;right:0}.brand-mark i:nth-child(3){z-index:2;background:#fff;width:16px;height:16px;top:11px;left:11px}.brand-mark i:nth-child(4){display:none}.header-actions{align-items:center;gap:9px;display:flex}.local-pill,.header-button{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa8;border-radius:999px;min-height:40px}.local-pill{color:var(--ink-soft);align-items:center;gap:7px;padding:9px 14px;font-size:.76rem;font-weight:700;display:inline-flex}.local-pill span{color:#40aa7f;font-size:.7rem}.local-pill[data-state=saving] span{color:var(--sun)}.local-pill[data-state=error]{color:#8c2f42;background:#fff0f2;border-color:#be3d5559}.local-pill[data-state=error] span{color:#be3d55}.header-button{padding:8px 15px;font-size:.8rem;font-weight:800}.header-button:hover{border-color:var(--violet);transform:translateY(-1px)}.install-button{color:#fff;border-color:var(--ink);background:var(--ink)}main{width:min(100% - 40px,1420px);margin:0 auto;padding:42px 0 48px}.studio-intro{justify-content:space-between;align-items:end;gap:48px;max-width:1280px;margin:0 auto 28px;display:flex}.eyebrow{color:var(--violet-dark);letter-spacing:.105em;text-transform:uppercase;margin-bottom:7px;font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:500;line-height:1.2;display:block}.studio-intro h1{letter-spacing:-.055em;margin-bottom:0;font-family:Fredoka,sans-serif;font-size:clamp(2.9rem,5vw,5.6rem);font-weight:600;line-height:.84}.studio-intro h1 em{color:var(--violet);font-style:normal;position:relative}.studio-intro h1 em:after{content:"";background:repeating-linear-gradient(90deg, var(--sun) 0 10px, transparent 10px 14px);border-radius:2px;height:9px;position:absolute;bottom:-.08em;left:0;right:.08em;transform:rotate(-1deg)}.studio-intro>p{max-width:380px;color:var(--ink-soft);margin-bottom:3px;font-size:1rem;font-weight:600;line-height:1.55}.studio-grid{grid-template-columns:minmax(390px,.88fr) minmax(560px,1.12fr);align-items:start;gap:22px;display:grid}.preview-card,.control-card{background:var(--panel);box-shadow:var(--shadow);border:1px solid #54499d2e;border-radius:28px;position:relative}.preview-card{background:#dff6f0;flex-direction:column;min-height:710px;display:flex;position:sticky;top:18px;overflow:hidden}.stage-grid{opacity:.22;background-image:linear-gradient(#293f573d 1px,#0000 1px),linear-gradient(90deg,#293f573d 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 70%,#0000 96%);mask-image:linear-gradient(#000 0 70%,#0000 96%)}.preview-topline{z-index:3;justify-content:space-between;align-items:center;gap:12px;padding:21px 22px 0;display:flex;position:relative}.theme-sticker,.drag-hint{align-items:center;gap:7px;font-size:.75rem;font-weight:800;display:inline-flex}.theme-sticker{border:2px solid var(--ink);background:var(--sun);box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:8px 12px;transform:rotate(-2deg)}.theme-sticker b{font-size:1rem}.drag-hint{color:var(--ink-soft)}.drag-hint span{background:#ffffff8c;border:1px solid #28245133;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.viewer-stage{flex:1;min-height:570px;position:relative}.skin-viewer-canvas{z-index:2;touch-action:pan-y pinch-zoom;position:absolute;inset:0;width:100%!important;height:100%!important}.stage-halo{aspect-ratio:1;background:#ffffff57;border:3px solid #ffffffb3;border-radius:50%;width:min(76%,400px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 22px #ffffff26}.stage-shadow{z-index:1;filter:blur(4px);background:#1c3f4430;border-radius:50%;width:160px;height:32px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.viewer-fallback{z-index:2;text-align:center;align-content:center;justify-items:center;display:grid;position:absolute;inset:0}.viewer-fallback>span{font-size:4rem}.viewer-fallback p{color:var(--ink-soft)}.character-bar{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-top:1px solid #28245121;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:14px 16px 14px 20px;display:flex;position:relative}.character-bar label{flex:1;min-width:0}.character-bar label span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1px;font-family:IBM Plex Mono,monospace;font-size:.56rem;display:block}.character-bar input{width:100%;color:var(--ink);background:0 0;border:0;padding:0;font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600}.history-actions{gap:6px;display:flex}.icon-button{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;font-size:1.18rem;font-weight:800;display:grid}.icon-button:not(:disabled):hover{color:var(--violet);border-color:var(--violet)}.control-card{flex-direction:column;min-height:710px;display:flex;overflow:hidden}.mode-tabs{border-bottom:1px solid var(--line);background:#fafafe;grid-template-columns:1fr 1fr;gap:7px;min-height:70px;padding:11px;display:grid}.mode-tabs button{min-height:46px;color:var(--ink-soft);background:0 0;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;font-weight:800;display:flex}.mode-tabs button span{font-size:1.1rem}.mode-tabs button[aria-pressed=true]{color:var(--violet-dark);background:var(--lavender);box-shadow:inset 0 0 0 1px #6557d724}.control-scroll{flex:1;min-height:0}.create-panel,.paint-panel{padding:27px 28px 30px}.panel-heading{margin-bottom:20px}.panel-heading h2,.save-sheet h2,.info-sheet h2{letter-spacing:-.035em;margin-bottom:0;font-family:Fredoka,sans-serif;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:600;line-height:1.04}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:11px 11px 11px 12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.theme-card:hover{border-color:#6557d799;transform:translateY(-2px)}.theme-card[data-selected=true]{border-color:var(--violet);background:#f4f2ff;box-shadow:0 0 0 2px #6557d721}.theme-emoji{background:var(--lavender);border:1px solid #28245126;border-radius:12px;place-items:center;width:40px;height:40px;font-family:Fredoka,sans-serif;font-size:1.25rem;display:grid}.theme-card:nth-child(2) .theme-emoji,.theme-card:nth-child(6) .theme-emoji{background:#fff1bf}.theme-card:nth-child(3) .theme-emoji{background:#dff6f0}.theme-card:nth-child(4) .theme-emoji{background:#e4f2d6}.theme-card:nth-child(5) .theme-emoji{background:#ffe4e8}.theme-card strong,.theme-card small{display:block}.theme-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;line-height:1.1;overflow:hidden}.theme-card small{color:var(--ink-soft);margin-top:4px;font-size:.62rem;line-height:1}.mini-palette{flex-direction:column;gap:3px;display:flex}.mini-palette i{border-radius:2px;width:8px;height:8px}.generator-actions{grid-template-columns:1fr auto;gap:9px;margin-top:16px;display:grid}.surprise-button,.shuffle-button{border-radius:15px;min-height:62px;font-weight:800}.surprise-button{border:2px solid var(--ink);text-align:left;background:var(--sun);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:11px;padding:9px 16px;display:flex}.surprise-button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.surprise-button small,.surprise-button strong{display:block}.surprise-button small{color:#282451b3;margin-top:3px;font-size:.6rem;font-weight:700}.dice{border:2px solid var(--ink);color:#fff;background:var(--coral);border-radius:9px;flex:0 0 37px;place-items:center;width:37px;height:37px;font-size:1.15rem;display:grid;transform:rotate(-5deg)}.shuffle-button{border:1px solid var(--line);background:#fff;padding:10px 14px;font-size:.75rem}.shuffle-button:hover{border-color:var(--violet);background:var(--lavender)}.color-lab{background:#fbfbff;border:1px dashed #42379a4d;border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-top:19px;padding:15px 16px;display:flex}.color-lab .eyebrow{margin-bottom:3px}.color-lab p{color:var(--ink-soft);margin-bottom:0;font-size:.68rem}.color-inputs{align-items:center;gap:5px;display:flex}.color-inputs label{text-align:center;place-items:center;width:44px;height:44px;display:grid;position:relative}.color-inputs input,.current-color input{z-index:2;opacity:0;width:100%;height:100%;position:absolute;inset:0}.color-inputs label:before{content:"";background:var(--swatch);border:3px solid #fff;border-radius:50%;width:30px;height:30px;display:block;box-shadow:0 0 0 1px #2824513d}.color-inputs label:hover:before{outline:3px solid var(--sun);outline-offset:2px;transform:scale(1.08)}.color-inputs label:has(input:focus-visible):before{outline:3px solid var(--sun);outline-offset:2px;transform:scale(1.08)}.color-inputs label span{text-transform:capitalize;font-size:.48rem;display:none;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.ai-teaser{text-align:left;background:radial-gradient(circle at 90% 0,#f7d35d52,#0000 25%),#f1efff;border:1px solid #c7c1f4;border-radius:17px;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;width:100%;min-height:78px;margin-top:20px;padding:12px 15px;display:grid}.ai-teaser:hover{border-color:var(--violet);transform:translateY(-1px)}.ai-spark{color:#fff;background:var(--violet);border-radius:13px;place-items:center;width:43px;height:43px;font-size:1.25rem;display:grid;box-shadow:inset 0 0 0 2px #ffffff40}.ai-teaser small,.ai-teaser strong,.ai-teaser p{display:block}.ai-teaser small{color:var(--violet);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.52rem}.ai-teaser strong{margin-top:2px;font-size:.88rem}.ai-teaser p{color:var(--ink-soft);margin:2px 0 0;font-size:.63rem}.paint-heading{justify-content:space-between;align-items:end;gap:14px;display:flex}.paint-heading-actions{gap:7px;display:flex}.import-button,.focus-button,.focus-jump-button{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:44px;padding:7px 12px;font-size:.7rem;font-weight:800}.import-button:hover,.focus-button:hover,.focus-jump-button:hover{color:var(--violet);border-color:var(--violet)}.focus-button[aria-pressed=true]{color:#fff;border-color:var(--violet);background:var(--violet)}.import-error{color:#8c2f42;background:#fff0f2;border:1px solid #be3d5547;border-radius:10px;margin:-8px 0 16px;padding:9px 11px;font-size:.68rem;font-weight:700}.editor-workspace{grid-template-columns:minmax(190px,224px) minmax(220px,1fr);align-items:start;gap:23px;display:grid}.control-card.is-paint-focused{z-index:90;width:100%;height:100svh;min-height:0;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);border:0;border-radius:0;position:fixed;inset:0}.is-paint-focused .mode-tabs{display:none}.is-paint-focused .control-scroll{overscroll-behavior:contain;overflow-y:auto}.is-paint-focused .paint-panel{width:min(100%,1080px);margin:0 auto}.paint-focus-top .view-control{margin-bottom:18px}.is-paint-focused .paint-focus-top{z-index:12;background:#fff;padding-top:2px;position:sticky;top:0;box-shadow:0 10px 18px #28245114}.is-paint-focused .editor-workspace{grid-template-columns:minmax(300px,420px) minmax(280px,360px);justify-content:center;gap:32px}.pixel-editor-wrap{aspect-ratio:1/2;border:2px solid var(--ink);background:#fff;border-radius:14px;width:100%;padding:9px;position:relative;box-shadow:5px 5px #28245129}.pixel-editor{width:100%;height:100%;image-rendering:pixelated;touch-action:none}.pixel-editor:focus-visible{outline:4px solid var(--sun);outline-offset:5px}.editor-side-label{color:#fff;background:var(--ink);letter-spacing:.08em;text-transform:uppercase;transform-origin:100% 0;border-radius:5px;padding:5px 7px;font-family:IBM Plex Mono,monospace;font-size:.5rem;position:absolute;top:12px;right:-13px;transform:rotate(90deg)translate(100%)}.paint-controls{min-width:0}.segmented-control{border:1px solid var(--line);background:#f6f5fc;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.view-control{grid-template-columns:repeat(4,1fr)}.segmented-control button{min-height:44px;color:var(--ink-soft);text-transform:capitalize;background:0 0;border:0;border-radius:8px;font-size:.67rem;font-weight:800}.segmented-control button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 2px 6px #2824511a}.layer-control{margin-top:7px}.tool-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;display:grid}.tool-grid button{border:1px solid var(--line);background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:7px 6px;font-size:.63rem;font-weight:800;display:flex}.tool-grid button span{font-size:1rem}.tool-grid button[data-active=true]{color:var(--violet-dark);border-color:var(--violet);background:var(--lavender)}.paint-palette{border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.current-color{border:1px solid var(--line);border-radius:10px;align-items:center;gap:9px;min-height:44px;padding:5px 8px;font-size:.66rem;font-weight:800;display:flex;position:relative}.current-color:has(input:focus-visible){outline:3px solid var(--sun);outline-offset:2px}.current-color:before{content:"";background:var(--paint-color);border:2px solid #fff;border-radius:8px;width:30px;height:30px;box-shadow:0 0 0 1px #28245140}.swatch-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px;display:grid}.swatch-grid button{border:3px solid #fff;border-radius:9px;min-width:44px;min-height:44px;padding:0;box-shadow:0 0 0 1px #28245133}.swatch-grid button[data-active=true]{box-shadow:0 0 0 2px var(--ink), inset 0 0 0 3px var(--sun)}.paint-tip{color:var(--ink-soft);margin:14px 0 0;font-size:.62rem;line-height:1.42}.paint-tip span{color:var(--ink);background:var(--sun);text-transform:uppercase;border-radius:4px;margin-right:4px;padding:2px 5px;font-family:IBM Plex Mono,monospace;font-size:.5rem}.control-footer{z-index:7;min-height:82px;padding:13px 16px max(13px, env(safe-area-inset-bottom)) 20px;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex;position:sticky;bottom:0}.ready-status{align-items:center;gap:9px;display:flex}.ready-status>span{color:#fff;background:#49b58a;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.ready-status.has-warning>span{background:var(--coral)}.ready-status p,.ready-status strong,.ready-status small{margin:0;display:block}.ready-status strong{font-size:.75rem}.ready-status small{color:var(--ink-soft);margin-top:2px;font-size:.58rem}.save-button,.primary-button,.secondary-button{border-radius:13px;min-height:48px;font-weight:800}.save-button,.primary-button{color:#fff;border:2px solid var(--ink);background:var(--violet);box-shadow:3px 3px 0 var(--ink);padding:10px 17px}.save-button:hover,.primary-button:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.save-button span{margin-left:10px}.site-footer{width:min(100% - 40px,1420px);min-height:70px;color:var(--ink-soft);border-top:1px solid #42379a24;justify-content:space-between;gap:20px;margin:0 auto;padding:18px 0 26px;font-size:.68rem;display:flex}.site-footer p{margin:0}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:fixed!important;overflow:hidden!important}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1c19418c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-scrim{background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.save-sheet,.info-sheet{z-index:1;background:#fff;border:1px solid #2824512e;border-radius:25px;width:min(100%,620px);max-height:calc(100svh - 48px);padding:30px;position:relative;overflow:auto;box-shadow:0 30px 90px #15113a52}.info-sheet{text-align:center;width:min(100%,530px)}.modal-close{z-index:2;position:absolute;top:15px;right:15px}.save-sheet-head{align-items:center;gap:20px;padding-right:38px;display:flex}.export-preview-frame{border:2px solid var(--ink);width:112px;height:112px;box-shadow:4px 4px 0 var(--ink);background-color:#0000;background-image:linear-gradient(45deg,#eeecf7 25%,#0000 25% 75%,#eeecf7 75%),linear-gradient(45deg,#eeecf7 25%,#fff 25% 75%,#eeecf7 75%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:16px;flex:0 0 112px;padding:10px}.export-preview-frame img{width:100%;height:100%;image-rendering:pixelated}.validation-line{color:var(--ink-soft);margin:10px 0 0;font-size:.72rem;font-weight:700}.validation-line span{margin-right:4px}.export-explanation{max-width:390px;color:var(--ink-soft);margin:7px 0 0;font-size:.7rem;font-weight:600;line-height:1.35}.validation-line.is-valid span{color:#43ab81}.validation-line.is-warning span{color:var(--coral)}.save-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;display:grid}.primary-button{min-height:52px}.secondary-button{border:1px solid var(--line);background:#fff;padding:10px 17px}.secondary-button:hover{border-color:var(--violet);background:var(--lavender)}.text-link{min-height:44px;color:var(--violet-dark);text-underline-offset:3px;background:0 0;border:0;grid-column:1/-1;justify-self:center;padding:8px;font-size:.68rem;font-weight:800;text-decoration:underline}.long-press-preview{text-align:center;background:#f7f6fc;border:1px dashed #42379a4d;border-radius:14px;margin-top:12px;padding:14px}.long-press-preview img{width:min(100%,320px);image-rendering:pixelated;margin:0 auto}.long-press-preview p{color:var(--ink-soft);margin:10px 0 0;font-size:.68rem;font-weight:700}.save-message{color:var(--violet-dark);background:var(--lavender);text-align:center;border-radius:9px;margin:12px 0 0;padding:8px 10px;font-size:.68rem;font-weight:700}.minecraft-steps{background:#f4f5fb;border-radius:17px;margin-top:25px;padding:20px}.minecraft-steps ol,.install-steps,.feature-list{margin:13px 0 0;padding:0;list-style:none}.minecraft-steps li{grid-template-columns:28px 1fr;gap:10px;display:grid}.minecraft-steps li+li{margin-top:10px}.minecraft-steps li>span,.install-steps li>span,.feature-list li>span{color:#fff;background:var(--violet);border-radius:8px;place-items:center;width:26px;height:26px;font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:500;display:grid}.minecraft-steps li p{color:var(--ink-soft);margin:2px 0 0;font-size:.7rem;line-height:1.35}.minecraft-steps li strong{color:var(--ink)}.steps-note,.sheet-note{color:var(--ink-soft);margin:15px 0 0;font-size:.62rem;line-height:1.45}.danger-button{color:#9c3047;background:#fff1f3;border:1px solid #be3d5552;border-radius:11px;min-height:44px;margin-top:18px;padding:8px 13px;font-size:.7rem;font-weight:800}.danger-button:hover{border-color:#be3d55}.sheet-illustration{border:2px solid var(--ink);background:var(--sun);width:58px;height:58px;box-shadow:4px 4px 0 var(--ink);border-radius:18px;place-items:center;margin:0 auto 20px;font-family:Fredoka,sans-serif;font-size:1.9rem;display:grid;transform:rotate(-3deg)}.sheet-illustration.ai{color:#fff;background:var(--violet)}.info-sheet>.eyebrow{margin-bottom:9px}.sheet-lead{max-width:440px;color:var(--ink-soft);margin:16px auto 0;font-size:.8rem;line-height:1.5}.install-steps{text-align:left;margin-top:22px}.install-steps li{grid-template-columns:28px 1fr;align-items:center;gap:12px;min-height:45px;font-size:.8rem;display:grid}.install-steps li+li{margin-top:8px}.feature-list{text-align:left;margin-top:22px}.feature-list li{border-top:1px solid var(--line);grid-template-columns:34px 1fr;gap:11px;padding:12px 0;display:grid}.feature-list li>span{border-radius:10px;width:32px;height:32px}.feature-list p,.feature-list strong,.feature-list small{margin:0;display:block}.feature-list strong{font-size:.78rem}.feature-list small{color:var(--ink-soft);margin-top:3px;font-size:.65rem;line-height:1.35}.help-list li>span{color:var(--ink);background:var(--sun)}.toast{z-index:150;right:22px;bottom:max(22px, env(safe-area-inset-bottom));color:#fff;background:var(--ink);max-width:min(360px,100% - 44px);box-shadow:4px 4px 0 var(--sun), 0 14px 35px #14113540;border:2px solid #fff;border-radius:12px;padding:12px 16px;font-size:.76rem;font-weight:800;animation:.22s ease-out toast-in;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@media (width<=1180px){.studio-grid{grid-template-columns:minmax(350px,.82fr) minmax(520px,1.18fr)}.preview-card,.control-card{min-height:680px}.viewer-stage{min-height:540px}.create-panel,.paint-panel{padding:24px}.editor-workspace{grid-template-columns:190px 1fr;gap:18px}}@media (width<=1020px){.studio-intro{align-items:center}.studio-grid{grid-template-columns:1fr;max-width:760px;margin:0 auto}.preview-card{min-height:620px;position:relative;top:auto}.viewer-stage{min-height:490px}.control-card{min-height:auto}.editor-workspace{grid-template-columns:minmax(210px,260px) 1fr}}@media (width<=720px){.app-header,main,.site-footer{width:min(100% - 24px,680px)}.app-header{gap:10px;min-height:67px}.brand small,.local-pill{display:none}.header-button:not(.install-button){flex:0 0 44px;width:44px;height:44px;padding:0;font-size:0}.header-button:not(.install-button):after{content:"?";font-size:.9rem}.local-pill[data-state=error]{min-height:36px;padding:6px 10px;font-size:.65rem;display:inline-flex}.header-actions:has(.local-pill[data-state=error]) .install-button{display:none}.brand-mark{transform:scale(.9)rotate(-4deg)}.header-actions{margin-left:auto}.install-button{flex:none;min-height:44px;padding:7px 12px;font-size:.7rem}main{padding-top:27px}.studio-intro{margin-bottom:20px;display:block}.studio-intro h1{font-size:clamp(2.75rem,13vw,4.35rem)}.studio-intro>p{margin-top:23px;font-size:.88rem}.preview-card,.control-card{border-radius:21px}.preview-card{min-height:475px}.preview-topline{padding:17px 16px 0}.drag-hint{font-size:0}.drag-hint span{font-size:.75rem}.viewer-stage{min-height:345px}.mode-tabs{min-height:64px;padding:9px}.create-panel,.paint-panel{padding:22px 16px 25px}.theme-grid{gap:8px}.theme-card{grid-template-columns:37px minmax(0,1fr);gap:8px;min-height:82px;padding:9px}.theme-emoji{width:36px;height:36px;font-size:1.05rem}.mini-palette{flex-direction:row;position:absolute;bottom:8px;right:8px}.theme-card strong{white-space:normal}.generator-actions{grid-template-columns:1fr}.shuffle-button{min-height:46px}.color-lab{flex-direction:column;align-items:flex-start}.color-inputs{justify-content:space-between;width:100%}.ai-teaser{grid-template-columns:42px 1fr auto}.ai-teaser p{display:none}.editor-workspace{grid-template-columns:1fr}.pixel-editor-wrap{width:min(66vw,244px);margin:0 auto}.is-paint-focused .editor-workspace{grid-template-columns:1fr;gap:22px}.is-paint-focused .pixel-editor-wrap{width:min(100vw - 32px,380px)}.paint-controls{grid-template-columns:1fr 1fr;gap:9px;display:grid}.layer-control,.tool-grid,.paint-palette,.paint-tip{margin-top:0}.view-control,.layer-control,.tool-grid,.paint-palette,.paint-tip{grid-column:1/-1}.swatch-grid{grid-template-columns:repeat(4,1fr)}.control-footer{padding-right:12px;padding-bottom:max(13px, env(safe-area-inset-bottom));padding-left:14px}.ready-status small{display:none}.ready-status.has-warning small{display:block}.save-button{padding-left:14px;padding-right:14px}.site-footer{flex-direction:column;align-items:flex-start}.modal-backdrop{align-items:end;padding:12px}.save-sheet,.info-sheet{width:100%;max-height:calc(100svh - 18px);padding:26px 19px max(22px, env(safe-area-inset-bottom));border-radius:24px 24px 16px 16px}.save-sheet-head{gap:15px;padding-right:24px}.export-preview-frame{flex-basis:86px;width:86px;height:86px}.save-sheet h2{font-size:1.6rem}.save-actions{grid-template-columns:1fr}.text-link{grid-column:auto}.minecraft-steps{padding:16px}.toast{right:50%;bottom:max(18px, env(safe-area-inset-bottom));width:max-content;transform:translate(50%)}}@media (width<=420px){.brand strong{font-size:1.16rem}.install-button{padding:6px 9px}.theme-card small{display:none}.theme-card{min-height:69px}.paint-heading{flex-wrap:wrap;align-items:flex-start}.paint-heading-actions{width:100%}.paint-heading-actions button{flex:1}.paint-heading h2{font-size:1.65rem}.swatch-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}