.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 20px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--text-primary);font-size:13px;font-weight:500;text-decoration:none;transition:background var(--duration),border-color var(--duration)}
.button:hover{background:var(--surface-raised);border-color:var(--text-secondary)}
.button--primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.button--primary:hover{background:#0044cc;border-color:#0044cc}
.button--quiet{border-color:transparent}
.badge{display:inline-block;padding:4px 8px;background:var(--surface);border:1px solid var(--line);border-radius:2px;color:var(--text-secondary);font:11px/1.4 var(--font-mono)}
.field{display:grid;gap:8px;font-size:13px;color:var(--text-secondary)}
.field input,.field select,.field textarea{min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--background);color:var(--text-primary)}
.field input[type="range"]{padding:0;accent-color:var(--brand)}
.status{padding:12px 16px;border-left:2px solid var(--accent);background:var(--surface);font-size:13px}
.status--error{border-color:var(--error);color:var(--error)}
.status--success{border-color:var(--success);color:var(--success)}
.tab-list{display:flex;gap:8px;border-bottom:1px solid var(--line);overflow-x:auto}
.tab-list button{white-space:nowrap;border-bottom:2px solid transparent;border-radius:0}
.tab-list [aria-selected="true"]{border-bottom-color:var(--brand)}
dialog{color:var(--text-primary);background:var(--background);border:1px solid var(--line);padding:24px;max-width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}
dialog::backdrop{background:rgb(0 0 0 / .78);backdrop-filter:blur(8px)}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
progress{width:100%;height:4px;accent-color:var(--brand)}
.empty-state{padding:32px;border:1px dashed var(--line);text-align:center;color:var(--text-secondary)}