:root{--am-void-50: #f4f4f6;--am-void-100: #e8e8ec;--am-void-200: #c8c8d4;--am-void-300: #9898b0;--am-void-400: #60607c;--am-void-500: #3a3a50;--am-void-600: #1e1e2e;--am-void-700: #121220;--am-void-800: #0d0d18;--am-void-900: #0a0a0b;--am-plasma-50: #f0eeff;--am-plasma-100: #ddd8ff;--am-plasma-200: #c0b5ff;--am-plasma-300: #9d88ff;--am-plasma-400: #7c5dff;--am-plasma-500: #6b3fef;--am-plasma-600: #5a2ed6;--am-plasma-700: #4720b8;--am-plasma-800: #33158a;--am-plasma-900: #1e0d5c;--am-nova-50: #fffaed;--am-nova-100: #fff3c4;--am-nova-200: #ffe680;--am-nova-300: #ffd340;--am-nova-400: #ffc200;--am-nova-500: #f5a800;--am-nova-600: #d48700;--am-nova-700: #a86200;--am-nova-800: #7a4200;--am-nova-900: #4d2800;--am-ease-out-quart: cubic-bezier(.25, 1, .5, 1);--am-ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--am-ease-in-out: cubic-bezier(.4, 0, .2, 1);--am-ease-spring: cubic-bezier(.2, 1.4, .3, 1);--am-duration-fast: .1s;--am-duration-base: .2s;--am-duration-slow: .35s;--am-duration-slower: .5s;--am-radius-none: 0;--am-radius-xs: .125rem;--am-radius-sm: .25rem;--am-radius-md: .5rem;--am-radius-lg: .75rem;--am-radius-xl: 1rem;--am-radius-2xl: 1.5rem;--am-radius-full: 9999px;--am-space-1: .25rem;--am-space-2: .5rem;--am-space-3: .75rem;--am-space-4: 1rem;--am-space-5: 1.25rem;--am-space-6: 1.5rem;--am-space-8: 2rem;--am-space-10: 2.5rem;--am-space-12: 3rem;--am-space-16: 4rem;--am-space-20: 5rem;--am-space-24: 6rem;--am-font-sans: "Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--am-font-mono: "JetBrains Mono Variable", "Fira Code", "Cascadia Code", monospace;--am-font-display: "Cal Sans", "Geist", var(--am-font-sans);--am-text-xs: .75rem;--am-text-sm: .875rem;--am-text-base: 1rem;--am-text-md: 1.125rem;--am-text-lg: 1.25rem;--am-text-xl: 1.5rem;--am-text-2xl: 1.875rem;--am-text-3xl: 2.25rem;--am-text-4xl: 3rem}@layer tokens{:root{color-scheme:light dark;--am-shadow-sm: 0 1px 3px hsl(240 20% 10% / .08), 0 1px 2px hsl(240 20% 10% / .06);--am-shadow-md: 0 4px 8px hsl(240 20% 10% / .1), 0 2px 4px hsl(240 20% 10% / .08);--am-shadow-lg: 0 12px 24px hsl(240 20% 10% / .12), 0 4px 8px hsl(240 20% 10% / .08);--am-shadow-xl: 0 24px 48px hsl(240 20% 10% / .16), 0 8px 16px hsl(240 20% 10% / .1);--am-glow-sm: 0 0 8px hsl(258 80% 65% / .2);--am-glow-md: 0 0 16px hsl(258 80% 65% / .3);--am-glow-lg: 0 0 32px hsl(258 80% 65% / .4);--am-color-bg-base: light-dark(var(--am-void-50), var(--am-void-900));--am-color-bg-surface: light-dark(#ffffff, var(--am-void-800));--am-color-bg-elevated: light-dark(#ffffff, var(--am-void-700));--am-color-bg-overlay: light-dark(var(--am-void-100), var(--am-void-600));--am-color-brand: light-dark(var(--am-plasma-600), var(--am-plasma-400));--am-color-brand-hover: light-dark(var(--am-plasma-700), var(--am-plasma-300));--am-color-brand-subtle: light-dark(var(--am-plasma-50), var(--am-plasma-900));--am-color-accent: light-dark(var(--am-nova-500), var(--am-nova-400));--am-color-text: light-dark(var(--am-void-900), var(--am-void-50));--am-color-text-muted: light-dark(var(--am-void-500), var(--am-void-300));--am-color-text-subtle: light-dark(var(--am-void-400), var(--am-void-400));--am-color-text-inverse: light-dark(#ffffff, var(--am-void-900));--am-color-border: light-dark(var(--am-void-200), var(--am-void-600));--am-color-border-focus: light-dark(var(--am-plasma-500), var(--am-plasma-400));--am-color-success: light-dark(#16a34a, #4ade80);--am-color-warning: light-dark(#d97706, #fbbf24);--am-color-error: light-dark(#dc2626, #f87171);--am-color-info: light-dark(var(--am-plasma-600), var(--am-plasma-400))}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}[data-theme=auto]{color-scheme:light dark}}@layer components{.am-button{--am-button-bg: var(--am-color-brand);--am-button-color: var(--am-color-text-inverse);--am-button-border: transparent;--am-button-radius: var(--am-radius-md);--am-button-height: var(--am-space-10);--am-button-padding-x: var(--am-space-4);--am-button-font-size: var(--am-text-sm);--am-button-font-weight: 500;--am-button-transition: all var(--am-duration-base) var(--am-ease-out-quart);--am-button-shadow: var(--am-shadow-sm);--am-button-glow: light-dark(none, var(--am-glow-sm));display:inline-flex;align-items:center;justify-content:center;gap:var(--am-space-2);height:var(--am-button-height);padding-inline:var(--am-button-padding-x);font-family:inherit;font-size:var(--am-button-font-size);font-weight:var(--am-button-font-weight);line-height:1.25;color:var(--am-button-color);background:var(--am-button-bg);border:1px solid var(--am-button-border);border-radius:var(--am-button-radius);box-shadow:var(--am-button-shadow),var(--am-button-glow);transition:var(--am-button-transition);cursor:pointer}.am-button:hover:not(:disabled){--am-button-bg: var(--am-color-brand-hover)}.am-button:active:not(:disabled){transform:scale(.98);transition-duration:var(--am-duration-fast)}.am-button[data-gpu=true]:active:not(:disabled){transform:none;animation:am-jelly-press var(--am-duration-base) var(--am-ease-spring)}.am-button:focus-visible{outline:2px solid var(--am-color-border-focus);outline-offset:2px}.am-button:disabled{opacity:.6;cursor:not-allowed}.am-button--xs{--am-button-height: var(--am-space-6);--am-button-padding-x: var(--am-space-2);--am-button-font-size: var(--am-text-xs)}.am-button--sm{--am-button-height: var(--am-space-8);--am-button-padding-x: var(--am-space-3);--am-button-font-size: var(--am-text-xs)}.am-button--lg{--am-button-height: var(--am-space-12);--am-button-padding-x: var(--am-space-5);--am-button-font-size: var(--am-text-base)}.am-button--xl{--am-button-height: var(--am-space-16);--am-button-padding-x: var(--am-space-6);--am-button-font-size: var(--am-text-md)}.am-button--outline{--am-button-bg: transparent;--am-button-color: var(--am-color-brand);--am-button-border: var(--am-color-brand)}.am-button--outline:hover:not(:disabled){--am-button-bg: var(--am-color-brand-subtle)}.am-button--ghost{--am-button-bg: transparent;--am-button-color: var(--am-color-text);--am-button-border: transparent;--am-button-shadow: none;--am-button-glow: none}.am-button--ghost:hover:not(:disabled){--am-button-bg: var(--am-color-bg-overlay)}.am-button--link{--am-button-bg: transparent;--am-button-color: var(--am-color-brand);--am-button-border: transparent;--am-button-shadow: none;--am-button-glow: none;--am-button-height: auto;padding-block:var(--am-space-1);text-decoration:underline;text-underline-offset:2px}.am-button--link:hover:not(:disabled){--am-button-color: var(--am-color-brand-hover)}.am-button[aria-busy=true]{pointer-events:none}.am-button__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--am-radius-full);animation:am-spin .6s linear infinite}@keyframes am-spin{to{transform:rotate(360deg)}}@keyframes am-jelly-press{0%{scale:1}40%{scale:.95 1.05}70%{scale:1.02 .98}to{scale:1}}@media(prefers-reduced-motion:reduce){.am-button[data-gpu=true]:active:not(:disabled){animation:none;transform:scale(.98)}}}@layer components{.am-card{--am-card-bg: var(--am-color-bg-surface);--am-card-border: var(--am-color-border);--am-card-radius: var(--am-radius-xl);--am-card-shadow: var(--am-shadow-md);--am-card-padding: var(--am-space-4);container-type:inline-size;container-name:am-card;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:0;background:var(--am-card-bg);border:1px solid var(--am-card-border);border-radius:var(--am-card-radius);box-shadow:var(--am-card-shadow);overflow:hidden;transition:box-shadow var(--am-duration-base) var(--am-ease-out-quart),border-color var(--am-duration-base) var(--am-ease-out-quart)}.am-card__header{grid-column:1;grid-row:1}.am-card__body{grid-column:1;grid-row:2}.am-card__footer{grid-column:1;grid-row:3}.am-card__media{grid-column:1;grid-row:1 / -1}.am-card--outlined{--am-card-shadow: none}.am-card--filled{--am-card-bg: var(--am-color-bg-overlay);--am-card-shadow: none}.am-card--clickable:hover{--am-card-border: var(--am-color-border-focus);box-shadow:var(--am-shadow-lg)}.am-card--clickable:focus-within{outline:2px solid var(--am-color-border-focus);outline-offset:2px}.am-card--gpu{--am-card-mouse-x: 50%;--am-card-mouse-y: 50%;position:relative}.am-card--gpu:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(600px circle at var(--am-card-mouse-x) var(--am-card-mouse-y),hsl(258 60% 60% / .08),transparent 40%);transition:opacity var(--am-duration-base) var(--am-ease-out-quart)}@media(prefers-reduced-motion:reduce){.am-card--gpu:before{opacity:0}}.am-card__header{padding:var(--am-card-padding);padding-bottom:0;font-size:var(--am-text-lg);font-weight:600;color:var(--am-color-text)}.am-card__body{padding:var(--am-card-padding);color:var(--am-color-text-muted);font-size:var(--am-text-sm);line-height:1.6}.am-card__footer{padding:var(--am-card-padding);padding-top:var(--am-space-2);border-top:1px solid var(--am-color-border)}.am-card__media{overflow:hidden;background:var(--am-color-bg-overlay)}.am-card__media img{width:100%;height:100%;object-fit:cover;display:block}@container am-card (min-width: 480px){.am-card[data-has-media=true]{grid-template-columns:40% 1fr;grid-template-rows:auto 1fr auto}.am-card[data-has-media=true] .am-card__header{grid-column:2;grid-row:1}.am-card[data-has-media=true] .am-card__body{grid-column:2;grid-row:2}.am-card[data-has-media=true] .am-card__footer{grid-column:2;grid-row:3}.am-card[data-has-media=true] .am-card__media{grid-column:1;grid-row:1 / -1}}}@layer components{.am-accordion{--am-accordion-border: var(--am-color-border);--am-accordion-bg: var(--am-color-bg-surface);--am-accordion-radius: var(--am-radius-md)}.am-accordion__item{border:1px solid var(--am-accordion-border);border-bottom:none;background:var(--am-accordion-bg)}.am-accordion__item:last-child{border-bottom:1px solid var(--am-accordion-border);border-radius:0 0 var(--am-accordion-radius) var(--am-accordion-radius)}.am-accordion__item:first-child{border-radius:var(--am-accordion-radius) var(--am-accordion-radius) 0 0}.am-accordion__trigger{display:block;width:100%;padding:var(--am-space-4);text-align:left;font:inherit;font-weight:600;color:var(--am-color-text);background:transparent;border:none;cursor:pointer;list-style:none;transition:background var(--am-duration-fast) var(--am-ease-out-quart)}.am-accordion__trigger::-webkit-details-marker{display:none}.am-accordion__trigger:hover{background:var(--am-color-bg-overlay)}.am-accordion__trigger:focus-visible{outline:2px solid var(--am-color-border-focus);outline-offset:-2px}.am-accordion__trigger[aria-disabled=true]{opacity:.6;cursor:not-allowed}.am-accordion__content{overflow:hidden;interpolate-size:allow-keywords}@supports (interpolate-size: allow-keywords){.am-accordion__content{transition:height var(--am-duration-slow) var(--am-ease-out-quart)}}.am-accordion__content[data-state=closed]{height:0}.am-accordion__content[data-state=open]{height:auto}.am-accordion__content-inner{padding:var(--am-space-4);padding-top:0;color:var(--am-color-text-muted);font-size:var(--am-text-sm)}.am-accordion--ghost .am-accordion__item{border:none;background:transparent}.am-accordion--ghost .am-accordion__item+.am-accordion__item{border-top:1px solid var(--am-accordion-border)}.am-accordion--divided .am-accordion__item+.am-accordion__item{border-top:1px solid var(--am-accordion-border)}@media(prefers-reduced-motion:reduce){.am-accordion__content{transition:none}}}@layer components{.am-tooltip-root{position:relative;display:inline-flex}.am-tooltip__trigger{cursor:help}.am-tooltip__content{--am-tooltip-bg: var(--am-color-void-900);--am-tooltip-color: var(--am-color-void-50);--am-tooltip-radius: var(--am-radius-sm);--am-tooltip-padding: var(--am-space-2) var(--am-space-3);--am-tooltip-shadow: var(--am-shadow-md);--am-tooltip-max-width: 16rem;position:fixed;z-index:9999;max-width:var(--am-tooltip-max-width);padding:var(--am-tooltip-padding);font-size:var(--am-text-xs);line-height:1.4;color:var(--am-tooltip-color);background:var(--am-tooltip-bg);border-radius:var(--am-tooltip-radius);box-shadow:var(--am-tooltip-shadow);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--am-duration-fast) var(--am-ease-out-quart),visibility var(--am-duration-fast)}.am-tooltip__content[data-visible=true],.am-tooltip__content:popover-open{opacity:1;visibility:visible}}@layer components{.am-dialog-root{position:relative}.am-dialog__trigger-wrapper{display:inline-block;cursor:pointer}.am-dialog{--am-dialog-bg: var(--am-color-bg-surface);--am-dialog-border: var(--am-color-border);--am-dialog-radius: var(--am-radius-xl);--am-dialog-shadow: var(--am-shadow-xl);--am-dialog-padding: var(--am-space-6);margin:auto;padding:0;max-width:min(90vw,32rem);border:1px solid var(--am-dialog-border);border-radius:var(--am-dialog-radius);box-shadow:var(--am-dialog-shadow);background:var(--am-dialog-bg);color:var(--am-color-text);transition:opacity var(--am-duration-base) var(--am-ease-out-quart),transform var(--am-duration-base) var(--am-ease-out-quart)}.am-dialog::backdrop{background:#00000080;backdrop-filter:blur(2px)}.am-dialog[open]{opacity:1;transform:translateY(0);@starting-style{opacity:0;transform:translateY(1rem)}}.am-dialog__content{padding:var(--am-dialog-padding)}.am-dialog__title{margin:0 0 var(--am-space-2);font-size:var(--am-text-lg);font-weight:600}.am-dialog__description{margin:0 0 var(--am-space-4);color:var(--am-color-text-muted);font-size:var(--am-text-sm)}@media(prefers-reduced-motion:reduce){.am-dialog{transition:none}}}@layer components{.am-select{position:relative;display:inline-block;min-width:10rem}.am-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--am-space-2);width:100%;padding:var(--am-space-2) var(--am-space-3);font:inherit;font-size:var(--am-text-sm);color:var(--am-color-text);background:var(--am-color-bg-surface);border:1px solid var(--am-color-border);border-radius:var(--am-radius-md);cursor:pointer;transition:border-color var(--am-duration-fast)}.am-select__trigger:hover{border-color:var(--am-color-border-focus)}.am-select__trigger:focus-visible{outline:2px solid var(--am-color-border-focus);outline-offset:2px}.am-select__value{flex:1;text-align:left}.am-select__value[data-placeholder]:before{content:attr(data-placeholder);color:var(--am-color-text-muted)}.am-select__chevron{font-size:.6em;opacity:.7}.am-select__listbox{position:absolute;z-index:50;top:100%;left:0;right:0;margin:var(--am-space-1) 0 0;padding:var(--am-space-1);max-height:16rem;overflow-y:auto;list-style:none;background:var(--am-color-bg-surface);border:1px solid var(--am-color-border);border-radius:var(--am-radius-md);box-shadow:var(--am-shadow-lg)}.am-select__option{padding:var(--am-space-2) var(--am-space-3);font-size:var(--am-text-sm);border-radius:var(--am-radius-sm);cursor:pointer}.am-select__option[aria-selected=true]{background:var(--am-color-brand-subtle);color:var(--am-color-brand)}.am-select__option:hover{background:var(--am-color-bg-overlay)}.am-select__option[aria-disabled=true]{opacity:.5;cursor:not-allowed}}@layer components{.am-slider{--am-slider-track-height: .375rem;--am-slider-thumb-size: 1.25rem;--am-slider-accent: var(--am-color-brand);container-type:inline-size;container-name:am-slider;display:block;padding:.5em 0}.am-slider__input{display:block;width:100%;height:var(--am-slider-thumb-size);margin:0;accent-color:var(--am-slider-accent);cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent}.am-slider__input::-webkit-slider-runnable-track{height:var(--am-slider-track-height);border-radius:var(--am-radius-full);background:var(--am-color-bg-overlay)}.am-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--am-slider-thumb-size);height:var(--am-slider-thumb-size);margin-top:calc((var(--am-slider-track-height) - var(--am-slider-thumb-size)) / 2);border-radius:var(--am-radius-full);background:var(--am-slider-accent);box-shadow:var(--am-shadow-sm);transition:transform var(--am-duration-fast) var(--am-ease-out-quart)}.am-slider__input::-moz-range-track{height:var(--am-slider-track-height);border-radius:var(--am-radius-full);background:var(--am-color-bg-overlay)}.am-slider__input::-moz-range-thumb{width:var(--am-slider-thumb-size);height:var(--am-slider-thumb-size);border:none;border-radius:var(--am-radius-full);background:var(--am-slider-accent);box-shadow:var(--am-shadow-sm);transition:transform var(--am-duration-fast) var(--am-ease-out-quart)}.am-slider--gpu .am-slider__input::-webkit-slider-thumb:active,.am-slider--gpu .am-slider__input::-moz-range-thumb:active{transform:scale(1.2)}@media(prefers-reduced-motion:reduce){.am-slider--gpu .am-slider__input::-webkit-slider-thumb:active,.am-slider--gpu .am-slider__input::-moz-range-thumb:active{transform:none}}@container am-slider (max-width: 200px){.am-slider{--am-slider-thumb-size: 1rem}}.am-slider--vertical{width:var(--am-slider-thumb-size);height:8rem}.am-slider--vertical .am-slider__input{width:var(--am-slider-thumb-size);height:100%;writing-mode:vertical-lr;direction:rtl}}@layer components{.am-toast-container{position:fixed;top:var(--am-space-4);right:var(--am-space-4);z-index:9999;display:flex;flex-direction:column;gap:var(--am-space-2);max-width:22rem;pointer-events:none}.am-toast{--am-toast-bg: var(--am-color-bg-surface);--am-toast-border: var(--am-color-border);--am-toast-icon: var(--am-color-info);display:flex;align-items:flex-start;gap:var(--am-space-3);padding:var(--am-space-4);background:var(--am-toast-bg);border:1px solid var(--am-toast-border);border-radius:var(--am-radius-md);box-shadow:var(--am-shadow-lg);pointer-events:auto;animation:am-toast-enter var(--am-duration-base) var(--am-ease-out-quart)}.am-toast--exiting{animation:am-toast-exit var(--am-duration-fast) var(--am-ease-out-quart) forwards}.am-toast--success{--am-toast-icon: var(--am-color-success)}.am-toast--warning{--am-toast-icon: var(--am-color-warning)}.am-toast--error{--am-toast-icon: var(--am-color-error)}.am-toast__icon{color:var(--am-toast-icon);font-size:1.25em}.am-toast__body{flex:1;min-width:0}.am-toast__title{display:block;font-weight:600;font-size:var(--am-text-sm)}.am-toast__description{display:block;margin-top:var(--am-space-1);color:var(--am-color-text-muted);font-size:var(--am-text-xs)}.am-toast__close{padding:0;font-size:1.25rem;line-height:1;color:var(--am-color-text-muted);background:none;border:none;cursor:pointer}.am-toast__close:hover{color:var(--am-color-text)}@keyframes am-toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes am-toast-exit{to{opacity:0;transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.am-toast{animation:none}.am-toast--exiting{animation:none;opacity:0}}}@layer tokens,reset,base,components,variants,states,themes,utilities;@layer reset{*,:before,:after{box-sizing:border-box}}@layer base{:root{font-family:var(--am-font-sans, system-ui, sans-serif);line-height:1.5;-webkit-font-smoothing:antialiased}}body{margin:0;min-height:100vh;background:var(--am-color-bg-base);color:var(--am-color-text)}.playground-header{padding:var(--am-space-4);border-bottom:1px solid var(--am-color-border);font-size:var(--am-text-sm)}.playground-nav{display:flex;flex-wrap:wrap;gap:var(--am-space-2);margin-top:var(--am-space-3)}.playground-main{padding:var(--am-space-6)}.muted{color:var(--am-color-text-muted)}section{margin-block:var(--am-space-8)}.row{display:flex;flex-wrap:wrap;gap:var(--am-space-3);align-items:center}code{font-family:var(--am-font-mono);padding:.125rem .25rem;border-radius:var(--am-radius-sm);background:var(--am-color-bg-overlay)}