:root{--pref-black:#f5f5f5;--pref-surface:#fafafa;--pref-surface-raised:#f0f0f0;--pref-surface-dark:#000000;--pref-surface-code:#111111;--pref-code-ink:#e8e8e8;--pref-code-border:rgba(255,255,255,0.1);--pref-code-control-bg:rgba(255,255,255,0.06);--pref-code-control-bg-hover:rgba(255,255,255,0.12);--pref-border:#e8e8e8;--pref-border-visible:#cccccc;--pref-ink:#111111;--pref-ink-primary:#1a1a1a;--pref-ink-secondary:#666666;--pref-ink-disabled:#999999;--pref-accent:#5eb92d;--pref-accent-subtle:rgba(94,185,45,0.1);--pref-error:#d71921;--pref-error-subtle:rgba(215,25,33,0.08);--pref-success:#4a9e5c;--pref-warning:#d4a843;--pref-interactive:#007aff;--nd-body:var(--font-space-grotesk),"DM Sans",system-ui,sans-serif;--nd-mono:var(--font-space-mono),"JetBrains Mono","SF Mono",monospace}.pref-shell-bg{background:var(--pref-black);color:var(--pref-ink-primary);font-family:var(--nd-body)}.pref-panel{border:1px solid var(--pref-border)}.pref-panel,.pref-panel-muted{background:var(--pref-surface);border-radius:12px}.pref-subpanel{background:var(--pref-surface-raised);border-radius:8px}.pref-code-panel{background:var(--pref-surface-code);border-radius:4px;color:var(--pref-code-ink);font-family:var(--nd-mono)}.pref-code-panel pre{scrollbar-width:none;-ms-overflow-style:none}.pref-code-panel pre::-webkit-scrollbar{display:none}.pref-label{font-family:var(--nd-mono);font-size:11px;font-weight:400;letter-spacing:0;text-transform:uppercase;color:var(--pref-ink-secondary)}.pref-display{font-family:var(--nd-body);font-weight:300;letter-spacing:0}.pref-kpi{background:var(--pref-surface-dark);color:#ffffff;border-radius:12px}.pref-badge{display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--pref-border-visible);border-radius:999px;padding:4px 12px;font-family:var(--nd-mono);color:var(--pref-ink-secondary);font-size:11px;letter-spacing:0;text-transform:uppercase}.pref-badge-accent{color:var(--pref-accent);border-color:var(--pref-accent)}.pref-button-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;border-radius:999px;background:var(--pref-ink);padding:0 24px;font-family:var(--nd-mono);color:#ffffff;font-size:13px;letter-spacing:0;text-transform:uppercase;transition:opacity .2s ease}.pref-button-primary:hover{opacity:.8}.pref-button-primary:focus-visible{outline:2px solid var(--pref-interactive);outline-offset:2px}.pref-button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;border:1px solid var(--pref-border-visible);border-radius:999px;padding:0 24px;font-family:var(--nd-mono);color:var(--pref-ink-primary);font-size:13px;letter-spacing:0;text-transform:uppercase;transition:border-color .2s ease}.pref-button-secondary:hover{border-color:var(--pref-ink-primary)}.pref-button-secondary:focus-visible{outline:2px solid var(--pref-interactive);outline-offset:2px}.pref-button-destructive{display:inline-flex;align-items:center;justify-content:center;height:44px;border:1px solid var(--pref-error);border-radius:999px;padding:0 24px;font-family:var(--nd-mono);color:var(--pref-error);font-size:13px;letter-spacing:0;text-transform:uppercase;transition:opacity .2s ease}.pref-button-destructive:hover{opacity:.7}.pref-button-destructive:focus-visible{outline:2px solid var(--pref-interactive);outline-offset:2px}.pref-button-destructive:disabled,.pref-button-destructive[aria-disabled=true],.pref-button-primary:disabled,.pref-button-primary[aria-disabled=true],.pref-button-secondary:disabled,.pref-button-secondary[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.pref-input{width:100%;border:none;border-bottom:1px solid var(--pref-border-visible);background:transparent;padding:12px 0;font-family:var(--nd-mono);font-size:16px;color:var(--pref-ink-primary);outline:none;transition:border-color .2s ease}.pref-input:focus{border-color:var(--pref-ink-primary)}.pref-input:focus-visible{outline:2px solid var(--pref-interactive);outline-offset:4px}.pref-input::-moz-placeholder{color:var(--pref-ink-disabled)}.pref-input::placeholder{color:var(--pref-ink-disabled)}.pref-select{width:100%;border:none;border-bottom:1px solid var(--pref-border-visible);background:transparent;padding:12px 0;font-family:var(--nd-mono);font-size:14px;color:var(--pref-ink-primary);outline:none;-webkit-appearance:none}.pref-select:focus{border-color:var(--pref-ink-primary)}.pref-select:focus-visible{outline:2px solid var(--pref-interactive);outline-offset:4px}.pref-segment{display:inline-flex;border:1px solid var(--pref-border-visible);border-radius:999px;overflow:hidden}.pref-segment-item{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:6px 16px;font-family:var(--nd-mono);font-size:11px;letter-spacing:0;text-transform:uppercase;color:var(--pref-ink-disabled);transition:background-color .2s ease,color .2s ease,opacity .2s ease;cursor:pointer}.pref-segment-item[data-active=true]{background:var(--pref-ink);color:#ffffff}.pref-segment-item:focus-visible{outline:2px solid var(--pref-interactive);outline-offset:-2px}.pref-shell-bg,.pref-shell-bg *{letter-spacing:0!important}