:root{color-scheme:light dark;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--duration-fast: .12s;--duration-normal: .18s;--color-page: #f7f8fa;--color-surface: #ffffff;--color-surface-subtle: #f0f2f5;--color-text: #17191c;--color-text-muted: #626872;--color-border: #d8dce2;--color-accent: #315efb;--color-accent-hover: #2448c7;--color-accent-contrast: #ffffff;--color-success: #18794e;--color-danger: #b42318;--color-warning: #946200;--color-focus: #315efb;--shadow-panel: 0 10px 30px rgba(20, 28, 45, .08)}@media(prefers-color-scheme:dark){:root{--color-page: #101318;--color-surface: #181d24;--color-surface-subtle: #202731;--color-text: #f5f7fa;--color-text-muted: #aeb7c4;--color-border: #333d4b;--color-accent: #7d9bff;--color-accent-hover: #a6b9ff;--color-accent-contrast: #0d1735;--color-success: #69d3a5;--color-danger: #ff8a83;--color-warning: #efc15b;--color-focus: #a6b9ff;--shadow-panel: 0 10px 30px rgba(0, 0, 0, .28)}}*,*:before,*:after{box-sizing:border-box}html{min-width:20rem;background:var(--color-page);color:var(--color-text)}body{margin:0;min-height:100vh;font-family:var(--font-sans);line-height:1.5}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button,select{min-height:44px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}pre,code{font-family:var(--font-mono)}pre{margin:0}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}.ua-playground-shell{width:min(100% - 2rem,90rem);margin-inline:auto;padding-block:var(--space-5) var(--space-8)}.ua-playground-workspace{display:grid;grid-template-columns:minmax(18rem,2fr) minmax(0,3fr);gap:var(--space-6);align-items:start}.ua-playground-input-column,.ua-playground-result-column{min-width:0}.ua-playground-result-column{display:grid;gap:var(--space-5)}.ua-playground-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-4)}@media(max-width:56rem){.ua-playground-workspace{grid-template-columns:minmax(0,1fr)}}.ua-playground-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.ua-playground-header h1{margin-bottom:var(--space-2);font-size:clamp(1.8rem,5vw,3rem)}.ua-playground-header p{color:var(--color-text-muted);max-width:50rem}.ua-playground-header nav{display:flex;gap:var(--space-3);flex-wrap:wrap}.ua-playground-version{color:var(--color-text-muted);font-size:.55em;font-weight:500}.ua-playground-mode-selector{display:inline-flex;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.ua-playground-mode-selector button,.ua-playground-actions button,.ua-playground-code-panel button,.ua-playground-client-hints button,.ua-playground-panel>button{border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-accent-contrast)}.ua-playground-mode-selector button[aria-selected=false],.ua-playground-button-secondary,.ua-playground-client-hints button{background:transparent;color:var(--color-text);border-color:var(--color-border)}.ua-playground-panel,.ua-playground-summary,.ua-playground-result-card,.ua-playground-code-panel,.ua-playground-empty-result{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-panel)}.ua-playground-panel,.ua-playground-summary,.ua-playground-code-panel,.ua-playground-empty-result{padding:var(--space-5)}.ua-playground-panel{display:grid;gap:var(--space-4)}.ua-playground-field{display:grid;gap:var(--space-2)}.ua-playground-field label{font-weight:650}.ua-playground-field textarea,.ua-playground-field select{width:100%;max-width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-page);padding:var(--space-3)}.ua-playground-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ua-playground-muted{color:var(--color-text-muted)}.ua-playground-error{color:var(--color-danger)}.ua-playground-status{min-height:1.5rem;margin-bottom:0;color:var(--color-text-muted)}.ua-playground-client-hints{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.ua-playground-client-hints summary{cursor:pointer;font-weight:650}.ua-playground-client-hints[open] summary{margin-bottom:var(--space-3)}.ua-playground-summary dl,.ua-playground-result-card dl{margin:0}.ua-playground-summary dl{display:grid;grid-template-columns:minmax(8rem,.6fr) minmax(0,1fr);gap:var(--space-2) var(--space-4)}.ua-playground-summary dt,.ua-playground-result-card dt{color:var(--color-text-muted)}.ua-playground-summary dd,.ua-playground-result-card dd{margin:0;overflow-wrap:anywhere}.ua-playground-result-card{padding:var(--space-4)}.ua-playground-result-card dl{display:grid;grid-template-columns:minmax(6rem,auto) minmax(0,1fr);gap:var(--space-2) var(--space-3)}.ua-playground-code-panel{min-width:0}.ua-playground-code-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.ua-playground-code-panel__header h2{margin-bottom:0}.ua-playground-code-panel pre{max-width:100%;overflow:auto;background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.ua-playground-code-panel code{white-space:pre}.ua-playground-global-status{margin-bottom:var(--space-4);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.ua-playground-global-status[data-kind=success]{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.ua-playground-global-status[data-kind=error]{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.ua-playground-privacy{margin-top:var(--space-6);color:var(--color-text-muted);text-align:center}@media(max-width:40rem){.ua-playground-header{flex-direction:column}.ua-playground-mode-selector{width:100%}.ua-playground-mode-selector button{flex:1}.ua-playground-summary dl,.ua-playground-result-card dl{grid-template-columns:minmax(0,1fr)}}.u-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}