:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#1c1f23}.centered{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:#fff;border:1px solid #e2e5e9;border-radius:10px;padding:1.5rem;width:min(360px,100%);display:flex;flex-direction:column;gap:.75rem}.login h1{margin:0;font-size:1.25rem}.login label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#4a5158}input{padding:.5rem .6rem;border:1px solid #cfd4da;border-radius:6px;font-size:.95rem}.btn{border:1px solid #cfd4da;background:#fff;border-radius:6px;padding:.35rem .7rem;cursor:pointer;font-size:.85rem}.btn:hover{background:#f0f2f5}.btn.primary{background:#1c6b3c;border-color:#1c6b3c;color:#fff}.btn.danger{border-color:#c0402b;color:#c0402b}.btn:disabled{opacity:.5;cursor:default}.topbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e5e9}.topbar nav{display:flex;gap:.25rem}.topbar nav button{border:none;background:transparent;padding:.4rem .7rem;border-radius:6px;cursor:pointer}.topbar nav button.active{background:#e8f0ea;color:#1c6b3c;font-weight:600}.spacer{flex:1}main{padding:1rem}.grid{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e5e9;border-radius:8px;overflow:hidden}.grid th,.grid td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid #eef0f3;vertical-align:top;font-size:.88rem}.grid th{background:#fafbfc;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:#6a7178}.actions{display:inline-flex;gap:.35rem;flex-wrap:wrap}.link{border:none;background:none;color:#1c6b3c;cursor:pointer;padding:0;font-size:inherit;text-align:left}.muted{color:#6a7178}.small{font-size:.78rem}.error{color:#c0402b}.error.inline{font-size:.78rem}.drawer{position:fixed;top:0;right:0;width:min(520px,100vw);height:100vh;overflow-y:auto;background:#fff;border-left:1px solid #e2e5e9;box-shadow:-8px 0 24px #00000014;padding:1rem}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.drawer-head h2{font-size:1rem;margin:0}.preview{max-width:100%;border-radius:8px;border:1px solid #e2e5e9}blockquote{margin:.5rem 0;padding:.5rem .75rem;border-left:3px solid #cfd4da;background:#fafbfc}.seed-input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;border:1px solid #cfd4da;border-radius:8px;padding:.6rem;margin:.75rem 0}.seed-actions{display:flex;gap:.5rem;margin-bottom:1rem}.callout{border:1px solid #e6c36a;background:#fdf7e6;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.callout ul{margin:.4rem 0}