:root{--bg: #0e0f13;--panel: #16181f;--card: #1b1e27;--line: #2a2e3a;--fg: #f2f3f7;--muted: #8b90a0;--accent: #7c6cff;--accent-2: #00d4a0;--danger: #ff6b6b;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}.app{max-width:1200px;margin:0 auto;padding:28px 24px 80px}.topbar{margin-bottom:24px}.brand{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0}.brand-sub{color:var(--accent)}.tagline{color:var(--muted);margin:6px 0 0}.layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}@media(max-width:880px){.layout{grid-template-columns:1fr}}.panel{position:sticky;top:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.prompt-input,.custom-input{width:100%;background:#0f1117;color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:15px;resize:vertical;outline:none}.prompt-input:focus,.custom-input:focus{border-color:var(--accent)}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{background:#0f1117;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}.chip:hover{color:var(--fg);border-color:var(--accent)}.generate{width:100%;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;margin-top:6px}.generate:disabled{opacity:.55;cursor:default}.hint{color:var(--muted);font-size:12px;line-height:1.5;margin:12px 0 0}.error{color:var(--danger);font-size:13px;margin:12px 0 0;word-break:break-word}.stage{display:flex;flex-direction:column;gap:20px;min-height:200px}.empty{border:1px dashed var(--line);border-radius:16px;padding:48px 24px;text-align:center;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between}.card-title{font-size:15px;font-weight:700;margin:0 0 14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.muted{color:var(--muted);font-weight:400}.specimen-line{font-size:30px;line-height:1.35;margin:0 0 8px;word-break:break-word}.grid-row{margin-bottom:16px}.grid-row-label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.grid{display:grid;grid-template-columns:repeat(13,1fr);gap:6px}@media(max-width:640px){.grid{grid-template-columns:repeat(7,1fr)}}.cell{aspect-ratio:1;background:#0f1117;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.cell-missing{opacity:.35;border-style:dashed}.cell-glyph{font-size:30px;line-height:1}.cell-tag{position:absolute;bottom:3px;right:5px;font-size:9px;color:var(--muted)}.download{background:transparent;color:var(--accent-2);border:1px solid var(--accent-2);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer}.download:hover{background:#00d4a01a}.custom-render{font-size:44px;line-height:1.3;margin-top:14px;min-height:56px;word-break:break-word}.phase{margin-top:12px}.bar{height:6px;background:#0f1117;border:1px solid var(--line);border-radius:999px;overflow:hidden;position:relative}.bar>span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.bar-indeterminate>span{position:absolute;top:0;width:35%;height:100%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{left:-40%}to{left:100%}}.cell-glyph-svg{width:72%;height:72%;display:flex;align-items:center;justify-content:center}.cell-glyph-svg svg{width:100%;height:100%}.cell-glyph-svg svg path{fill:var(--fg)}.cell-in{animation:pop .25s ease}@keyframes pop{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}