.design-choice{padding:0;overflow:hidden}.design-choice>.eyebrow,.design-choice>h3,.design-choice>p,.design-choice>.ox-actions{margin-left:24px;margin-right:24px}.design-choice>.eyebrow{margin-top:25px}.design-choice>.ox-actions{margin-top:auto;margin-bottom:26px}.design-window{position:relative;overflow:hidden;aspect-ratio:16/10;background:#f2eee5;border-bottom:1px solid rgba(255,255,255,.12)}.design-window iframe{width:1280px;height:1000px;border:0;transform:scale(.25);transform-origin:0 0;pointer-events:none}.design-window-link{position:absolute;inset:0;z-index:2}.design-window-link:focus-visible{outline:3px solid var(--accent,#00c2ff);outline-offset:-5px}
[data-design-gallery] [hidden]{display:none!important}.design-filters{display:flex;flex-direction:row;align-items:end;flex-wrap:wrap;gap:16px;margin:32px 0 12px}.design-filters label{display:grid;gap:8px;flex:1 1 200px;font:inherit}.design-filters input,.design-filters select{width:100%;min-height:48px;padding:10px 12px;background:var(--color-bg-2,#101014);color:inherit;border:1px solid currentColor;border-radius:8px;font:inherit}.design-filters option{background:var(--color-bg-2,#101014);color:inherit}.design-compare-bar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.design-compare-bar p{margin:0;margin-right:auto}.design-compare-bar [data-design-feedback]{flex-basis:100%}.design-choice [aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}.design-compare-dialog{width:min(1500px,94vw);max-width:94vw;max-height:90vh;padding:24px;border:1px solid currentColor;border-radius:16px;background:var(--color-bg-2,#101014);color:var(--text,#f5f5f5);overscroll-behavior:contain}.design-compare-dialog::backdrop{background:rgba(0,0,0,.75)}.design-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.design-dialog-head h2{margin:0}.design-compare-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:20px;overflow-x:auto;padding:8px 3px 20px}.design-compare-grid .design-choice{min-width:0}.design-compare-grid .design-window{aspect-ratio:4/5}.design-choice [data-design-compare]{width:100%}@media(max-width:600px){.design-dialog-head{align-items:start;flex-direction:column}.design-compare-dialog{padding:16px}.design-compare-grid{grid-auto-columns:82vw}.design-filters{padding:20px}}