:root{color:#152033;font-synthesis:none;--ink:#152033;--muted:#5d6a7c;--line:#d7dfeb;--surface:#fff;--brand:#153b67;--brand-strong:#0e2d52;--accent:#9a4317;--focus:#087f8c;--danger:#b42318;--success:#13795b;--warning:#8a5a00;--shadow:0 18px 50px #1836581a;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--brand);font-weight:650}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 2px var(--surface)}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}.page{max-width:980px;margin:0 auto;padding:32px 22px 60px}.page-centered{place-items:center;min-height:100vh;display:grid}.landing-card,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.landing-card{max-width:680px;margin:9vh auto 0;padding:clamp(28px,6vw,64px)}.panel{margin-top:22px;padding:25px}.status-panel{width:100%;max-width:650px}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px;font-size:.76rem;font-weight:800}h1,h2,h3{color:var(--ink);margin:0;line-height:1.15}h1{letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.3rem)}h2{font-size:1.45rem}h3{font-size:1.05rem}.lede{color:var(--muted);max-width:62ch;margin:16px 0 26px;font-size:1.08rem}.security-note,.workspace-note,.placeholder-note,.field-help,.item-meta{color:var(--muted);font-size:.9rem}.security-note{border-left:3px solid var(--line);margin:28px 0 0;padding-left:12px}.landing-footer{border-top:1px solid var(--line);gap:18px;margin-top:34px;padding-top:18px;display:flex}.placeholder-note{text-align:center;max-width:680px;margin:16px auto}.button-row,.header-actions,.item-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{border:1px solid #0000;border-radius:9px;min-height:42px;padding:9px 15px;font-weight:750;transition:background .15s,border-color .15s,transform .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:var(--brand);color:#fff}.button-primary:not(:disabled):hover{background:var(--brand-strong)}.button-secondary{color:var(--brand-strong);background:#fff;border-color:#aebccc}.button-secondary:not(:disabled):hover{border-color:var(--brand);background:#f4f8fd}.button-quiet{border-color:var(--line);color:var(--brand-strong);background:0 0}.button-quiet:not(:disabled):hover{background:#f2f5f9}.button-danger{color:var(--danger);background:#fff;border-color:#e3aaa5}.button-danger:not(:disabled):hover{border-color:var(--danger);background:#fff4f2}.button-inline{color:inherit;background:0 0;border:0;min-height:auto;padding:0;text-decoration:underline}.workspace-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.signed-in-as{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.9rem;overflow:hidden}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.section-count{color:var(--brand);text-align:center;background:#edf3fa;border-radius:999px;min-width:30px;padding:4px 9px;font-size:.85rem;font-weight:800}.stack-form{border-bottom:1px solid var(--line);gap:12px;margin-bottom:20px;padding-bottom:22px;display:grid}.endpoint-form{border-bottom:1px solid var(--line)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:var(--ink);gap:6px;font-size:.91rem;font-weight:750;display:grid}.optional{color:var(--muted);font-weight:500}input,select{color:var(--ink);background:#fff;border:1px solid #abb9c9;border-radius:8px;width:100%;min-height:43px;padding:9px 11px}input:invalid:not(:placeholder-shown){border-color:#d78b83}.field-help{margin:-5px 0 0}.item-list{gap:12px;display:grid}.item-card{border:1px solid var(--line);border-radius:13px;justify-content:space-between;gap:18px;padding:17px;display:flex}.item-main{min-width:0}.item-title-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.item-meta{overflow-wrap:anywhere;flex-wrap:wrap;gap:7px 15px;margin:8px 0 0;display:flex}.item-actions{flex-shrink:0;justify-content:flex-end;align-self:center}.status-pill{border-radius:999px;padding:3px 9px;font-size:.76rem;font-weight:800}.status-active{color:var(--success);background:#e4f5ee}.status-revoked{color:#6b4c69;background:#f0eaf0}.status-disabled{color:#5c6674;background:#edf0f4}.inline-success,.inline-warning{margin:11px 0 0;font-size:.88rem;font-weight:700}.inline-success{color:var(--success)}.inline-warning{color:var(--warning)}.feedback{border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.feedback-success{color:#0c6048;background:#eaf7f1}.feedback-error{color:#8b1a12;background:#fff0ee}.feedback-info{color:#204d7b;background:#edf4fb}.collection-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:12px;margin:0;padding:24px}.collection-state h3{margin-bottom:7px}.collection-state p{margin:0}.canonical-url{align-items:center;gap:11px;min-width:0;margin-top:13px;display:flex}.canonical-url code{color:#304761;overflow-wrap:anywhere;background:#f4f7fb;border:1px solid #e0e6ee;border-radius:7px;flex:auto;padding:8px 9px;font-size:.83rem;display:block}.copy-control{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.copy-fallback{color:var(--danger);font-size:.8rem}.workspace-note{text-align:center;margin:24px 0 0}.dialog-backdrop{z-index:10;background:#0b192b7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:15px;width:100%;max-width:510px;padding:27px;box-shadow:0 22px 70px #00000040}.dialog p:not(.eyebrow){color:var(--muted);margin:15px 0 23px}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=700px){.page{padding:20px 14px 42px}.landing-card{margin-top:3vh;padding:28px 21px}.panel{padding:18px 15px}.workspace-header,.item-card{flex-direction:column}.header-actions,.item-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.canonical-url{flex-direction:column;align-items:stretch}.copy-control{justify-content:flex-start}}
