.capability-panel{margin-top:28px;border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:24px;background:rgba(255,255,255,.045)}.capability-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.capability-panel__kicker{display:block;margin-bottom:8px;color:#7c9cff;font-size:12px;letter-spacing:.13em}.capability-panel h2{margin:0;font-family:Inter,system-ui,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.04em}.capability-panel__hint{max-width:600px;margin:0;color:#8d96a8;line-height:1.65}.capability-panel__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.capability-summary{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.13)}.capability-summary span{display:block;color:#8d96a8;font-size:11px;letter-spacing:.09em}.capability-summary strong{display:block;margin-top:7px;font-size:1.5rem}.capability-panel__controls{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px}.capability-filters{display:flex;gap:8px;flex-wrap:wrap}.capability-filters button,.capability-refresh{border:1px solid rgba(255,255,255,.13);border-radius:9px;padding:9px 12px;background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:12px;cursor:pointer}.capability-filters button[aria-pressed="true"]{background:#f5f7fb;color:#080b11}.capability-refresh{font-weight:800}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.capability-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.12)}.capability-item[hidden]{display:none}.capability-dot{width:10px;height:10px;border-radius:50%;background:#f0b85a;box-shadow:0 0 0 4px rgba(240,184,90,.12)}.capability-item[data-state="supported"] .capability-dot{background:#67e8a5;box-shadow:0 0 0 4px rgba(103,232,165,.12)}.capability-item[data-state="unsupported"] .capability-dot{background:#ff7b91;box-shadow:0 0 0 4px rgba(255,123,145,.12)}.capability-name{min-width:0}.capability-name strong{display:block;overflow-wrap:anywhere}.capability-name small{display:block;margin-top:4px;color:#8d96a8;line-height:1.45}.capability-state{font-size:11px;letter-spacing:.08em}.capability-item[data-state="supported"] .capability-state{color:#67e8a5}.capability-item[data-state="unsupported"] .capability-state{color:#ff9aaa}.capability-panel__status{display:block;margin-top:16px;color:#8d96a8;font-size:12px;line-height:1.55}@media(max-width:720px){.capability-panel{padding:18px}.capability-panel__summary,.capability-grid{grid-template-columns:1fr}.capability-item{grid-template-columns:auto 1fr}.capability-state{grid-column:2}}@media(forced-colors:active){.capability-item,.capability-panel,.capability-summary{border-color:CanvasText}.capability-dot{forced-color-adjust:none}}