:root{--bg:#f6f1e7;--bg-alt:#ede8d9;--ink:#1a1a1a;--ink-soft:#6b6b6b;--ink-light:#999;--panel:#fffcf6d1;--accent:#e5714a;--accent-soft:#fde8da;--accent-yellow:#f5c842;--accent-yellow-border:#e5a832;--logo-bracket:#f5c842;--pill-bg:#ffffffb8;--pill-border:#785f3c29;--pill-active-border:var(--accent);--pill-active-bg:var(--accent-soft);--font-pixel:"Press Start 2P", "Courier New", monospace;--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-cute:"Mali", "Noto Sans Thai", system-ui, sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}#__nuxt,body,html{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}::selection{background:var(--accent-soft)}.pixel-logo{padding:0 14px;display:inline-block;position:relative}.pixel-logo:after,.pixel-logo:before{content:"";border:3px solid var(--logo-bracket);width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.pixel-logo:before{border-right:none;border-radius:7px 0 0 7px;left:-13px}.pixel-logo:after{border-left:none;border-radius:0 7px 7px 0;right:-6px}.pill-btn{border:1.5px solid var(--pill-border);background:var(--pill-bg);color:var(--ink);font:600 13px/1 var(--font-body);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:9px 18px;transition:all .18s;display:inline-flex}.pill-btn:hover{border-color:var(--ink-light);transform:translateY(-1px)}.pill-btn.active{border-color:var(--pill-active-border);background:var(--pill-active-bg);box-shadow:0 0 0 2px #e5714a26}.pill-yellow{background:linear-gradient(135deg,var(--accent-yellow),var(--accent-yellow-border));border:1px solid var(--accent-yellow-border);color:var(--ink);box-shadow:0 2px 10px #f5c84259}.pill-yellow:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f5c84273}.clean-input{width:100%;font:500 15px/1.4 var(--font-body);color:var(--ink);background:#ffffffc7;border:1.5px solid #785f3c2e;border-radius:14px;outline:none;padding:12px 18px;transition:border-color .2s,box-shadow .2s}.clean-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e5714a1f}.clean-input::placeholder{color:var(--ink-light)}.swatch-dot{cursor:pointer;border:2.5px solid #ffffffe6;border-radius:50%;width:28px;height:28px;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 4px #3c281433,inset 0 1px 2px #0000000f}.swatch-dot:hover{transform:scale(1.18)}.swatch-dot.active{box-shadow:0 0 0 3px var(--accent),0 2px 8px #3c281440;transform:scale(1.1)}.swatch-dot.small{width:23px;height:23px}.swatch-dot.custom{background:conic-gradient(#e5714a,#e8c24a,#6fbf73,#5aa7f0,#9a6fd8,#e5714a);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.swatch-dot.custom input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:0}.swatch-dot.custom span{color:#fff;text-shadow:0 1px 2px #0006;pointer-events:none;font-size:15px;font-weight:700}.swatch-dot.custom.bg{background:#fff!important}.swatch-dot.custom .bg-preview{pointer-events:none;border-radius:50%;position:absolute;inset:3px}.qr-overlay{background:var(--bg);z-index:20;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.qr-overlay img{max-width:min(65vmin,420px);max-height:65vmin;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:6px;box-shadow:0 8px 40px #00000014}.qr-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 14px/1 var(--font-body);color:var(--ink-soft);white-space:nowrap;background:#ffffffb8;border:1px solid #785f3c1a;border-radius:999px;margin-top:16px;padding:8px 20px}.hero-title{font:700 48px/1.1 var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0;line-height:1.1}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:#785f3c38;border-radius:3px}.panel-body::-webkit-scrollbar-track{background:0 0}.canvas-host[data-v-c965a918]{touch-action:none;cursor:pointer;position:absolute;inset:0;overflow:hidden}.credits-info[data-v-d4e7dd8d]{right:max(10px,env(safe-area-inset-right,0px));top:max(10px,env(safe-area-inset-top,0px));z-index:12;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute}.pop-wrap[data-v-d4e7dd8d]{flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:calc(100% + 8px);right:0}.caret[data-v-d4e7dd8d]{border-bottom:6px solid #fcf8f0f5;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;margin-bottom:-1px;margin-right:8px}.card[data-v-d4e7dd8d]{color:#5f4e3d;text-align:left;background:#fcf8f0f5;border:1px solid #9e8e7947;border-radius:10px;min-width:220px;max-width:min(84vw,320px);padding:8px 10px;font-size:11px;line-height:1.35;box-shadow:0 6px 18px #503c1e24}.card a[data-v-d4e7dd8d]{text-underline-offset:2px;text-decoration:underline}.card a[data-v-d4e7dd8d],.creator[data-v-d4e7dd8d]{color:#7d4f24;white-space:nowrap}.creator[data-v-d4e7dd8d]{font-weight:700}.inspired[data-v-d4e7dd8d]{margin-top:6px;display:block}.info-btn[data-v-d4e7dd8d]{color:#5f4e3d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-family:inherit;line-height:1;transition:transform .15s;display:inline-flex}.info-btn[data-v-d4e7dd8d]:hover{transform:scale(1.1)}.pop-enter-active[data-v-d4e7dd8d],.pop-leave-active[data-v-d4e7dd8d]{transform-origin:100% 0;transition:opacity .18s,transform .18s}.pop-enter-from[data-v-d4e7dd8d],.pop-leave-to[data-v-d4e7dd8d]{opacity:0;transform:translateY(-4px)scale(.97)}.stage[data-v-6f8b2789]{background:var(--bg);position:fixed;inset:0;overflow:hidden}.loading[data-v-6f8b2789]{font:600 20px/1.6 var(--font-cute);color:var(--ink-soft);text-align:center;place-items:center;animation:1.4s ease-in-out infinite pulse-6f8b2789;display:grid;position:absolute;inset:0}@keyframes pulse-6f8b2789{50%{opacity:.5}}.brand[data-v-6f8b2789]{z-index:5;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;top:28px;left:32px}.brand .pixel-logo[data-v-6f8b2789]{font-family:var(--font-pixel);letter-spacing:2px;color:var(--ink);margin:0;font-size:30px}.brand .pill-yellow[data-v-6f8b2789]{font-family:var(--font-cute)}.brand .pill-arrow[data-v-6f8b2789]{margin-left:4px;font-size:14px}.hero-title[data-v-6f8b2789]{font:700 46px/1.12 var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:8px 0 0}.scan-overlay[data-v-6f8b2789]{pointer-events:none;z-index:6;position:absolute;inset:0}.scan-corner[data-v-6f8b2789]{border:3.5px solid #1a1a1ab3;width:34px;height:34px;position:absolute}.scan-corner.tl[data-v-6f8b2789]{border-bottom:0;border-right:0;border-radius:10px 0 0;top:10%;left:12%}.scan-corner.tr[data-v-6f8b2789]{border-bottom:0;border-left:0;border-radius:0 10px 0 0;top:10%;right:12%}.scan-corner.bl[data-v-6f8b2789]{border-top:0;border-right:0;border-radius:0 0 0 10px;bottom:32%;left:12%}.scan-corner.br[data-v-6f8b2789]{border-top:0;border-left:0;border-radius:0 0 10px;bottom:32%;right:12%}.scan-hint[data-v-6f8b2789]{color:#fff;font:600 13px/1 var(--font-cute);white-space:nowrap;background:#1a1a1ae0;padding:9px 18px;top:18px}.flat-toggle[data-v-6f8b2789],.scan-hint[data-v-6f8b2789]{border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.flat-toggle[data-v-6f8b2789]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1ad1;gap:4px;padding:4px;display:flex;top:62px}.flat-toggle button[data-v-6f8b2789]{color:#ffffffb8;font:600 12px/1 var(--font-cute);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;transition:all .18s}.flat-toggle button.on[data-v-6f8b2789]{color:#222;background:#fff}.qr-flat-overlay[data-v-6f8b2789]{pointer-events:none;z-index:30;place-items:center;display:grid;position:fixed;inset:0}.qr-flat-overlay img[data-v-6f8b2789]{aspect-ratio:1;border-radius:20px;width:min(82vw,78vh);box-shadow:0 24px 80px #14182259,0 4px 18px #14182238}.controls-area[data-v-6f8b2789]{z-index:8;background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.5);border:1px solid #ffffff8c;border-radius:22px;width:min(620px,100vw - 32px);padding:8px 16px 14px;transition:padding .3s;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #50371e1f,inset 0 1.5px #fff9}.controls-area.collapsed[data-v-6f8b2789]{padding-bottom:8px}.canvas-hint[data-v-6f8b2789]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 13.5px/1 var(--font-body);color:var(--ink-soft);white-space:nowrap;pointer-events:none;z-index:9;background:#ffffffc7;border:1px solid #785f3c1f;border-radius:999px;padding:9px 20px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #50371e1a}.collapse-bar[data-v-6f8b2789]{cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-bottom:8px;padding:4px 6px;transition:background .15s;display:grid}.collapse-bar[data-v-6f8b2789]:hover{background:#fff6}.collapse-label[data-v-6f8b2789]{font:600 12px/1 var(--font-cute);color:var(--ink-soft);opacity:0;justify-self:start;transition:opacity .2s}.controls-area.collapsed .collapse-label[data-v-6f8b2789]{opacity:1}.controls-area.collapsed .collapse-bar[data-v-6f8b2789]{margin-bottom:0}.grabber[data-v-6f8b2789]{background:#785f3c40;border-radius:999px;justify-self:center;width:44px;height:5px;transition:background .15s}.collapse-bar:hover .grabber[data-v-6f8b2789]{background:#785f3c73}.chev[data-v-6f8b2789]{color:var(--ink-soft);justify-self:end;font-size:13px;transition:transform .3s}.chev.flipped[data-v-6f8b2789]{transform:rotate(180deg)}.panel-body[data-v-6f8b2789]{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1),opacity .28s;display:grid}.controls-area.collapsed .panel-body[data-v-6f8b2789]{opacity:0;pointer-events:none;grid-template-rows:0fr}.panel-inner[data-v-6f8b2789]{gap:10px;min-height:0;display:grid;overflow:hidden}.input-row[data-v-6f8b2789]{grid-template-columns:1fr 44px;gap:8px;display:grid}.share-wrap[data-v-6f8b2789]{display:grid;position:relative}.share-btn[data-v-6f8b2789]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f2914d,#e5605f);border:none;border-radius:14px;place-items:center;transition:transform .15s;display:grid;box-shadow:0 5px 14px #e5605f4d}.share-btn[data-v-6f8b2789]:hover{transform:translateY(-1px)}.menu-backdrop[data-v-6f8b2789]{z-index:59;position:fixed;inset:0}.share-menu[data-v-6f8b2789]{-webkit-backdrop-filter:blur(18px);z-index:60;background:#fcf8f0eb;border:1px solid #9e8e7938;border-radius:14px;flex-direction:column;gap:2px;min-width:190px;padding:6px;display:flex;position:fixed;box-shadow:0 8px 32px #503c1e1f,0 1px 3px #503c1e14}.menu-item[data-v-6f8b2789]{appearance:none;color:#3f352b;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .15s;display:flex}.menu-item[data-v-6f8b2789]:hover{background:#785f3c17}.menu-ico[data-v-6f8b2789]{color:#6b5a48;flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.menu-divider[data-v-6f8b2789]{background:#9e8e7926;height:1px;margin:2px 8px}.pills-row[data-v-6f8b2789]{flex-wrap:wrap;gap:8px;display:flex}.ambient-row[data-v-6f8b2789]{align-items:center}.spacer[data-v-6f8b2789]{flex:1}.contrast-dot[data-v-6f8b2789]{border-radius:50%;flex-shrink:0;width:12px;height:12px}.contrast-dot.ok[data-v-6f8b2789]{background:#58c06a}.contrast-dot.warn[data-v-6f8b2789]{background:#eebd4c}.contrast-dot.bad[data-v-6f8b2789]{background:#e2574f}.swatches-row[data-v-6f8b2789]{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.swatch-label[data-v-6f8b2789]{font:600 11px/1 var(--font-cute);color:var(--ink-soft);white-space:nowrap}.swatch-gap[data-v-6f8b2789]{width:12px}.toast[data-v-6f8b2789]{color:#fff;font:600 13.5px/1 var(--font-cute);white-space:nowrap;z-index:100;background:#1a1a1aeb;border-radius:14px;padding:11px 20px;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000038}.toast-enter-active[data-v-6f8b2789],.toast-leave-active[data-v-6f8b2789]{transition:all .3s}.toast-enter-from[data-v-6f8b2789],.toast-leave-to[data-v-6f8b2789]{opacity:0;transform:translate(-50%)translateY(8px)}.fade-enter-active[data-v-6f8b2789],.fade-leave-active[data-v-6f8b2789]{transition:opacity .3s}.fade-enter-from[data-v-6f8b2789],.fade-leave-to[data-v-6f8b2789]{opacity:0}@media (width<=960px){.brand[data-v-6f8b2789]{gap:8px;top:16px;left:16px}.brand .pixel-logo[data-v-6f8b2789]{font-size:20px}.brand .pill-yellow[data-v-6f8b2789]{padding:7px 14px;font-size:11px}.hero-title[data-v-6f8b2789]{display:none}.controls-area[data-v-6f8b2789]{border-radius:18px;padding:6px 12px 12px;bottom:8px}.pills-row .pill-btn[data-v-6f8b2789]{padding:7px 13px;font-size:12px}.scan-corner.bl[data-v-6f8b2789],.scan-corner.br[data-v-6f8b2789]{bottom:40%}}