@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-gradient:radial-gradient(circle at top left, #1e293b, #0f172a);--panel-bg:#1e293bb8;--panel-border:1px solid #ffffff1a;--accent:#38bdf8;--accent-strong:#818cf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);background-attachment:fixed;justify-content:center;min-height:100vh;font-family:Outfit Variable,Outfit,system-ui,sans-serif;display:flex}.container{width:95%;max-width:1080px;padding:32px 8px 48px}.site-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;font-size:.9rem;display:flex}.site-nav a{color:var(--text-secondary);text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible{color:var(--accent)}.nav-links{gap:18px;list-style:none;display:flex}header{text-align:center;margin-bottom:32px}h1{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(2.4rem,6vw,3.5rem);font-weight:700;line-height:1.1}header>p{color:var(--text-secondary);letter-spacing:.4px;font-weight:300}.chip-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.chip{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;display:inline-flex}.chip .dot{background:var(--text-secondary);border-radius:50%;width:8px;height:8px}.chip.loading .dot{animation:1.2s ease-in-out infinite pulse}.chip.webgpu{color:var(--ok);border-color:#4ade8066}.chip.webgpu .dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.chip.wasm{color:var(--warn);border-color:#fbbf2466}.chip.wasm .dot{background:var(--warn)}.chip.error{color:var(--bad);border-color:#f8717166}.chip.error .dot{background:var(--bad)}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.linklike{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;text-decoration:underline}.layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.panel{background:var(--panel-bg);border:var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:22px}.sidebar{gap:24px;display:grid}.panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:16px;font-size:.82rem;font-weight:600}.field-label,.setting label{color:var(--text-secondary);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-size:.9rem;display:flex}output{color:var(--text-primary);font-variant-numeric:tabular-nums}textarea{resize:vertical;width:100%;min-height:64px;color:var(--text-primary);font:inherit;background:#0f172acc;border:1px solid #ffffff24;border-radius:10px;padding:12px 14px;font-size:1rem;line-height:1.5}textarea:focus-visible,input[type=range]:focus-visible,select:focus-visible,.btn:focus-visible,.linklike:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-group{gap:10px;margin:14px 0;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:background .15s,border-color .15s,opacity .15s}.btn.primary{background:var(--accent);color:#0f172a}.btn.primary:hover:not(:disabled){background:#7dd3fc}.btn.secondary{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff2e}.btn.secondary:hover:not(:disabled){background:#ffffff1f}.btn:disabled{opacity:.45;cursor:not-allowed}.output-wrap{margin-top:4px;position:relative}.story-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;min-height:280px;max-height:60vh;padding:18px;font-size:1.05rem;line-height:1.7;overflow-y:auto}.story-output .prompt-text{color:var(--text-secondary)}.loader{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad1;border-radius:12px;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.loader[hidden]{display:none}.loader-card{text-align:center;width:100%;max-width:340px}.loader-card h3{margin-bottom:14px;font-size:1rem;font-weight:600}.bar-container{background:#ffffff1a;border-radius:999px;height:8px;margin-bottom:10px;overflow:hidden}.bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));width:0;height:100%;transition:width .2s}.loader-text{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.85rem}.loader-text+.btn{margin-top:14px}.error{color:#fecaca;overflow-wrap:anywhere;background:#f871711a;border:1px solid #f8717166;border-radius:10px;margin-top:12px;padding:12px 14px;font-size:.9rem}.hint-text{color:var(--text-secondary);margin-top:10px;font-size:.82rem;line-height:1.5}.setting{margin-bottom:18px}.setting:last-child{margin-bottom:0}.setting .hint-text{margin-top:4px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.backend-select{width:100%;color:var(--text-primary);font:inherit;cursor:pointer;background:#0f172acc;border:1px solid #ffffff24;border-radius:8px;padding:8px 10px;font-size:.9rem}.backend-select:disabled{opacity:.5;cursor:not-allowed}.stats{grid-template-columns:auto 1fr;gap:6px 16px;font-size:.85rem;display:grid}.stats dt{color:var(--text-secondary)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.engine-details{margin-top:14px;font-size:.85rem}summary{cursor:pointer;color:var(--accent);font-size:.85rem}.engine-details .stats{margin-top:12px}.about p{color:var(--text-secondary);margin-bottom:10px;font-size:.88rem;line-height:1.6}.about p:last-child{margin-bottom:0}.links{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.about a,footer a{color:var(--accent)}footer{text-align:center;color:var(--text-secondary);margin-top:32px;font-size:.8rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:860px){.layout{grid-template-columns:minmax(0,1fr)}.story-output{min-height:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}