.chooser-page{box-sizing:border-box;min-height:100dvh;padding:48px 20px calc(48px + var(--safe-bottom));background:var(--aq-bg);background-image:var(--aq-page-gradient);color:var(--aq-fg);font-family:var(--aq-font-sans);justify-content:center;display:flex}.chooser-inner{width:100%;max-width:880px}.chooser-head{text-align:center;margin-bottom:32px}.chooser-title{font-size:var(--text-h1);letter-spacing:-.02em;color:var(--aq-fg-strong);margin:0 0 12px;font-weight:800}.chooser-sub{max-width:34em;color:var(--aq-fg-secondary);margin:0 auto;font-size:15px;line-height:1.6}.chooser-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:16px;display:grid}.chooser-card{flex-direction:column;min-width:0;display:flex}.chooser-face{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;background:var(--aq-surface);border:var(--aq-bw,1px) solid var(--aq-border);border-radius:var(--aq-radius-card);box-shadow:var(--aq-shadow-sm);transition:var(--aq-transition-fast);flex-direction:column;align-items:flex-start;gap:10px;padding:22px 20px;transition-property:transform,box-shadow,border-color;display:flex}.chooser-face:hover:not(:disabled){transform:translateY(var(--aq-hover-y));box-shadow:var(--aq-shadow-md)}.chooser-face:active:not(:disabled){transform:translateY(var(--aq-press-y)) scale(var(--aq-press-scale))}.chooser-face:focus-visible{outline:2px solid var(--aq-ring);outline-offset:2px}.chooser-face:disabled{opacity:.55;cursor:default}.chooser-face[aria-expanded=true]{border-color:var(--aq-accent)}.chooser-face-title{color:var(--aq-fg-strong);font-size:20px;font-weight:800}.chooser-face-desc{color:var(--aq-fg-secondary);font-size:14px;line-height:1.55}.chooser-face-hint{color:var(--aq-accent);font-size:13px;font-weight:700}.chooser-list{background:var(--aq-surface);border:var(--aq-bw,1px) solid var(--aq-border);border-radius:var(--aq-radius-el);box-shadow:var(--aq-shadow-sm);margin-top:8px;padding:14px}.chooser-group+.chooser-group{margin-top:14px}.chooser-group-name{color:var(--aq-fg-muted);margin:0 0 8px;font-size:13px;font-weight:700}.chooser-picks{flex-wrap:wrap;gap:8px;display:flex}.chooser-picks-col{flex-flow:column;align-items:stretch}.chooser-pick{font:inherit;color:var(--aq-fg);text-align:left;cursor:pointer;background:var(--aq-surface-subtle);border:var(--aq-bw,1px) solid var(--aq-border-strong);border-radius:var(--aq-radius-full);transition:var(--aq-transition-fast);padding:8px 14px;transition-property:transform,background,border-color}.chooser-pick:hover:not(:disabled){background:var(--aq-accent-subtle);border-color:var(--aq-accent)}.chooser-pick:active:not(:disabled){transform:scale(var(--aq-press-scale))}.chooser-pick:focus-visible{outline:2px solid var(--aq-ring);outline-offset:2px}.chooser-pick:disabled{opacity:.55;cursor:default}.chooser-pick-family{border-radius:var(--aq-radius-el);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.chooser-pick-names{font-weight:700}.chooser-pick-meta{color:var(--aq-fg-muted);font-size:12px}.chooser-status{text-align:center;color:var(--aq-fg-secondary);margin:20px 0 0;font-size:14px}.chooser-error{text-align:center;color:var(--aq-error);margin:20px 0 0;font-size:14px;font-weight:600}.demo-unsupported{box-sizing:border-box;text-align:center;background:var(--aq-bg);min-height:100dvh;color:var(--aq-fg);font-family:var(--aq-font-sans);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.demo-unsupported h1{font-size:var(--text-h2);color:var(--aq-fg-strong);margin:0}.demo-unsupported p{max-width:34em;color:var(--aq-fg-secondary);margin:0;line-height:1.6}.demo-bar{left:max(12px, var(--safe-left));bottom:calc(12px + var(--safe-bottom));z-index:60;font-family:var(--aq-font-sans);color:var(--aq-fg-secondary);background:var(--aq-surface-overlay);border:var(--aq-bw,1px) solid var(--aq-border);border-radius:var(--aq-radius-full);box-shadow:var(--aq-shadow-lg);align-items:center;gap:4px;padding:6px 6px 6px 12px;font-size:13px;display:flex;position:fixed}.demo-bar-label{white-space:nowrap;margin-right:4px;font-weight:600}.demo-bar-btn{font:inherit;color:var(--aq-fg);white-space:nowrap;cursor:pointer;border-radius:var(--aq-radius-full);transition:var(--aq-transition-fast);background:0 0;border:none;padding:5px 10px;font-weight:700;transition-property:background,color}.demo-bar-btn:hover:not(:disabled){color:var(--aq-accent-strong);background:var(--aq-accent-subtle)}.demo-bar-btn:focus-visible{outline:2px solid var(--aq-ring);outline-offset:1px}.demo-bar-btn:disabled{opacity:.5;cursor:default}@media print{.demo-bar{display:none}}