:root{--ink: #0b2235;--accent: #0062d1;--on-accent: #ffffff;--brand-blue: #0085ff;--slate: #7d8ba0;--page: #f3f6f9;--paper: #ffffff;--muted: #4b5563;--rule: #a9b3c5;--bad: #b3261e;--font-heading: Inter, Arial, sans-serif;--font-body: "Open Sans", "Segoe UI", Arial, sans-serif;font-family:var(--font-body);color:var(--ink);background:var(--page)}body{margin:0}h1,h2,h3{font-family:var(--font-heading)}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--paper);border-bottom:1px solid var(--rule)}.spacer{flex:1}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-heading)}.brand-mark{height:28px;width:auto}.brand-logo{display:block;height:44px;width:auto;max-width:100%;margin-bottom:20px}main{display:flex;justify-content:center;padding:48px 16px}.card{background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:24px;width:100%;max-width:420px}h1{font-size:1.4rem;margin-top:0}label{display:block;margin:12px 0;color:var(--muted)}input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px;font:inherit;border:1px solid var(--rule);border-radius:4px}button{font:inherit;padding:8px 14px;border-radius:4px;border:1px solid var(--accent);background:var(--paper);color:var(--accent);cursor:pointer}button.primary{background:var(--accent);color:var(--on-accent);width:100%}button.ghost{border-color:transparent}button:disabled{opacity:.6}.divider{text-align:center;color:var(--muted)}.note{color:var(--muted);font-size:.9rem}.error{color:var(--bad)}.workspace{width:100%;max-width:1000px}.nav{display:flex;align-items:center;gap:16px;margin-bottom:16px}.nav a{color:var(--accent);text-decoration:none;font-weight:600}.workspace .card{max-width:none;margin-bottom:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--rule)}th{color:var(--muted);font-weight:600}td a{color:var(--accent)}textarea,select{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px;font:inherit;border:1px solid var(--rule);border-radius:4px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>label{flex:1;min-width:160px}.mono{font-family:Consolas,Courier New,monospace}
