:root{color-scheme:light dark;--accent: #7c5cff;--accent-ink: #ffffff;--bg: #0f1020;--panel: #1a1b2e;--ink: #e9e9f2;--muted: #9aa0b4;--line: #2a2c45;--err: #ff6b6b;--ok: #4ade80;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#20224a 0%,var(--bg) 60%);min-height:100vh;color:var(--ink)}#app{max-width:46rem;margin-inline:auto;padding:1.25rem}h1{font-size:1.6rem;margin:.25rem 0 1rem}h2{font-size:1.05rem;margin:0 0 .4rem}a{color:var(--accent)}.title-screen{text-align:center;padding:6rem 1rem 2rem}.logo{font-size:2.8rem;letter-spacing:.5px;margin:0;background:linear-gradient(120deg,#b9a6ff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--muted);margin:.5rem 0 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.brand{font-weight:700;cursor:pointer;color:var(--accent)}.menu{display:grid;gap:.75rem}.menu-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:.7rem;cursor:pointer;color:inherit}.menu-item:hover{border-color:var(--accent)}.menu-title{font-weight:600}.menu-desc{color:var(--muted);font-size:.9rem}.field{display:grid;gap:.3rem;margin:.85rem 0}.field-label{font-size:.85rem;color:var(--muted)}input,select,textarea{width:100%;padding:.55rem .65rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:.5rem;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}input:disabled{opacity:.5}button{font:inherit;cursor:pointer;border-radius:.5rem;border:1px solid var(--line);padding:.5rem 1rem;background:var(--panel);color:var(--ink)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}button.secondary{background:transparent;border-color:var(--accent);color:var(--accent)}button.link{background:transparent;border-color:transparent;color:var(--muted);padding-inline:.4rem}button.big{padding:.7rem 2.2rem;font-size:1.1rem}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}section{margin:1.25rem 0;padding-top:1rem;border-top:1px solid var(--line)}.box{background:var(--panel);border:1px solid var(--line);border-radius:.5rem;padding:.7rem;white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0}.box.prompt{font-size:.78rem;max-height:20rem;overflow:auto}.empty{padding:2rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:.6rem}.muted{color:var(--muted)}.small{font-size:.85rem}.hint{color:var(--muted);font-size:.85rem;margin:.1rem 0 0}.status{margin:.6rem 0 0;min-height:1.2em;font-size:.9rem}.status.ok{color:var(--ok)}.status.err{color:var(--err)}.status.info{color:var(--muted)}