:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f4;--surface:#fff;--surface-muted:#eef2e8;--border:#c7d0bf;--border-strong:#7f8c75;--text:#1e241d;--muted:#5f6b5a;--accent:#2f6f4e;--accent-strong:#174a33;--accent-soft:#dce9df;--warning:#7a4f12;--warning-soft:#f4e5c7;--focus:#b8471d;background:var(--bg);color:var(--text);font-family:Aptos,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg, #1e241d0a 1px, transparent 1px), linear-gradient(180deg, #1e241d0a 1px, transparent 1px), var(--bg);background-size:28px 28px;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 40px}.demo-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:16px;min-height:96px;padding:0 0 18px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:4rem;line-height:.95}h2{letter-spacing:0;margin-bottom:6px;font-size:1.1rem;line-height:1.2}h3{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:10px;font-size:.82rem;line-height:1.2}.reset-button{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff;border-radius:6px;flex:none;min-height:42px;padding:0 16px;font-weight:750}.reset-button:hover{background:#0f3927}.reset-button:focus-visible,.option-list:focus-visible,.combobox-input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:18px;display:grid}.demo-panel{border:1px solid var(--border);background:#fffffff0;border-radius:8px;min-width:0;box-shadow:0 12px 34px #21291f14}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:14px;min-height:92px;padding:18px;display:flex}.panel-heading p{max-width:40rem;color:var(--muted);margin-bottom:0;font-size:.92rem;line-height:1.5}.mode-badge{border:1px solid var(--border);background:var(--surface-muted);color:var(--accent-strong);border-radius:999px;flex:none;padding:5px 9px;font-size:.74rem;font-weight:800;line-height:1}.option-list{border:1px solid var(--border);background:#fbfcf8;border-radius:8px;gap:8px;margin:18px;padding:8px;display:grid}.listbox-surface{min-height:330px}.combobox-wrap{min-height:396px;padding:18px;position:relative}.combobox-input{border:1px solid var(--border-strong);width:100%;min-height:46px;color:var(--text);background:#fff;border-radius:6px;padding:0 12px}.combobox-input::placeholder{color:#7b8575}.combobox-results{z-index:2;max-height:286px;margin:8px 0 0;position:absolute;left:18px;right:18px;overflow-y:auto;box-shadow:0 18px 44px #21291f29}.option-row{min-height:72px;color:var(--text);border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.option-row[aria-disabled=true]{color:#6d7567;background:var(--surface-muted);cursor:not-allowed}.option-row:not([aria-disabled=true]){cursor:pointer}.option-row:not([aria-disabled=true]):hover,.option-row[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.option-row[aria-selected=true]{border-color:var(--accent-strong);box-shadow:inset 4px 0 0 var(--accent-strong)}.option-copy{gap:4px;min-width:0;display:grid}.option-label{overflow-wrap:anywhere;font-weight:800;line-height:1.25}.option-detail{overflow-wrap:anywhere;color:var(--muted);font-size:.88rem;line-height:1.35}.disabled-chip{background:var(--warning-soft);color:var(--warning);border-radius:999px;flex:none;padding:4px 8px;font-size:.72rem;font-weight:850;line-height:1}.empty-results{border:1px dashed var(--border);min-height:72px;color:var(--muted);text-align:center;border-radius:6px;place-items:center;display:grid}.state-inspector{border-top:1px solid var(--border);margin:0 18px 18px;padding-top:14px}.state-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.state-inspector div{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-width:0;padding:9px 10px}.state-inspector dt{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:4px;font-size:.74rem;font-weight:800}.state-inspector dd{overflow-wrap:anywhere;margin:0;font-weight:750}@media (width<=820px){.demo-grid{grid-template-columns:1fr}.listbox-surface,.combobox-wrap{min-height:auto}}@media (width<=560px){.page-shell{width:min(100% - 20px,1180px);padding-top:14px}.demo-header,.panel-heading{flex-direction:column;align-items:stretch}h1{font-size:2.15rem}.reset-button{width:100%}.option-list,.combobox-wrap{margin-left:12px;margin-right:12px}.combobox-wrap{padding-left:12px;padding-right:12px}.combobox-results{left:12px;right:12px}.option-row{flex-direction:column;align-items:start}.disabled-chip{align-self:start}.state-inspector{margin-left:12px;margin-right:12px}.state-inspector dl{grid-template-columns:1fr}}