:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#0d0d0f;--surface-2:#16161a;--surface-3:#212126;--surface-0:#08080a;--line:#ffffff17;--line-strong:#ffffff29;--text:#fff;--text-2:#ffffff9e;--text-3:#ffffff80;--text-4:#ffffff61;--brand:#f59e0b;--brand-2:#fb923c;--on-brand:#140d02;--danger:#ff5f6d;--tg-inset-top:0px;--tg-inset-bottom:0px;--tg-inset-left:0px;--tg-inset-right:0px;--t-xs:11px;--t-sm:13px;--t-base:15px;--t-md:17px;--t-lg:21px;--t-xl:27px;--t-2xl:34px;--track-tight:-.022em;--track-tighter:-.034em;--track-wide:.06em;--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.5;--w-regular:400;--w-medium:500;--w-semi:600;--w-bold:700;--w-black:820;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--elev-1:0 1px 2px #0009, inset 0 1px 0 #ffffff0f;--elev-2:0 4px 14px -6px #000c, inset 0 1px 0 #ffffff12;--elev-3:0 12px 32px -12px #000000e6, inset 0 1px 0 #ffffff14;--elev-4:0 24px 60px -20px #000000f2, inset 0 1px 0 #ffffff1a;--glow-brand:0 8px 30px -10px #f59e0b80;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.52s;--shell-max:480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}#root{height:100%}button{font:inherit;color:inherit;cursor:pointer}.app{height:var(--tg-viewport-height,100dvh);isolation:isolate;max-width:var(--shell-max);flex-direction:column;margin-inline:auto;display:flex;position:relative;overflow:clip}.app:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#f59e0b1f,#0000 68%);width:460px;height:460px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.apphead{justify-content:space-between;align-items:center;gap:var(--space-3);padding:calc(var(--tg-inset-top) + var(--space-4)) var(--space-4) var(--space-3);flex:none;display:flex}.apphead h1{font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:var(--track-tight);margin:0}.credits{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);font-size:var(--t-sm);font-weight:var(--w-semi);font-variant-numeric:tabular-nums;display:inline-flex}.credits-dot{background:var(--brand);border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #f59e0bcc}.appbody{-webkit-overflow-scrolling:touch;min-height:0;padding:0 var(--space-4) var(--space-5);animation:rise var(--dur-3) var(--ease-out) both;flex:1;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.tabbar{background:var(--surface-0);border-top:1px solid var(--line);padding-bottom:var(--tg-inset-bottom);flex:none;display:flex}.tab{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-1) var(--space-2);color:var(--text-3);transition:color var(--dur-1) var(--ease-out);background:0 0;border:0;flex-direction:column;flex:1;display:flex}.tab.on{color:var(--brand)}.tab-icon{line-height:0;display:block}.tab-label{font-size:var(--t-xs);font-weight:var(--w-medium);letter-spacing:var(--track-tight)}.modes{margin-bottom:var(--space-4);border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);gap:2px;padding:2px;display:inline-flex}.mode{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--r-pill);color:var(--text-3);font-size:var(--t-sm);font-weight:var(--w-semi);letter-spacing:var(--track-tight);white-space:nowrap;transition:background var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);background:0 0;border:0;display:inline-flex}.mode.on{background:var(--surface-3);color:var(--text)}.canvas{--ar:1;--canvas-cap:calc(.42 * var(--tg-viewport-stable-height,100dvh));width:min(100%, calc(var(--canvas-cap) * var(--ar)));aspect-ratio:var(--ar);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--elev-2);transition:width var(--dur-3) var(--ease-out);background:linear-gradient(#141319,#0b0b0e);justify-content:center;align-items:center;margin-inline:auto;display:flex;overflow:hidden}.canvas img{object-fit:contain;width:100%;height:100%;display:block}.canvas-empty{gap:var(--space-3);padding:var(--space-5);text-align:center;color:var(--text-4);font-size:var(--t-sm);line-height:var(--lh-body);flex-direction:column}.canvas-pending{background:var(--surface-2);width:100%;height:100%;position:relative;overflow:hidden}.canvas-pending:after{content:"";animation:sweep 1.5s var(--ease-in-out) infinite;background:linear-gradient(100deg,#0000 20%,#f59e0b21 45%,#ffffff0f 55%,#0000 80%);position:absolute;inset:0;transform:translate(-100%)}@keyframes sweep{to{transform:translate(100%)}}.canvas-status{inset-inline:0;bottom:var(--space-4);text-align:center;font-size:var(--t-sm);color:var(--text-2);font-weight:var(--w-medium);position:absolute}.canvas-failed{padding:var(--space-5);text-align:center;color:var(--text-2);font-size:var(--t-sm);line-height:var(--lh-body)}.acts{justify-content:center;gap:var(--space-5);padding:var(--space-4) 0 var(--space-2);display:flex}.act{align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--t-xs);font-weight:var(--w-medium);transition:color var(--dur-1) var(--ease-out);background:0 0;border:0;flex-direction:column;padding:0;display:flex}.act:disabled{opacity:.4;cursor:default}.act:not(:disabled):active{color:var(--brand)}.act-icon{background:var(--surface-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.retention{justify-content:center;align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);font-size:var(--t-xs);color:var(--text-3);display:flex}.prompt{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:border-color var(--dur-2) var(--ease-out);position:relative}.prompt:focus-within{border-color:var(--line-strong)}.prompt textarea{width:100%;min-height:76px;max-height:180px;padding:var(--space-3) var(--space-4);padding-bottom:var(--space-5);color:var(--text);font-size:16px;line-height:var(--lh-body);resize:none;background:0 0;border:0;outline:none;display:block}.prompt textarea::placeholder{color:var(--text-3)}.prompt-count{right:var(--space-3);bottom:var(--space-2);font-size:var(--t-xs);color:var(--text-4);font-variant-numeric:tabular-nums;pointer-events:none;position:absolute}.prompt-count.warn{color:var(--danger)}.chips{gap:var(--space-2);scrollbar-width:none;margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{padding:var(--space-2) var(--space-4);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:var(--t-sm);font-weight:var(--w-medium);white-space:nowrap;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);flex:none}.chip.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:var(--w-semi)}.ratios{gap:var(--space-2);scrollbar-width:none;margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);padding-top:var(--space-3);display:flex;overflow-x:auto}.ratios::-webkit-scrollbar{display:none}.ratio{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-3);font-size:var(--t-sm);font-weight:var(--w-medium);white-space:nowrap;transition:border-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);flex:none;display:inline-flex}.ratio.on{border-color:var(--brand);color:var(--text)}.ratio-box{opacity:.9;border:1.4px solid;border-radius:2px;display:block}.gobar{margin-top:var(--space-5);margin-inline:calc(-1 * var(--space-4));padding:var(--space-4);background:linear-gradient(to bottom, transparent, var(--bg) 28%);position:sticky;bottom:0}.go{width:100%;padding:var(--space-4);border-radius:var(--r-md);background:var(--brand);color:var(--on-brand);font-size:var(--t-md);font-weight:var(--w-bold);letter-spacing:var(--track-tight);box-shadow:var(--glow-brand);transition:transform var(--dur-1) var(--ease-out), opacity var(--dur-2) var(--ease-out);border:0;display:block}.go:disabled{opacity:.45;box-shadow:none;cursor:default}.go:not(:disabled):active{transform:scale(.985)}.go-cost{opacity:.72;font-weight:var(--w-semi)}.button{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--r-sm);background:var(--brand);color:var(--on-brand);font-size:var(--t-base);font-weight:var(--w-semi);text-align:center;border:0;text-decoration:none;display:inline-block}.button.ghost{background:var(--surface-3);color:var(--text)}.screen{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.card{gap:var(--space-3);width:100%;max-width:340px;padding:var(--space-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--elev-3);flex-direction:column;display:flex}.card.center{text-align:center;align-items:center}.card h1{font-size:var(--t-lg);font-weight:var(--w-bold);letter-spacing:var(--track-tight);margin:0}.glyph{font-size:var(--t-2xl);line-height:1}.hint{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--text-2);margin:0}.hint.small{font-size:var(--t-xs);color:var(--text-3)}.code{padding:var(--space-1) var(--space-2);border-radius:var(--r-xs);background:var(--surface-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-xs);color:var(--text-3)}.error-line{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--r-sm);color:#ffd7da;font-size:var(--t-sm);background:#ff5f6d1f;border:1px solid #ff5f6d47;display:flex}.empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-3);font-size:var(--t-sm);line-height:var(--lh-body)}.gal-note{padding:0 0 var(--space-4);font-size:var(--t-xs);color:var(--text-3)}.gal{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.gal-item{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);padding:0;position:relative;overflow:hidden}.gal-item img{object-fit:cover;width:100%;height:100%;display:block}.gal-item.pending:after{content:"";animation:sweep 1.5s var(--ease-in-out) infinite;background:linear-gradient(100deg,#0000 20%,#f59e0b21 45%,#ffffff0f 55%,#0000 80%);position:absolute;inset:0;transform:translate(-100%)}.gal-item.failed{color:var(--text-4);font-size:var(--t-xs);padding:var(--space-3);place-items:center;display:grid}.lb{z-index:60;padding:calc(var(--tg-inset-top) + var(--space-4)) var(--space-4) calc(var(--tg-inset-bottom) + var(--space-4));animation:fade var(--dur-2) var(--ease-out) both;background:#000000f5;flex-direction:column;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.lb-frame{flex:1;place-items:center;min-height:0;display:grid}.lb-frame img{object-fit:contain;border-radius:var(--r-sm);max-width:100%;max-height:100%}.lb-close{background:var(--surface-2);width:36px;height:36px;color:var(--text);font-size:var(--t-md);border:0;border-radius:50%;align-self:flex-end;place-items:center;line-height:1;display:grid}.lb-acts{justify-content:center;gap:var(--space-5);padding-top:var(--space-4);display:flex}.notice{z-index:70;padding:var(--space-5);animation:fade var(--dur-2) var(--ease-out) both;background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.notice-card{gap:var(--space-3);width:100%;max-width:340px;padding:var(--space-5);border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:var(--elev-4);animation:pop var(--dur-3) var(--ease-spring) both;flex-direction:column;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.notice-card h2{font-size:var(--t-md);font-weight:var(--w-bold);letter-spacing:var(--track-tight);margin:0}.notice-acts{gap:var(--space-2);padding-top:var(--space-2);display:flex}.panel{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);overflow:hidden}.panel-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex}.panel-row+.panel-row{border-top:1px solid var(--line)}.panel-num{font-size:var(--t-md);font-weight:var(--w-bold);font-variant-numeric:tabular-nums}.panel-note{padding:var(--space-3) 0 var(--space-5);font-size:var(--t-xs);line-height:var(--lh-body);color:var(--text-3)}.section-title{padding:var(--space-5) 0 var(--space-2);font-size:var(--t-xs);font-weight:var(--w-semi);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--text-3)}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}