:root{--surface: #ffffff;--surface-muted: #fafafa;--surface-sunken: #f5f5f5;--border: #d9d9d9;--text: #262626;--text-muted: #8c8c8c;--text-inverse: #ffffff;--accent: #1890ff;--accent-hover: #40a9ff;--danger: #ff4d4f;--warning: #faad14;--success: #52c41a;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--font-size: 14px;--font-size-small: 12px;--radius: 4px;--control-height: 32px;--content-width: 64rem;--form-width: 40rem;--shell-header-height: 56px;--shell-status-height: 28px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--surface: #1f1f1f;--surface-muted: #141414;--surface-sunken: #000000;--border: #434343;--text: #e6e6e6;--text-muted: #8c8c8c;--text-inverse: #141414;--accent: #1890ff;--accent-hover: #40a9ff;--danger: #ff4d4f;--warning: #faad14;--success: #52c41a;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--font-size: 14px;--font-size-small: 12px;--radius: 4px;--control-height: 32px;--content-width: 64rem;--form-width: 40rem;--shell-header-height: 56px;--shell-status-height: 28px;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--surface-muted);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size);line-height:1.5}main{padding:var(--sp-6);max-width:var(--content-width)}h1{margin:0 0 var(--sp-4);font-size:20px;font-weight:600}h2{margin:var(--sp-6) 0 var(--sp-3);font-size:var(--font-size);font-weight:600;color:var(--text-muted)}p{margin:0 0 var(--sp-3)}a{color:var(--accent)}a:hover{color:var(--accent-hover)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}small{color:var(--text-muted);font-size:var(--font-size-small)}[role=status]{color:var(--text-muted)}[role=alert]{color:var(--danger)}button{height:var(--control-height);padding:0 var(--sp-4);border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--text-inverse);font:inherit;cursor:pointer}button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}button:disabled{opacity:.5;cursor:default}button.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}button.secondary:hover{border-color:var(--accent);color:var(--accent)}form{max-width:var(--form-width)}label{display:block;margin:0 0 var(--sp-1);color:var(--text-muted)}input,select{height:var(--control-height);width:100%;padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit}input:focus,select:focus{outline:none;border-color:var(--accent)}form>div{margin:0 0 var(--sp-4)}menu{display:flex;gap:var(--sp-3);align-items:center;margin:var(--sp-6) 0 0;padding:0;list-style:none}dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-1) var(--sp-4);margin:0 0 var(--sp-3)}dt{color:var(--text-muted)}dd{margin:0}table{width:100%;border-collapse:collapse;margin:0 0 var(--sp-4);background:var(--surface)}th,td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{color:var(--text-muted);font-weight:500}td:last-child{white-space:nowrap}td button,td select{height:28px;padding:0 var(--sp-2)}td select{width:auto}td button+button,td select+button{margin-left:var(--sp-2)}dialog{min-width:20rem;max-width:var(--form-width);padding:var(--sp-6);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}dialog::backdrop{background:#0006}dialog menu{margin-top:var(--sp-4)}header{display:flex;align-items:center;gap:var(--sp-4);height:var(--shell-header-height);padding:0 var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border)}header nav{display:flex;gap:var(--sp-4);align-items:center}header nav a{color:var(--text);text-decoration:none}header nav a:hover{color:var(--accent)}footer{display:flex;align-items:center;padding:0 var(--sp-4);height:var(--shell-status-height);background:var(--surface);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--font-size-small)}.full-bleed{margin-left:calc(-1 * var(--sp-6));margin-right:calc(-1 * var(--sp-6))}
