@layer snow-base,snow-components;@layer snow-base{:root{--snow-primary: oklch(55% .25 250);--snow-primary-light: oklch(65% .2 250);--snow-primary-dark: oklch(45% .25 250);--snow-secondary: oklch(60% .15 10);--snow-success: oklch(65% .2 145);--snow-warning: oklch(75% .18 85);--snow-error: oklch(60% .22 25);--snow-bg: oklch(98% .005 250);--snow-bg-secondary: oklch(95% .008 250);--snow-surface: oklch(100% 0 0);--snow-text: oklch(20% .02 250);--snow-text-secondary: oklch(45% .02 250);--snow-muted: oklch(65% .01 250);--snow-border: oklch(85% .02 250);--snow-ring: oklch(55% .25 250);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: var(--font-sans);--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .05);--shadow-md: 0 4px 6px oklch(0% 0 0 / .1);--shadow-lg: 0 10px 15px oklch(0% 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=dark]{--snow-primary: oklch(65% .22 250);--snow-primary-light: oklch(75% .18 250);--snow-primary-dark: oklch(50% .22 250);--snow-secondary: oklch(65% .15 10);--snow-success: oklch(70% .18 145);--snow-warning: oklch(78% .16 85);--snow-error: oklch(65% .2 25);--snow-bg: oklch(15% .015 250);--snow-bg-secondary: oklch(20% .015 250);--snow-surface: oklch(22% .02 250);--snow-text: oklch(95% .01 250);--snow-text-secondary: oklch(70% .02 250);--snow-muted: oklch(50% .01 250);--snow-border: oklch(35% .02 250);--snow-ring: oklch(65% .22 250);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .2);--shadow-md: 0 4px 6px oklch(0% 0 0 / .3);--shadow-lg: 0 10px 15px oklch(0% 0 0 / .3);color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:var(--snow-border) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--snow-border);border-radius:9999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--snow-muted);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;transition:background-color .3s ease,color .3s ease}html,body,nav,main,footer,aside,section,article,.docs-sidebar,.docs-content,.wizard-drawer,.feature-card,.demo-box,.code-block,dialog{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--snow-text);background-color:var(--snow-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.token-tag{color:#f14d4c}.token-attr{color:#c79600;color:oklch(70% .15 85)}.token-string{color:#11ad32}.token-comment{color:var(--snow-text-secondary);font-style:italic}[data-theme=dark] .token-tag{color:#ff847d;color:oklch(75% .18 25)}[data-theme=dark] .token-attr{color:#eab532}[data-theme=dark] .token-string{color:#57cb60}@keyframes progress-indeterminate{0%{background-position:100% 0}to{background-position:-100% 0}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--space-md)}a{color:var(--snow-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--snow-primary-dark);text-decoration:underline}code{font-family:var(--font-mono);font-size:.875em;background:var(--snow-bg-secondary);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--snow-border)}pre{font-family:var(--font-mono);font-size:.875rem;background:var(--snow-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--snow-border);overflow-x:auto;margin-bottom:var(--space-lg)}pre code{background:none;padding:0;border:none}blockquote{border-left:4px solid var(--snow-primary);padding:var(--space-lg) var(--space-xl);margin:var(--space-lg) 0;font-style:italic;color:var(--snow-text-secondary);background:color-mix(in oklab,var(--snow-primary) 4%,var(--snow-bg));border-radius:0 var(--radius-md) var(--radius-md) 0}mark{background:color-mix(in oklab,var(--snow-warning) 30%,var(--snow-bg));padding:.1em .35em;border-radius:var(--radius-sm);box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-theme=dark] mark{background:color-mix(in oklab,var(--snow-warning) 35%,var(--snow-bg));color:var(--snow-text)}kbd{display:inline-block;padding:.15em .5em;font-family:var(--font-mono);font-size:.8em;background:var(--snow-bg-secondary);border:1px solid var(--snow-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--snow-border)}ul,ol{padding-left:1.75em;margin-bottom:var(--space-md)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-bottom:.25em;line-height:1.6}li>ul,li>ol{margin-top:.25em;margin-bottom:0}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}dl{margin-bottom:var(--space-md)}dt{font-weight:600;margin-bottom:var(--space-xs)}dd{margin-left:1.75em;margin-bottom:var(--space-sm);color:var(--snow-text-secondary)}}@layer snow-components{.snow-h1,.snow-h2,.snow-h3,.snow-h4,.snow-h5,.snow-h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}.snow-h1{font-size:clamp(2.5rem,5vw,4rem)}.snow-h2{font-size:clamp(2rem,4vw,3rem)}.snow-h3{font-size:clamp(1.5rem,3vw,2rem)}.snow-h4{font-size:1.5rem}.snow-h5{font-size:1.25rem}.snow-h6{font-size:1rem}.snow-p{margin-bottom:var(--space-md)}.snow-link{color:var(--snow-primary);text-decoration:none;transition:color var(--transition-fast)}.snow-link:hover{color:var(--snow-primary-dark);text-decoration:underline}.snow-code{font-family:var(--font-mono);font-size:.875em;background:var(--snow-bg-secondary);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--snow-border)}.snow-pre{font-family:var(--font-mono);font-size:.875rem;background:var(--snow-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--snow-border);overflow-x:auto;margin-bottom:var(--space-lg)}.snow-pre code,.snow-pre .snow-code{background:none;padding:0;border:none}.snow-blockquote{border-left:4px solid var(--snow-primary);padding:var(--space-lg) var(--space-xl);margin:var(--space-lg) 0;font-style:italic;color:var(--snow-text-secondary);background:color-mix(in oklab,var(--snow-primary) 4%,var(--snow-bg));border-radius:0 var(--radius-md) var(--radius-md) 0}.snow-blockquote footer{font-style:normal;font-weight:600;font-size:.9em;margin-top:var(--space-sm);color:var(--snow-text);border:none;padding:0}.snow-mark{background:color-mix(in oklab,var(--snow-warning) 30%,var(--snow-bg));padding:.1em .35em;border-radius:var(--radius-sm);box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-theme=dark] .snow-mark{background:color-mix(in oklab,var(--snow-warning) 35%,var(--snow-bg));color:var(--snow-text)}.snow-kbd{display:inline-block;padding:.15em .5em;font-family:var(--font-mono);font-size:.8em;background:linear-gradient(to bottom,var(--snow-surface),var(--snow-bg-secondary));border:1px solid var(--snow-border);border-radius:var(--radius-sm);box-shadow:0 2px color-mix(in oklab,var(--snow-border) 80%,black),inset 0 -1px color-mix(in oklab,var(--snow-border) 50%,transparent);line-height:1.4}.snow-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid color-mix(in oklab,var(--snow-text) 20%,var(--snow-border));border-radius:var(--radius-lg);overflow:hidden}.snow-table th,.snow-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid color-mix(in oklab,var(--snow-text) 12%,var(--snow-border))}.snow-table th{font-weight:600;font-size:.85em;letter-spacing:.03em;text-transform:uppercase;color:var(--snow-text-secondary);background:var(--snow-bg-secondary)}.snow-table tbody tr:last-child td{border-bottom:none}.snow-table tbody tr:hover{background:color-mix(in oklab,var(--snow-primary) 4%,transparent)}.snow-table thead tr:first-child th:first-child{border-top-left-radius:var(--radius-lg)}.snow-table thead tr:first-child th:last-child{border-top-right-radius:var(--radius-lg)}.snow-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.snow-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.snow-table tbody:first-child tr:first-child td:first-child{border-top-left-radius:var(--radius-lg)}.snow-table tbody:first-child tr:first-child td:last-child{border-top-right-radius:var(--radius-lg)}.snow-fieldset{border:1px solid color-mix(in oklab,var(--snow-text) 15%,var(--snow-border));border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--snow-surface)}.snow-fieldset label:last-child{margin-bottom:0}.snow-legend{font-weight:600;padding:0 var(--space-sm);font-size:.9em;color:var(--snow-text-secondary)}.snow-accordion{border:1px solid color-mix(in oklab,var(--snow-text) 12%,var(--snow-border));border-radius:var(--radius-lg);margin-bottom:var(--space-sm);background:var(--snow-surface);overflow:hidden}.snow-accordion summary{padding:var(--space-md) var(--space-lg);font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);list-style:none;display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-lg)}.snow-accordion[open] summary{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid color-mix(in oklab,var(--snow-text) 8%,var(--snow-border));background:var(--snow-bg-secondary)}.snow-accordion summary::-webkit-details-marker{display:none}.snow-accordion summary:after{content:"+";font-size:1.25em;font-weight:300;color:var(--snow-muted);transition:transform var(--transition-fast);flex-shrink:0;margin-left:var(--space-md)}.snow-accordion[open] summary:after{content:"−"}.snow-accordion summary:hover{background:var(--snow-bg-secondary)}.snow-accordion>*:not(summary){padding:var(--space-lg) var(--space-xl)}.snow-accordion>:last-child{margin-bottom:0}.snow-dialog{border:1px solid color-mix(in oklab,var(--snow-text) 15%,var(--snow-border));border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003,0 8px 20px #0000001f;padding:0;margin:auto;max-width:500px;width:90vw;background:var(--snow-surface)}.snow-dialog::backdrop{background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.snow-dialog article{padding:0}.snow-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--snow-border);background:var(--snow-bg-secondary)}.snow-dialog-header h3{margin:0;font-size:1.1rem}.snow-dialog-header .close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--space-xs);color:var(--snow-text-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.snow-dialog-header .close:hover{background:color-mix(in oklab,var(--snow-error) 12%,transparent);color:var(--snow-error)}.snow-dialog-body{padding:var(--space-lg)}.snow-dialog-footer{padding:var(--space-lg);border-top:1px solid var(--snow-border);background:var(--snow-bg-secondary);display:flex;gap:var(--space-md);justify-content:flex-end}.snow-progress{width:100%;height:10px;border:none;border-radius:var(--radius-full);background:var(--snow-bg-secondary);overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.snow-progress::-webkit-progress-bar{background:var(--snow-bg-secondary);border-radius:var(--radius-full);box-shadow:inset 0 1px 2px #0000001a}.snow-progress::-webkit-progress-value{background:linear-gradient(to bottom,var(--snow-primary-light),var(--snow-primary));border-radius:var(--radius-full);box-shadow:0 1px 2px color-mix(in oklab,var(--snow-primary) 40%,transparent)}.snow-progress::-moz-progress-bar{background:linear-gradient(to bottom,var(--snow-primary-light),var(--snow-primary));border-radius:var(--radius-full)}.snow-progress:indeterminate{background:linear-gradient(90deg,var(--snow-bg-secondary) 0%,var(--snow-primary) 50%,var(--snow-bg-secondary) 100%);background-size:200% 100%;animation:progress-indeterminate 1.5s linear infinite}.snow-progress:indeterminate::-webkit-progress-bar{background:transparent}.snow-meter{width:100%;height:10px;border:none;border-radius:var(--radius-full)}.snow-meter::-webkit-meter-bar{background:var(--snow-bg-secondary);border-radius:var(--radius-full);border:none;box-shadow:inset 0 1px 2px #0000001a}.snow-meter::-webkit-meter-optimum-value{background:linear-gradient(to bottom,oklch(72% .18 145),var(--snow-success));border-radius:var(--radius-full)}.snow-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.45em 1em;font-family:inherit;font-size:1rem;font-weight:600;color:var(--snow-text);background:linear-gradient(in oklch to bottom,color-mix(in oklch,var(--snow-surface) 85%,var(--snow-border)),color-mix(in oklch,var(--snow-bg-secondary) 90%,var(--snow-border)) 45%,color-mix(in oklch,var(--snow-bg-secondary) 75%,var(--snow-border)));border:2px solid color-mix(in oklab,var(--snow-text) 20%,var(--snow-border));border-radius:var(--radius-md);cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast);text-decoration:none;line-height:1.5;box-shadow:inset 0 1px color-mix(in oklab,white 20%,transparent),0 1px 3px #0000001a;text-shadow:none}.snow-btn:hover{background:linear-gradient(in oklch to bottom,color-mix(in oklch,var(--snow-bg-secondary) 90%,var(--snow-border)),color-mix(in oklch,var(--snow-bg-secondary) 70%,var(--snow-border)));border-color:color-mix(in oklab,var(--snow-text) 30%,var(--snow-border));color:var(--snow-text);text-decoration:none;transform:translateY(-1px);box-shadow:inset 0 1px color-mix(in oklab,white 15%,transparent),0 2px 6px #00000026}.snow-btn:active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000026,0 1px 2px #00000014}.snow-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--snow-ring) 20%,transparent)}.snow-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.snow-btn-primary{background:linear-gradient(in oklch to bottom,color-mix(in oklch,var(--snow-primary-light) 90%,white) 0%,var(--snow-primary) 45%,var(--snow-primary-dark) 100%);border-color:var(--snow-primary-dark);color:#fff}.snow-btn-primary:hover{background:linear-gradient(in oklch to bottom,var(--snow-primary-light) 0%,var(--snow-primary-dark) 100%);border-color:var(--snow-primary-dark)}.snow-btn-secondary{background:linear-gradient(in oklch to bottom,color-mix(in oklch,var(--snow-text) 15%,var(--snow-bg-secondary)),color-mix(in oklch,var(--snow-text) 22%,var(--snow-bg-secondary)) 45%,color-mix(in oklch,var(--snow-text) 30%,var(--snow-bg-secondary)));border-color:color-mix(in oklch,var(--snow-text) 25%,var(--snow-border));color:var(--snow-text);box-shadow:inset 0 1px color-mix(in oklch,white 12%,transparent),0 1px 3px #0000001a;text-shadow:none}.snow-btn-secondary:hover{background:linear-gradient(in oklch to bottom,color-mix(in oklch,var(--snow-text) 22%,var(--snow-bg-secondary)),color-mix(in oklch,var(--snow-text) 35%,var(--snow-bg-secondary)));border-color:color-mix(in oklch,var(--snow-text) 35%,var(--snow-border));color:var(--snow-text)}.snow-btn-outline{background:transparent;border-color:var(--snow-primary);color:var(--snow-primary);box-shadow:none;text-shadow:none}.snow-btn-outline:hover{background:var(--snow-primary);color:#fff}.snow-btn-ghost{background:transparent;border-color:transparent;color:var(--snow-primary);box-shadow:none;text-shadow:none}.snow-btn-ghost:hover{background:color-mix(in oklab,var(--snow-primary) 10%,transparent);color:var(--snow-primary)}.snow-btn-danger{background:linear-gradient(in oklch to bottom,color-mix(in oklch,var(--snow-error) 80%,white) 0%,var(--snow-error) 45%,color-mix(in oklch,var(--snow-error) 75%,black) 100%);border-color:color-mix(in oklch,var(--snow-error) 70%,black);color:#fff;box-shadow:inset 0 1px color-mix(in oklch,white 20%,transparent),0 1px 3px #0000001f;text-shadow:0 1px 1px rgba(0,0,0,.15)}.snow-btn-danger:hover{background:linear-gradient(in oklch to bottom,var(--snow-error) 0%,color-mix(in oklch,var(--snow-error) 70%,black) 100%);border-color:color-mix(in oklch,var(--snow-error) 65%,black);transform:translateY(-1px);box-shadow:inset 0 1px color-mix(in oklch,white 15%,transparent),0 2px 6px #0000002e}.snow-btn-success{background:linear-gradient(in oklch to bottom,color-mix(in oklch,var(--snow-success) 80%,white) 0%,var(--snow-success) 45%,color-mix(in oklch,var(--snow-success) 75%,black) 100%);border-color:color-mix(in oklch,var(--snow-success) 70%,black);color:#fff;box-shadow:inset 0 1px color-mix(in oklch,white 20%,transparent),0 1px 3px #0000001f;text-shadow:0 1px 1px rgba(0,0,0,.15)}.snow-btn-success:hover{background:linear-gradient(in oklch to bottom,var(--snow-success) 0%,color-mix(in oklch,var(--snow-success) 70%,black) 100%);border-color:color-mix(in oklch,var(--snow-success) 65%,black);transform:translateY(-1px);box-shadow:inset 0 1px color-mix(in oklch,white 15%,transparent),0 2px 6px #0000002e}.snow-btn-warning{background:linear-gradient(in oklch to bottom,color-mix(in oklch,var(--snow-warning) 80%,white) 0%,var(--snow-warning) 45%,color-mix(in oklch,var(--snow-warning) 75%,black) 100%);border-color:color-mix(in oklch,var(--snow-warning) 70%,black);color:#262117;box-shadow:inset 0 1px color-mix(in oklch,white 20%,transparent),0 1px 3px #0000001f;text-shadow:none}.snow-btn-warning:hover{background:linear-gradient(in oklch to bottom,var(--snow-warning) 0%,color-mix(in oklch,var(--snow-warning) 70%,black) 100%);border-color:color-mix(in oklch,var(--snow-warning) 65%,black);transform:translateY(-1px);box-shadow:inset 0 1px color-mix(in oklch,white 15%,transparent),0 2px 6px #0000002e}.snow-btn-sm{padding:.35em .75em;font-size:.8rem}.snow-btn-lg{padding:.55em 1.25em;font-size:1.25rem}.snow-btn-icon{padding:.45em;aspect-ratio:1}[data-btn-style=flat] .snow-btn{background:var(--snow-bg-secondary);box-shadow:none;text-shadow:none;border-color:color-mix(in oklab,var(--snow-text) 20%,var(--snow-border))}[data-btn-style=flat] .snow-btn:hover{background:color-mix(in oklab,var(--snow-bg-secondary) 85%,black);border-color:color-mix(in oklab,var(--snow-text) 30%,var(--snow-border));box-shadow:0 2px 6px #00000014}[data-btn-style=flat] .snow-btn:active{box-shadow:inset 0 2px 4px #0000001a}[data-btn-style=flat] .snow-btn-primary{background:var(--snow-primary);border-color:var(--snow-primary)}[data-btn-style=flat] .snow-btn-primary:hover{background:var(--snow-primary-dark);border-color:var(--snow-primary-dark)}[data-btn-style=flat] .snow-btn-danger{background:var(--snow-error);border-color:var(--snow-error)}[data-btn-style=flat] .snow-btn-danger:hover{background:color-mix(in oklch,var(--snow-error) 80%,black);border-color:color-mix(in oklch,var(--snow-error) 80%,black)}[data-btn-style=flat] .snow-btn-success{background:var(--snow-success);border-color:var(--snow-success)}[data-btn-style=flat] .snow-btn-success:hover{background:color-mix(in oklch,var(--snow-success) 80%,black);border-color:color-mix(in oklch,var(--snow-success) 80%,black)}[data-btn-style=flat] .snow-btn-warning{background:var(--snow-warning);border-color:var(--snow-warning)}[data-btn-style=flat] .snow-btn-warning:hover{background:color-mix(in oklch,var(--snow-warning) 80%,black);border-color:color-mix(in oklch,var(--snow-warning) 80%,black)}[data-btn-style=flat] .snow-btn-secondary{background:color-mix(in oklab,var(--snow-text) 22%,var(--snow-bg-secondary));border-color:color-mix(in oklab,var(--snow-text) 25%,var(--snow-border));box-shadow:none}[data-btn-style=flat] .snow-btn-secondary:hover{background:color-mix(in oklab,var(--snow-text) 30%,var(--snow-bg-secondary));border-color:color-mix(in oklab,var(--snow-text) 35%,var(--snow-border))}.snow-input,.snow-textarea,.snow-select{display:block;width:100%;padding:var(--space-md);font-family:inherit;font-size:1rem;line-height:1.5;color:var(--snow-text);background:color-mix(in oklab,var(--snow-primary) 4%,var(--snow-bg-secondary));border:1px solid color-mix(in oklab,var(--snow-primary) 12%,var(--snow-border));border-radius:var(--radius-md);box-shadow:inset 0 2px 6px #0000001f,inset 0 0 0 1px #0000000a;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.snow-input:focus,.snow-textarea:focus,.snow-select:focus{outline:none;border-color:var(--snow-primary);background-color:var(--snow-surface);box-shadow:inset 0 2px 6px #0000001f,0 0 0 3px color-mix(in oklab,var(--snow-ring) 20%,transparent)}.snow-input::placeholder,.snow-textarea::placeholder{color:var(--snow-muted)}.snow-input:disabled,.snow-textarea:disabled,.snow-select:disabled{opacity:.55;cursor:not-allowed}.snow-input:invalid:not(:placeholder-shown){border-color:var(--snow-error)}.snow-label{display:block;margin-bottom:var(--space-xs);font-weight:500;font-size:.85rem;color:var(--snow-text-secondary)}.snow-form-group{margin-bottom:var(--space-lg)}.snow-input-error{border-color:var(--snow-error)}.snow-input-error:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--snow-error) 20%,transparent)}.snow-input-success{border-color:var(--snow-success)}.snow-input-success:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--snow-success) 20%,transparent)}.snow-checkbox,.snow-radio{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);cursor:pointer;font-weight:400}.snow-checkbox input[type=checkbox],.snow-radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-content:center;width:1.25em;height:1.25em;margin:0;padding:0;font:inherit;color:var(--snow-primary);background:transparent;border:2px solid color-mix(in oklch,var(--snow-text) 30%,transparent);border-radius:4px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.snow-radio input[type=radio]{border-radius:50%}.snow-checkbox input[type=checkbox]:hover,.snow-radio input[type=radio]:hover{border-color:color-mix(in oklch,var(--snow-primary) 60%,transparent);background:color-mix(in oklch,var(--snow-primary) 6%,transparent)}.snow-checkbox input[type=checkbox]:focus-visible,.snow-radio input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--snow-primary) 20%,transparent);border-color:var(--snow-primary)}.snow-checkbox input[type=checkbox]:checked,.snow-radio input[type=radio]:checked{background:var(--snow-primary);border-color:var(--snow-primary)}.snow-checkbox input[type=checkbox]:checked:before{content:"";width:.65em;height:.65em;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:#fff}.snow-radio input[type=radio]:checked:before{content:"";width:.5em;height:.5em;border-radius:50%;background:#fff}.snow-checkbox input[type=checkbox]:disabled,.snow-radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.snow-pagination{display:flex;align-items:center;gap:var(--space-xs);list-style:none;padding:0;margin:0}.snow-pagination a,.snow-pagination button,.snow-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 var(--space-sm);font-size:.875rem;font-weight:500;color:var(--snow-text);background:var(--snow-surface);border:1px solid var(--snow-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.snow-pagination a:hover,.snow-pagination button:hover{background:var(--snow-bg-secondary);border-color:var(--snow-primary);color:var(--snow-primary)}.snow-pagination .active a,.snow-pagination .active button,.snow-pagination a[aria-current=page],.snow-pagination button[aria-current=page]{background:var(--snow-primary);border-color:var(--snow-primary);color:#fff;font-weight:600}.snow-pagination .disabled a,.snow-pagination .disabled button,.snow-pagination a[disabled],.snow-pagination button[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.snow-pagination .ellipsis{border:none;background:none;cursor:default;color:var(--snow-muted)}.snow-search{position:relative;display:flex;align-items:center}.snow-search input{padding-left:2.5rem;border-radius:var(--radius-full)}.snow-search-icon{position:absolute;left:var(--space-md);color:var(--snow-muted);pointer-events:none;width:1rem;height:1rem}.snow-search-icon svg{width:100%;height:100%}.snow-search-clear{position:absolute;right:var(--space-sm);background:none;border:none;padding:var(--space-xs);color:var(--snow-muted);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;min-width:auto;width:1.5rem;height:1.5rem}.snow-search-clear:hover{background:var(--snow-bg-secondary);color:var(--snow-text)}.snow-filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.snow-filter-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.35em .85em;font-size:.8125rem;font-weight:500;color:var(--snow-text);background:var(--snow-surface);border:1px solid var(--snow-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.snow-filter-chip:hover{border-color:var(--snow-primary);color:var(--snow-primary);background:color-mix(in oklab,var(--snow-primary) 5%,var(--snow-surface))}.snow-filter-chip.active,.snow-filter-chip[aria-pressed=true]{background:color-mix(in oklab,var(--snow-primary) 12%,var(--snow-surface));border-color:var(--snow-primary);color:var(--snow-primary);font-weight:600}.snow-filter-chip .snow-filter-count{font-size:.7em;background:var(--snow-bg-secondary);padding:.1em .5em;border-radius:var(--radius-full);color:var(--snow-text-secondary)}.snow-filter-chip.active .snow-filter-count{background:color-mix(in oklab,var(--snow-primary) 20%,var(--snow-surface));color:var(--snow-primary)}.snow-toggle-group{display:inline-flex;align-items:center;border-radius:var(--radius-lg);background:var(--snow-bg-secondary);border:1px solid var(--snow-border);padding:4px;gap:2px;margin-bottom:0}.snow-toggle-group button,.snow-toggle-group label{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:.8125rem;font-weight:500;color:var(--snow-text-secondary);background:transparent;border:none;border-radius:calc(var(--radius-lg) - 3px);cursor:pointer;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease;white-space:nowrap;min-width:auto;margin:0;position:relative}.snow-toggle-group button:hover,.snow-toggle-group label:hover{color:var(--snow-text);background:color-mix(in oklab,var(--snow-surface) 60%,transparent)}.snow-toggle-group button.active,.snow-toggle-group button[aria-pressed=true],.snow-toggle-group label.active,.snow-toggle-group input:checked+span{background:var(--snow-surface);color:var(--snow-primary);font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.snow-toggle-group input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.snow-card{background:var(--snow-surface);border:1px solid color-mix(in oklab,var(--snow-text) 12%,var(--snow-border));border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 2px #0000000f,0 4px 8px #0000000a;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.snow-card:hover{box-shadow:0 2px 4px #00000014,0 8px 16px #0000000f}.snow-card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--snow-border);background:var(--snow-bg-secondary)}.snow-card-header h2,.snow-card-header h3{margin:0;font-size:1.15rem}.snow-card-body{padding:var(--space-xl)}.snow-card-body>:last-child{margin-bottom:0}.snow-card-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--snow-border);background:var(--snow-bg-secondary);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.snow-badge{display:inline-flex;align-items:center;padding:.2em .7em;font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.01em;border-radius:var(--radius-full);background:var(--snow-bg-secondary);color:var(--snow-text);border:1px solid var(--snow-border)}.snow-badge-primary{background:color-mix(in oklab,var(--snow-primary) 14%,var(--snow-bg));color:var(--snow-primary-dark);border-color:color-mix(in oklab,var(--snow-primary) 30%,var(--snow-border))}.snow-badge-success{background:color-mix(in oklab,var(--snow-success) 14%,var(--snow-bg));color:color-mix(in oklab,var(--snow-success) 70%,black);border-color:color-mix(in oklab,var(--snow-success) 30%,var(--snow-border))}.snow-badge-warning{background:color-mix(in oklab,var(--snow-warning) 18%,var(--snow-bg));color:color-mix(in oklab,var(--snow-warning) 60%,black);border-color:color-mix(in oklab,var(--snow-warning) 30%,var(--snow-border))}.snow-badge-danger{background:color-mix(in oklab,var(--snow-error) 14%,var(--snow-bg));color:color-mix(in oklab,var(--snow-error) 70%,black);border-color:color-mix(in oklab,var(--snow-error) 30%,var(--snow-border))}.snow-alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid var(--snow-border);border:1px solid var(--snow-border);border-left-width:4px;background:var(--snow-bg-secondary);margin-bottom:var(--space-lg)}.snow-alert-info{border-color:color-mix(in oklab,var(--snow-primary) 20%,var(--snow-border));border-left-color:var(--snow-primary);background:color-mix(in oklab,var(--snow-primary) 6%,var(--snow-bg))}.snow-alert-success{border-color:color-mix(in oklab,var(--snow-success) 20%,var(--snow-border));border-left-color:var(--snow-success);background:color-mix(in oklab,var(--snow-success) 6%,var(--snow-bg))}.snow-alert-warning{border-color:color-mix(in oklab,var(--snow-warning) 25%,var(--snow-border));border-left-color:var(--snow-warning);background:color-mix(in oklab,var(--snow-warning) 8%,var(--snow-bg))}.snow-alert-danger{border-color:color-mix(in oklab,var(--snow-error) 20%,var(--snow-border));border-left-color:var(--snow-error);background:color-mix(in oklab,var(--snow-error) 6%,var(--snow-bg))}.snow-list{padding-left:1.75em;margin-bottom:var(--space-md)}.snow-list li{margin-bottom:.35em;line-height:1.6}.snow-list li::marker{color:var(--snow-primary)}.snow-list li>.snow-list{margin-top:.35em;margin-bottom:0}ul.snow-list{list-style-type:disc}ol.snow-list{list-style-type:decimal}ul.snow-list ul.snow-list{list-style-type:circle}ul.snow-list ul.snow-list ul.snow-list{list-style-type:square}ul.snow-list-none,ol.snow-list-none,.snow-list-none{list-style:none;padding-left:0}.snow-list-none li{margin-bottom:.35em}ul.snow-list-inline,ol.snow-list-inline,.snow-list-inline{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg)}.snow-list-inline li{margin-bottom:0}ul.snow-list-divided,ol.snow-list-divided,.snow-list-divided{list-style:none;padding-left:0}.snow-list-divided li{padding:var(--space-sm) 0;border-bottom:1px solid var(--snow-border);margin-bottom:0}.snow-list-divided li:last-child{border-bottom:none}ul.snow-list-check,ol.snow-list-check,.snow-list-check{list-style:none;padding-left:0}.snow-list-check li{position:relative;padding-left:1.75em;margin-bottom:.5em}.snow-list-check li:before{content:"";position:absolute;left:0;top:.35em;width:1em;height:1em;background:var(--snow-primary);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / contain no-repeat}ul.snow-list-timeline,ol.snow-list-timeline,.snow-list-timeline{list-style:none;padding-left:1.5em;position:relative}.snow-list-timeline:before{content:"";position:absolute;left:.35em;top:.5em;bottom:.5em;width:2px;background:var(--snow-border)}.snow-list-timeline li{position:relative;padding-left:1em;padding-bottom:var(--space-lg);margin-bottom:0}.snow-list-timeline li:last-child{padding-bottom:0}.snow-list-timeline li:before{content:"";position:absolute;left:-1.15em;top:.45em;width:.75em;height:.75em;background:var(--snow-surface);border:2px solid var(--snow-primary);border-radius:50%}.snow-dl dt{font-weight:600;margin-bottom:var(--space-xs);color:var(--snow-text)}.snow-dl dd{margin-left:1.75em;margin-bottom:var(--space-md);color:var(--snow-text-secondary)}.snow-dl-horizontal{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-xl);align-items:baseline}.snow-dl-horizontal dt{font-weight:600;color:var(--snow-text);margin-bottom:0}.snow-dl-horizontal dd{margin-left:0;margin-bottom:0;color:var(--snow-text-secondary)}}.main-nav{position:sticky;top:0;z-index:100;background:color-mix(in oklch,var(--snow-surface) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--snow-border)}.nav-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--space-lg);height:56px}.logo{display:inline-flex;align-items:center;gap:.4em;font-size:1.1rem;font-weight:800;letter-spacing:.12em;color:var(--snow-text);text-decoration:none}.logo:before{content:"❄";font-size:1.3em;line-height:1;color:var(--snow-primary)}.logo:hover{color:var(--snow-primary);text-decoration:none}.nav-links{display:flex;list-style:none;gap:var(--space-lg);margin:0;padding:0}.nav-links a{font-size:.9rem;font-weight:500;color:var(--snow-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--snow-text)}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.nav-actions a{color:var(--snow-text-secondary);transition:color var(--transition-fast)}.nav-actions a:hover{color:var(--snow-text)}.nav-divider{width:1px;height:20px;background:var(--snow-border);margin:0 var(--space-xs)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--snow-text-secondary);transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--snow-bg-secondary);color:var(--snow-text)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .moon,[data-theme=dark] .theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .moon{display:block}.start-flow{text-align:center;padding:var(--space-3xl) var(--space-lg);max-width:700px;margin:0 auto}.start-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-md)}.highlight{background:linear-gradient(in oklch 135deg,var(--snow-primary-light),var(--snow-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-subtitle{font-size:1.1rem;color:var(--snow-text-secondary);line-height:1.6;margin-bottom:var(--space-2xl)}.accent-picker{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.accent-swatch-large{position:relative;display:block;width:64px;height:64px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:0 0 0 2px var(--snow-surface),0 0 0 4px var(--snow-primary),0 4px 20px #0000001a;transition:box-shadow .2s ease,transform .2s ease}.accent-swatch-large:hover{transform:scale(1.06);box-shadow:0 0 0 2px var(--snow-surface),0 0 0 4px var(--snow-primary),0 6px 30px #00000026}.accent-swatch-large input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.accent-swatch-large input[type=color]::-webkit-color-swatch-wrapper{padding:0}.accent-swatch-large input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-lg)}.accent-swatch-large input[type=color]::-moz-color-swatch{border:none;border-radius:var(--radius-lg)}.accent-hex-input{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;padding:var(--space-md) var(--space-lg);width:170px;height:64px;box-sizing:border-box;text-align:center;border:2px solid var(--snow-border);border-radius:var(--radius-md);background:var(--snow-surface);color:var(--snow-text);transition:border-color .2s ease,box-shadow .2s ease}.accent-hex-input:focus{outline:none;border-color:var(--snow-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--snow-ring) 15%,transparent)}.palette-preview{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-2xl);max-width:500px;margin-left:auto;margin-right:auto}.palette-row{display:flex;align-items:center;gap:var(--space-md)}.palette-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--snow-text-secondary);min-width:42px;text-align:right}.palette-swatches{display:flex;gap:4px;flex:1}.palette-swatch-mini{flex:1;height:32px;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 2px #fff3;transition:transform .15s ease}.palette-swatch-mini:first-child{border-radius:var(--radius-md) var(--radius-sm) var(--radius-sm) var(--radius-md)}.palette-swatch-mini:last-child{border-radius:var(--radius-sm) var(--radius-md) var(--radius-md) var(--radius-sm)}.palette-swatch-mini:hover{transform:scaleY(1.2);z-index:1}.how-it-works{padding:var(--space-3xl) var(--space-lg);background:var(--snow-bg-secondary)}.how-it-works-content{max-width:560px;margin:0 auto;text-align:center}.how-it-works-content h2{font-size:1.5rem;font-weight:800;margin-bottom:var(--space-md)}.how-it-works-content p{font-size:.95rem;color:var(--snow-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.how-it-works-content code{font-size:.85em}.how-it-works-links{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg)}.how-it-works-links a{font-size:.95rem;font-weight:600;color:var(--snow-primary)}.docs-layout{display:grid;grid-template-columns:250px 1fr;gap:var(--space-xl);max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg);min-height:calc(100vh - 80px)}@media (max-width: 900px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{display:none}}.docs-sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--snow-bg-secondary);border:1px solid var(--snow-border);border-radius:var(--radius-md, 12px);padding:var(--space-lg);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-lg)}.nav-section h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--snow-text);margin-bottom:var(--space-sm)}.nav-section ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:var(--space-xs)}.nav-section a{display:block;padding:var(--space-xs) var(--space-sm);font-size:.9rem;color:var(--snow-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);border-left:2px solid transparent}.nav-section a:hover{color:var(--snow-text);background:var(--snow-bg-secondary);text-decoration:none}.nav-section a.active{color:var(--snow-primary);background:var(--snow-bg-secondary);border-left-color:var(--snow-primary);font-weight:500}.docs-content{min-width:0}.docs-section{padding-bottom:var(--space-3xl);border-bottom:1px solid var(--snow-border);margin-bottom:var(--space-3xl)}.docs-section:last-child{border-bottom:none}.section-label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--snow-primary);margin-bottom:var(--space-sm)}.docs-section h1{font-size:2.5rem;margin-bottom:var(--space-md)}.docs-section>h2{font-size:1.25rem;font-weight:600;margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:var(--snow-text);letter-spacing:-.01em}.lead{font-size:1.2rem;color:var(--snow-text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.code-block{position:relative;margin:var(--space-lg) 0}.code-block pre{margin:0;padding:var(--space-lg);padding-right:var(--space-3xl);background:var(--snow-bg-secondary);border:1px solid var(--snow-border);border-radius:var(--radius-md);overflow-x:auto}.code-block code{background:none;padding:0}.copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:.75rem;background:var(--snow-surface);border:1px solid var(--snow-border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.code-block:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--snow-bg-secondary)}.demo-box{padding:var(--space-xl);background:var(--snow-surface);border:1px solid var(--snow-border);border-radius:var(--radius-md);margin:var(--space-lg) 0}.demo-box>:last-child{margin-bottom:0}.demo-item{padding:var(--space-md);background:var(--snow-primary);color:#fff;border-radius:var(--radius-sm);text-align:center;font-weight:600}.tip-box{padding:var(--space-md);background:color-mix(in oklab,var(--snow-primary) 10%,transparent);border-left:4px solid var(--snow-primary);border-radius:var(--radius-sm);margin:var(--space-lg) 0}.docs-footer{border-top:1px solid var(--snow-border);padding:var(--space-xl) var(--space-lg);text-align:center;color:var(--snow-text-secondary);margin-top:auto}.wizard-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:var(--snow-surface);color:var(--snow-primary);border:1px solid var(--snow-border);border-right:none;border-radius:10px 0 0 10px;cursor:pointer;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:-4px 2px 16px #00000014;transition:all .25s cubic-bezier(.4,0,.2,1)}.wizard-tab:hover{padding-right:14px;background:var(--snow-primary);color:#fff;border-color:var(--snow-primary);box-shadow:-6px 4px 24px color-mix(in oklab,var(--snow-primary) 25%,transparent)}.wizard-tab svg{width:20px;height:20px}.wizard-tab span{writing-mode:vertical-rl;text-orientation:mixed}body.wizard-open .wizard-tab{opacity:0;pointer-events:none;transform:translateY(-50%) translate(100%)}.wizard-drawer{position:fixed;right:0;top:0;bottom:0;width:33vw;min-width:300px;max-width:500px;font-size:16px;background:var(--snow-surface);border-left:1px solid var(--snow-border);box-shadow:-8px 0 40px #00000014;z-index:300;display:flex;flex-direction:column;transform:translate(100%);transition:transform .45s cubic-bezier(.32,.72,0,1)}body.wizard-open .wizard-drawer{transform:translate(0)}@keyframes slideInBounce{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutBounce{0%{transform:translate(0)}to{transform:translate(100%)}}body.wizard-open .wizard-drawer{animation:slideInBounce .45s cubic-bezier(.32,.72,0,1) forwards}body.wizard-closing .wizard-drawer{animation:slideOutBounce .35s cubic-bezier(.32,.72,0,1) forwards}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--snow-border);background:var(--snow-bg)}.wizard-header-left{display:flex;align-items:center;gap:10px}.wizard-header-icon{width:22px;height:22px;color:var(--snow-primary);opacity:.8}.wizard-header h3{margin:0;font-size:.9rem;font-weight:700;letter-spacing:-.01em}.theme-indicator{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:3px;background:var(--snow-bg-secondary);color:var(--snow-text-secondary);border:1px solid var(--snow-border);display:inline-block;line-height:1.5}.theme-indicator.dark{background:var(--snow-bg);color:var(--snow-text-secondary);border-color:var(--snow-border)}.wizard-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;border-radius:6px;cursor:pointer;color:var(--snow-text-secondary);transition:all .15s ease}.wizard-close:hover{background:var(--snow-bg-secondary);color:var(--snow-text)}.wizard-close svg{width:15px;height:15px}.wizard-content{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--snow-border) transparent}.wizard-content::-webkit-scrollbar{width:4px}.wizard-content::-webkit-scrollbar-track{background:transparent}.wizard-content::-webkit-scrollbar-thumb{background:var(--snow-border);border-radius:10px}.wizard-section{padding:12px 16px;border-bottom:1px solid var(--snow-border)}.wizard-section:last-child{border-bottom:none}.wizard-section-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.wizard-section-header svg{width:13px;height:13px;color:var(--snow-text-secondary);flex-shrink:0;opacity:.5}.wizard-section-header h4,.wizard-section h4{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--snow-text-secondary);margin:0}.wizard-hint{font-size:.72rem;color:var(--snow-text-secondary);opacity:.6;margin-top:-4px;margin-bottom:10px}.wizard-field{margin-bottom:10px}.wizard-field:last-child{margin-bottom:0}.wizard-field>label{display:block;font-size:.72rem;font-weight:500;color:var(--snow-text-secondary);margin-bottom:4px}.wizard-drawer select,.wizard-drawer .wizard-field select{display:block;width:100%;padding:6px 10px;font-size:.78rem;font-family:inherit;background:var(--snow-bg);border:1px solid var(--snow-border);border-radius:6px;color:var(--snow-text);line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer}.wizard-drawer select:hover{border-color:var(--snow-text-secondary)}.wizard-drawer select:focus{outline:none;border-color:var(--snow-primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--snow-ring) 10%,transparent)}.font-pair-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.7rem;font-weight:500;font-family:inherit;color:var(--snow-text-secondary);background:var(--snow-bg-secondary);border:1px solid var(--snow-border);border-radius:5px;cursor:pointer;transition:all .15s ease;width:100%;justify-content:center}.font-pair-btn:hover{background:var(--snow-border);color:var(--snow-text)}.color-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}.color-row+.color-row{border-top:1px solid oklch(50% 0 0 / .06)}.color-row-label{font-size:.76rem;font-weight:500;color:var(--snow-text);min-width:52px;flex-shrink:0}.color-row-controls{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.color-swatch{position:relative;display:block;width:28px;height:28px;flex-shrink:0;border-radius:6px;overflow:hidden;cursor:pointer;margin:0;box-shadow:0 0 0 1px #0000001a,0 1px 3px #0000001a;transition:box-shadow .15s ease,transform .15s ease}.color-swatch:hover{transform:scale(1.12);box-shadow:0 0 0 1px #00000026,0 2px 8px #00000026}.color-swatch:active{transform:scale(.95)}.wizard-drawer .color-swatch input[type=color],.color-swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;padding:0;margin:0;border:none;border-radius:6px;cursor:pointer;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-swatch input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.color-swatch input[type=color]::-moz-color-swatch{border:none;border-radius:6px}.wizard-drawer .color-text,.color-row-controls .color-text{display:block;width:80px!important;flex:0 0 80px;font-family:var(--font-mono);font-size:.72rem;padding:5px 8px;background:var(--snow-bg);border:1px solid var(--snow-border);border-radius:6px;color:var(--snow-text);text-align:center;line-height:1.4;transition:border-color .15s ease}.wizard-drawer .color-text:hover{border-color:var(--snow-text-secondary)}.wizard-drawer .color-text:focus{outline:none;border-color:var(--snow-primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--snow-ring) 10%,transparent)}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.palette-grid-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px;border-radius:6px;transition:background .15s ease}.palette-grid-item:hover{background:var(--snow-bg-secondary)}.palette-grid-swatch{position:relative;width:100%;aspect-ratio:2 / 1;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 1px 2px #0000000f}.palette-grid-swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.palette-grid-swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.palette-grid-swatch input[type=color]::-webkit-color-swatch{border:none}.palette-grid-swatch input[type=color]::-moz-color-swatch{border:none}.palette-grid-label{font-size:.6rem;font-weight:600;color:var(--snow-text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.range-group{display:flex;gap:10px;align-items:center}.wizard-drawer input[type=range],.range-group input[type=range]{display:block;flex:1;width:auto;height:3px;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--snow-border);border:none;border-radius:100px;cursor:pointer;outline:none}.range-group input[type=range]:focus{box-shadow:none}.range-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--snow-surface);border:2px solid var(--snow-primary);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001f;transition:transform .15s ease,box-shadow .15s ease}.range-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 6px color-mix(in oklab,var(--snow-primary) 25%,transparent)}.range-group input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--snow-surface);border:2px solid var(--snow-primary);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001f}.range-group input[type=range]::-moz-range-progress{background:var(--snow-primary);height:3px;border-radius:100px}.range-value{min-width:38px;font-size:.68rem;font-family:var(--font-mono);font-weight:500;color:var(--snow-text-secondary);text-align:center;background:var(--snow-bg);padding:2px 6px;border-radius:4px;border:1px solid var(--snow-border)}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:4px 0;transition:opacity .15s ease;margin:0;font-size:inherit;font-weight:inherit}.toggle-label:hover{opacity:.85}.toggle-label-text{font-size:.78rem;font-weight:450;color:var(--snow-text)}.toggle-switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.wizard-drawer .toggle-switch input[type=checkbox],.toggle-switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-track{width:32px;height:18px;background:var(--snow-border);border-radius:18px;position:relative;transition:background .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--snow-surface);border-radius:50%;box-shadow:0 1px 2px #00000026;transition:transform .25s cubic-bezier(.4,0,.2,1),width .15s ease}.toggle-switch input:checked+.toggle-track{background:var(--snow-primary)}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(14px)}.toggle-switch input:focus-visible+.toggle-track{box-shadow:0 0 0 2px color-mix(in oklab,var(--snow-ring) 20%,transparent)}.toggle-label:active .toggle-thumb{width:17px}.toggle-label:active .toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(11px)}.wizard-footer{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--snow-border);background:var(--snow-bg)}.wizard-footer button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease}.wizard-footer button svg{flex-shrink:0}.btn-reset{background:var(--snow-bg-secondary);border:1px solid var(--snow-border);color:var(--snow-text-secondary)}.btn-reset:hover{background:var(--snow-border);color:var(--snow-text)}.btn-generate{background:var(--snow-primary);border:none;color:#fff;box-shadow:0 1px 6px color-mix(in oklab,var(--snow-ring) 20%,transparent)}.btn-generate:hover{filter:brightness(1.08);box-shadow:0 3px 12px color-mix(in oklab,var(--snow-primary) 30%,transparent);transform:translateY(-1px)}.btn-generate:active{transform:translateY(0)}.wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:250;opacity:0;pointer-events:none;transition:opacity .35s ease}body.wizard-open .wizard-overlay{opacity:1;pointer-events:auto}.css-modal{max-width:700px;width:90vw;max-height:80vh;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0;margin:auto;position:fixed;top:0;right:0;bottom:0;left:0;height:fit-content}.css-modal::backdrop{background:#00000080}.css-modal article{display:flex;flex-direction:column;max-height:80vh}.css-modal header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--snow-border)}.css-modal header h3{margin:0}.css-modal header .close{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:none;border:none;cursor:pointer;color:var(--snow-text-secondary);border-radius:var(--radius-sm)}.css-modal header .close:hover{background:var(--snow-bg-secondary);color:var(--snow-text)}.modal-tabs{display:flex;gap:0;padding:0 var(--space-lg);border-bottom:1px solid var(--snow-border);background:var(--snow-bg)}.modal-tab{padding:var(--space-sm) var(--space-lg);font-size:.82rem;font-weight:600;color:var(--snow-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.modal-tab:hover{color:var(--snow-text)}.modal-tab.active{color:var(--snow-primary);border-bottom-color:var(--snow-primary)}.modal-tab-content{display:none}.modal-tab-content.active{display:block}.css-output-wrapper{position:relative;margin:var(--space-md) var(--space-lg);flex:1;min-height:200px;max-height:400px;overflow:auto}.css-output-wrapper pre{margin:0;height:100%;background:var(--snow-bg-secondary);border:1px solid var(--snow-border);border-radius:var(--radius-md);padding:var(--space-lg);font-size:.85rem;overflow:auto}.css-output-wrapper .copy-btn{opacity:1}.quickstart-content{padding:var(--space-lg);font-size:.9rem;line-height:1.7}.quickstart-content h4{font-size:.95rem;font-weight:700;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.quickstart-content h4:first-child{margin-top:0}.quickstart-content pre{background:var(--snow-bg-secondary);border:1px solid var(--snow-border);border-radius:var(--radius-md);padding:var(--space-md);font-size:.82rem;overflow-x:auto;margin:var(--space-sm) 0}.quickstart-content code{font-size:.85em}.quickstart-content p{margin-bottom:var(--space-sm);color:var(--snow-text-secondary)}.quickstart-content ol,.quickstart-content ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.css-modal footer{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--snow-border)}.css-modal footer button{padding:var(--space-sm) var(--space-lg)}.css-modal footer button.secondary{background:transparent;border:1px solid var(--snow-border);color:var(--snow-text)}blockquote{border-left:4px solid var(--snow-primary);padding-left:var(--space-lg);margin:var(--space-lg) 0;font-style:italic;color:var(--snow-text-secondary)}blockquote footer{font-style:normal;font-weight:600;margin-top:var(--space-sm);color:var(--snow-text);border:none;padding:0}mark{background:color-mix(in oklab,var(--snow-warning) 30%,var(--snow-bg));padding:.1em .3em;border-radius:var(--radius-sm)}[data-theme=dark] mark{background:color-mix(in oklab,var(--snow-warning) 35%,var(--snow-bg));color:var(--snow-text)}kbd{display:inline-block;padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:.85em;background:var(--snow-bg-secondary);border:1px solid var(--snow-border);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--snow-border)}.demo-box .checkbox,.demo-box .radio{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:var(--space-xs) var(--space-sm);background:var(--snow-text);color:var(--snow-bg);font-size:.8rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}.demo-box button{margin-right:var(--space-sm);margin-bottom:var(--space-sm)}.demo-box .snow-toggle-group button,.demo-box .snow-pagination button,.demo-box .snow-filter-bar button,.demo-box .snow-card button,.demo-box .snow-card-footer button,.demo-box article.card button,.demo-box dialog button{margin-right:0;margin-bottom:0}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}[data-theme=dark] .wizard-drawer{box-shadow:-8px 0 40px #0000004d}[data-theme=dark] .wizard-tab{box-shadow:-4px 2px 16px #00000040}[data-theme=dark] .color-swatch{box-shadow:0 0 0 1px #ffffff14,0 1px 3px #0000004d}[data-theme=dark] .color-row+.color-row{border-top-color:#ffffff0d}[data-theme=dark] .range-group input[type=range]::-webkit-slider-thumb{background:var(--snow-surface);box-shadow:0 1px 3px #0006}[data-theme=dark] .toggle-thumb{background:var(--snow-surface);box-shadow:0 1px 2px #0006}[data-theme=dark] .range-value{background:var(--snow-bg-secondary)}[data-theme=dark] .wizard-overlay{background:#00000073}[data-theme=dark] .palette-swatch-mini{box-shadow:inset 0 0 0 2px #ffffff26}[data-theme=dark] .palette-grid-swatch{box-shadow:0 0 0 1px #ffffff0f,0 1px 2px #0003}@media (max-width: 768px){.start-flow{padding:var(--space-2xl) var(--space-md)}.accent-picker{flex-direction:column}.palette-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.wizard-drawer{width:90vw;min-width:0;max-width:none}.wizard-tab{top:auto;bottom:var(--space-lg);transform:none;border-radius:10px 0 0 10px}body.wizard-open .wizard-tab{transform:translate(100%)}.nav-links{display:none}.palette-preview{max-width:100%}.modal-tabs{padding:0 var(--space-md)}.modal-tab{padding:var(--space-sm) var(--space-md);font-size:.75rem}.css-modal{width:95vw;max-height:90vh}.css-modal article{max-height:90vh}.css-modal footer{flex-direction:column}.how-it-works-links{flex-direction:column;gap:var(--space-sm)}.examples-grid{grid-template-columns:1fr}}