:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--border:#d7dbe0;--muted:#5b6472;--accent:#2563eb;--bg:#f5f6f8;--panel:#fff}*{box-sizing:border-box}body{background:var(--bg);color:#1b1f24;margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;gap:14px;max-width:1500px;margin:0 auto;padding:20px 20px 48px;display:flex}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}h1{margin:0 0 4px;font-size:20px}h2{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px}.subtitle,.hint,.summary{color:var(--muted);margin:0;font-size:13px}.summary{margin-top:10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:7px 14px}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--accent);background:#fff}input[type=text],input[type=number]{font:inherit;border:1px solid var(--border);width:100%;color:inherit;background:#fff;border-radius:6px;padding:6px 8px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));align-items:end;gap:12px;display:grid}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--muted);font-size:12px}.field-wide{grid-column:span 2}.checkbox-row{flex-wrap:wrap;gap:18px;margin-top:12px;display:flex}.checkbox{align-items:center;gap:6px;font-size:13px;display:flex}.filter-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.filter-group{border:1px solid var(--border);border-radius:8px;margin:12px 0 0;padding:10px 12px 12px}.filter-advanced{border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:8px 12px 12px}.filter-advanced>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 2px;display:flex}.filter-advanced>summary:hover .summary-label{color:var(--accent)}.filter-advanced>summary:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.filter-advanced[open]>summary{margin-bottom:4px}.summary-label{font-weight:600}.summary-hint{color:var(--muted);font-size:12px}.filter-advanced .filter-group{border:none;border-top:1px solid #eceef1;border-radius:0;margin:8px 0 0;padding:8px 0 0}.filter-group legend{color:var(--muted);letter-spacing:.03em;padding:0 6px;font-size:12px}.field .checkbox-row{flex-direction:column;gap:6px;margin-top:2px}.range-field{flex-direction:column;gap:4px;display:flex}.range-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.range-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.range-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.range-inputs label{flex-direction:column;gap:2px;display:flex}.range-inputs label>span{color:var(--muted);font-size:11px}.field-warning{color:#b42318;font-size:11px}.banner.error{color:#99201f;background:#fdf2f2;border:1px solid #f0b4b4;border-radius:8px;margin:0;padding:10px 12px}.table-wrap{border:1px solid var(--border);background:var(--panel);border-radius:8px;max-height:72vh;overflow:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}thead th{z-index:1;border-bottom:1px solid var(--border);white-space:nowrap;text-align:left;background:#eceff4;padding:0;position:sticky;top:0}thead th button{color:#1b1f24;width:100%;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;border-radius:0;padding:9px 10px;font-weight:600}thead th.numeric button{text-align:right}.sort-indicator{color:var(--accent);font-size:11px}td{vertical-align:top;border-bottom:1px solid #eceef1;padding:7px 10px}td.numeric{text-align:right;white-space:nowrap}td.cost{font-weight:600}td.model{min-width:260px}td.model a{color:var(--accent);font-weight:600;text-decoration:none}td.model a:hover{text-decoration:underline}td.model .meta{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:11.5px;display:block}.badge{color:#455063;background:#e5e9f0;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}tbody tr:nth-child(2n){background:#fafbfc}tbody tr:hover{background:#eef4ff}.empty{border:1px solid var(--border);background:var(--panel);color:var(--muted);text-align:center;border-radius:8px;padding:20px}