.af-field{display:flex;flex-direction:column;gap:6px;min-width:0}.af-field-row{flex-direction:row;align-items:center;gap:10px}.af-lbl{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.4;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.af-lbl,.af-lbl-aux{font-family:var(--font-mono);font-size:11px}.af-lbl-aux{color:var(--ink-4);text-transform:none;letter-spacing:0}.af-lbl-aux.ok{color:var(--accent-green)}.af-hint{color:var(--ink-4)}.af-err,.af-hint{font-size:11px;line-height:1.5}.af-err{color:var(--accent-red)}.af-input,.af-select,.af-textarea{width:100%;min-width:0;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-10);color:var(--ink);font-family:var(--font-ui);font-size:13px;padding:0 12px;height:36px;outline:0;transition:border-color var(--t-state) var(--ease)}.af-input.mono,.af-select.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.af-textarea{height:auto;min-height:76px;padding:8px 12px;line-height:1.5;resize:vertical}.af-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:right 14px center,right 9px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.af-input::-moz-placeholder,.af-textarea::-moz-placeholder{color:var(--ink-4)}.af-input::placeholder,.af-textarea::placeholder{color:var(--ink-4)}.af-input:focus,.af-select:focus,.af-textarea:focus{border-color:var(--border-bright)}.af-input[disabled],.af-select[disabled],.af-textarea[disabled]{opacity:.5;cursor:not-allowed}.af-input[aria-invalid=true],.af-textarea[aria-invalid=true]{border-color:var(--accent-red)}.af-input-wrap{display:flex;align-items:stretch;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-10);overflow:hidden;min-width:0;transition:border-color var(--t-state) var(--ease)}.af-input-wrap:focus-within{border-color:var(--border-bright)}.af-input-wrap>.af-input{flex:1;background:transparent;border:0;border-radius:0;height:36px}.af-input-wrap>.af-input:focus{border:0}.af-input-post,.af-input-pre{display:flex;align-items:center;flex-shrink:0;padding:0 10px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.af-input-post>svg,.af-input-pre>svg{display:block}.af-input-chip{display:flex;align-items:center;flex-shrink:0;padding:0 10px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2);background:var(--bg-2);border:0;border-left:1px solid var(--ds-border);cursor:pointer;transition:background var(--t-btn) var(--ease),color var(--t-btn) var(--ease)}.af-input-chip:hover:not([disabled]){background:var(--bg-3);color:var(--ink)}.af-input-chip[disabled]{opacity:.4;cursor:not-allowed}.af-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;padding:14px 16px;background:var(--bg-2);border:1px solid var(--ds-border);border-radius:var(--r-14)}.af-filters-actions{display:flex;align-items:center;gap:8px}.af-seg{display:inline-flex;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-10);padding:3px;gap:2px}.af-seg button{height:28px;padding:0 12px;border:0;border-radius:var(--r-6);background:transparent;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;transition:background var(--t-btn) var(--ease),color var(--t-btn) var(--ease)}.af-seg button:hover:not([disabled]):not(.on){color:var(--ink-2)}.af-seg button.on{background:var(--accent-green);color:oklch(.16 .04 145)}.af-seg button[disabled]{opacity:.4;cursor:not-allowed}.af-seg.full{display:flex;width:100%}.af-seg.full button{flex:1}.af-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.af-stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}.af-stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.af-stats-3,.af-stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.af-stat{display:flex;flex-direction:column;gap:4px;padding:10px 12px;min-width:0;background:var(--bg);border:1px solid var(--ds-border);border-radius:var(--r-10)}.af-stat-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-stat-lbl,.af-stat-num{font-family:var(--font-mono)}.af-stat-num{font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;line-height:1.2;color:var(--ink);overflow-wrap:anywhere}.af-stat-sub{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.af-stat.bad{border-color:var(--accent-red);background:color-mix(in oklab,var(--accent-red) 8%,var(--bg))}.af-stat-num.bad,.af-stat.bad .af-stat-num{color:var(--accent-red)}.af-stat-num.good{color:var(--accent-green)}.af-stat-num.dim{color:var(--ink-2);font-weight:500}.af-kv-list{display:flex;flex-direction:column;margin:0}.af-kv{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--ds-border);min-width:0}.af-kv:last-child{border-bottom:0}.af-kv-k{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);white-space:nowrap;margin:0}.af-kv-v{font-size:13px;color:var(--ink);text-align:right;margin:0;min-width:0;overflow-wrap:anywhere}.af-kv-v.mono{font-variant-numeric:tabular-nums;font-size:12px}.af-kv-v.empty{color:var(--ink-4)}.af-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--ink-3);font-family:var(--font-mono);font-size:10px;font-weight:600;line-height:1.5;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.af-pill.g{border-color:var(--accent-green);color:var(--accent-green)}.af-pill.y{border-color:var(--accent-yellow);color:var(--accent-yellow)}.af-pill.r{border-color:var(--accent-red);color:var(--accent-red)}.af-pill.b{border-color:var(--accent-blue);color:var(--accent-blue)}.af-pill.v{border-color:var(--accent-violet);color:var(--accent-violet)}.af-panel{background:var(--bg-2);border:1px solid var(--ds-border);border-radius:var(--r-14);min-width:0}.af-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--ds-border)}.af-panel-title{font-size:13px;font-weight:600;color:var(--ink);margin:0}.af-panel-desc{margin:3px 0 0;font-size:12px;line-height:1.5;color:var(--ink-3)}.af-panel-body{padding:16px;min-width:0}.af-panel-body.flush{padding:0}.af-panel.danger{border-color:color-mix(in oklab,var(--accent-red) 45%,var(--ds-border))}.af-tabs.af-tabs{display:flex;gap:2px;height:auto;padding:0;background:transparent;border-bottom:1px solid var(--ds-border);border-radius:0;overflow-x:auto;overflow-y:hidden;justify-content:flex-start}.af-tab.af-tab{position:relative;flex:0 0 auto;height:36px;padding:0 14px;border:0;border-radius:0;background:transparent;color:var(--ink-3);font-family:var(--font-mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;cursor:pointer;box-shadow:none;transition:color var(--t-btn) var(--ease)}.af-tab.af-tab:hover{color:var(--ink-2)}.af-tab.af-tab[data-state=active]{color:var(--ink);background:transparent;box-shadow:none}.af-tab.af-tab[data-state=active]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent-green)}.af-tab.af-tab.danger[data-state=active]{color:var(--accent-red)}.af-tab.af-tab.danger[data-state=active]:after{background:var(--accent-red)}.af-tab-count{margin-left:6px;color:var(--ink-4);font-variant-numeric:tabular-nums}.af-row{align-items:center;gap:8px;flex-wrap:wrap}.af-row,.af-stack{display:flex;min-width:0}.af-stack{flex-direction:column;gap:16px}.af-empty{padding:28px 16px;text-align:center;font-size:13px;color:var(--ink-3)}.af-copy{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border:0;border-radius:var(--r-6);background:transparent;color:var(--ink-4);cursor:pointer;transition:background var(--t-btn) var(--ease),color var(--t-btn) var(--ease)}.af-copy:hover{background:var(--bg-3);color:var(--ink)}