/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-sky-400:oklch(74.6% .16 232.661);--color-blue-500:var(--accent);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--primary);--color-on-primary:var(--on-primary);--color-brand:var(--accent)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}option,optgroup{color:var(--ink);background-color:var(--surface)}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);letter-spacing:-.005em;color:var(--ink-2);background:var(--paper);font-feature-settings:"cv11" 1, "ss03" 1;font-size:16px;line-height:1.6}h1,h2,h3,h4,strong,b,th{color:var(--ink)}:is(.authored-colors,.studio-mock-frame,.tw-examples-frame,.contrast-preview,.visualizer-stage) :is(h1,h2,h3,h4,h5,h6,strong,b,th){color:inherit}h1,h2,h3{text-wrap:balance;font-weight:500}p{text-wrap:pretty}code,kbd,pre,samp,.font-mono{font-family:var(--font-mono)}::selection{background:var(--accent-line);color:var(--ink)}a{color:inherit}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-\[repeat\(auto-fill\,minmax\(96px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(180px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-line{border-color:var(--line)}.bg-\[\#\.\.\]{background-color:#..}.bg-\[\#111\]{background-color:#111}.bg-\[\#123456\]{background-color:#123456}.bg-\[\#eeeeee\]{background-color:#eee}.bg-\[var\(--panel\)\]{background-color:var(--panel)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-panel{background-color:var(--panel)}.bg-paper{background-color:var(--paper)}.bg-primary{background-color:var(--primary)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-linear-90\/oklch{--tw-gradient-position:90deg}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-90\/oklch{--tw-gradient-position:90deg in oklch}}.bg-linear-90\/oklch{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-135\/oklch{--tw-gradient-position:135deg}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-135\/oklch{--tw-gradient-position:135deg in oklch}}.bg-linear-135\/oklch{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-\[45deg_in_oklch\,\#111111\,\#222222\,\#333333\,\#444444\]{--tw-gradient-position:45deg in oklch,#111,#222,#333,#444;background-image:linear-gradient(var(--tw-gradient-stops,45deg in oklch,#111,#222,#333,#444))}.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.bg-radial\/oklch{--tw-gradient-position:in oklch;background-image:radial-gradient(var(--tw-gradient-stops))}.from-\[\#0F2027\]{--tw-gradient-from:#0f2027;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#111111\]{--tw-gradient-from:#111;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#F72585\]{--tw-gradient-from:#f72585;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#203A43\]{--tw-gradient-via:#203a43;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#2C5364\]{--tw-gradient-to:#2c5364;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#7209B7\]{--tw-gradient-to:#7209b7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#EEEEEE\]{--tw-gradient-to:#eee;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-wrap{text-wrap:wrap}.text-\[\#2a4a72\]{color:#2a4a72}.text-\[\#222\]{color:#222}.text-\[\#cccccc\]{color:#ccc}.text-\[var\(--muted\)\]{color:var(--muted)}.text-ink-2{color:var(--ink-2)}.text-muted{color:var(--muted)}.text-on-primary{color:var(--on-primary)}.text-slate-700{color:var(--color-slate-700)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.selection\:bg-accent-line ::selection{background-color:var(--accent-line)}.selection\:bg-accent-line::selection{background-color:var(--accent-line)}.selection\:text-ink ::selection{color:var(--ink)}.selection\:text-ink::selection{color:var(--ink)}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:bg-\[\#111111\]{background-color:#111}}}:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--paper:#fafaf7;--surface:#fff;--surface-hover:#f5f4f0;--panel:#f1f0eb;--panel-strong:#e8e6df;--line:#2a2a2717;--line-strong:#2a2a2729;--ink:#2a2a27;--ink-2:#55534d;--muted:#6e6c66;--faint:#a8a59c;--primary:#2a2a27;--primary-hover:#3b3b37;--on-primary:#fff;--accent:#6842c2;--accent-soft:#f1edfb;--accent-soft-hover:#e7e0f8;--accent-line:#d9cff5;--mark:#ffb00057;--bubble:#0a84ff;--success:#2f7d4f;--warning:#9a6400;--danger:#b4362b;--neutral-300:#d3d1c8;--neutral-400:#a8a59c;--shadow-xs:0 1px 2px #2a2a270d;--shadow-card:0 0 0 1px #2a2a270f, 0 4px 14px #2a2a2712;--shadow-float:0 14px 30px #2a2a271f, 0 2px 6px #2a2a2712;--shadow-window:0 1px 2px #2a2a270d, 0 14px 36px #2a2a2717, 0 40px 90px #2a2a2717, 0 0 0 1px #2a2a2712;--header-shadow:0 8px 24px #2a2a2712, 0 1px 3px #2a2a270f;--backdrop:#1414125c;--r-xs:7px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:28px;--r-pill:999px;--ease:cubic-bezier(.2, .7, .2, 1);--header-h:84px;--accent-fill:var(--primary);--accent-fill-hover:var(--primary-hover)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#141412;--surface:#1c1c19;--surface-hover:#24241f;--panel:#1f1f1c;--panel-strong:#2b2b27;--line:#edece617;--line-strong:#edece629;--ink:#edece6;--ink-2:#c8c6be;--muted:#9c998f;--faint:#67655e;--primary:#edece6;--primary-hover:#fff;--on-primary:#1c1c19;--accent:#b59af4;--accent-soft:#2a2338;--accent-soft-hover:#352b49;--accent-line:#4a3a63;--mark:#ffb00047;--success:#6fcf97;--warning:#e2b458;--danger:#f08a7e;--neutral-300:#45443e;--neutral-400:#85837b;--shadow-xs:0 1px 2px #00000059;--shadow-card:0 0 0 1px var(--line), 0 4px 14px #00000059;--shadow-float:0 14px 30px #00000073, 0 2px 6px #00000059;--shadow-window:0 1px 2px #00000059, 0 14px 36px #0006, 0 40px 90px #00000080, 0 0 0 1px var(--line);--header-shadow:0 8px 24px #00000059, 0 0 0 1px var(--line);--backdrop:#0000008c}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.skip-link{z-index:100;border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);padding:12px 18px;font-size:14px;font-weight:500;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.page-width{width:min(1120px,100% - 64px);margin-inline:auto}.reading{width:min(720px,100% - 64px);margin-inline:auto}.section{padding-block:128px}.section-sm{padding-block:64px}.hero-top{padding-top:96px}.center{text-align:center}.center>p,.center .lead{margin-inline:auto}.t-display,.t-h1,.t-h2,.t-h3{color:var(--ink);text-wrap:balance;font-weight:500}.t-display{letter-spacing:-.035em;font-size:72px;line-height:1.02}.t-h1{letter-spacing:-.03em;font-size:56px;line-height:1.05}.t-h2{letter-spacing:-.028em;font-size:44px;line-height:1.08}.t-h3{letter-spacing:-.015em;font-size:24px;line-height:1.25}.lead,.t-lead{letter-spacing:-.01em;color:var(--muted);text-wrap:pretty;max-width:640px;font-size:21px;line-height:1.5}.t-body{color:var(--ink-2);font-size:16px;line-height:1.6}.t-small{font-size:14px;line-height:1.45}.hint{color:var(--muted);font-size:13px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:500;display:flex}.eyebrow b,.eyebrow .num{color:var(--muted);font-weight:500}.center .eyebrow,.eyebrow.center{justify-content:center}.mark{background:var(--mark);color:var(--ink);border-radius:4px;padding:0 .15em}.link,.text-link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.link,.text-link{-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent)}}.link,.text-link{text-underline-offset:3px;transition:text-decoration-color .18s var(--ease)}.link:hover,.text-link:hover{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.text-link{align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}kbd{border:1px solid var(--line-strong);border-radius:var(--r-xs);background:var(--panel);color:var(--muted);padding:1px 6px;font-size:12px;line-height:1.5;display:inline-block}.button-primary,.button-secondary,.button-ghost{border-radius:var(--r-pill);letter-spacing:-.005em;white-space:nowrap;min-height:48px;transition:background-color .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-family:inherit;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.button-primary{background:var(--primary);color:var(--on-primary)}.button-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.button-primary:active{transform:none}.button-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button-secondary:hover{background:var(--surface-hover)}.button-ghost{color:var(--ink);background:0 0}.button-ghost:hover{background:var(--surface-hover)}.button-sm{min-height:36px;padding:0 16px;font-size:14px}.button-lg{min-height:52px;padding:0 26px}.button-primary:disabled,.button-secondary:disabled,.button-ghost:disabled{opacity:.45;transform:none}.icon-button{width:40px;height:40px;color:var(--ink-2);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:50%;place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-hover);color:var(--ink)}.chip{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);font-family:var(--font-mono);color:var(--ink);transition:background-color .18s var(--ease), border-color .18s var(--ease);align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:400;line-height:1.4;display:inline-flex}.chip b,.chip .num{color:var(--muted);font-weight:400}button.chip:hover,a.chip:hover{background:var(--surface-hover)}.chip.is-selected,.chip[aria-pressed=true],.chip[aria-selected=true],.chip[aria-current=true]{background:var(--panel-strong);border-color:var(--line-strong);color:var(--ink)}.chip-strong,.chip-strong.is-selected,.chip-strong[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.badge{border-radius:var(--r-pill);font-family:var(--font-mono);background:var(--badge-color,var(--muted));align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.badge{background:color-mix(in oklab, var(--badge-color,var(--muted)) 12%, transparent)}}.badge{color:var(--badge-color,var(--muted))}.badge-success,.badge-pass{--badge-color:var(--success)}.badge-warning{--badge-color:var(--warning)}.badge-danger,.badge-fail{--badge-color:var(--danger)}.badge-accent,.badge-pro{--badge-color:var(--accent)}.segmented{border-radius:var(--r-pill);background:var(--panel-strong);align-items:center;gap:2px;padding:3px;display:inline-flex}.segmented>*{border-radius:var(--r-pill);min-height:34px;color:var(--muted);white-space:nowrap;transition:background-color .18s var(--ease), color .18s var(--ease);justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.segmented>:hover{color:var(--ink)}.segmented>.is-selected,.segmented>[aria-pressed=true],.segmented>[aria-selected=true],.segmented>[aria-checked=true],.segmented>[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.panel{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);padding:32px}.panel>.chip{margin-bottom:14px}.card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card)}.window{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-window);text-align:left;overflow:hidden}.window-bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;height:36px;padding-inline:14px;display:flex;position:relative}.window-bar:before{content:"";background:#ff5f57;border-radius:50%;flex-shrink:0;width:11px;height:11px;box-shadow:19px 0 #febc2e,38px 0 #28c840}.window-title{text-align:center;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;position:absolute;inset-inline:72px;overflow:hidden}.canvas-frame{border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(120% 60% at 50% 100%, var(--accent), transparent 70%), var(--paper);padding:clamp(16px,5vw,56px)}@supports (color:color-mix(in lab, red, red)){.canvas-frame{background:radial-gradient(120% 60% at 50% 100%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%), var(--paper)}}.prompt-box{border-radius:var(--r-md);background:var(--panel);color:var(--ink-2);padding:18px 20px;font-size:16px;line-height:1.5}.prompt-box .label,.prompt-box>span:first-child{color:var(--muted)}.bubble{background:var(--bubble);color:#fff;text-align:left;border-radius:18px 18px 6px;width:fit-content;max-width:min(520px,100%);margin-left:auto;padding:12px 18px;font-size:16px;line-height:1.45}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);width:100%;height:44px;color:var(--ink);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);padding:0 14px;font-family:inherit;font-size:15px}.input::placeholder,.textarea::placeholder{color:var(--muted)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c998f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.textarea{height:auto;min-height:96px;padding:12px 14px;line-height:1.5}.input-lg{height:48px}.input:focus,.select:focus,.textarea:focus,.input:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.input:focus,.select:focus,.textarea:focus,.input:focus-within{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}}.field{gap:8px;display:grid}.field>label,.label{color:var(--ink);font-size:14px;font-weight:500}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.section-heading h1,.section-heading h2{letter-spacing:-.028em;color:var(--ink);margin-top:12px;font-size:44px;line-height:1.08}.section-heading p:not(.eyebrow){letter-spacing:-.01em;max-width:720px;color:var(--muted);margin-top:12px;font-size:18px;line-height:1.5}.empty-state{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding:64px 24px;display:flex}.empty-state h1,.empty-state h2{letter-spacing:-.015em;color:var(--ink);font-size:24px;font-weight:500;line-height:1.25}.empty-state p{max-width:460px;font-size:15px}.code-block{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);font-family:var(--font-mono);color:var(--ink);white-space:pre;tab-size:2;padding:14px 16px;font-size:13px;line-height:1.7;overflow-x:auto}.agent-tool-list{gap:14px;margin-block:24px;font-size:14px;display:grid}.agent-tool-list dt{color:var(--ink);margin-bottom:4px;font-weight:500}.agent-tool-list dd{color:var(--muted);line-height:1.7}.agent-tool-list code,.doc-page p code,.doc-page li code,.doc-page td code,.legal-page code{font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;font-size:.92em}.agent-snippets{gap:18px;min-width:0;display:grid}.snippet{min-width:0}.snippet-head{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.snippet-head button{border-radius:var(--r-pill);color:var(--accent);align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:500;display:inline-flex}.snippet-head button:hover{background:var(--accent-soft)}.snippet .code-block{background:var(--surface)}.studio-dialog{width:min(640px,100% - 32px);max-height:calc(100dvh - 40px);color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow-window);border:none;border-radius:24px;margin:auto;padding:0}.studio-dialog[open]{animation:dialog-rise .22s var(--ease)}.studio-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-content{padding:28px}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.dialog-heading h2{letter-spacing:-.015em;color:var(--ink);font-size:24px;font-weight:500;line-height:1.25}.dialog-heading button{background:var(--panel);width:36px;height:36px;color:var(--ink-2);transition:background-color .18s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.dialog-heading button:hover{background:var(--panel-strong);color:var(--ink)}@keyframes dialog-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toast{z-index:60;border-radius:var(--r-pill);background:var(--primary);max-width:calc(100% - 32px);color:var(--on-primary);box-shadow:var(--shadow-float);animation:toast-rise .2s var(--ease);align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;line-height:1.3;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast svg{flex-shrink:0}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--ink) 22%, transparent)}}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--ink) 38%, transparent)}}:root[data-theme=dark] .bg-white,:root[data-theme=dark] .bg-white\/70{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .bg-white\/70{background-color:color-mix(in oklab, var(--surface) 70%, transparent)}}:root[data-theme=dark] .bg-white\/95{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .bg-white\/95{background-color:color-mix(in oklab, var(--surface) 95%, transparent)}}:root[data-theme=dark] .border-white{border-color:var(--surface)}:root[data-theme=dark] .border-black\/5,:root[data-theme=dark] .border-black\/10,:root[data-theme=dark] .border-black\/15{border-color:var(--line)}:root[data-theme=dark] .bg-black\/5{background-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .bg-black\/5{background-color:color-mix(in oklab, var(--ink) 6%, transparent)}}:root[data-theme=dark] .bg-brand-fill,:root[data-theme=dark] .bg-neutral-900,:root[data-theme=dark] .bg-primary{color:var(--on-primary)}:root[data-theme=dark] .hover\:bg-black:hover{background-color:var(--primary-hover)}@media (width<=1100px){.page-width{width:min(1120px,100% - 56px)}}@media (width<=640px){.page-width,.reading{width:calc(100% - 40px)}.section{padding-block:80px}.section-sm{padding-block:48px}.hero-top{padding-top:56px}.t-display{font-size:42px}.t-h1{font-size:38px}.t-h2,.section-heading h1,.section-heading h2{font-size:32px}.t-h3,.dialog-heading h2,.empty-state h1,.empty-state h2{font-size:21px}.lead,.t-lead,.section-heading p:not(.eyebrow){font-size:18px}.chip{font-size:13px}.panel{padding:20px}.section-heading{flex-direction:column;align-items:flex-start;gap:16px}.dialog-content{padding:20px}.button-sm,.icon-button{min-height:44px}.icon-button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button-primary:hover{transform:none}}.page-width>.empty-state{margin-block:48px}html:lang(ja){--font-sans:"Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", Meiryo, system-ui, sans-serif}html:lang(ja) body{line-break:strict;overflow-wrap:break-word;line-height:1.75}html:lang(ja) :is(h1,h2,h3,h4){word-break:auto-phrase}html:lang(ja) body *{letter-spacing:0!important}html:lang(ja) :is(em,i,cite){font-style:normal}html:lang(ja) :is(h1,h2,h3){line-height:1.4}.site-header{z-index:30;width:min(1120px,100% - 32px);margin:12px auto;position:sticky;top:12px}.header-bar{z-index:2;background:var(--surface);border-radius:20px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:60px;padding-inline:14px 10px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.header-bar{background:color-mix(in oklab, var(--surface) 88%, transparent)}}.header-bar{-webkit-backdrop-filter:blur(16px);box-shadow:var(--header-shadow)}.brand{flex-shrink:0;justify-self:start;align-items:center;padding-left:4px;display:inline-flex}.brand-image{object-fit:contain;width:auto;height:30px;display:block}.brand-image-dark{align-items:center;gap:6px;min-width:0;display:none}.brand-image-dark img:first-child{object-fit:contain;flex-shrink:0;width:28px;height:28px}.brand-image-dark img:last-child{flex:0 auto;width:118px;min-width:0;max-width:100%;height:auto}:root[data-theme=dark] .brand-image-light{display:none}:root[data-theme=dark] .brand-image-dark{display:flex}.primary-nav{color:var(--ink-2);align-items:center;gap:2px;font-size:15px;font-weight:500;display:flex}.primary-nav a,.primary-nav button{border-radius:var(--r-pill);transition:background-color .18s var(--ease), color .18s var(--ease);align-items:center;gap:4px;padding:8px 14px;display:flex}.primary-nav a:hover,.primary-nav button:hover{color:var(--ink);background:var(--surface-hover)}.primary-nav .active{color:var(--ink);background:var(--panel)}.primary-nav button svg{transition:transform .18s var(--ease)}.primary-nav button[aria-expanded=true] svg{transform:rotate(180deg)}.header-actions{justify-self:end;align-items:center;gap:4px;display:flex}.account-nav,.theme-picker{width:40px;height:40px;color:var(--ink-2);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.account-nav:hover,.theme-picker:hover{background:var(--surface-hover);color:var(--ink)}.theme-picker{cursor:pointer}.theme-picker:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-picker{height:40px;color:var(--ink-2);font-family:var(--font-mono,"Geist Mono", monospace);letter-spacing:.04em;transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding-inline:10px;font-size:12px;display:inline-flex;position:relative}.lang-picker:hover{background:var(--surface-hover);color:var(--ink)}.lang-picker{cursor:pointer}.lang-picker:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=420px){.lang-picker{justify-content:center;width:40px;padding-inline:0}.lang-picker .lang-code{display:none}}.menu-picker{flex-shrink:0;position:relative}.menu-picker-panel{z-index:5;min-width:168px;max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--header-h) - 24px);background:var(--surface);box-shadow:var(--shadow-window);animation:menu-picker-rise .16s var(--ease);border-radius:18px;gap:2px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto}@keyframes menu-picker-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.menu-picker-option{border-radius:var(--r-md);min-height:40px;color:var(--ink-2);white-space:nowrap;cursor:pointer;transition:background-color .18s var(--ease);outline:none;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.menu-picker-option>svg:first-child{flex-shrink:0}.menu-picker-option:hover,.menu-picker-option:focus{background:var(--surface-hover);color:var(--ink)}.menu-picker-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.menu-picker-option[aria-selected=true]{color:var(--ink)}.menu-picker-check{color:var(--accent);flex-shrink:0;margin-left:auto}@media (prefers-reduced-motion:reduce){.menu-picker-panel{animation:none}}@supports (appearance:base-select){select:not([multiple]):not([size]){appearance:base-select}select:not([multiple]):not([size])::picker(select){appearance:base-select}select:not([multiple]):not([size]){field-sizing:fixed;justify-content:space-between;align-items:center}::picker(select){background:var(--surface);color:var(--ink);box-shadow:var(--shadow-window);border:0;border-radius:18px;margin-block:6px;padding:8px}select option{border-radius:var(--r-md);min-height:36px;color:var(--ink-2);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}select option:hover,select option:focus-visible{background:var(--surface-hover);color:var(--ink);outline:none}select option:checked{color:var(--ink)}select option::checkmark{color:var(--accent);content:"✓";order:1;margin-left:auto}select::picker-icon{display:none}}.footer-lang{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.footer-lang .select{width:auto;min-width:170px;height:36px;font-size:14px}.locale-banner{background:var(--panel);border-bottom:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:8px 48px 8px 16px;font-size:14px;display:flex;position:relative}.locale-banner p{margin:0}.locale-banner-close{width:44px;height:44px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.locale-banner-close:hover{background:var(--surface-hover);color:var(--ink)}.theme-dark-icon,:root[data-theme=dark] .theme-light-icon{display:none}:root[data-theme=dark] .theme-dark-icon{display:block}.saved-nav{white-space:nowrap;border-radius:var(--r-pill);height:40px;color:var(--ink-2);transition:background-color .18s var(--ease), color .18s var(--ease);flex-shrink:0;align-items:center;gap:8px;padding-inline:12px;font-size:14px;font-weight:500;display:flex}.saved-nav:hover,.saved-nav.active{background:var(--surface-hover);color:var(--ink)}.saved-nav small{border-radius:var(--r-pill);background:var(--accent-soft);min-width:20px;font-family:var(--font-mono);text-align:center;color:var(--accent);padding:0 6px;font-size:12px;line-height:20px}.header-cta{white-space:nowrap;flex-shrink:0;margin-left:8px}.mobile-menu-toggle{width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;display:none}.mobile-menu-toggle:hover{background:var(--surface-hover)}.nav-backdrop{z-index:1;background:var(--backdrop);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.nav-backdrop{background:color-mix(in oklab, var(--backdrop) 22%, transparent)}}.tools-navigation{z-index:3;width:min(680px,100%);max-height:calc(100dvh - var(--header-h) - 24px);background:var(--surface);box-shadow:var(--shadow-window);animation:nav-rise .2s var(--ease);border-radius:24px;padding:20px;position:absolute;top:calc(100% + 8px);left:50%;overflow:auto;transform:translate(-50%)}@keyframes nav-rise{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.tools-navigation .eyebrow{padding:4px 12px 0}.nav-tool-grid{grid-template-columns:1fr 1fr;gap:2px 12px;margin-top:8px;display:grid}@media (width>=1200px){.tools-navigation{width:min(960px,100vw - 48px)}.nav-tool-grid{grid-template-columns:repeat(3,1fr)}}.nav-tool-grid a{border-radius:var(--r-md);transition:background-color .18s var(--ease);padding:12px}.nav-tool-grid a:hover{background:var(--surface-hover)}.nav-tool-grid span{color:var(--ink);justify-content:space-between;align-items:center;font-size:15px;font-weight:500;display:flex}.nav-tool-grid span svg{color:var(--faint);transition:color .18s var(--ease), transform .18s var(--ease)}.nav-tool-grid a:hover span svg{color:var(--ink);transform:translate(1px,-1px)}.nav-tool-grid small{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.4;display:block}.mobile-primary,.mobile-cta{display:none}.account-connection-status{border:1px solid var(--danger);flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:12px;padding:12px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.account-connection-status{border:1px solid color-mix(in oklab, var(--danger) 30%, transparent)}}.account-connection-status{border-radius:var(--r-md);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.account-connection-status{background:color-mix(in oklab, var(--danger) 8%, var(--surface))}}.account-connection-status{color:var(--ink);font-size:14px}.account-connection-status .text-link{color:var(--danger)}.site-footer{border-top:1px solid var(--line);background:var(--paper);margin-top:96px}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding-block:64px 48px;display:grid}.footer-top p{max-width:320px;color:var(--muted);margin-top:16px;font-size:15px;line-height:1.6}.footer-credit{color:var(--muted);margin-top:12px;font-size:13px;display:block}.footer-top h2{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;font-size:12px;font-weight:500}.footer-top>div>a:not(.brand){color:var(--ink-2);transition:color .18s var(--ease);padding-block:6px;font-size:15px;display:block}.footer-top a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:24px 32px;font-size:14px;display:flex}.footer-bottom div{flex-wrap:wrap;gap:8px 24px;display:flex}.footer-bottom a{transition:color .18s var(--ease);align-items:center;gap:4px;display:inline-flex}.footer-bottom a:hover,.footer-link-button:hover{color:var(--ink)}.footer-link-button{font:inherit;color:inherit;cursor:pointer;transition:color .18s var(--ease);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.consent-banner{z-index:60;left:50%;bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);width:min(760px,100% - 32px);box-shadow:var(--shadow-float);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:14px 16px 14px 20px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.consent-banner:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.consent-banner p{text-wrap:pretty;flex:280px;margin:0;line-height:1.45}.consent-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.consent-actions .button-secondary{min-width:96px}.consent-link{color:var(--accent);text-underline-offset:3px;padding-inline:4px;text-decoration:underline}@media (width<=640px){.consent-banner{padding:14px 16px}.consent-actions{width:100%}.consent-actions .button-secondary{flex:1 1 0;min-height:44px}.consent-link{justify-content:center;align-items:center;width:100%;min-height:44px;display:inline-flex}}@media (width<=1180px){.saved-nav span{display:none}.saved-nav{justify-content:center;width:40px;padding:0;position:relative}.saved-nav small{min-width:18px;padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:-2px;right:-2px}}@media (width<=1024px){.header-bar{grid-template-columns:1fr auto}.primary-nav,.header-cta{display:none}.mobile-menu-toggle{display:grid}.tools-navigation{width:100%;animation-name:nav-rise-mobile;left:0;transform:none}.mobile-primary{border-bottom:1px solid var(--line);gap:2px;margin-bottom:8px;padding-bottom:12px;display:grid}.mobile-primary a{border-radius:var(--r-md);color:var(--ink);justify-content:space-between;align-items:center;padding:14px 12px;font-size:17px;font-weight:500;display:flex}.mobile-primary a:hover{background:var(--surface-hover)}.mobile-cta{width:100%;margin-top:16px;display:flex}}@keyframes nav-rise-mobile{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=800px){.footer-top{grid-template-columns:1fr 1fr 1fr;gap:32px 24px;padding-block:48px 32px}.footer-top>div:first-child{grid-column:1/-1}}@media (width<=640px){.site-header{width:calc(100% - 24px)}.header-bar{gap:8px;padding-inline:10px 8px}.brand-image{height:26px}.brand-image-dark img:first-child{width:26px;height:26px}.brand-image-dark{gap:4px}.brand-image-dark img:last-child{width:98px}.header-actions{gap:0}.account-nav,.theme-picker,.saved-nav,.mobile-menu-toggle{width:44px;height:44px}.lang-picker{height:44px;padding-inline:8px}.nav-tool-grid{grid-template-columns:1fr;gap:0}.tools-navigation{border-radius:24px;padding:16px}.site-footer{margin-top:64px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}}.home-page{background:var(--paper);overflow-x:clip}.home-hero{padding-bottom:64px}.home-hero .eyebrow{margin-bottom:24px}.home-title{max-width:900px;margin-inline:auto}.home-lead-hero{max-width:660px;margin-top:28px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.hero-note{margin-top:18px}.home-stage{justify-items:center;gap:28px;display:grid}.home-stage .canvas-frame{width:100%}.system-card{max-width:880px;margin-inline:auto}.system-body{gap:20px;padding:24px;display:grid}.system-card-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.system-card-head strong{font-family:var(--font-mono);color:var(--ink);margin-left:6px;font-weight:500}.system-modes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.system-mode{border:1px solid var(--line);border-radius:var(--r-md);gap:18px;padding:20px;display:grid}.system-mode-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:inherit;opacity:.7;font-size:12px;font-weight:500}.system-roles{font-family:var(--font-mono);grid-template-columns:1fr 1fr;gap:8px 14px;font-size:12px;display:grid}.system-roles li{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.system-roles i{border-radius:5px;flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 1px #80808059}.system-checks{gap:6px;font-size:13px;display:grid}.system-checks li{justify-content:space-between;gap:10px;display:flex}.system-checks li span:last-child{font-family:var(--font-mono);align-items:center;gap:4px;display:inline-flex}.system-button{border-radius:var(--r-pill);justify-content:center;justify-self:start;align-items:center;min-height:40px;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.system-export{justify-items:start;gap:12px;display:grid}.system-tabs{max-width:100%;overflow-x:auto}.system-tabs button:focus-visible{outline-offset:-2px}.system-code{background:var(--panel);width:100%;margin:0}.workflow-steps{flex-wrap:wrap;justify-content:center;gap:10px;padding:0;list-style:none;display:flex}.home-section{padding-block:128px 0}.home-section .eyebrow{margin-bottom:20px}.home-h2{margin-inline:auto;max-width:760px;margin-bottom:20px}.home-section>.lead{margin-bottom:56px}.bento{text-align:left;grid-template-columns:1fr 1fr;gap:20px;display:grid}.bento>.panel{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:36px;display:flex}.bento>.panel>.chip{margin-bottom:6px}.bento>.panel p:not(.prompt-box){max-width:460px;color:var(--ink-2)}.bento-wide{grid-column:1/-1}.bento .agent-tool-list{margin-block:4px 8px}.bento .bubble{align-self:flex-end;margin-block:4px 8px}.bento .agent-snippets,.bento .prompt-box{width:100%}.bento .prompt-box{background:var(--surface);margin-top:auto}.bento .snippet .code-block{background:var(--surface)}.home-agents .agent-snippets{margin-bottom:4px}.home-cta-row{justify-content:center;margin-top:40px;display:flex}.bento+.home-cta-row{margin-top:36px}.format-list{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-top:12px;padding:0;list-style:none;display:grid}.format-list li{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-content:start;gap:6px;min-width:0;padding:16px 18px;display:grid}.format-list strong{font-size:15px;font-weight:500}.format-list code{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.hero-palette{text-align:left;gap:20px;max-width:880px;margin-inline:auto;padding:24px;display:grid}.hero-palette-heading{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-size:14px;display:flex}.hero-palette .hero-palette-heading>.chip{margin:0}.hero-swatches{border-radius:var(--r-lg);height:280px;box-shadow:0 0 0 1px var(--line);display:flex;overflow:hidden}.hero-swatch{min-width:0;transition:background-color .2s var(--ease);flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:14px 3px;display:flex}.hero-lock{opacity:.7;width:44px;height:44px;transition:opacity .18s var(--ease);border-radius:50%;place-items:center;display:grid}.hero-lock:hover{opacity:1}.hero-hex{width:100%;min-height:44px;font-family:var(--font-mono);text-transform:uppercase;justify-content:center;align-items:center;font-size:clamp(11px,1.1vw,14px);font-weight:500;display:flex}.hero-palette-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-palette-footer button{gap:10px}.toolkit-list{text-align:left;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;padding:0;list-style:none;display:grid}.toolkit-list a{height:100%;transition:transform .18s var(--ease), box-shadow .18s var(--ease);align-content:start;gap:8px;padding:22px;display:grid}.toolkit-list a:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.toolkit-list span{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.toolkit-list span svg{color:var(--faint);transition:color .18s var(--ease)}.toolkit-list a:hover span svg{color:var(--accent)}.toolkit-list small{color:var(--muted);font-size:14px;line-height:1.5}.home-closing-wrap{padding-block:128px}.home-closing{background:radial-gradient(100% 90% at 50% 120%, var(--accent), transparent 70%), var(--panel);padding:80px 32px}@supports (color:color-mix(in lab, red, red)){.home-closing{background:radial-gradient(100% 90% at 50% 120%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%), var(--panel)}}.home-closing .eyebrow{margin-bottom:20px}.home-closing h2{max-width:720px;margin-inline:auto}@media (width<=960px){.toolkit-list,.format-list{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.bento,.system-modes{grid-template-columns:1fr}}@media (width<=640px){.home-hero{padding-bottom:40px}.hero-actions{flex-direction:column;align-items:stretch;max-width:340px;margin-inline:auto}.home-stage{gap:20px}.system-body{padding:14px}.system-mode{padding:16px}.workflow-steps{flex-direction:column;align-items:stretch}.workflow-steps .chip{white-space:normal;text-align:center;justify-content:center}.home-section{padding-block:80px 0}.home-section>.lead{margin-bottom:36px}.bento>.panel{padding:22px}.format-list,.toolkit-list{grid-template-columns:1fr}.toolkit-list{margin-top:36px}.hero-palette{padding:14px}.hero-swatches{height:220px}.hero-palette-footer{flex-wrap:wrap}.home-closing-wrap{padding-block:80px}.home-closing{padding:48px 20px}}.home-link-row{flex-wrap:wrap;gap:8px 28px;margin-top:4px;display:flex}.bento>.panel .hint{max-width:none}.hm-a11y-matrix{gap:6px;width:100%;max-width:420px;margin-block:6px;display:grid}.hm-a11y-cell{border-radius:var(--r-sm);align-content:center;justify-items:center;gap:2px;min-width:0;height:76px;display:grid;box-shadow:inset 0 0 0 1px #8080804d}.hm-a11y-cell .hm-a11y-sample{width:30px;height:19px;font-family:var(--font-sans);font-size:17px;font-weight:600}.hm-a11y-cell small{font-family:var(--font-mono);align-items:center;gap:4px;font-size:10px;line-height:1;display:inline-flex}.hm-a11y-cell i{background:currentColor;border-radius:50%;width:6px;height:6px}.hm-a11y-cell i.is-fail{background:0 0;box-shadow:inset 0 0 0 1.5px}.hm-a11y-cell.is-self{background:var(--panel-strong);box-shadow:none;opacity:.55}.cvd-strip{gap:10px;width:100%;display:grid}.cvd-row{font-family:var(--font-mono);color:var(--muted);text-transform:capitalize;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;font-size:12px;display:grid}.cvd-row>div{border-radius:var(--r-sm);height:40px;box-shadow:0 0 0 1px var(--line);display:flex;overflow:hidden}.cvd-row i{flex:1}.scale-rows{gap:10px;width:100%;display:grid}.scale-row{border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line-strong);grid-template-columns:88px repeat(5,minmax(0,1fr));align-items:stretch;gap:6px;padding:8px;display:grid}.scale-label{font-family:var(--font-mono);align-self:center;padding-left:6px;font-size:12px}.scale-step{border-radius:var(--r-sm);height:52px;font-family:var(--font-mono);place-items:center;font-size:12px;font-weight:500;display:grid}.home-palette-row{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.home-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;padding:0;list-style:none;display:flex}.home-tags .chip b{font-weight:400}.hm-audit-score{color:var(--muted);align-items:baseline;gap:10px;font-size:14px;display:flex}.hm-audit-score strong{letter-spacing:-.03em;color:var(--ink);font-size:56px;font-weight:500;line-height:1}.hm-audit-findings,.hm-audit-patch{gap:0;width:100%;padding:0;list-style:none;display:grid}.hm-audit-findings li,.hm-audit-patch li{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:15px;display:flex}.hm-audit-findings li{justify-content:flex-start;gap:8px}.hm-audit-findings b{min-width:28px;font-family:var(--font-mono);color:var(--ink);font-weight:500}.hm-audit-patch-file{font-family:var(--font-mono);color:var(--muted);font-size:13px}.hm-audit-patch-change{color:var(--faint);align-items:center;gap:8px;display:inline-flex}.hm-audit-patch-change code{color:var(--ink);font-size:13px}.hm-audit-patch-change i{border-radius:5px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #80808059}.export-chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:820px;margin-inline:auto;padding:0;list-style:none;display:flex}.export-chips .chip{padding:9px 18px}.works-panel{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:36px;display:grid}.works-list{padding:0;list-style:none;display:grid}.works-list li{border-bottom:1px solid var(--line);gap:2px;padding:14px 0;font-size:15px;display:grid}.works-list li:first-child{padding-top:0}.works-list li:last-child{border-bottom:0;padding-bottom:0}.works-list strong{font-weight:500}.works-list span{color:var(--muted);font-size:14px}.works-panel .snippet .code-block{background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=960px){.home-palette-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.works-panel{grid-template-columns:1fr;gap:28px}}@media (width<=640px){.home-palette-row{grid-template-columns:1fr}.cvd-row{grid-template-columns:84px minmax(0,1fr);gap:10px}.scale-row{grid-template-columns:repeat(5,minmax(0,1fr))}.scale-label{grid-column:1/-1;padding:2px 4px 0}.scale-step{height:44px;font-size:11px}.hm-audit-patch li{flex-direction:column;align-items:flex-start;gap:6px}.works-panel{padding:22px}}.hm-a11y-cell .hm-a11y-ratio{background:var(--surface);color:var(--ink);border-radius:999px;padding:0 5px}.generator-page{--overlay-fill:#ffffffdb;--overlay-fill-hover:#fff;--overlay-ink:#2a2a27;--overlay-shadow:0 1px 2px #0000001f, 0 6px 16px #00000024;height:calc(100dvh - var(--header-h));background:var(--paper);flex-direction:column;min-height:600px;display:flex}.generator-heading{justify-content:space-between;align-items:flex-end;gap:20px;padding:8px 32px 20px;display:flex}.generator-heading h1{letter-spacing:-.03em;margin-top:8px;font-size:34px;line-height:1.1}.generator-main-actions{flex-wrap:wrap;gap:8px;display:flex}.generator-toolbar{background:var(--surface);border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:8px 32px;display:flex}.generator-options{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.generator-options label{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.generator-options select{border:1px solid var(--line-strong);border-radius:var(--r-pill);background-color:var(--surface);appearance:none;max-width:200px;height:36px;color:var(--ink);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c998f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding:0 34px 0 14px;font-family:inherit;font-size:14px;font-weight:500}.generator-options label>svg{flex-shrink:0;margin-right:-2px}.generator-options select:hover{background-color:var(--surface-hover)}.generator-options select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.generator-options select:focus{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}}@media (width>=561px){@supports (appearance:base-select){.generator-options label:first-child select{min-width:190px}.generator-options label:nth-child(2) select{min-width:150px}}}.generator-tools{align-items:center;gap:2px;display:flex}.generator-tools .icon-button:disabled{opacity:.3;pointer-events:none}.toolbar-divider{background:var(--line-strong);width:1px;height:20px;margin-inline:8px}.generator-canvas{flex:1;min-height:0;display:flex;overflow:auto}.generator-swatch{flex-direction:column;flex:1;align-items:center;min-width:100px;padding:18px 12px 26px;transition:background .2s;display:flex;position:relative}.swatch-top{width:100%;font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.swatch-top>span{opacity:.6;padding-left:8px}.swatch-top button,.swatch-lock,.swatch-utilities button,.swatch-reorder button{background:var(--overlay-fill);width:34px;height:34px;color:var(--overlay-ink);box-shadow:var(--overlay-shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .18s var(--ease), background-color .18s var(--ease), transform .18s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid}.swatch-top button:hover,.swatch-lock:hover,.swatch-utilities button:hover,.swatch-reorder button:hover{background:var(--overlay-fill-hover);transform:translateY(-1px)}.swatch-top button:disabled,.swatch-reorder button:disabled{opacity:0;transform:none}.generator-swatch:hover .swatch-top button:disabled,.generator-swatch:hover .swatch-reorder button:disabled{opacity:.3}.swatch-top button,.swatch-reorder button{opacity:0}.generator-swatch:hover .swatch-top button,.generator-swatch:focus-within .swatch-top button,.generator-swatch:hover .swatch-reorder button,.generator-swatch:focus-within .swatch-reorder button{opacity:1}.swatch-middle{flex-direction:column;align-items:center;gap:12px;margin-block:auto;padding-block:20px;display:flex}.swatch-lock{opacity:0;width:44px;height:44px}.generator-swatch:hover .swatch-lock,.generator-swatch:focus-within .swatch-lock,.swatch-lock.locked{opacity:1}.swatch-lock.locked{background:var(--overlay-ink);color:#fff}.swatch-utilities{opacity:0;transition:opacity .2s var(--ease), transform .2s var(--ease);gap:8px;display:flex;transform:translateY(4px)}.generator-swatch:hover .swatch-utilities,.generator-swatch:focus-within .swatch-utilities{opacity:1;transform:none}.swatch-bottom{flex-direction:column;align-items:center;max-width:100%;display:flex}.swatch-hex{border-radius:var(--r-sm);font-family:var(--font-mono);letter-spacing:.02em;transition:background-color .18s var(--ease);padding:4px 10px;font-size:clamp(16px,1.9vw,26px);font-weight:500}.swatch-hex:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.swatch-hex:hover{background:color-mix(in srgb, currentColor 12%, transparent)}}.swatch-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:4px;font-size:13px;font-weight:500;overflow:hidden}.hex-edit{border-radius:var(--r-sm);background:var(--overlay-fill);width:100%;max-width:132px;color:var(--overlay-ink);box-shadow:var(--overlay-shadow);font-family:var(--font-mono);text-align:center;padding:6px 8px;font-size:18px;font-weight:500}.swatch-reorder{font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:10px;margin-top:16px;font-size:11px;display:flex}.swatch-reorder>span{text-align:center;opacity:.65;min-width:42px}.swatch-reorder button{width:30px;height:30px}.generator-bottom{background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 32px;display:flex}.shortcut-hint{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);font-family:var(--font-mono);color:var(--muted);transition:background-color .18s var(--ease);align-items:center;gap:8px;padding:5px 12px 5px 6px;font-size:12px;display:inline-flex}.shortcut-hint:hover{background:var(--surface-hover)}.shortcut-hint kbd{background:var(--surface);color:var(--ink)}.color-count{font-family:var(--font-mono);color:var(--muted);margin-left:auto;font-size:12px}.generate-button{min-height:40px;padding-inline:20px}.presentation{z-index:45;height:100dvh;min-height:0;position:fixed;inset:0}.exit-presentation{z-index:20;box-shadow:var(--shadow-float);position:absolute;top:18px;left:50%;transform:translate(-50%)}.exit-presentation:hover{transform:translate(-50%)}.exit-presentation kbd{margin-left:2px}.presentation .swatch-top,.presentation .swatch-reorder{visibility:hidden}.presentation .swatch-hex{font-size:clamp(18px,2.4vw,34px)}.studio-dialog:has(.gx-modal){width:min(680px,100% - 32px)}.gx-modal-narrow{max-width:440px}.studio-dialog:has(.gx-modal-narrow){width:min(480px,100% - 32px)}.gx-modal .dialog-heading{margin-bottom:20px}.gx-modal .dialog-sub{color:var(--muted);margin-top:4px;font-size:14px}.gx-modal .dialog-heading h2{align-items:center;gap:10px;display:flex}.gx-strip{border-radius:var(--r-md);height:64px;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:20px;display:flex;overflow:hidden}.gx-strip>div{min-width:0;font-family:var(--font-mono);flex:1;align-items:flex-end;padding:6px 8px;font-size:11px;display:flex}.export-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.export-tabs .chip{padding:6px 12px;font-size:13px}.export-tabs .chip svg{color:var(--muted)}.export-tabs .chip[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.export-tabs .chip[aria-selected=true] svg{color:inherit}.export-tabs .chip[aria-selected=true]:hover{background:var(--primary-hover)}.export-note{color:var(--muted);margin-bottom:10px;font-size:14px}.export-code{word-break:normal;max-height:240px;margin:0;overflow:auto}.export-code code{font-family:inherit}.export-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.export-actions>div{flex-wrap:wrap;gap:8px;display:flex}.adjust-controls{gap:22px;display:grid}.adjust-row-head{color:var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px;font-weight:500;display:flex}.adjust-row-head span:last-child{font-family:var(--font-mono);color:var(--muted);font-size:13px;font-weight:400}.gx-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.gx-range::-webkit-slider-runnable-track{background:var(--ink);border-radius:999px;height:6px}@supports (color:color-mix(in lab, red, red)){.gx-range::-webkit-slider-runnable-track{background:color-mix(in oklab, var(--ink) 14%, var(--panel-strong))}}.gx-range::-moz-range-track{background:var(--ink);border-radius:999px;height:6px}@supports (color:color-mix(in lab, red, red)){.gx-range::-moz-range-track{background:color-mix(in oklab, var(--ink) 14%, var(--panel-strong))}}.gx-range::-webkit-slider-thumb{border:3px solid var(--surface);background:var(--primary);width:20px;height:20px;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-xs);appearance:none;border-radius:50%;margin-top:-7px}.gx-range::-moz-range-thumb{border:3px solid var(--surface);background:var(--primary);width:14px;height:14px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%}.gx-range:focus-visible{outline:none}.gx-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.gx-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 30%, transparent)}}.shade-list{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;display:flex;overflow:hidden}.shade-list button{height:38px;font-family:var(--font-mono);transition:filter .18s var(--ease);justify-content:space-between;align-items:center;padding-inline:16px;font-size:13px;display:flex}.shade-list button:hover{filter:brightness(1.06)}.shade-list button span:last-child{opacity:.7}.shortcut-list{display:grid}.shortcut-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:15px;display:flex}.shortcut-list>div:last-child{border-bottom:0;padding-bottom:0}.shortcut-list kbd{border-radius:var(--r-pill);background:var(--panel);color:var(--ink);white-space:nowrap;padding:3px 10px;font-size:12px}@media (width<=800px){.generator-heading,.generator-toolbar,.generator-bottom{padding-inline:20px}.shortcut-hint{display:none}.generator-swatch{min-width:92px}.swatch-hex{font-size:17px}}@media (width<=560px){.generator-page{height:auto;min-height:calc(100dvh - var(--header-h))}.generator-heading{flex-direction:column;align-items:flex-start;gap:14px;padding:4px 20px 16px}.generator-heading h1{font-size:26px}.generator-main-actions{width:100%}.generator-main-actions>*{flex:1}.generator-toolbar{flex-direction:column;align-items:stretch;gap:6px;padding-block:10px}.generator-options{flex-wrap:nowrap;gap:8px}.generator-options label{flex:1;min-width:0}.generator-options label>span{display:none}.generator-options select{width:100%;max-width:none;height:44px}.generator-tools{justify-content:space-between}.generator-canvas{flex-direction:column;overflow:visible}.generator-swatch{flex-direction:row;flex:none;align-items:center;gap:10px;min-height:112px;padding:12px 16px}.swatch-top{order:3;gap:6px;width:auto;margin-left:4px}.swatch-top>span{display:none}.swatch-top button,.swatch-reorder button,.swatch-utilities button,.swatch-lock{background:currentColor}@supports (color:color-mix(in lab, red, red)){.swatch-top button,.swatch-reorder button,.swatch-utilities button,.swatch-lock{background:color-mix(in srgb, currentColor 14%, transparent)}}.swatch-top button,.swatch-reorder button,.swatch-utilities button,.swatch-lock{color:inherit;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.swatch-top button,.swatch-reorder button{opacity:1;width:38px;height:38px}.swatch-top button:disabled,.swatch-reorder button:disabled{opacity:.3}.swatch-middle{flex-direction:row;order:1;gap:8px;margin:0;padding:0}.swatch-lock{opacity:1;width:44px;height:44px}.swatch-utilities{opacity:1;gap:6px;transform:none}.swatch-utilities button{width:38px;height:38px}.swatch-bottom{flex:1;order:2;align-items:flex-start;min-width:0}.swatch-hex{margin-left:-6px;padding:2px 6px;font-size:19px}.swatch-name{text-align:left;max-width:100%;font-size:12px}.swatch-reorder{gap:6px;margin-top:6px}.swatch-reorder>span{display:none}.generator-bottom{z-index:20;gap:12px;padding:10px 20px;position:sticky;bottom:0}.color-count{margin-left:0;font-size:11px;line-height:1.3}.generate-button{white-space:normal;text-align:center;flex:1;min-width:0;min-height:44px;line-height:1.2}.presentation{height:100dvh;overflow:auto}.presentation .generator-canvas{padding-top:0}.presentation .swatch-top{display:none}.gx-strip{height:52px}.export-actions{flex-direction:column-reverse;align-items:stretch}.export-actions .button-primary{width:100%}}@media (hover:none){.swatch-utilities,.swatch-lock,.swatch-top button,.swatch-reorder button{opacity:1;transform:none}}.studio-dialog:has(.a11y-modal){width:min(860px,100% - 32px)}.a11y-modal .dialog-heading{margin-bottom:16px}.a11y-section+.a11y-section{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.a11y-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.a11y-section-head h3{letter-spacing:-.01em;font-size:18px;font-weight:500}.a11y-section-head .badge{font-size:12px}.a11y-note{color:var(--muted);margin:6px 0 12px;font-size:13px;line-height:1.5}.a11y-scroll{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);max-width:100%;overflow-x:auto}.a11y-matrix{border-collapse:collapse;width:100%;font-size:13px}.a11y-matrix th,.a11y-matrix td{border-bottom:1px solid var(--line);text-align:center;color:var(--ink-2);padding:4px;font-weight:500}.a11y-matrix tbody tr:last-child>*{border-bottom:0}.a11y-matrix th{font-family:var(--font-mono);white-space:nowrap;font-size:12px}.a11y-matrix thead th>span:last-child,.a11y-matrix tbody th>span:last-child{margin-left:6px}.a11y-chip{vertical-align:-2px;width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;display:inline-block}.a11y-cell{border-radius:var(--r-sm);width:100%;min-width:96px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;transition:background .18s cubic-bezier(.2,.7,.2,1);display:flex}.a11y-cell:hover{background:var(--surface-hover)}.a11y-cell[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.a11y-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.a11y-ratio{font-family:var(--font-mono);font-size:14px;font-weight:500}.a11y-lc{font-family:var(--font-mono);color:var(--muted);font-size:11px}.a11y-cell .badge{white-space:nowrap;padding:0 8px;font-size:11px}.a11y-self{color:var(--muted)}.a11y-preview-row{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:14px;display:flex}.a11y-sample{border-radius:var(--r-md);min-width:220px;box-shadow:inset 0 0 0 1px var(--line-strong);align-items:baseline;gap:12px;padding:12px 18px;display:flex}.a11y-sample-big{font-size:34px;font-weight:600;line-height:1}.a11y-sample-small{font-size:14px}.a11y-sample-meta{color:var(--ink-2);flex-direction:column;align-items:flex-start;gap:4px;font-size:13px;display:flex}.a11y-sample-meta strong{color:var(--ink);font-weight:500}.a11y-fix{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;display:flex}.a11y-fix .a11y-note{flex-basis:100%;margin:0}.a11y-ok{color:var(--success);align-items:center;gap:6px;font-size:13px;display:inline-flex}.a11y-sims{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.a11y-sim{color:var(--ink-2);flex-direction:column;gap:6px;font-size:12px;display:flex}.a11y-sim-strip{border-radius:var(--r-sm);height:36px;box-shadow:inset 0 0 0 1px var(--line-strong);display:flex;overflow:hidden}.a11y-sim-strip>div{flex:1}.a11y-conflicts{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.a11y-conflicts li{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 14px;font-size:13px;display:flex}.a11y-conflict-pair{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.a11y-conflict-pair svg{color:var(--warning)}.a11y-score{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);min-height:32px;color:var(--ink-2);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:inline-flex}.a11y-score:hover{background:var(--surface-hover)}.a11y-score .a11y-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.a11y-score.is-warn .a11y-dot{background:var(--warning)}@media (width<=560px){.a11y-sims{grid-template-columns:1fr}.a11y-sample{flex:1;min-width:0}.a11y-score{flex:none;min-height:44px;padding-inline:10px}.a11y-score-label,.a11y-score .a11y-dot{display:none}.a11y-score.is-warn:before{content:"!";color:var(--warning);font-weight:600}}.studio-dialog:has(.guarantees-modal){width:min(760px,100% - 32px)}.guarantees-modal .dialog-heading{margin-bottom:16px}.gu-form{gap:16px;display:grid}.gu-group{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);gap:12px;min-width:0;margin:0;padding:16px 18px 18px;display:grid}.gu-group legend{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-left:-8px;padding:0 8px;font-size:12px;font-weight:500}.gu-row{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.gu-field{flex:180px;gap:6px;min-width:0;display:grid}.gu-field.gu-narrow{flex:0 140px}.gu-field>span{color:var(--ink);font-size:14px;font-weight:500}.gu-check{min-height:44px;color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.gu-check input{width:18px;height:18px;accent-color:var(--accent);flex:none}.gu-note{color:var(--muted);font-size:13px;line-height:1.5}.gu-chips{flex-wrap:wrap;gap:8px;display:flex}.gu-chips .chip{text-transform:capitalize;cursor:pointer;min-height:36px}.gu-error{color:var(--danger);font-size:14px}.gu-actions{flex-wrap:wrap;gap:10px;display:flex}.gu-result{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.gu-result .gx-strip{height:48px;margin:14px 0}.gu-report,.gu-conflicts{margin:0;padding:0;list-style:none}.gu-report li{border-bottom:1px solid var(--line);color:var(--ink-2);grid-template-columns:24px 1fr auto;align-items:start;gap:10px;padding:10px 0;font-size:14px;display:grid}.gu-report li:last-child{border-bottom:0}.gu-report strong{color:var(--ink);font-weight:500;display:block}.gu-detail{color:var(--muted);font-size:13px;display:block}.gu-mark{border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.is-ok .gu-mark{color:var(--success);background:var(--success)}@supports (color:color-mix(in lab, red, red)){.is-ok .gu-mark{background:color-mix(in oklab, var(--success) 14%, transparent)}}.is-fail .gu-mark{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.is-fail .gu-mark{background:color-mix(in oklab, var(--danger) 14%, transparent)}}.gu-values{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;font-size:12px}.gu-conflicts{gap:8px;margin-top:12px;display:grid}.gu-conflicts li{color:var(--warning);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.gu-conflicts svg{flex:none;margin-top:2px}@media (width<=560px){.gu-group{padding:14px}.gu-field.gu-narrow{flex:120px}.gu-report li{grid-template-columns:24px 1fr}.gu-values{grid-column:2}.generator-tools{gap:0}.generator-tools .icon-button{flex:1 1 0;min-width:0;max-width:44px}.generator-tools .toolbar-divider{display:none}}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.palette-card{min-width:0;transition:box-shadow .2s var(--ease), transform .2s var(--ease);padding:10px 10px 8px}.palette-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.card-swatches{border-radius:var(--r-sm);height:148px;box-shadow:inset 0 0 0 1px var(--line);display:flex;overflow:hidden}.card-swatches button{min-width:0;transition:flex .25s var(--ease);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.card-swatches button:hover,.card-swatches button:focus-visible{flex:1.8}.card-swatches button:focus-visible{outline-offset:-3px}.card-swatches span{font-family:var(--font-mono);opacity:0;transition:opacity .18s var(--ease);font-size:10px;font-weight:500}.card-swatches svg{display:none}.card-swatches button:hover span,.card-swatches button:focus-visible span{opacity:1}.card-details{justify-content:space-between;align-items:center;gap:8px;margin:10px 2px 0 6px;display:flex}.card-details>a{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;min-width:0;color:var(--ink);font-size:15px;font-weight:500;overflow:hidden}.card-details>a:hover{color:var(--accent)}.card-actions{opacity:.6;transition:opacity .2s var(--ease);flex-shrink:0;gap:0;display:flex}.palette-card:hover .card-actions,.palette-card:focus-within .card-actions{opacity:1}.card-actions button,.card-actions a{width:32px;height:32px;color:var(--muted);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:50%;place-items:center;display:grid}.card-actions button:hover,.card-actions a:hover{background:var(--panel);color:var(--ink)}.card-actions .is-saved,.card-actions .is-saved:hover{color:var(--accent)}.card-tags{color:var(--muted);text-transform:capitalize;margin:0 6px 6px;font-size:13px;line-height:1.4}.tool-card-top{color:var(--ink-2);justify-content:space-between;display:flex}.explore-page{background:var(--paper);min-height:70vh}.explore-content{padding-block:56px 96px}.explore-content .section-heading{align-items:flex-end;margin-bottom:36px}.explore-content .section-heading h1{letter-spacing:-.03em;font-size:56px;line-height:1.05}.explore-content .section-heading .text-link{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);transition:background-color .18s var(--ease);flex-shrink:0;padding:10px 18px;text-decoration:none}.explore-content .section-heading .text-link:hover{background:var(--surface-hover);text-decoration:none}.workspace-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:24px;display:flex}.explore-controls{gap:12px;display:flex}.palette-search{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);height:48px;color:var(--muted);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);flex:1;align-items:center;gap:12px;padding:0 8px 0 18px;display:flex}.palette-search input{width:100%;min-width:0;height:100%;color:var(--ink);outline:none;font-size:15px}.palette-search input::placeholder{color:var(--faint)}.palette-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.palette-search:focus-within{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}}.palette-search button{width:34px;height:34px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.palette-search button:hover{background:var(--panel);color:var(--ink)}.explore-controls .select{border-radius:var(--r-pill);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c998f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;width:auto;height:48px;padding-inline:18px 40px;font-weight:500}.filter-tags{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;gap:8px;margin:20px -4px 0;padding:2px 4px 8px;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 32px),#0000)}.filter-tags .chip{white-space:nowrap;flex-shrink:0}.filter-tags a.chip{text-decoration:none}.load-more{flex-direction:column;align-items:center;gap:12px;margin-top:40px;display:flex}.card-tags a{color:inherit;text-decoration:none}.card-tags a:hover{color:var(--accent);text-decoration:underline}.results-count{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;margin-block:36px 16px;padding-top:20px;font-size:13px;display:flex}.results-count b{color:var(--ink);font-weight:500}.explore-page .palette-grid{row-gap:20px}.explore-content>.empty-state{margin-block:24px 0}.preview-colors{border-radius:var(--r-md);height:220px;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:20px;display:flex;overflow:hidden}.preview-colors button{min-width:0;font-family:var(--font-mono);flex:1;padding-top:160px;font-size:12px;font-weight:500}.preview-note{color:var(--muted);margin-bottom:24px;font-size:15px}@media (width<=1100px){.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-content .section-heading h1{font-size:44px}}@media (width<=560px){.palette-grid,.home-page .palette-grid{grid-template-columns:1fr;gap:16px}.card-swatches{height:140px}.card-actions{opacity:1}.card-actions button,.card-actions a{width:40px;height:40px}.explore-content{padding-block:32px 64px}.explore-content .section-heading{margin-bottom:24px}.explore-content .section-heading h1{font-size:36px}.explore-controls{flex-direction:column}.palette-search{flex:none}.explore-controls .select{width:100%}.filter-tags{scrollbar-width:none;margin-inline:-20px;padding-inline:20px}.filter-tags::-webkit-scrollbar{display:none}.filter-tags .chip{min-height:40px}.card-tags a{padding-block:8px;display:inline-block}.results-count span{display:none}.preview-colors{flex-direction:column;height:260px}.preview-colors button{padding:0;font-size:13px}}@media (hover:none){.card-actions{opacity:1}.palette-card:hover{transform:none}}.tool-page{padding-block:24px 96px}.tool-head{margin-bottom:40px}.tool-head .eyebrow{margin-bottom:16px}.tool-head h1{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;font-size:56px;font-weight:500;line-height:1.05}.tool-head .eyebrow a{color:var(--muted);text-decoration:none}.tool-head .eyebrow a:hover{color:var(--ink)}.tool-stack{gap:24px;display:grid}.tool-block-head{margin-bottom:20px}.tool-block-head h2,.tool-block-head h3{letter-spacing:-.015em;color:var(--ink);font-size:24px;font-weight:500;line-height:1.25}.tool-block-head p{color:var(--muted);max-width:640px;margin-top:6px;font-size:15px}.tool-section{margin-top:64px}.tool-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.tool-actions{flex-wrap:wrap;gap:10px;display:flex}.tool-actions>:is(a,button){white-space:normal;text-align:center;max-width:100%}.tool-actions svg,.tool-page .button-primary svg,.tool-page .button-secondary svg{flex-shrink:0}.color-well{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);align-items:center;gap:12px;height:56px;padding:0 8px;display:flex}.color-well input[type=color],.picker-form input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;background:0 0;width:40px;height:40px;padding:0}.color-well input[type=color]::-webkit-color-swatch-wrapper{padding:0}.picker-form input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-well input[type=color]::-webkit-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.picker-form input[type=color]::-webkit-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.color-well input[type=color]::-moz-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.picker-form input[type=color]::-moz-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.color-well .value{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);font-size:16px;font-weight:500}.contrast-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.contrast-col{align-content:start;gap:24px;min-width:0;display:grid}.contrast-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contrast-tools{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.contrast-score{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.contrast-ratio{font-family:var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ink);font-size:72px;font-weight:500;line-height:1}.contrast-verdict{color:var(--muted);margin-top:10px;font-size:15px}.contrast-stars{color:var(--ink);justify-content:flex-end;gap:2px;margin-top:8px;display:flex}.contrast-stars .off{color:var(--line-strong)}.contrast-verdict-text{letter-spacing:-.01em;color:var(--ink);text-align:right;font-size:20px;font-weight:500}.contrast-grid{border:1px solid var(--line);border-radius:var(--r-md);background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.contrast-cell{background:var(--surface);flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;display:flex}.contrast-cell span:first-child{color:var(--ink-2);font-size:14px;line-height:1.35}.contrast-cell .badge{font-size:12px}.contrast-preview{border-radius:var(--r-xl);min-height:100%;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-card);transition:background-color .2s var(--ease), color .2s var(--ease);flex-direction:column;justify-content:space-between;gap:48px;padding:48px;display:flex}.contrast-preview .kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:500}.contrast-preview h2{color:inherit;letter-spacing:-.028em;margin-bottom:16px;font-size:40px;font-weight:500;line-height:1.1}.contrast-preview p{color:inherit;max-width:440px;font-size:18px;line-height:1.55}.contrast-preview-actions{flex-wrap:wrap;gap:12px;display:flex}.contrast-preview-actions button{border-radius:var(--r-pill);border:1px solid #0000;min-height:44px;padding:0 22px;font-size:15px;font-weight:500}.contrast-preview-actions .secondary{background:0 0;border-width:1px}.tailwind-controls{grid-template-columns:minmax(0,280px) minmax(0,280px) 1fr;align-items:end;gap:20px;display:grid}.tailwind-base{gap:8px;display:grid}.tailwind-base-row{align-items:center;gap:10px;display:flex}.tailwind-base-row input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;background:0 0;flex-shrink:0;width:44px;height:44px;padding:0}.tailwind-base-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.tailwind-base-row input[type=color]::-webkit-color-swatch{border-radius:calc(var(--r-md) - 1px);border:0}.tailwind-base-row input[type=color]::-moz-color-swatch{border-radius:calc(var(--r-md) - 1px);border:0}.tailwind-controls .mono-input{font-family:var(--font-mono)}.tailwind-token-preview{color:var(--muted);padding-bottom:12px;font-size:14px}.tailwind-token-preview code{color:var(--ink);overflow-wrap:anywhere;font-size:13px}.tailwind-scale{grid-template-columns:repeat(11,minmax(0,1fr));gap:10px;display:grid}.tailwind-step{text-align:left;background:0 0;gap:10px;min-width:0;padding:0;display:grid}.tailwind-step .chipface{border-radius:var(--r-lg);height:200px;transition:transform .18s var(--ease);flex-direction:column;justify-content:space-between;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #00000014}.tailwind-step:hover .chipface{transform:translateY(-3px)}.tailwind-step.is-anchor .chipface{box-shadow:inset 0 0 0 1px #00000014, 0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.tailwind-step .chipface .base{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.tailwind-step .step-num{font-family:var(--font-mono);color:var(--ink);font-size:14px;font-weight:500}.tailwind-step .step-hex{font-family:var(--font-mono);color:var(--muted);font-size:12px;display:block}.tailwind-footnote{max-width:720px;color:var(--muted);margin-top:20px;font-size:14px}.tailwind-tabs{margin-bottom:16px}.tailwind-tabs>button{background:0 0;border:0;font-family:inherit}.tailwind-code{border-radius:var(--r-md);background:var(--surface);max-height:420px;margin:0 0 16px;padding:20px;font-size:13px;line-height:1.7;overflow:auto}.tailwind-code code{font-family:var(--font-mono);color:var(--ink)}.tailwind-examples-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.tw-examples{min-width:0}.tw-examples figcaption{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:500}.tw-examples-frame{border-radius:var(--r-xl);box-shadow:0 0 0 1px var(--line-strong);gap:12px;padding:20px;display:grid}.tw-example-card{border-radius:var(--r-md);gap:12px;padding:16px;font-size:14px;display:grid}.tw-example-card strong{color:inherit}.tw-example-row{justify-content:space-between;gap:12px;display:flex}.tw-example-meta{opacity:.8;font-size:13px}.tw-example-track{border-radius:999px;height:8px;overflow:hidden}.tw-example-event small{opacity:.75;display:block}.tw-example-button{border-radius:999px;justify-self:start;padding:8px 16px;font-size:14px;font-weight:500}.tw-example-tags{flex-wrap:wrap;gap:8px;display:flex}.picker-swatch{border-radius:var(--r-xl);min-height:260px;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-card);flex-direction:column;justify-content:space-between;gap:32px;padding:36px;display:flex}.picker-swatch .aa{letter-spacing:-.04em;font-size:96px;font-weight:500;line-height:1}.picker-swatch p:last-child{font-size:15px}.picker-form{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.picker-form .field{gap:8px}.picker-form .input{width:180px;font-family:var(--font-mono);text-transform:uppercase}.picker-form input[type=color]{border-radius:var(--r-md);background:var(--surface);width:64px;height:44px;padding:3px}.picker-error{width:100%;color:var(--danger);font-size:14px}.picker-section{margin-top:24px}.picker-section>.tool-block-head+p{margin-bottom:20px}.picker-values{border-collapse:collapse;width:100%}.picker-values td,.picker-values th{border-top:1px solid var(--line);vertical-align:middle;padding:14px 0;font-size:15px}.picker-values tr:first-child :is(td,th){border-top:0}.picker-values th{text-align:left;width:96px;font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);font-size:12px;font-weight:500}.picker-values td:nth-child(2){font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere}.picker-values td:last-child{text-align:right;width:48px}.picker-copy{width:36px;height:36px;color:var(--muted);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:50%;place-items:center;display:inline-grid}.picker-copy:hover{background:var(--panel);color:var(--ink)}.picker-table-wrap{overflow-x:auto}.picker-table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.picker-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 12px 12px 0;font-size:12px;font-weight:500}.picker-table td{border-top:1px solid var(--line);vertical-align:middle;color:var(--ink-2);padding:14px 12px 14px 0}.picker-table td.mono{font-family:var(--font-mono);color:var(--ink)}.picker-pair:before{content:"Aa"}.picker-pair{vertical-align:middle;border-radius:8px;place-items:center;width:36px;height:28px;margin-right:10px;font-size:12px;font-weight:600;display:inline-grid;box-shadow:inset 0 0 0 1px #0000001a}.picker-strip{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.picker-strip li{min-width:0}.picker-chip{border-radius:var(--r-md);height:72px;transition:transform .18s var(--ease);display:block;box-shadow:inset 0 0 0 1px #00000017}a.picker-chip:hover{transform:translateY(-2px)}.picker-strip .step{color:var(--ink);margin-top:8px;font-size:13px;font-weight:500}.picker-strip .val{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.picker-harmony+.picker-harmony{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}.picker-harmony h3{color:var(--ink);font-size:17px;font-weight:500}.picker-harmony .desc{color:var(--muted);margin-top:2px;margin-bottom:16px;font-size:14px}.picker-harmony .link-row{margin-top:16px}.picker-cta{justify-content:space-between;align-items:center;gap:32px;margin-top:24px;display:flex}.picker-cta h2{letter-spacing:-.02em;color:var(--ink);font-size:28px;font-weight:500;line-height:1.2}.picker-cta p{max-width:520px;color:var(--muted);margin-top:8px;font-size:15px}.picker-cta .tool-actions{flex-shrink:0}.directory-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.directory-count{font-family:var(--font-mono);color:var(--muted);font-size:13px}.directory-search{width:min(420px,100%);position:relative}.directory-search .input{border-radius:var(--r-pill);height:48px;padding-inline:44px}.directory-search .icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.directory-search .clear{width:36px;height:36px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.directory-card{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:transform .18s var(--ease), box-shadow .18s var(--ease);display:block;overflow:hidden}.directory-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.directory-card .swatch{height:112px;box-shadow:inset 0 -1px 0 var(--line);display:block}.directory-card .meta{gap:2px;padding:12px 14px 14px;display:grid}.directory-card .name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px;font-weight:500;overflow:hidden}.directory-card .hex{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px}.image-picker-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.image-picker-side{gap:28px;display:grid}.image-picker-side .row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.image-picker-range{background:var(--panel-strong);width:100%;height:6px;accent-color:var(--accent);appearance:none;cursor:pointer;border-radius:999px}.image-picker-range::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--primary);width:22px;height:22px;box-shadow:var(--shadow-card);border-radius:50%}.image-picker-range::-moz-range-thumb{border:3px solid var(--surface);background:var(--primary);border-radius:50%;width:18px;height:18px}.image-picker-palette{border-radius:var(--r-md);height:72px;box-shadow:inset 0 0 0 1px var(--line-strong);outline:1px solid var(--line-strong);outline-offset:-1px;display:flex;overflow:hidden}.image-picker-palette>button{cursor:pointer;transition:flex .18s var(--ease);border:0;flex:1;place-items:center;padding:0;display:grid;position:relative}.image-picker-palette>button:hover{flex:1.35}.image-picker-dot{background:#fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #00000040}.image-picker-hexes{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.image-picker-hexes .chip{padding:3px 10px;font-size:12px}.image-picker-stepper{gap:6px;display:flex}.image-picker-stepper button{border:1px solid var(--line-strong);background:var(--surface);width:32px;height:32px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.image-picker-stepper button:hover:not(:disabled){background:var(--surface-hover)}.image-picker-stepper button:disabled{opacity:.4}.image-picker-drop{border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);text-align:center;background:var(--surface);flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.image-picker-drop .glyph{background:var(--panel);width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.image-picker-drop h3{color:var(--ink);font-size:18px;font-weight:500}.image-picker-drop p{color:var(--muted);margin-top:-6px;font-size:14px}.image-picker-drop label{cursor:pointer}.image-picker-stage{transition:box-shadow .15s var(--ease);padding:12px}.image-picker-stage.is-dropping{box-shadow:0 0 0 3px var(--accent)}.image-picker-tip{color:var(--muted);margin:0 4px 10px;font-size:14px}.image-picker-photo{aspect-ratio:16/10;border-radius:var(--r-lg);background:var(--panel-strong);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;margin-inline:auto;position:relative;overflow:hidden}.image-picker-photo img{object-fit:cover;pointer-events:none;width:100%;height:100%}.image-picker-pin{cursor:grab;touch-action:none;width:34px;height:34px;transition:transform .18s var(--ease);border:3px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000059,0 0 0 1px #0000001f}.image-picker-pin:hover{transform:translate(-50%,-50%)scale(1.15)}.image-picker-pin:active{cursor:grabbing}.image-picker-pin.is-active{outline:2px solid var(--ink);outline-offset:2px}.image-picker-pin span{background:#fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #0003}.image-picker-loupe{z-index:2;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-card);pointer-events:none;gap:4px;padding:4px;display:grid;position:absolute}.image-picker-loupe[hidden]{display:none}.image-picker-loupe canvas{border-radius:calc(var(--r-md) - 2px);width:88px;height:88px;image-rendering:pixelated;background:var(--panel-strong)}.image-picker-loupe:after{content:"";width:8px;height:8px;position:absolute;top:44px;left:44px;box-shadow:0 0 0 1px #fff,0 0 0 2px #0009}.image-picker-loupe span{text-align:center;color:var(--ink);font-size:12px}.image-picker-selected{gap:14px;display:grid}.image-picker-selected-head{align-items:center;gap:14px;display:flex}.image-picker-selected-swatch{border-radius:var(--r-md);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--line-strong);flex:none}.image-picker-selected-name{margin-top:4px;font-size:20px;font-weight:500}.image-picker-selected-name a{color:var(--ink)}.image-picker-codes{gap:6px;margin:0;display:grid}.image-picker-codes>div{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);grid-template-columns:40px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:4px 4px 4px 10px;display:grid}.image-picker-codes dt{color:var(--muted);font-size:12px}.image-picker-codes dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;overflow:hidden}.image-picker-codes button{border-radius:var(--r-sm,8px);width:32px;height:32px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.image-picker-codes button:hover{background:var(--surface-hover)}.image-picker-selected-more{font-size:14px}.colorbot-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;display:grid}.colorbot-side{gap:20px;display:grid}.colorbot-prompts{gap:8px;margin-top:14px;display:grid}.colorbot-prompts button,.colorbot-chips button{text-align:left}.colorbot-prompts .chip{border-radius:var(--r-md);white-space:normal;justify-content:flex-start;width:100%;font-size:13px}.colorbot-note h3{color:var(--ink);font-size:15px;font-weight:500}.colorbot-note p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.55}.colorbot-chat{flex-direction:column;min-width:0;min-height:560px;display:flex}.colorbot-stream{flex:1;align-content:start;gap:24px;padding:32px;display:grid}.colorbot-turn-bot{gap:14px;max-width:640px;display:grid}.colorbot-reply{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:22px 24px}.colorbot-reply.intro{box-shadow:none;background:0 0;padding:0}.colorbot-reply.intro p{letter-spacing:-.01em;color:var(--muted);font-size:18px;line-height:1.55}.colorbot-reply h3{letter-spacing:-.015em;color:var(--ink);margin-bottom:6px;font-size:20px;font-weight:500}.colorbot-reply p{font-size:15px;line-height:1.6}.colorbot-swatches{border-radius:var(--r-md);outline:1px solid var(--line-strong);outline-offset:-1px;height:88px;margin-top:18px;display:flex;overflow:hidden}.colorbot-swatches button{min-width:0;font-family:var(--font-mono);text-align:center;transition:flex .18s var(--ease);flex-direction:column;flex:1;justify-content:flex-end;padding:8px 6px;font-size:11px;font-weight:500;display:flex}.colorbot-swatches button:hover{flex:1.3}.colorbot-notes{font-family:var(--font-mono);color:var(--muted);gap:4px;margin-top:14px;padding:0;font-size:12px;line-height:1.5;list-style:none;display:grid}.colorbot-reply .tool-actions{margin-top:18px}.colorbot-status{color:var(--muted);font-size:14px}.colorbot-form{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:8px;padding:8px 8px 8px 24px;display:flex}.colorbot-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.colorbot-form:focus-within{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}}.colorbot-form input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:inherit;font-size:16px}.colorbot-form input::placeholder{color:var(--faint)}.colorbot-send{background:var(--primary);width:48px;height:48px;color:var(--on-primary);transition:background-color .18s var(--ease), opacity .18s var(--ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.colorbot-send:hover:not(:disabled){background:var(--primary-hover)}.colorbot-send:disabled{opacity:.4}.colorbot-composer{border-top:1px solid var(--line);padding:20px 32px 28px}.colorbot-chips{gap:8px;margin-bottom:14px;padding-bottom:2px;display:none;overflow-x:auto}.colorbot-chips .chip{flex-shrink:0;font-size:13px}@media (width<=1000px){.contrast-layout,.image-picker-layout,.colorbot-layout,.tailwind-examples-grid{grid-template-columns:1fr}.image-picker-stage{order:-1}.tailwind-controls{grid-template-columns:1fr 1fr}.tailwind-token-preview{grid-column:1/-1;padding-bottom:0}.tailwind-scale{grid-template-columns:repeat(6,minmax(0,1fr))}.contrast-preview{min-height:380px}.colorbot-side{display:none}.colorbot-chat{min-height:0}.colorbot-chips{display:flex}.colorbot-mobile-reset{display:inline-flex}}@media (width<=640px){.tool-page{padding-block:32px 64px}.tool-head{margin-bottom:28px}.tool-head h1{font-size:38px}.tool-head .lead{margin-top:14px}.tool-block-head h2,.tool-block-head h3{font-size:21px}.tool-section{margin-top:48px}.contrast-inputs,.contrast-grid,.tailwind-controls{grid-template-columns:1fr}.contrast-ratio{font-size:56px}.contrast-preview{gap:32px;padding:28px 24px}.contrast-preview h2{font-size:30px}.contrast-grid{grid-template-columns:1fr 1fr}.contrast-cell{padding:14px}.tailwind-scale{grid-template-columns:repeat(3,minmax(0,1fr))}.tailwind-step .chipface{height:120px}.tailwind-tabs{width:100%;display:flex}.tailwind-tabs>button{white-space:normal;text-align:center;flex:1;padding-inline:8px;font-size:13px}.picker-swatch{min-height:200px;padding:24px}.picker-swatch .aa{font-size:72px}.picker-form .input{width:100%}.picker-form .field:first-child{flex:100%}.picker-values td:first-child{width:64px}.picker-cta{flex-direction:column;align-items:flex-start;gap:20px}.directory-bar{flex-direction:column;align-items:stretch}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.directory-card .swatch{height:88px}.image-picker-photo{aspect-ratio:4/3}.image-picker-pin{width:40px;height:40px}.colorbot-stream{padding:20px}.colorbot-composer{padding:16px 16px 20px}.colorbot-form{padding-left:18px}}@media (width>=1001px){.colorbot-mobile-reset{display:none}}.tw-example-row.tw-example-meta{justify-content:space-between;gap:12px;display:flex}.picker-scale{grid-template-columns:repeat(11,minmax(0,1fr));gap:8px}.picker-scale .val{font-size:11px}.picker-scale .val.oklch{display:none}.picker-scale .step small{color:var(--muted);font-weight:400}.picker-harmonies{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.picker-harmonies .picker-harmony{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:0;margin:0;padding:20px}.picker-harmonies .picker-strip{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}.picker-harmonies .picker-chip{height:56px}@media (width<=1000px){.picker-harmonies{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.picker-harmonies{grid-template-columns:1fr}.picker-scale{scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.picker-scale li{scroll-snap-align:start;flex:0 0 84px}}.tool-stack>*,.contrast-layout>*,.image-picker-layout>*,.colorbot-layout>*{min-width:0}.picker-harmonies .val.oklch{display:none}.picker-scale,.picker-table-wrap{position:relative}.image-picker-system{gap:10px;display:grid}.image-picker-system .button-secondary{white-space:normal;text-align:center;width:100%;padding-inline:14px}.image-picker-system .hint{font-size:13px;line-height:1.5}.image-picker-system .hint i{width:11px;height:11px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin:0 4px -1px 2px;display:inline-block}.image-picker-system .hint b{font-family:var(--font-mono);color:var(--ink);font-weight:500}.image-picker-side>*{min-width:0}.tool-page>.install-panel{margin-top:0;margin-bottom:40px}.describe-composer{gap:18px;margin-bottom:48px;display:grid}.describe-form{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);min-height:68px;box-shadow:var(--shadow-card);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:8px;padding:8px 8px 8px 28px;display:flex}.describe-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.describe-form:focus-within{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}}.describe-form input{min-width:0;height:52px;color:var(--ink);font:inherit;letter-spacing:-.01em;box-shadow:none;background:0 0;border:0;outline:none;flex:1;font-size:19px}.describe-form input::placeholder{color:var(--muted)}.describe-send,.prompt-palette-send{background:var(--primary);width:52px;height:52px;color:var(--on-primary);transition:background-color .18s var(--ease), transform .18s var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.describe-send:hover:not(:disabled),.prompt-palette-send:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.describe-send:disabled,.prompt-palette-send:disabled{opacity:.35;cursor:not-allowed}.describe-options{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 32px;display:flex}.describe-chips{flex-wrap:wrap;flex:520px;gap:8px;display:flex}.describe-count{align-items:center;gap:12px;display:flex}.describe-count .tool-label{margin:0}.describe-hint{color:var(--muted);font-size:14px}.describe-results{gap:56px;display:grid}.describe-group{gap:20px;display:grid}.describe-group-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;display:flex}.describe-prompt{letter-spacing:-.015em;color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:500;display:flex}.describe-prompt .chip{letter-spacing:.04em;font-size:12px}.describe-source{max-width:720px;color:var(--muted);margin:6px 0 0;font-size:14px}.describe-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.describe-grid>:first-child:nth-last-child(4){grid-column:1/-1}.describe-card{flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.describe-swatches{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:168px;display:grid}.describe-swatches button{min-width:0;font-family:var(--font-mono);letter-spacing:.02em;transition:flex .18s var(--ease);justify-content:center;align-items:flex-end;padding:0 0 12px;font-size:12px;display:flex}.describe-swatches button:hover{filter:brightness(1.04)}.describe-swatches button span{text-overflow:clip;overflow:hidden}.describe-swatches[data-count="7"] button,.describe-swatches[data-count="8"] button{font-size:10px}.describe-card-body{flex-direction:column;flex:1;gap:12px;padding:20px 24px 24px;display:flex}.describe-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.describe-card-head h3{margin:0;font-size:20px}.describe-tags{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.describe-tags .chip{padding:3px 10px;font-size:12px}.describe-why{color:var(--ink-2);flex:1;margin:0;font-size:15px;line-height:1.55}.describe-card .tool-actions{grid-template-columns:1fr 1fr 40px;align-items:center;gap:8px;margin-top:4px;display:grid}.describe-card .tool-actions .button-primary{grid-column:1/-1;justify-content:center}.describe-card .tool-actions .button-secondary{justify-content:center;padding-inline:12px}.describe-copy{width:40px;height:40px}.prompt-palette{gap:8px;width:100%;display:grid}.prompt-palette-form{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);min-height:52px;box-shadow:var(--shadow-xs);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);align-items:center;gap:6px;padding:5px 5px 5px 20px;display:flex}.prompt-palette-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.prompt-palette-form:focus-within{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}}.prompt-palette-form input{min-width:0;height:40px;color:var(--ink);font:inherit;box-shadow:none;background:0 0;border:0;outline:none;flex:1;font-size:15px}.prompt-palette-form input::placeholder{color:var(--muted)}.prompt-palette-send{width:40px;height:40px}.prompt-palette-shuffle{width:40px;height:40px;color:var(--ink-2);transition:background-color .18s var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.prompt-palette-shuffle:hover{background:var(--surface-hover);color:var(--ink)}.prompt-palette-note{color:var(--muted);margin:0;padding:0 8px;font-size:13px;line-height:1.5}@media (width<=1000px){.describe-grid{grid-template-columns:1fr}.describe-grid>:first-child:nth-last-child(4){grid-column:auto}.describe-swatches{height:132px}}@media (width<=640px){.describe-composer{margin-bottom:36px}.describe-form{min-height:60px;padding-left:20px}.describe-form input{height:44px;font-size:16px}.describe-send{width:46px;height:46px}.describe-chips{flex-basis:100%}.describe-results{gap:40px}.describe-prompt{font-size:20px}.describe-card .tool-actions{grid-template-columns:1fr 1fr 44px}.describe-card .tool-actions .button-sm{min-height:44px}.describe-copy{width:44px;height:44px}.prompt-palette-form input{font-size:16px}}.picker-about{max-width:68ch;color:var(--ink-2)}.picker-facts{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:20px 0 0;display:grid}.picker-facts>div{border-radius:var(--r-md);background:var(--panel);padding:12px 14px}.picker-facts dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.picker-facts dd{color:var(--ink);margin:4px 0 0;font-size:15px;font-weight:500}.picker-empty{color:var(--muted)}.picker-similar{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.picker-similar-link{border-radius:var(--r-md);background:var(--surface);min-height:56px;box-shadow:var(--shadow-card);transition:transform .18s var(--ease);grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"chip name de""chip hex de";align-items:center;column-gap:12px;padding:8px 14px 8px 8px;text-decoration:none;display:grid}.picker-similar-link:hover{transform:translateY(-1px)}.picker-similar-chip{border-radius:var(--r-sm);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);grid-area:chip}.picker-similar-link .name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);grid-area:name;font-size:14px;font-weight:500;overflow:hidden}.picker-similar-link .hex{font-family:var(--font-mono);text-transform:uppercase;color:var(--muted);grid-area:hex;font-size:12px}.picker-similar-link .de{font-family:var(--font-mono);color:var(--muted);grid-area:de;font-size:12px}.directory-filters{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.directory-chips{flex-wrap:wrap;gap:8px;display:flex}.directory-chips .chip:disabled{opacity:.45;cursor:not-allowed}.directory-sort{color:var(--muted);flex-shrink:0;align-items:center;gap:10px;font-size:14px;display:flex}.directory-sort .input{border-radius:var(--r-pill);width:auto;height:44px;padding-inline:14px}.directory-group+.directory-group{margin-top:40px}.directory-group-title{letter-spacing:-.015em;color:var(--ink);margin-bottom:16px;font-size:24px;font-weight:500;line-height:1.25}.directory-group-title .num{font-family:var(--font-mono);color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}@media (width<=640px){.directory-filters{flex-direction:column;align-items:stretch}.directory-sort .input{flex:1}.directory-chips .chip{min-height:44px}.picker-similar{grid-template-columns:1fr}}.color-well .hex-input{border-radius:var(--r-sm);text-transform:uppercase;background:0 0;border:1px solid #0000;flex:1;min-width:0;height:40px;padding:0 8px}.color-well .hex-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.color-well .hex-input:focus-visible{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}}.color-well .hex-input[aria-invalid=true]{border-color:var(--danger);color:var(--danger)}.contrast-apca{border-top:1px solid var(--line);align-items:center;gap:24px;margin-top:24px;padding-top:20px;display:flex}.contrast-apca-value{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--ink);font-size:28px;font-weight:500}.contrast-apca p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.contrast-apca+.contrast-grid{margin-top:20px}.contrast-guidance ul{color:var(--ink-2);gap:10px;margin:16px 0 0;padding-left:20px;font-size:15px;line-height:1.55;display:grid}.contrast-swatch-link{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);min-height:32px;color:var(--ink);cursor:pointer;vertical-align:middle;align-items:center;gap:8px;padding:0 10px 0 6px;display:inline-flex}.contrast-swatch{width:18px;height:18px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%}@media (width<=640px){.contrast-apca{flex-direction:column;align-items:flex-start;gap:12px}}.describe-unrecognized{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);color:var(--ink-2);margin:8px 0 0;padding:10px 14px;font-size:14px;line-height:1.5}.gradient-output .segmented{justify-self:start}.contrast-inputs .field,.contrast-inputs .color-well{min-width:0}.color-well .hex-input{width:100%}.contrast-apca>div:first-child{flex-shrink:0}.contrast-apca-value{white-space:nowrap}.named-title{flex-wrap:wrap;align-items:baseline;column-gap:20px;display:flex}.named-title .named-hex{letter-spacing:0;color:var(--muted);font-size:.42em;font-weight:500}.picker-subhead{margin-top:32px}.picker-matches{grid-template-columns:minmax(0,1fr);margin-bottom:4px}.picker-matches .picker-similar-link{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"chip name""chip hex"}.picker-recipe .picker-similar-link{cursor:default}.picker-recipe-dot{vertical-align:-1px;border:1px solid var(--ink);width:12px;height:12px;margin-right:8px;display:inline-block}@supports (color:color-mix(in lab, red, red)){.picker-recipe-dot{border:1px solid color-mix(in oklab, var(--ink) 15%, transparent)}}.picker-recipe-dot{border-radius:50%}section[aria-labelledby=make-heading] .link-row,section[aria-labelledby=more-heading] .link-row{flex-wrap:wrap;gap:8px 20px;display:flex}.tool-head{padding-top:72px;padding-bottom:40px}.tool-head h1{margin-top:14px}.tool-head .lead{max-width:720px;margin-top:16px}.tool-head-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.tool-body{padding-bottom:128px}.gradient-surface{background:var(--g)}@supports (background:linear-gradient(in oklch, red, blue)){.gradient-surface{background:var(--g-oklch)}}.gradient-tile{display:block}.gradient-card-meta h3 a{color:inherit;text-decoration:none}.gradient-card-meta h3 a:hover{text-decoration:underline}.gradient-stops{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gradient-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));gap:20px;margin-top:8px;display:grid}.gradient-card{transition:transform .18s var(--ease), box-shadow .18s var(--ease);padding:10px 10px 14px}.gradient-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.gradient-tile{border-radius:var(--r-md);height:168px;box-shadow:inset 0 0 0 1px #0000000f}.gradient-card-meta{justify-content:space-between;align-items:center;gap:12px;padding:14px 6px 0 8px;display:flex}.gradient-card-meta h3{letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:500}.gradient-stops{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.5}.gradient-crumbs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gradient-crumbs a{color:inherit;text-decoration:none}.gradient-crumbs a:hover{color:var(--ink)}.gradient-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.gradient-tags a.chip,.gradient-hex[href]{text-decoration:none}.gradient-hex[href]:hover{text-decoration:underline}ul.gradient-stop-list{margin:0;padding:0;list-style:none}.gradient-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.gradient-code{align-content:start;gap:10px;min-width:0;display:grid}.gradient-code-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.gradient-code .code-block{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.gradient-related{margin-top:72px}.gradient-related h2{margin-bottom:20px}.gradient-maker{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.gradient-preview{aspect-ratio:16/10;border-radius:var(--r-xl);width:100%;box-shadow:inset 0 0 0 1px #0000000f, var(--shadow-card);transition:background .3s var(--ease)}.gradient-inspector{gap:24px;display:grid}.gradient-inspector-title{justify-content:space-between;align-items:center;display:flex}.gradient-bar{border-radius:var(--r-pill);height:14px;box-shadow:inset 0 0 0 1px #00000014}.gradient-stop-list{gap:10px;display:grid}.gradient-stop{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:grid}.gradient-stop .label{grid-column:1/-1;margin:0 0 -4px 6px}.gradient-swatch{border-radius:var(--r-sm);width:36px;height:36px;box-shadow:0 0 0 1px var(--line-strong);position:relative;overflow:hidden}.gradient-swatch input[type=color]{cursor:pointer;background:0 0;border:0;width:calc(100% + 16px);height:calc(100% + 16px);padding:0;position:absolute;inset:-8px}.gradient-swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.gradient-hex{font-family:var(--font-mono);color:var(--ink);font-size:14px;font-weight:500}.gradient-pos{font-family:var(--font-mono);color:var(--muted);font-size:13px}.gradient-two{gap:20px;display:grid}.gradient-two .segmented{display:flex}.gradient-two .segmented>*{flex:1}.gradient-output{gap:10px;display:grid}.gradient-output .code-block{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible}.gradient-actions{flex-wrap:wrap;gap:10px;display:flex}.gradient-palette-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:24px;display:grid}.gradient-palette-controls .gradient-stop{padding-block:8px}.gradient-range{width:100%;height:54px;accent-color:var(--accent);cursor:pointer}.gradient-steps{gap:12px;margin-top:20px;display:flex}.gradient-step{text-align:center;cursor:pointer;flex-direction:column;flex:1;align-items:stretch;gap:10px;min-width:0;padding:0;display:flex}.gradient-step-swatch{border-radius:var(--r-lg);height:220px;transition:transform .18s var(--ease);box-shadow:inset 0 0 0 1px #0000000f}.gradient-step:hover .gradient-step-swatch{transform:translateY(-3px)}.gradient-step-label{font-family:var(--font-mono);color:var(--ink);font-size:13px}.gradient-palette-cta{justify-content:flex-start;margin-top:32px;display:flex}@media (width<=900px){.gradient-maker,.gradient-code-grid{grid-template-columns:minmax(0,1fr)}.gradient-palette-controls{grid-template-columns:minmax(0,1fr);gap:20px}}@media (width<=640px){.tool-head{padding-top:40px;padding-bottom:28px}.tool-head-row{flex-direction:column;align-items:flex-start}.tool-body{padding-bottom:80px}.gradient-related{margin-top:48px}.gradient-preview{border-radius:var(--r-lg);aspect-ratio:4/3}.gradient-steps{gap:6px}.gradient-step-swatch{border-radius:var(--r-sm);height:150px}.gradient-step-label{letter-spacing:-.03em;font-size:10px}}.doc-page{max-width:920px;padding-block:72px 96px}.doc-header h1{letter-spacing:-.03em;color:var(--ink);margin-top:14px;font-size:56px;font-weight:500;line-height:1.05}.doc-lead{max-width:720px;color:var(--muted);letter-spacing:-.01em;margin-top:16px;font-size:21px;line-height:1.5}.doc-section{padding-top:56px}.doc-section h2,.doc-cta h2{letter-spacing:-.015em;color:var(--ink);margin-bottom:12px;font-size:24px;font-weight:500;line-height:1.25}.doc-section h3{color:var(--ink);margin-bottom:10px;font-size:16px;font-weight:500}.doc-section>p{max-width:720px;color:var(--ink-2);margin-block:12px;font-size:16px;line-height:1.7}.doc-section a:not(.button-primary):not(.button-secondary),.legal-page a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.doc-section a:not(.button-primary):not(.button-secondary),.legal-page a{-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent)}}.doc-section a:not(.button-primary):not(.button-secondary),.legal-page a{text-underline-offset:3px;transition:text-decoration-color .18s var(--ease)}.doc-section a:not(.button-primary):not(.button-secondary):hover,.legal-page a:hover{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.doc-table{border-collapse:collapse;width:100%;margin-block:16px;font-size:14px;line-height:1.6}.doc-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-strong);padding:0 12px 12px 0;font-size:12px;font-weight:500}.doc-table td{vertical-align:top;border-bottom:1px solid var(--line);color:var(--ink-2);padding:14px 12px 14px 0}.doc-table td:first-child{white-space:nowrap;color:var(--ink)}.doc-grid{gap:28px;margin-top:24px;display:grid}.doc-grid>div{gap:14px;min-width:0;display:grid}.doc-cta{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:64px;padding:32px;display:flex}.doc-cta p{color:var(--ink-2);font-size:15px}.doc-cta .hero-actions{margin-top:0}.legal-page{width:min(720px,100% - 64px);margin-inline:auto;padding-block:72px 128px}.legal-page>.eyebrow{margin-bottom:0}.legal-page h1{letter-spacing:-.03em;color:var(--ink);margin-top:16px;font-size:56px;font-weight:500;line-height:1.05}.legal-meta{font-family:var(--font-mono);letter-spacing:.02em;color:var(--muted);margin-top:20px;font-size:13px}.legal-summary{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-2);margin-top:32px;padding:20px 24px;font-size:16px;line-height:1.7}.legal-page nav{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;font-size:14px}.legal-page nav:before{content:"Contents";font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:500;display:block}.legal-page nav ol{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;padding-left:22px;list-style:decimal;display:grid}.legal-page nav a{color:var(--ink-2);text-decoration:none}.legal-page nav a:hover{color:var(--accent);text-decoration:none}.legal-page section{padding-top:64px;scroll-margin-top:100px}.legal-page h2{letter-spacing:-.015em;color:var(--ink);margin-bottom:16px;font-size:24px;font-weight:500;line-height:1.25}.legal-page h3{color:var(--ink);margin-block:24px 8px;font-size:17px;font-weight:500}.legal-page section p,.legal-page section li{color:var(--ink-2);font-size:17px;line-height:1.7}.legal-page section p+p{margin-top:16px}.legal-page section ul{margin-block:12px;padding-left:22px;list-style:outside}.legal-page section ul li::marker{color:var(--faint)}.legal-page section li+li{margin-top:8px}.legal-page strong{color:var(--ink);font-weight:500}@media (width>=1200px){.legal-page{grid-template-columns:200px 720px 200px;width:min(1120px,100% - 64px);display:grid}.legal-page>*{grid-column:2;min-width:0}.legal-page nav{top:calc(var(--header-h) + 24px);border-top:0;grid-area:1/1/span 60;align-self:start;margin-top:0;padding:6px 32px 0 0;font-size:13px;position:sticky}.legal-page nav ol{grid-template-columns:minmax(0,1fr);gap:8px;padding-left:20px}}@media (width<=640px){.doc-page{padding-block:40px 64px}.doc-header h1,.legal-page h1{font-size:38px}.doc-lead{font-size:18px}.legal-page{width:calc(100% - 40px);padding-block:40px 80px}.legal-page section{padding-top:48px}.legal-page section p,.legal-page section li{font-size:16px}.doc-table,.doc-table tbody,.doc-table tr,.doc-table td{display:block}.doc-table thead{display:none}.doc-table tr{border-bottom:1px solid var(--line);padding-block:12px}.doc-table td{border:0;padding:2px 0}.doc-scope:before{content:"Permission: "}.doc-cta{padding:24px 20px}.legal-page nav ol{grid-template-columns:minmax(0,1fr)}}.agents-page{background:var(--paper);overflow-x:clip}.agents-header{padding-bottom:32px}.agents-header .eyebrow{margin-bottom:20px}.agents-header .lead{max-width:720px;margin-top:24px}.agents-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.agents-body{gap:112px;padding-block:72px 112px;display:grid}.agents-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px;display:grid}.agents-text{align-content:start;gap:20px;min-width:0;display:grid}.agents-text .eyebrow{margin-bottom:4px}.agents-text p:not(.eyebrow):not(.prompt-box){max-width:520px;color:var(--ink-2);font-size:17px}.agents-text .bubble{margin-left:0}.agents-text code,.agents-visual p code{color:var(--ink);overflow-wrap:anywhere;font-size:.92em}.agents-text a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.agents-text a{-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent)}}.agents-text a{text-underline-offset:3px}.agents-visual{gap:18px;min-width:0;padding:28px;display:grid}.agents-visual>.chip{justify-self:start;margin-bottom:0}.agents-visual>p{color:var(--ink-2);font-size:16px}.agents-visual .snippet .code-block{background:var(--surface)}.snippet-note{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.5}.agents-clients{gap:28px}.agents-clients>div{gap:16px;min-width:0;display:grid}.agents-clients>div+div{border-top:1px solid var(--line);padding-top:24px}.agent-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.5}.agent-table th{font-family:var(--font-mono);letter-spacing:.12em;text-align:left;text-transform:uppercase;color:var(--muted);padding:0 12px 10px 0;font-size:12px;font-weight:500}.agent-table td{border-top:1px solid var(--line-strong);vertical-align:top;color:var(--ink-2);padding:14px 12px 14px 0}.agent-table td:first-child{white-space:nowrap}.agent-table td code{color:var(--ink);font-size:13px}.agent-table .badge{font-weight:500}.agents-closing-wrap{padding-bottom:128px}.agents-closing{background:radial-gradient(100% 90% at 50% 120%, var(--accent), transparent 70%), var(--panel);padding:80px 32px}@supports (color:color-mix(in lab, red, red)){.agents-closing{background:radial-gradient(100% 90% at 50% 120%, color-mix(in oklab, var(--accent) 14%, transparent), transparent 70%), var(--panel)}}.agents-closing .lead{margin-top:16px}.agents-closing .agents-actions{justify-content:center}@media (width<=900px){.agents-row{grid-template-columns:1fr;gap:32px}.agents-body{gap:80px}}@media (width<=640px){.agents-body{gap:64px;padding-block:48px 72px}.agents-visual{padding:20px}.agents-actions{flex-direction:column;align-items:stretch}.agents-text p:not(.eyebrow):not(.prompt-box){font-size:16px}.agent-table,.agent-table tbody,.agent-table tr,.agent-table td{width:100%;display:block}.agent-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.agent-table tr{border-top:1px solid var(--line-strong);padding:14px 0}.agent-table td{white-space:normal;border:0;padding:2px 0}.agent-table td:first-child{white-space:normal}.agents-closing{padding:48px 20px}}.app-page{padding-block:56px 96px}.app-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;display:flex}.app-header .eyebrow{margin-bottom:14px}.app-title{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;font-size:44px;font-weight:500;line-height:1.08}.app-lead{letter-spacing:-.01em;max-width:640px;color:var(--muted);text-wrap:pretty;margin-top:12px;font-size:18px;line-height:1.5}.app-header>.button-primary,.app-header>.button-secondary{flex-shrink:0}.conn-stack{gap:24px;max-width:none;display:grid}.conn-card{gap:16px;padding:28px;display:grid}.conn-card .t-h3,.conn-upsell .t-h3{margin:0}.conn-card code:not(.secret-token){font-family:var(--font-mono);color:var(--ink);font-size:.92em}.conn-url{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 18px;display:flex}.conn-url code{min-width:0;font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;font-size:15px}.conn-url .button-secondary{flex-shrink:0}.conn-upsell{justify-items:start;gap:12px;display:grid}.conn-list-title{margin-bottom:14px}.conn-empty{border:1px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--muted);text-align:center;padding:24px;font-size:14px}.connection-list{gap:12px;display:grid}.connection-row{justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.conn-info{gap:10px;min-width:0;display:grid}.conn-name{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.conn-name strong{color:var(--ink);font-size:16px;font-weight:500}.conn-prefix{color:var(--muted);font-size:13px}.conn-scopes{flex-wrap:wrap;gap:6px;display:flex}.conn-status{color:var(--muted);font-size:13px}.ws-actions-spaced{margin-top:20px}.acct-header-center{text-align:center;justify-content:center;margin-bottom:40px}.acct-header-center .eyebrow{justify-content:center}.acct-header-center .app-lead{margin-inline:auto}.acct-loading{color:var(--muted)}.acct-auth{width:min(420px,100%);margin-inline:auto}.acct-auth-card{padding:32px}.acct-auth-title{letter-spacing:-.015em;color:var(--ink);margin-bottom:24px;font-size:24px;font-weight:500;line-height:1.25}.acct-form{gap:18px;display:grid}.acct-submit{width:100%;margin-top:4px}.acct-links{flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-top:20px;display:flex}.acct-links button{min-height:32px;color:var(--muted);transition:color .18s var(--ease);font-size:14px}.acct-links button:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.acct-auth-card .form-error,.acct-auth-card .form-success{margin-top:16px}.acct-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.acct-wide{grid-column:1/-1}.acct-messages .form-error,.acct-messages .form-success,.acct-grid>.form-error{margin:0}.acct-card{flex-direction:column;align-items:flex-start;gap:10px;padding:28px;display:flex}.acct-card .t-h3{margin:0}.acct-copy{color:var(--muted);font-size:15px;line-height:1.6}.acct-icon{background:var(--panel);width:40px;height:40px;color:var(--ink-2);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}.acct-plan{align-items:center;gap:12px;margin-bottom:6px;display:flex}.acct-action{margin-top:auto}.acct-copy+.acct-action{margin-top:14px}.acct-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;padding-top:14px;display:flex}.acct-details{gap:12px;width:100%;margin-block:4px 12px;display:grid}.acct-details>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;font-size:14px;display:flex}.acct-details dt{color:var(--muted)}.acct-details dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;text-align:right}.acct-danger{border:1px solid var(--danger);flex-direction:row;justify-content:space-between;align-items:center;gap:20px}@supports (color:color-mix(in lab, red, red)){.acct-danger{border:1px solid color-mix(in oklab, var(--danger) 28%, transparent)}}.acct-danger{border-radius:var(--r-lg);background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.acct-danger{background:color-mix(in oklab, var(--danger) 4%, var(--surface))}}.acct-danger .acct-copy{margin-top:4px}.price-page{padding-top:72px}.price-header{justify-items:center;gap:16px;margin-bottom:48px;display:grid}.price-header .t-h1{max-width:14ch;font-size:56px}.price-header .lead{margin-top:0}.price-toggle{margin-top:12px}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;width:min(880px,100%);margin-inline:auto;display:grid}.price-card{flex-direction:column;padding:32px;display:flex}.price-card-pro{border:1.5px solid var(--primary);background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.price-card-pro{background:color-mix(in oklab, var(--panel) 55%, var(--surface))}}.price-card-pro{box-shadow:var(--shadow-float)}.price-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.price-card .t-h3{margin:0}.price-amount{letter-spacing:-.04em;color:var(--ink);margin-block:20px 24px;font-size:44px;font-weight:400;line-height:1}.price-per{letter-spacing:0;color:var(--muted);font-size:15px}.price-placeholder{border-radius:var(--r-md);background:var(--panel);color:var(--muted);margin-block:20px 24px;padding:12px 16px;font-size:14px;line-height:1.5}.price-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.price-list li{border-top:1px solid var(--line);color:var(--ink-2);align-items:flex-start;gap:12px;padding-block:12px;font-size:15px;line-height:1.45;display:flex}.price-list svg{color:var(--accent);flex-shrink:0;margin-top:2px}.price-cta{justify-items:start;gap:14px;margin-top:auto;padding-top:28px;display:grid}.price-cta .button-primary,.price-cta .button-secondary{width:100%}.price-cta .form-error,.price-cta .form-success{width:100%;margin:0}@media (width<=860px){.acct-grid,.price-grid{grid-template-columns:minmax(0,1fr)}.price-grid{max-width:520px}}@media (width<=640px){.app-page{padding-block:36px 72px}.price-page{padding-top:44px}.app-header{flex-direction:column;align-items:flex-start;gap:20px}.acct-header-center{align-items:center}.app-title{font-size:34px}.app-lead{font-size:17px}.price-header .t-h1{font-size:38px}.price-card,.acct-card,.conn-card{padding:22px}.acct-auth-card{padding:24px 20px}.price-amount{font-size:38px}.conn-url{flex-direction:column;align-items:stretch;padding:14px}.connection-row,.acct-danger{flex-direction:column;align-items:flex-start}.acct-links button,.button-danger{min-height:44px}}.export-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin-bottom:18px;display:grid}.export-group{min-width:0}.export-group-label{margin-bottom:8px;font-size:11px}.export-groups .export-tabs{margin-bottom:0}.export-file{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.export-file>div{flex:260px;min-width:0}.export-file .export-note{max-width:52ch;color:var(--ink-2);text-wrap:pretty;margin:0}.export-file-title{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:500}.export-file-title span{font-family:var(--font-mono);color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}@media (width<=640px){.export-groups{grid-template-columns:minmax(0,1fr);gap:12px}.export-file{padding:16px}.export-file .button-primary{justify-content:center;width:100%;min-height:44px}}.audit-page .tool-stack,.audit-results{gap:24px;margin-top:24px;display:grid}.audit-input{gap:20px;display:grid}.audit-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audit-tab{align-items:center;gap:4px;display:inline-flex}.audit-tab .chip{cursor:pointer;min-height:36px}.audit-remove{width:32px;height:32px}.audit-source{min-height:320px;font-family:var(--font-mono);tab-size:2;resize:vertical;font-size:13px;line-height:1.65}.audit-actions{flex-wrap:wrap;gap:12px;display:flex}.audit-meta{color:var(--muted);overflow-wrap:anywhere;font-size:14px;line-height:1.55}.audit-error{color:var(--danger)}.audit-empty{color:var(--ink-2);font-size:15px}.audit-h{letter-spacing:-.015em;color:var(--ink);font-size:24px;font-weight:500;line-height:1.25}.audit-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.audit-score{align-items:center;gap:28px;padding:24px;display:flex}.audit-score-number{letter-spacing:-.035em;color:var(--ink);font-size:72px;font-weight:500;line-height:1}.audit-score-number small{letter-spacing:0;color:var(--muted);font-size:20px}.audit-score-number.good{color:var(--success)}.audit-score-number.ok{color:var(--warning)}.audit-score-number.bad{color:var(--danger)}.audit-list{margin:0;padding:0;list-style:none;display:grid}.audit-row{border-top:1px solid var(--line);align-items:center;gap:16px;padding:14px 0;display:flex}.audit-row:first-child{border-top:0;padding-top:0}.audit-row-body{min-width:0;color:var(--ink-2);flex:1;font-size:14px}.audit-row-body code,.audit-meta code{font-family:var(--font-mono);font-size:13px}.audit-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.audit-aa{border:1px solid var(--line);border-radius:var(--r-sm);flex:none;place-items:center;width:56px;height:56px;font-size:22px;font-weight:600;display:grid}.audit-aa-fixed{outline:2px solid var(--success);outline-offset:2px}.audit-pair{flex-wrap:wrap;flex:none;gap:10px;display:flex}.audit-swatch{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:12px;display:inline-flex}.audit-swatch i{border-radius:50%;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001f}.audit-swatch code{font-family:var(--font-mono);color:var(--ink)}.audit-swatch small{font-family:var(--font-mono);color:var(--muted);font-size:12px}.audit-patch{max-height:420px;margin-top:12px;overflow:auto}.audit-agent{gap:16px;margin-top:24px;display:grid}.audit-agent>.chip{width:fit-content}@media (width<=640px){.audit-score{flex-direction:column;align-items:flex-start;gap:12px}.audit-score-number{font-size:56px}.audit-row{flex-wrap:wrap;align-items:flex-start}.audit-row-body{flex-basis:100%}.audit-badges{justify-content:flex-start}.audit-input.panel{padding:20px}}.audit-results,.audit-input,.audit-agent{grid-template-columns:minmax(0,1fr)}.audit-results>*,.audit-input>*,.audit-agent>*{min-width:0;max-width:100%}.audit-page pre.code-block{max-width:100%;overflow-x:auto}.audit-page .prompt-box{overflow-wrap:anywhere}.scales-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.scales-col{align-content:start;gap:24px;min-width:0;display:grid}.scales-wide{grid-column:1/-1}.scales-keys{gap:10px;display:grid}.scales-key-row{align-items:center;gap:10px;display:flex}.scales-key-row .scales-hex{flex:1}.scales-key-row .icon-button:disabled{opacity:.4;cursor:not-allowed}.scales-add{justify-self:start}.scales-add svg{flex-shrink:0}.scales-hex{align-items:center;gap:10px;display:flex}.scales-hex input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;background:0 0;flex-shrink:0;width:44px;height:44px;padding:0}.scales-hex input[type=color]::-webkit-color-swatch-wrapper{padding:0}.scales-hex input[type=color]::-webkit-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.scales-hex input[type=color]::-moz-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.scales-input{font-family:var(--font-mono);text-transform:uppercase;min-width:0}#scales-name{text-transform:none}.scales-presets{flex-wrap:wrap;gap:8px;display:flex}.scales-presets .chip,.scales-ratios .chip{cursor:pointer;min-height:36px}.scales-ratios{flex-wrap:wrap;gap:8px;display:flex}.scales-ratio{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);min-height:36px;font-family:var(--font-mono);color:var(--ink);align-items:center;gap:2px;padding:0 4px 0 14px;font-size:14px;display:inline-flex}.scales-ratio:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.scales-ratio:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent)}}.scales-ratio-input{width:auto;min-width:3ch;font:inherit;color:inherit;background:0 0;border:0;outline:0;padding:0}.scales-ratio-unit{color:var(--muted)}.scales-ratio-remove{border-radius:var(--r-pill);width:28px;height:28px;color:var(--muted);cursor:pointer;place-items:center;margin-left:2px;display:inline-grid}.scales-ratio-remove:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.scales-ratio-remove:disabled{opacity:.35;cursor:not-allowed}.scales-swatches{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.scales-swatch{align-content:start;justify-items:start;gap:8px;min-width:0;display:grid}.scales-swatch-frame{border:1px solid var(--line-strong);border-radius:var(--r-md);width:100%;padding:10px;display:block}.scales-swatch-color{border-radius:var(--r-sm);cursor:pointer;border:0;width:100%;height:88px;display:block}.scales-swatch-meta{font-family:var(--font-mono);color:var(--muted);gap:2px;font-size:12px;line-height:1.5;display:grid}.scales-step{color:var(--ink);font-size:14px;font-weight:500}.scales-hex-label{color:var(--ink-2)}.scales-notes{color:var(--ink-2);margin-top:16px;font-size:14px}.scales-notes ul{gap:6px;margin:0;padding-left:18px;display:grid}.scales-notes b{font-family:var(--font-mono);color:var(--ink);font-weight:500}.scales-preview{border:1px solid var(--line-strong);border-radius:var(--r-lg);gap:16px;padding:24px;font-size:15px;display:grid}.scales-preview-card{border-radius:var(--r-md);border:1px solid;gap:8px;padding:18px;display:grid}.scales-preview-track{border-radius:var(--r-pill);border:1px solid;height:10px;overflow:hidden}.scales-preview-track>span{width:62%;height:100%;display:block}.scales-preview-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.scales-preview-button{border-radius:var(--r-pill);border:1px solid #0000;align-items:center;min-height:44px;padding:0 20px;font-weight:500;display:inline-flex}.scales-preview-button.is-outline{background:0 0}.scales-preview-link{text-underline-offset:3px;font-weight:500;text-decoration:underline}.scales-themes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.scales-theme{gap:12px;min-width:0;margin:0;display:grid}.scales-theme figcaption{color:var(--ink);justify-content:space-between;align-items:baseline;font-size:14px;font-weight:500;display:flex}.scales-theme figcaption code{font-family:var(--font-mono);color:var(--muted);font-size:13px;font-weight:400}.scales-theme-body{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:12px}.scales-mini{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.scales-mini>span{border-radius:var(--r-xs);height:44px}.scales-export{gap:16px;margin-top:20px;display:grid}.scales-export .code-block{max-height:420px;overflow:auto}@media (width<=760px){.scales-controls,.scales-themes{grid-template-columns:minmax(0,1fr)}.scales-controls{gap:24px}.scales-swatches{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px}.scales-hex input[type=color],.scales-ratio-remove{min-width:44px}.scales-ratio,.scales-presets .chip,.scales-ratios .chip{min-height:44px}}.scales-export>*,.scales-preview>*,.scales-theme>*,.scales-controls .field,.scales-key-row>*{min-width:0}.scales-export .code-block{max-width:100%}.scales-preview-card span,.scales-preview-card strong,.scales-swatch-meta,.scales-values{overflow-wrap:anywhere}.scales-export .tool-actions>*{max-width:100%}.scales-tabs{scrollbar-width:none;max-width:100%;overflow-x:auto}.scales-tabs>*{white-space:nowrap;flex-shrink:0}.mixer-controls{gap:32px;display:grid}.mixer-controls .field,.mixer-controls .field>*{min-width:0}.mixer-rows{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mixer-row{grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.mixer-hex{align-items:center;gap:8px;min-width:0;display:flex}.mixer-hex input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;background:0 0;flex-shrink:0;width:44px;height:44px;padding:0}.mixer-hex input[type=color]::-webkit-color-swatch-wrapper{padding:0}.mixer-hex input[type=color]::-webkit-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.mixer-hex input[type=color]::-moz-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.mixer-hash{color:var(--muted);font-family:var(--font-mono)}.mixer-input{min-width:0;font-family:var(--font-mono);text-transform:uppercase}.mixer-weight,.mixer-steps-control{align-items:center;gap:12px;min-width:0;display:flex}.mixer-weight-label{color:var(--muted);font-size:13px}.mixer-weight input[type=range],.mixer-steps-control input[type=range]{min-width:0;min-height:44px;accent-color:var(--accent);cursor:pointer;flex:1}.mixer-share{min-width:3.2ch;font-family:var(--font-mono);color:var(--ink);text-align:right;font-size:13px}.mixer-row .icon-button:disabled{opacity:.4;cursor:not-allowed}.mixer-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.mixer-examples{flex-wrap:wrap;gap:8px;display:flex}.mixer-spaces{flex-wrap:wrap;max-width:100%}.mixer-result{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.mixer-result-swatch{border:1px solid var(--line-strong);border-radius:var(--r-lg);flex-direction:column;justify-content:flex-end;gap:4px;min-width:0;min-height:280px;padding:24px;display:flex}.mixer-result-name{letter-spacing:-.01em;font-size:24px;font-weight:600}.mixer-result-note{opacity:.85;font-size:13px}.mixer-values{align-content:space-between;gap:20px;min-width:0;display:grid}.mixer-value-list{gap:4px;margin:0;display:grid}.mixer-value{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0;display:grid}.mixer-value dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px}.mixer-value dd{overflow-wrap:anywhere;min-width:0;color:var(--ink);margin:0}.mixer-value code{font-family:var(--font-mono);font-size:14px}.mixer-compare{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mixer-compare li{min-width:0}.mixer-compare-tile{text-align:left;width:100%;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer;gap:10px;padding:8px;display:grid}.mixer-compare-tile:hover{background:var(--surface-hover)}.mixer-compare-tile[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mixer-compare-color{border-radius:var(--r-sm);justify-content:flex-end;align-items:flex-start;height:96px;padding:8px;display:flex}.mixer-compare-meta{overflow-wrap:anywhere;gap:2px;min-width:0;padding:0 4px 4px;font-size:13px;display:grid}.mixer-compare-meta b{color:var(--ink)}.mixer-compare-meta code{font-family:var(--font-mono);font-size:12px}.mixer-steps-field{max-width:520px;margin-bottom:16px}.mixer-steps{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mixer-steps li{min-width:0}.mixer-step{cursor:pointer;text-align:left;width:100%;color:var(--ink-2);background:0 0;border:0;gap:6px;padding:0;display:grid}.mixer-step-color{border:1px solid var(--line-strong);border-radius:var(--r-sm);height:72px;display:block}.mixer-step code{font-family:var(--font-mono);font-size:12px}.mixer-prose{max-width:68ch}.mixer-prose h2{margin:24px 0 8px;font-size:20px}.mixer-prose p{margin:0}@media (width<=900px){.mixer-compare{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.mixer-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.mixer-weight{grid-area:2/1/auto/-1}.mixer-row .icon-button{min-width:44px;min-height:44px}.mixer-result{grid-template-columns:minmax(0,1fr)}.mixer-result-swatch{min-height:200px}.mixer-spaces button,.mixer-examples .chip{min-height:44px}.mixer-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.mixer-value .icon-button{min-width:44px;min-height:44px}}.cc-input-panel{gap:16px;display:grid}.cc-input{font-family:var(--font-mono);min-width:0;font-size:16px}.cc-input-error{border-color:var(--danger)}.cc-status{min-height:20px;color:var(--ink-2);overflow-wrap:anywhere;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.cc-status svg{flex-shrink:0;margin-top:3px}.cc-status-error{color:var(--ink)}.cc-status-error svg{color:var(--danger)}.cc-examples{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cc-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:32px;display:grid}.cc-swatch{border:1px solid var(--line-strong);border-radius:var(--r-lg,16px);background-color:#fff;background-image:linear-gradient(45deg,#d9d9d4 25%,#0000 25% 75%,#d9d9d4 75%),linear-gradient(45deg,#d9d9d4 25%,#0000 25% 75%,#d9d9d4 75%);background-position:0 0,8px 8px;background-size:16px 16px;min-height:220px;overflow:hidden}.cc-swatch-fill{background:var(--cc-color);width:100%;height:100%;min-height:220px;display:block}@supports (color:color(display-p3 1 1 1)){.cc-swatch-fill[data-wide=true]{background:var(--cc-wide)}}.cc-hero-meta{align-content:center;gap:12px;min-width:0;display:grid}.cc-hero-hex{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;font-size:32px;line-height:1.1}.cc-hero-meta .tool-actions{margin-top:4px}.cc-gamut{border:1px solid var(--accent-line);border-radius:var(--r-md);background:var(--accent-soft);color:var(--ink-2);gap:14px;margin-top:24px;padding:16px 20px;font-size:14px;display:grid}.cc-gamut b{color:var(--ink);font-weight:500}.cc-gamut-pair{flex-wrap:wrap;gap:12px;display:flex}.cc-gamut-item{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:inline-flex}.cc-gamut-item:hover{background:var(--surface-hover)}.cc-gamut-item>span:last-child{gap:2px;display:grid}.cc-gamut-name{color:var(--muted);font-size:12px}.cc-gamut-item code{font-family:var(--font-mono);font-size:14px}.cc-gamut-chip{border-radius:var(--r-sm);border:1px solid var(--line-strong);flex-shrink:0;width:40px;height:40px}.cc-groups{gap:32px;display:grid}.cc-group h3{margin-bottom:12px}.cc-rows{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.cc-row{grid-template-columns:180px minmax(0,1fr) auto;align-items:center;column-gap:16px;min-width:0;padding:10px 12px 10px 20px;display:grid}.cc-row+.cc-row{border-top:1px solid var(--line)}.cc-row-label{color:var(--ink);font-size:14px;font-weight:500}.cc-row-value{min-width:0;font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;word-break:break-word;border-radius:var(--r-sm);padding-block:4px;font-size:14px;line-height:1.5}.cc-row-value:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cc-row-note{color:var(--muted);grid-column:2/-1;padding-bottom:4px;font-size:12px;line-height:1.5}.cc-copy{flex-shrink:0}.cc-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 40px;display:grid}.cc-explainer-grid h3{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:500}.cc-explainer-grid p{color:var(--ink-2);max-width:62ch;font-size:15px;line-height:1.65}.cc-explainer-grid code{font-family:var(--font-mono);background:var(--accent-soft);color:var(--ink);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:13px}@media (width<=860px){.cc-hero{grid-template-columns:minmax(0,1fr);gap:20px}.cc-explainer-grid{grid-template-columns:minmax(0,1fr);gap:28px}}@media (width<=640px){.cc-swatch,.cc-swatch-fill{min-height:140px}.cc-hero-hex{font-size:26px}.cc-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:12px 8px 12px 16px}.cc-row-label{color:var(--muted);grid-column:1;font-size:13px}.cc-row-value{grid-area:2/1}.cc-copy{grid-area:1/2/span 2}.cc-row-note{grid-column:1/-1}.cc-gamut-item{flex:100%}}.wc-page{overflow-x:clip}.wc-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wc-form{gap:14px;display:grid}.wc-form-row{align-items:stretch;gap:12px;display:flex}.wc-input{min-width:0;font-family:var(--font-mono);flex:1}.wc-form-row .button-primary{flex-shrink:0}.wc-examples{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wc-examples-label{font-family:var(--font-mono);color:var(--muted);margin-right:4px;font-size:13px}.wc-examples .chip{cursor:pointer;min-height:36px}.wc-form .hint{max-width:720px}.wc-status{min-height:0;margin-top:20px}.wc-loading,.wc-error{border-radius:var(--r-md);align-items:flex-start;gap:10px;padding:14px 18px;font-size:15px;line-height:1.5;display:flex}.wc-loading{background:var(--panel);color:var(--ink-2)}.wc-loading svg{flex-shrink:0;margin-top:3px}.wc-error{border:1px solid var(--danger)}@supports (color:color-mix(in lab, red, red)){.wc-error{border:1px solid color-mix(in oklab, var(--danger) 35%, transparent)}}.wc-error{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.wc-error{background:color-mix(in oklab, var(--danger) 8%, var(--surface))}}.wc-error{color:var(--danger)}.wc-spin{animation:.9s linear infinite wc-spin}@keyframes wc-spin{to{transform:rotate(360deg)}}.wc-empty{text-align:center;color:var(--muted);justify-items:center;gap:10px;margin-top:24px;display:grid}.wc-empty h2{letter-spacing:-.015em;color:var(--ink);font-size:24px;font-weight:500;line-height:1.25}.wc-empty p{max-width:520px;color:var(--ink-2)}.wc-skeleton{gap:8px;margin-top:24px;display:flex}.wc-skeleton span{border-radius:var(--r-md);background:var(--panel);flex:1;height:96px;animation:1.4s ease-in-out infinite wc-pulse}.wc-skeleton span:nth-child(2){animation-delay:.15s}.wc-skeleton span:nth-child(3){animation-delay:.3s}@keyframes wc-pulse{50%{opacity:.5}}.wc-first{margin-top:40px}.wc-palette{gap:24px;display:grid}.wc-strip{border-radius:var(--r-lg);gap:4px;height:120px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.wc-strip>li{flex-basis:0;min-width:16px;display:flex}.wc-strip-swatch{font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border-radius:6px;flex:1;place-items:end start;padding:10px;font-size:11px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #80808047}.wc-strip-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wc-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.wc-swatch-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);align-items:flex-start;gap:14px;min-width:0;padding:14px;display:flex}.wc-chip{border-radius:var(--r-sm);flex-shrink:0;width:48px;height:48px;box-shadow:inset 0 0 0 1px #8080804d}.wc-swatch-text{gap:2px;min-width:0;font-size:14px;display:grid}.wc-swatch-text code{font-family:var(--font-mono);color:var(--ink);font-size:14px;font-weight:500}.wc-swatch-name{color:var(--ink-2);overflow-wrap:anywhere}.wc-swatch-meta{color:var(--muted);font-size:13px}.wc-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.wc-tags .badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.wc-actions{margin-top:24px}.wc-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.wc-role{gap:14px;min-width:0;padding:16px;display:grid}.wc-role-swatch{border-radius:var(--r-sm);cursor:pointer;width:100%;height:72px;box-shadow:inset 0 0 0 1px #8080804d}.wc-role-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wc-role-body{gap:6px;min-width:0;display:grid}.wc-role-body h3{letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:500;line-height:1.25}.wc-role-body code{font-family:var(--font-mono);color:var(--ink-2);font-size:14px}.wc-meter{border-radius:var(--r-pill);background:var(--panel-strong);height:6px;margin-top:4px;overflow:hidden}.wc-meter span{border-radius:inherit;background:var(--accent);height:100%;display:block}.wc-role-reason{color:var(--muted);font-size:13px;line-height:1.5}.wc-role-reason b{color:var(--ink-2);font-weight:500}.wc-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wc-mode{gap:12px;min-width:0;display:grid}.wc-mode h3{color:var(--ink);font-size:17px;font-weight:500}.wc-mode-preview{border-radius:var(--r-lg);justify-items:start;gap:12px;padding:24px;display:grid;box-shadow:inset 0 0 0 1px #8080804d}.wc-mode-title{letter-spacing:-.015em;font-size:22px;font-weight:500}.wc-mode-body{font-size:15px}.wc-mode-card{border-radius:var(--r-sm);width:100%;padding:14px 16px;font-size:14px;box-shadow:inset 0 0 0 1px #80808040}.wc-mode-button{border-radius:var(--r-pill);padding:10px 18px;font-size:14px;font-weight:500}.wc-mode-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wc-dot{border-radius:var(--r-pill);cursor:pointer;width:32px;height:32px;display:block;box-shadow:inset 0 0 0 1px #80808059}.wc-dot-sm{cursor:default;flex-shrink:0;width:18px;height:18px}.wc-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wc-table-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}.wc-table{border-collapse:collapse;width:100%;font-size:14px}.wc-table th,.wc-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--line);padding:12px 16px}.wc-table tbody tr:last-child>*{border-bottom:0}.wc-table thead th{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.wc-table tbody th{color:var(--ink);font-weight:500}.wc-pair-hex{font-family:var(--font-mono);color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.wc-table td.mono{white-space:nowrap}.wc-sample{border-radius:var(--r-xs);place-items:center;width:52px;height:36px;font-size:16px;font-weight:600;display:inline-grid;box-shadow:inset 0 0 0 1px #8080804d}.wc-vars{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0 0 12px;padding:0;list-style:none;display:grid}.wc-vars li{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:8px 0;display:flex}.wc-var-name{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);color:var(--ink);flex:1;font-size:13px}.wc-var-hex{font-family:var(--font-mono);color:var(--muted);font-size:13px}.wc-export{gap:14px;display:grid}.wc-export-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wc-export-bar .segmented{max-width:100%;overflow-x:auto}.wc-code{max-height:360px;margin:0}@media (width<=960px){.wc-swatches,.wc-roles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.wc-form-row{flex-direction:column}.wc-input{flex:none;width:100%}.wc-form-row .button-primary{width:100%;min-height:48px}.wc-strip{height:88px}.wc-strip-swatch span{display:none}.wc-swatches,.wc-roles,.wc-modes,.wc-vars{grid-template-columns:minmax(0,1fr)}.wc-table th,.wc-table td{padding:10px 12px}.wc-examples .chip{min-height:44px}}@media (prefers-reduced-motion:reduce){.wc-spin,.wc-skeleton span{animation:none}}.dv-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.dv-col{align-content:start;gap:24px;min-width:0;display:grid}.dv-wide{grid-column:1/-1}.dv-controls .field{min-width:0}.dv-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dv-controls .segmented{scrollbar-width:none;max-width:100%;overflow-x:auto}.dv-controls .segmented>*{flex-shrink:0}.dv-controls .chip{cursor:pointer;min-height:36px}.dv-count{align-items:center;gap:10px;display:flex}.dv-count input[type=range]{min-width:0;height:44px;accent-color:var(--accent);cursor:pointer;flex:1}.dv-count .icon-button:disabled{opacity:.4;cursor:not-allowed}.dv-count-value{min-width:2ch;font-family:var(--font-mono);color:var(--ink);text-align:right;font-size:18px;font-weight:500}.dv-seeds{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.dv-seed-row{align-items:center;gap:10px;min-width:0;display:flex}.dv-add,.dv-add svg{flex-shrink:0}.dv-hex{align-items:center;gap:10px;display:flex}.dv-hex input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;background:0 0;flex-shrink:0;width:44px;height:44px;padding:0}.dv-hex input[type=color]::-webkit-color-swatch-wrapper{padding:0}.dv-hex input[type=color]::-webkit-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.dv-hex input[type=color]::-moz-color-swatch{border-radius:calc(var(--r-sm) - 1px);border:0}.dv-input{width:128px;min-width:0;font-family:var(--font-mono);text-transform:uppercase}.dv-swatches{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.dv-swatch{align-content:start;gap:8px;min-width:0;display:grid}.dv-swatch-color{border:1px solid var(--line-strong);border-radius:var(--r-md);width:100%;height:88px;font-family:var(--font-mono);cursor:pointer;place-items:end start;padding:10px 12px;font-size:12px;display:grid}.dv-swatch-meta{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:2px 8px;font-size:12px;display:flex}.dv-swatch-hex{color:var(--ink-2)}.dv-swatch-tools{gap:6px;display:flex}.dv-tool{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);width:36px;height:36px;color:var(--ink-2);cursor:pointer;place-items:center;display:inline-grid}.dv-tool:hover:not(:disabled){background:var(--surface-hover);color:var(--ink)}.dv-tool[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.dv-tool:disabled{opacity:.4;cursor:not-allowed}.dv-vision{gap:10px;margin-bottom:20px;display:grid}.dv-vision-seg{scrollbar-width:none;justify-self:start;max-width:100%;overflow-x:auto}.dv-vision-seg>*{flex-shrink:0}.dv-vision .hint{margin:0}.dv-charts{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.dv-chart{gap:8px;min-width:0;margin:0;display:grid}.dv-chart figcaption{font-family:var(--font-mono);color:var(--muted);font-size:12px}.dv-svg{border:1px solid var(--line-strong);border-radius:var(--r-md);width:100%;height:auto;display:block}.dv-verdict{gap:14px;margin-bottom:24px;display:grid}.dv-verdict-line{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:0;font-size:17px;line-height:1.5;display:flex}.dv-verdict-line .badge{flex-shrink:0;align-self:center}.dv-table-wrap{overflow-x:auto}.dv-table{border-collapse:collapse;width:100%;font-size:14px}.dv-table th,.dv-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;padding:12px 16px 12px 0}.dv-table thead th{font-family:var(--font-mono);color:var(--muted);font-size:12px;font-weight:500}.dv-table tbody th{color:var(--ink);font-weight:500}.dv-table td{font-family:var(--font-mono);color:var(--ink-2)}.dv-de.is-warn{color:var(--warning)}.dv-de.is-bad{color:var(--danger)}.dv-pair{align-items:center;gap:6px;display:inline-flex}.dv-dot{border:1px solid var(--line-strong);border-radius:50%;width:18px;height:18px;display:inline-block}.dv-pair .dv-dot+.dv-dot{margin-left:-10px}.dv-pair .dv-dot+.dv-dot+span{margin-left:4px}.dv-note{max-width:720px;margin:14px 0 0}.dv-warnings{color:var(--ink-2);gap:8px;margin:18px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.dv-warnings li{align-items:flex-start;gap:8px;display:flex}.dv-warnings svg{color:var(--warning);flex-shrink:0;margin-top:3px}.dv-seen{gap:8px;margin-top:28px;display:grid}.dv-seen .label{margin:0 0 4px}.dv-seen-row{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;display:grid}.dv-seen-label{color:var(--muted);font-size:13px}.dv-seen-strip{border:1px solid var(--line-strong);border-radius:var(--r-sm);grid-auto-columns:1fr;grid-auto-flow:column;height:28px;display:grid;overflow:hidden}.dv-export{gap:16px;min-width:0;margin-top:20px;display:grid}.dv-export .code-block{max-width:100%;max-height:420px;overflow:auto}.dv-tabs{scrollbar-width:none;max-width:100%;overflow-x:auto}.dv-tabs>*{white-space:nowrap;flex-shrink:0}.dv-export .tool-actions>*{max-width:100%}@media (width<=760px){.dv-controls{grid-template-columns:minmax(0,1fr);gap:24px}.dv-swatches{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.dv-controls .chip,.dv-tool{min-height:44px}.dv-tool{width:44px;height:44px}.dv-seed-row{width:100%}.dv-seed-row .dv-hex{flex:1;min-width:0}.dv-input{width:100%}.dv-seen-row{grid-template-columns:96px minmax(0,1fr)}}.dev-page{background:var(--paper);overflow-x:clip}.dev-header{padding-bottom:32px}.dev-header .eyebrow{margin-bottom:20px}.dev-header .lead{max-width:720px;margin-top:24px}.dev-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.dev-body-wrap{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:56px;padding-block:56px 112px;display:grid}.dev-toc{top:calc(var(--header-h) + 16px);gap:2px;font-size:14px;display:grid;position:sticky}.dev-toc a{border-radius:var(--r-sm);color:var(--ink-2);padding:8px 12px;font-weight:500}.dev-toc a:hover{background:var(--panel);color:var(--ink)}.dev-main{gap:104px;min-width:0;display:grid}.dev-section{min-width:0;scroll-margin-top:calc(var(--header-h) + 16px);gap:20px;display:grid}.dev-section>h2{scroll-margin-top:calc(var(--header-h) + 16px)}.dev-lead{max-width:680px;color:var(--ink-2);font-size:17px}.dev-section code{color:var(--ink);overflow-wrap:anywhere;font-size:.92em}.dev-snippets,.dev-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.dev-grid .panel{align-content:start;gap:16px;min-width:0;padding:28px;display:grid}.dev-grid .panel>.chip{justify-self:start}.dev-grid .panel p{color:var(--ink-2)}.dev-callout{gap:4px;max-width:760px;display:grid}.dev-callout p{color:var(--ink-2)}.dev-endpoints{gap:24px;display:grid}.dev-endpoint{min-width:0;scroll-margin-top:calc(var(--header-h) + 16px);gap:16px;padding:28px;display:grid}.dev-endpoint-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dev-path{font-family:var(--font-mono);color:var(--ink);overflow-wrap:anywhere;font-size:15px}.dev-desc{max-width:720px;color:var(--ink-2)}.dev-codes{display:block}.dev-table-wrap{border:1px solid var(--line);border-radius:var(--r-md);overflow-x:auto}.dev-table{border-collapse:collapse;width:100%;font-size:14px}.dev-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel);padding:10px 14px;font-size:12px;font-weight:500}.dev-table td{vertical-align:top;border-top:1px solid var(--line);color:var(--ink-2);padding:12px 14px}.dev-table td:first-child,.dev-table td:nth-child(2){white-space:nowrap}.dev-table td .hint{margin-top:2px;display:block}.dev-table td code{font-family:var(--font-mono)}.dev-try{border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);gap:16px;min-width:0;padding:20px;display:grid}.dev-try-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;display:grid}.dev-try-wide,.dev-try-actions{grid-column:1/-1}.dev-body{min-height:160px;font-family:var(--font-mono);font-size:13px}.dev-try-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dev-url{min-width:0;font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;font-size:13px}.dev-try .snippet .code-block{background:var(--surface)}.dev-result{gap:8px;min-width:0;display:grid}.dev-result-head{align-items:center;gap:12px;display:flex}.dev-json{background:var(--surface);max-height:420px;overflow:auto}@media (width<=960px){.dev-body-wrap{grid-template-columns:minmax(0,1fr);gap:24px}.dev-toc{flex-wrap:wrap;gap:8px;display:flex;position:static}.dev-toc a{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface)}.dev-snippets,.dev-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.dev-main{gap:72px}.dev-endpoint{padding:20px}.dev-try{padding:16px}.dev-grid .panel{padding:20px}.dev-actions a,.dev-actions button{flex:100%}}.oklch-picker{flex-direction:column;gap:20px;min-width:0;display:flex}.oklch-status{flex-wrap:wrap;gap:8px;display:flex}.oklch-badge{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);height:28px;font-family:var(--font-mono);color:var(--ink-2);align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.oklch-badge-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.oklch-badge[data-gamut=p3] .oklch-badge-dot{background:linear-gradient(135deg,#00e0a4,#ffe14a 50%,#ff2f6d)}.oklch-badge[data-in=srgb]{color:var(--success)}.oklch-badge[data-in=p3]{color:var(--warning)}.oklch-badge[data-in=out]{color:var(--danger)}.oklch-planes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.oklch-plane-block{min-width:0}.oklch-plane-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.oklch-plane-title{color:var(--ink);font-size:14px;font-weight:500}.oklch-plane-sub{font-family:var(--font-mono);color:var(--muted);font-size:12px}.oklch-plane{aspect-ratio:1/.82;border-radius:var(--r-md);background:var(--panel-strong);width:100%;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-xs);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.oklch-canvas,.oklch-outline{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.oklch-line{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.oklch-line-case{fill:none;stroke:#00000073;stroke-width:3.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.oklch-line-srgb{stroke:#fff}.oklch-line-p3{stroke:#fff;stroke-dasharray:5 4}.oklch-thumb{cursor:grab;touch-action:none;border:2.5px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 1.5px #0000008c,0 3px 10px #00000059}.oklch-thumb:focus-visible{box-shadow:0 0 0 1.5px #0000008c, 0 0 0 5px var(--accent), 0 3px 10px #00000059;outline:none}@supports (color:color-mix(in lab, red, red)){.oklch-thumb:focus-visible{box-shadow:0 0 0 1.5px #0000008c, 0 0 0 5px color-mix(in oklab, var(--accent) 70%, transparent), 0 3px 10px #00000059}}.oklch-plane:active .oklch-thumb{cursor:grabbing;transform:scale(1.12)}.oklch-legend{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:-4px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.oklch-legend li{align-items:center;gap:8px;display:inline-flex}.oklch-key{border-top:2px solid var(--ink-2);width:22px;height:0;display:inline-block}.oklch-key-p3{border-top-style:dashed}.oklch-key-hatch{border:1px solid var(--line-strong);background:repeating-linear-gradient(135deg, var(--ink-2) 0 2px, transparent 2px 5px);border-radius:3px;height:12px}.oklch-key-blank{border:1px solid var(--line-strong);background:var(--panel-strong);border-radius:3px;height:12px}.oklch-axes{flex-direction:column;gap:14px;display:flex}.oklch-axis{grid-template-columns:88px minmax(0,1fr) 104px;align-items:center;gap:16px;display:grid}.oklch-axis-label{color:var(--ink);font-size:14px;font-weight:500}.oklch-range-wrap{align-items:center;height:44px;display:flex;position:relative}.oklch-range-track{border-radius:var(--r-pill);background:var(--track);height:14px;box-shadow:0 0 0 1px var(--line-strong);pointer-events:none;position:absolute;left:0;right:0}.oklch-range-track.is-alpha{background:var(--track), repeating-conic-gradient(var(--panel-strong) 0 25%, var(--surface) 0 50%) 0 0 / 12px 12px}.oklch-tick{background:var(--ink);opacity:.75;pointer-events:none;border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:8px;bottom:8px}.oklch-range{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0;position:relative}.oklch-range:focus{outline:none}.oklch-range::-webkit-slider-runnable-track{background:0 0;height:44px}.oklch-range::-moz-range-track{background:0 0;height:44px}.oklch-range::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin-top:10px;box-shadow:0 0 0 1.5px #0000008c,0 3px 8px #0000004d}.oklch-range::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1.5px #0000008c,0 3px 8px #0000004d}.oklch-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1.5px #0000008c, 0 0 0 5px var(--accent)}@supports (color:color-mix(in lab, red, red)){.oklch-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1.5px #0000008c, 0 0 0 5px color-mix(in oklab, var(--accent) 70%, transparent)}}.oklch-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1.5px #0000008c, 0 0 0 5px var(--accent)}@supports (color:color-mix(in lab, red, red)){.oklch-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1.5px #0000008c, 0 0 0 5px color-mix(in oklab, var(--accent) 70%, transparent)}}.oklch-number-wrap{position:relative}.oklch-number{width:100%;font-family:var(--font-mono);appearance:textfield;padding-right:28px;font-size:14px}.oklch-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.oklch-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.oklch-unit{font-family:var(--font-mono);color:var(--muted);pointer-events:none;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.oklch-hint{color:var(--muted);margin:0;font-size:13px}.picker-swatch[data-exact]{background:var(--sw-srgb)}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){.picker-swatch[data-exact]{background:var(--sw-p3)}}}.oklch-indicators{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.oklch-indicators .badge{height:auto}.oklch-snippet{margin-top:20px}.oklch-snippet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.oklch-snippet-head h3{letter-spacing:0;font-size:16px}.oklch-snippet pre{border-radius:var(--r-md);background:var(--surface);box-shadow:0 0 0 1px var(--line);font-family:var(--font-mono);color:var(--ink-2);tab-size:2;margin:0;padding:16px 18px;font-size:13px;line-height:1.6;overflow-x:auto}.oklch-snippet-note{color:var(--muted);margin-top:10px;font-size:13px}@media (width<=760px){.oklch-planes{grid-template-columns:minmax(0,1fr)}.oklch-plane{aspect-ratio:1/.9}.oklch-axis{grid-template-columns:minmax(0,1fr) 96px;gap:0 12px}.oklch-axis-label{grid-column:1/-1}.oklch-axis .oklch-range-wrap{grid-column:1}.oklch-axis .oklch-number-wrap{grid-column:2}}.picker-swatch[data-exact]{gap:8px;min-height:0;padding:24px 32px}.picker-swatch[data-exact] .aa{font-size:64px}@media (width<=760px){.picker-swatch[data-exact]{padding:20px}.picker-swatch[data-exact] .aa{font-size:48px}}.viz-toolbar{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding:14px 16px 14px 20px;display:flex}.viz-toolbar-group{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.viz-strip{border-radius:var(--r-sm);width:180px;height:40px;box-shadow:0 0 0 1px var(--line-strong);display:flex;overflow:hidden}.viz-strip>div{flex:1}.viz-toolbar .icon-button{background:var(--surface);box-shadow:0 0 0 1px var(--line-strong)}.viz-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.viz-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-xs);flex-direction:column;gap:14px;padding:20px;display:flex}.viz-panel-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:500}.viz-note{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.viz-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.viz-role{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);text-align:left;min-width:0;min-height:48px;transition:border-color .18s var(--ease), background-color .18s var(--ease);align-items:center;gap:10px;padding:6px 10px 6px 8px;display:flex}.viz-role:hover{background:var(--surface-hover)}.viz-role[aria-expanded=true]{border-color:var(--accent);background:var(--accent-soft)}.viz-role-swatch{border-radius:var(--r-sm);width:30px;height:30px;box-shadow:0 0 0 1px var(--line-strong);flex:none}.viz-role-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.viz-role-name{color:var(--ink);font-size:13px;font-weight:500}.viz-role-hex{font-family:var(--font-mono);color:var(--muted);font-size:12px}.viz-role-edited{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;margin-left:auto}.viz-picker{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);flex-direction:column;gap:10px;padding:14px;display:flex}.viz-picker-head{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.viz-picker-swatches{flex-wrap:wrap;gap:8px;display:flex}.viz-picker-swatch{width:36px;height:36px;box-shadow:0 0 0 1px var(--line-strong);transition:transform .18s var(--ease);border-radius:50%}.viz-picker-swatch:hover{transform:scale(1.08)}.viz-picker-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.viz-picker-custom{gap:8px;display:flex}.viz-select,.viz-input{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);width:100%;min-width:0;height:44px;color:var(--ink);padding:0 12px;font-size:15px}.viz-input{font-family:var(--font-mono);text-transform:uppercase}.viz-select:focus,.viz-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.viz-select:focus,.viz-input:focus{box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}}.viz-field{color:var(--ink);flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.viz-scale{border-radius:var(--r-md);background:var(--panel);flex-direction:column;gap:6px;padding:14px 16px;display:flex;overflow:hidden}.viz-scale-row{min-width:0;color:var(--ink);white-space:nowrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.viz-scale-row>span:first-child{text-overflow:ellipsis;overflow:hidden}.viz-scale-row>span:last-child{font-family:var(--font-mono);color:var(--muted);flex:none;font-size:11px}.viz-checks{flex-direction:column;display:flex}.viz-check-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 0;display:grid}.viz-check-row:first-child{border-top:0;padding-top:0}.viz-check-label{color:var(--ink);font-size:14px}.viz-check-meta{grid-column:1/-1;align-items:center;gap:8px;display:flex}.viz-ratio{font-family:var(--font-mono);color:var(--ink);font-size:13px}.viz-badge-status{border-radius:var(--r-pill);background:var(--success);padding:2px 8px}@supports (color:color-mix(in lab, red, red)){.viz-badge-status{background:color-mix(in oklab, var(--success) 12%, transparent)}}.viz-badge-status{color:var(--success);font-family:var(--font-mono);font-size:12px}.viz-badge-status[data-pass=false]{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.viz-badge-status[data-pass=false]{background:color-mix(in oklab, var(--danger) 12%, transparent)}}.viz-badge-status[data-pass=false]{color:var(--danger)}.viz-check-swatch{border-radius:var(--r-xs);width:30px;height:30px;box-shadow:0 0 0 1px var(--line-strong);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.viz-toggle{min-height:44px;color:var(--ink);align-items:center;gap:10px;font-size:14px;display:inline-flex}.viz-toggle input{width:18px;height:18px;accent-color:var(--accent)}.visualizer-stage{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);margin-top:16px;padding:clamp(10px,2.6vw,28px)}.viz-window{min-width:0;overflow:hidden}.viz-frame{min-width:0;overflow-x:clip}.viz-export{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px;padding:20px;display:grid}.viz-export-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.viz-code{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);max-height:280px;font-family:var(--font-mono);color:var(--ink-2);white-space:pre;tab-size:2;margin:0;padding:16px 18px;font-size:13px;line-height:1.6;overflow:auto}.vz-root{--vz-heading:system-ui, sans-serif;--vz-body:system-ui, sans-serif;--vz-hw:600;--vz-hd:700;--vz-r:12px;background:var(--vz-bg);color:var(--vz-fg);font-family:var(--vz-body);letter-spacing:normal;text-align:left;font-feature-settings:normal;transition:background-color .25s var(--ease), color .25s var(--ease);font-size:16px;line-height:1.55;container:vz/inline-size}.vz-root *,.vz-root :before,.vz-root :after{box-sizing:border-box}.vz-root :is(b,strong){font-weight:600}.vz-root :is(i,em){font-style:normal}.vz-root :is(ul,blockquote,figure,p){margin:0;padding:0}.vz-root ul{list-style:none}.vz-wrap{width:min(1080px,100% - 48px);margin-inline:auto}.vz-center{text-align:center;margin-inline:auto}.vz-page{display:block;overflow:hidden}.vz-tagged{max-width:100%;display:inline-block;position:relative}.vz-tagged.vz-block{width:fit-content;display:block}.vz-badge{z-index:4;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);font-family:var(--font-mono);letter-spacing:0;text-align:left;white-space:nowrap;align-items:center;gap:6px;padding:3px 4px 3px 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex;position:absolute;top:-12px;right:-8px}.vz-badge-ok,.vz-badge-bad{border-radius:var(--r-pill);background:var(--success);padding:3px 6px}@supports (color:color-mix(in lab, red, red)){.vz-badge-ok,.vz-badge-bad{background:color-mix(in oklab, var(--success) 14%, transparent)}}.vz-badge-ok,.vz-badge-bad{color:var(--success)}.vz-badge[data-pass=false]{border-color:var(--danger)}.vz-badge-bad{background:var(--danger)}@supports (color:color-mix(in lab, red, red)){.vz-badge-bad{background:color-mix(in oklab, var(--danger) 14%, transparent)}}.vz-badge-bad{color:var(--danger)}.vz-badge-fix{border-radius:var(--r-pill);background:var(--primary);color:var(--on-primary);font:inherit;cursor:pointer;padding:3px 9px;font-weight:600}.vz-display,.vz-h2,.vz-h3,.vz-h4,.vz-stat-value,.vz-price,.vz-article-title,.vz-kpi-value,.vz-app-hero-value,.vz-quote blockquote,.vz-pull{font-family:var(--vz-heading)}.vz-display{max-width:15ch;font-size:clamp(38px,8.4cqw,72px);font-weight:var(--vz-hd);letter-spacing:-.03em;text-wrap:balance;line-height:1.02}.vz-h2{max-width:22ch;font-size:clamp(27px,4.6cqw,42px);font-weight:var(--vz-hw);letter-spacing:-.02em;text-wrap:balance;line-height:1.1}.vz-h3{font-size:clamp(21px,2.6cqw,26px);font-weight:var(--vz-hw);letter-spacing:-.01em;line-height:1.2}.vz-h4{font-size:17px;font-weight:var(--vz-hw);line-height:1.3}.vz-lead{max-width:34em;color:var(--vz-muted);text-wrap:pretty;font-size:clamp(16px,2cqw,20px);line-height:1.55}.vz-sub{max-width:36em;color:var(--vz-muted);text-wrap:pretty;margin-top:12px;font-size:17px}.vz-small{color:var(--vz-muted);font-size:14px;line-height:1.5}.vz-strong{color:var(--vz-fg);font-weight:600}.vz-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--vz-muted);margin-bottom:14px;font-size:12px;font-weight:600}.vz-link{color:var(--vz-fg);font-weight:500}.vz-btn{border-radius:var(--vz-r);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:15px;font-weight:600;line-height:1;display:inline-flex}.vz-btn-lg{height:52px;padding:0 26px;font-size:16px}.vz-btn-sm{height:36px;padding:0 14px;font-size:14px}.vz-btn-block{width:100%}.vz-btn-primary{background:var(--vz-primary);color:var(--vz-on-primary)}.vz-btn-outline{border-color:var(--vz-border);background:var(--vz-bg);color:var(--vz-fg);box-shadow:inset 0 0 0 1px var(--vz-border)}.vz-btn-inverse{background:var(--vz-on-primary);color:var(--vz-primary)}.vz-chip-sm{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.vz-chip-primary{background:var(--vz-primary);color:var(--vz-on-primary)}.vz-chip-accent{background:var(--vz-accent);color:var(--vz-on-accent)}.vz-chip-secondary{background:var(--vz-secondary);color:var(--vz-on-secondary)}.vz-chip-muted{box-shadow:inset 0 0 0 1px var(--vz-border);color:var(--vz-muted)}.vz-pill{background:var(--vz-surface);box-shadow:inset 0 0 0 1px var(--vz-border);color:var(--vz-fg);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.vz-pill-dot{background:var(--vz-accent);border-radius:50%;width:8px;height:8px}.vz-avatar{background:var(--vz-accent);width:38px;height:38px;color:var(--vz-on-accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.vz-icon{background:var(--vz-primary);width:42px;height:42px;color:var(--vz-on-primary);border-radius:12px;place-items:center;display:inline-grid}.vz-icon.is-accent{background:var(--vz-accent);color:var(--vz-on-accent)}.vz-icon.is-secondary{background:var(--vz-secondary);color:var(--vz-on-secondary)}.vz-icon-btn{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--vz-border);color:var(--vz-fg);border-radius:50%;place-items:center;display:inline-grid}.vz-card{background:var(--vz-surface);box-shadow:inset 0 0 0 1px var(--vz-border);border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;display:flex}.vz-card>.vz-icon{margin-bottom:6px}.vz-logo{font-family:var(--vz-heading);font-size:19px;font-weight:var(--vz-hd);letter-spacing:-.02em;color:var(--vz-fg);align-items:center;gap:10px;display:inline-flex}.vz-logo-mark{background:var(--vz-primary);width:28px;height:28px;color:var(--vz-on-primary);border-radius:9px;place-items:center;display:inline-grid}.vz-placeholder{border-radius:20px;position:relative;overflow:hidden}.vz-placeholder:after{content:"";background:radial-gradient(60% 80% at 85% 10%, var(--vz-bg), transparent 60%), radial-gradient(40% 50% at 10% 100%, var(--vz-fg), transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.vz-placeholder:after{background:radial-gradient(60% 80% at 85% 10%, color-mix(in srgb, var(--vz-bg) 38%, transparent), transparent 60%), radial-gradient(40% 50% at 10% 100%, color-mix(in srgb, var(--vz-fg) 18%, transparent), transparent 70%)}}.vz-placeholder-primary{background:linear-gradient(135deg, var(--vz-primary), var(--vz-accent))}.vz-placeholder-accent{background:linear-gradient(135deg, var(--vz-accent), var(--vz-secondary))}.vz-placeholder-secondary{background:linear-gradient(135deg, var(--vz-secondary), var(--vz-primary))}.vz-nav{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.vz-nav-links{color:var(--vz-muted);gap:30px;font-size:15px;font-weight:500;display:flex}.vz-nav-cta{align-items:center;gap:18px;display:flex}.vz-hero{text-align:center;justify-items:center;gap:22px;padding:56px 0 40px;display:grid}.vz-hero .vz-display,.vz-hero .vz-lead{margin-inline:auto}.vz-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.vz-hero-note{color:var(--vz-muted);margin-top:-6px;font-size:13px}.vz-product{background:var(--vz-surface);width:min(920px,100%);box-shadow:inset 0 0 0 1px var(--vz-border), 0 30px 70px -20px var(--vz-fg);border-radius:20px;margin-top:36px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.vz-product{box-shadow:inset 0 0 0 1px var(--vz-border), 0 30px 70px -20px color-mix(in srgb, var(--vz-fg) 22%, transparent)}}.vz-product{text-align:left}.vz-product-bar{box-shadow:inset 0 -1px 0 var(--vz-border);gap:7px;padding:13px 16px;display:flex}.vz-product-bar i{background:var(--vz-border);border-radius:50%;width:10px;height:10px}.vz-product-body{grid-template-columns:170px minmax(0,1fr);min-height:300px;display:grid}.vz-product-side{box-shadow:inset -1px 0 0 var(--vz-border);flex-direction:column;gap:10px;padding:20px 16px;display:flex}.vz-product-side b{background:var(--vz-border);border-radius:7px;height:14px}.vz-product-side b.is-on{background:var(--vz-primary-soft);box-shadow:inset 0 0 0 1px var(--vz-primary)}.vz-product-main{flex-direction:column;gap:18px;padding:22px;display:flex}.vz-product-title{background:var(--vz-fg);opacity:.88;border-radius:8px;width:38%;height:20px}.vz-product-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.vz-product-cards>div{background:var(--vz-bg);box-shadow:inset 0 0 0 1px var(--vz-border);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}.vz-product-cards i,.vz-product-rows i{background:var(--vz-border);border-radius:5px;width:100%;height:10px;display:block}.vz-product-cards i.short,.vz-product-rows i.short{width:55%}.vz-product-rows{flex-direction:column;gap:12px;display:flex}.vz-logos{padding:28px 0 48px}.vz-logos-row{font-family:var(--vz-heading);color:var(--vz-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 44px;font-size:20px;display:flex}.vz-dotmark{background:var(--vz-muted);border-radius:50%;width:12px;height:12px;margin-right:4px;display:inline-block}.vz-section{padding:72px 0}.vz-section>.vz-h2,.vz-section>.vz-sub{margin-inline:auto}.vz-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;display:grid}.vz-stats{background:var(--vz-secondary);color:var(--vz-on-secondary);padding:56px 0}.vz-stats-grid{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}.vz-stat-value{font-size:clamp(32px,5cqw,52px);font-weight:var(--vz-hd);letter-spacing:-.03em;line-height:1.05}.vz-stat-label{margin-top:6px;font-size:14px}.vz-plans{align-items:stretch}.vz-plan{gap:0;padding:28px}.vz-plan-head{justify-content:space-between;align-items:center;width:100%;display:flex}.vz-price{font-size:46px;font-weight:var(--vz-hd);letter-spacing:-.03em;margin-top:18px;line-height:1}.vz-price span{font-family:var(--vz-body);letter-spacing:0;color:var(--vz-muted);font-size:15px;font-weight:400}.vz-plan-note{margin:8px 0 22px}.vz-plan ul{flex-direction:column;flex:1;gap:12px;margin-bottom:26px;font-size:15px;display:flex}.vz-plan li{align-items:center;gap:10px;display:flex}.vz-plan li svg{color:var(--vz-accent);flex:none}.vz-plan.is-featured{background:var(--vz-primary);color:var(--vz-on-primary);box-shadow:0 24px 50px -20px var(--vz-primary)}@supports (color:color-mix(in lab, red, red)){.vz-plan.is-featured{box-shadow:0 24px 50px -20px color-mix(in srgb, var(--vz-primary) 60%, transparent)}}.vz-plan.is-featured .vz-small,.vz-plan.is-featured .vz-price span{color:var(--vz-on-primary)}.vz-plan.is-featured li svg{color:currentColor}.vz-quote{background:var(--vz-surface);max-width:820px;box-shadow:inset 0 0 0 1px var(--vz-border);border-radius:28px;margin-inline:auto;padding:clamp(28px,6cqw,56px);position:relative}.vz-quote-mark{color:var(--vz-accent)}.vz-quote blockquote{font-size:clamp(20px,3.2cqw,29px);font-weight:var(--vz-hw);letter-spacing:-.01em;text-wrap:pretty;margin:14px 0 26px;line-height:1.3}.vz-quote figcaption{align-items:center;gap:14px;display:flex}.vz-faq-wrap{padding-top:24px}.vz-faq{max-width:740px;margin:36px auto 0}.vz-faq-item{box-shadow:inset 0 -1px 0 var(--vz-border);padding:4px 0}.vz-faq-q{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;display:flex}.vz-faq-item.is-open .vz-faq-q svg{transform:rotate(180deg)}.vz-faq-a{padding-bottom:18px;font-size:15px}.vz-cta-wrap{padding-bottom:80px}.vz-cta{background:var(--vz-primary);color:var(--vz-on-primary);text-align:center;border-radius:28px;justify-items:center;gap:8px;padding:clamp(36px,7cqw,72px) 24px;display:grid}.vz-cta .vz-sub{color:var(--vz-on-primary);margin:0 0 18px}.vz-footer{box-shadow:inset 0 1px 0 var(--vz-border);padding:48px 0 28px}.vz-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}.vz-footer-blurb{max-width:24ch;margin-top:12px}.vz-footer-link{margin-top:8px}.vz-footer .vz-eyebrow{color:var(--vz-fg);margin-bottom:4px}.vz-footer-base{box-shadow:inset 0 1px 0 var(--vz-border);margin-top:40px;padding-top:20px}.vz-dash{grid-template-columns:224px minmax(0,1fr);min-height:780px;display:grid}.vz-dash-side{background:var(--vz-surface);box-shadow:inset -1px 0 0 var(--vz-border);flex-direction:column;gap:28px;padding:22px 18px;display:flex}.vz-dash-nav{flex-direction:column;gap:4px;display:flex}.vz-dash-nav span{color:var(--vz-muted);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:500;display:flex}.vz-dash-nav span.is-on{background:var(--vz-primary-soft);color:var(--vz-fg);font-weight:600}.vz-dash-upgrade{background:var(--vz-bg);box-shadow:inset 0 0 0 1px var(--vz-border);border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;padding:16px;display:flex}.vz-dash-main{flex-direction:column;gap:20px;min-width:0;padding:22px clamp(16px,3cqw,32px) 32px;display:flex}.vz-dash-top{align-items:center;gap:12px;display:flex}.vz-search{background:var(--vz-surface);min-width:0;height:42px;box-shadow:inset 0 0 0 1px var(--vz-border);color:var(--vz-muted);border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 14px;font-size:14px;display:flex}.vz-search span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vz-dash-head,.vz-card-head,.vz-row-between{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.vz-dash-head{flex-wrap:wrap;margin-top:6px}.vz-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vz-kpi-value{font-size:32px;font-weight:var(--vz-hd);letter-spacing:-.02em;line-height:1.1}.vz-kpi-note{color:var(--vz-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.vz-kpi-note svg{color:var(--vz-accent)}.vz-dash-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;display:grid}.vz-chart,.vz-split{gap:18px}.vz-bars{align-items:flex-end;gap:8px;width:100%;height:190px;display:flex}.vz-bars span{background:var(--vz-primary);border-radius:7px 7px 0 0;flex:1}@supports (color:color-mix(in lab, red, red)){.vz-bars span{background:color-mix(in srgb, var(--vz-primary) 28%, var(--vz-surface))}}.vz-bars span.is-hot{background:var(--vz-primary)}.vz-split{align-items:stretch}.vz-ring{aspect-ratio:1;background:conic-gradient(var(--vz-primary) 0 52%, var(--vz-accent) 52% 72%, var(--vz-secondary) 72% 86%, var(--vz-border) 86% 100%);border-radius:50%;place-items:center;width:150px;margin:4px auto;display:grid}.vz-ring>div{aspect-ratio:1;background:var(--vz-surface);border-radius:50%;place-items:center;width:112px;line-height:1.1;display:grid}.vz-ring b{font-family:var(--vz-heading);font-size:28px;font-weight:var(--vz-hd)}.vz-ring span{color:var(--vz-muted);margin-top:-14px;font-size:12px}.vz-legend{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.vz-legend span{align-items:center;gap:6px;display:inline-flex}.vz-legend i{border-radius:50%;width:10px;height:10px}.vz-legend .is-primary{background:var(--vz-primary)}.vz-legend .is-accent{background:var(--vz-accent)}.vz-legend .is-secondary{background:var(--vz-secondary)}.vz-table{gap:0;padding:22px 24px 8px}.vz-table .vz-card-head{margin-bottom:14px}.vz-table-head,.vz-table-row{width:100%;box-shadow:inset 0 1px 0 var(--vz-border);grid-template-columns:2fr 1.3fr 1.1fr 1fr;align-items:center;gap:12px;padding:13px 0;display:grid}.vz-table-head{font-weight:500}.vz-progress{background:var(--vz-border);border-radius:99px;height:8px;overflow:hidden}.vz-progress i{background:var(--vz-primary);border-radius:99px;height:100%;display:block}.vz-appstage{background:var(--vz-surface);flex-wrap:wrap;justify-content:center;gap:44px;padding:56px 24px;display:flex}.vz-phone{border:9px solid var(--vz-fg);background:var(--vz-bg);width:310px;max-width:100%;box-shadow:0 40px 70px -28px var(--vz-fg);border-radius:46px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.vz-phone{box-shadow:0 40px 70px -28px color-mix(in srgb, var(--vz-fg) 45%, transparent)}}.vz-phone-screen{flex-direction:column;gap:16px;min-height:620px;padding:14px 18px 92px;display:flex;position:relative}.vz-status{justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.vz-app-head .vz-h3{margin-top:2px}.vz-app-hero{background:var(--vz-primary);color:var(--vz-on-primary);border-radius:24px;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.vz-app-hero-label{font-size:13px}.vz-app-hero-value{font-size:34px;font-weight:var(--vz-hd);letter-spacing:-.02em;line-height:1.15}.vz-mini-ring{aspect-ratio:1;background:conic-gradient(var(--vz-on-primary) 0 50%, var(--vz-on-primary) 50% 100%);border-radius:50%;flex:none;place-items:center;width:70px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.vz-mini-ring{background:conic-gradient(var(--vz-on-primary) 0 50%, color-mix(in srgb, var(--vz-on-primary) 28%, var(--vz-primary)) 50% 100%)}}.vz-mini-ring:before{content:"";background:var(--vz-primary);border-radius:50%;position:absolute;inset:8px}.vz-mini-ring b{font-size:14px;position:relative}.vz-app-list{flex-direction:column;gap:4px;display:flex}.vz-app-item{background:var(--vz-surface);border-radius:14px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;display:flex}.vz-app-item b{font-weight:600}.vz-check{width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--vz-muted);border-radius:50%;flex:none;place-items:center;display:inline-grid}.vz-check.is-done{background:var(--vz-accent);color:var(--vz-on-accent);box-shadow:none}.vz-tabbar{background:var(--vz-surface);box-shadow:inset 0 1px 0 var(--vz-border);color:var(--vz-muted);justify-content:space-around;padding:16px 12px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.vz-tabbar .is-on{color:var(--vz-primary)}.vz-streak{flex-direction:row;align-items:center;gap:14px;padding:16px}.vz-streak>.vz-icon{margin:0}.vz-streak-value{font-family:var(--vz-heading);font-size:18px;font-weight:var(--vz-hw);display:block}.vz-week{align-items:flex-end;gap:8px;width:100%;height:130px;margin-top:6px;display:flex}.vz-week span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.vz-week i{background:var(--vz-primary);border-radius:7px;width:100%}@supports (color:color-mix(in lab, red, red)){.vz-week i{background:color-mix(in srgb, var(--vz-primary) 28%, var(--vz-surface))}}.vz-week i.is-hot{background:var(--vz-primary)}.vz-week em{color:var(--vz-muted);font-size:11px}.vz-tip{background:var(--vz-primary-soft);color:var(--vz-fg);border-radius:14px;padding:14px 16px}.vz-read{width:min(720px,100% - 48px);margin:0 auto}.vz-article-head{flex-direction:column;align-items:flex-start;gap:18px;padding:48px 0 32px;display:flex}.vz-article-title{font-size:clamp(32px,7cqw,56px);font-weight:var(--vz-hd);letter-spacing:-.025em;text-wrap:balance;line-height:1.06}.vz-article-dek{color:var(--vz-muted);text-wrap:pretty;font-size:clamp(17px,2.4cqw,21px);line-height:1.5}.vz-byline{flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:15px;display:flex}.vz-dot{background:var(--vz-muted);border-radius:50%;width:4px;height:4px}.vz-inline-icon{align-items:center;gap:5px;display:inline-flex}.vz-article-hero{aspect-ratio:16/8;width:min(960px,100% - 48px);margin:0 auto 44px}.vz-prose{flex-direction:column;gap:22px;padding-bottom:64px;font-size:18px;line-height:1.75;display:flex}.vz-prose p{text-wrap:pretty}.vz-dropcap:first-letter{float:left;font-family:var(--vz-heading);font-size:4.2em;font-weight:var(--vz-hd);color:var(--vz-primary);margin:6px 12px 0 0;line-height:.82}.vz-prose .vz-h3{margin-top:10px}.vz-pull{box-shadow:inset 3px 0 0 var(--vz-accent);font-size:clamp(21px,3.2cqw,27px);font-weight:var(--vz-hw);letter-spacing:-.01em;padding:4px 0 4px 22px;line-height:1.35}.vz-callout{background:var(--vz-primary-soft);border-radius:16px;padding:20px 22px;font-size:16px;line-height:1.6}.vz-tags,.vz-reactions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vz-reactions{box-shadow:inset 0 1px 0 var(--vz-border);margin-top:6px;padding-top:22px}.vz-related{background:0 0;padding:56px 0 64px}.vz-post{gap:8px;padding:14px}.vz-post-img{aspect-ratio:16/10;border-radius:12px;width:100%;margin-bottom:8px}@container vz (width<=900px){.vz-grid-3,.vz-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vz-dash-grid{grid-template-columns:minmax(0,1fr)}.vz-nav-links{display:none}}@container vz (width<=720px){.vz-dash{grid-template-columns:minmax(0,1fr);min-height:0}.vz-dash-side{box-shadow:inset 0 -1px 0 var(--vz-border);flex-direction:row;align-items:center;padding:16px 20px}.vz-dash-nav,.vz-dash-upgrade{display:none}.vz-stats-grid,.vz-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vz-product-body{grid-template-columns:minmax(0,1fr)}.vz-product-side{display:none}}@container vz (width<=620px){.vz-grid-3{grid-template-columns:minmax(0,1fr);margin-top:32px}.vz-wrap,.vz-read{width:calc(100% - 40px)}.vz-article-hero{aspect-ratio:16/10;width:calc(100% - 40px)}.vz-nav-cta .vz-link{display:none}.vz-nav{padding:16px 0}.vz-hero{padding:36px 0 28px}.vz-section{padding:52px 0}.vz-logos-row{gap:14px 28px;font-size:17px}.vz-product-cards{grid-template-columns:minmax(0,1fr)}.vz-product-main{padding:16px}.vz-kpis{grid-template-columns:minmax(0,1fr)}.vz-table-head,.vz-table-row{grid-template-columns:minmax(0,1fr) auto}.vz-table-head>:nth-child(2),.vz-table-head>:nth-child(4),.vz-table-row>:nth-child(2),.vz-table-row>:nth-child(4){display:none}.vz-appstage{gap:32px;padding:36px 12px}.vz-dash-main{padding:18px 16px 24px}.vz-display{max-width:11ch}.vz-badge{right:-4px}}@media (width<=1000px){.viz-panels{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.viz-toolbar{padding:14px}.viz-toolbar-group,.viz-strip{width:100%}.viz-toolbar .segmented{width:100%;max-width:100%;display:flex;overflow-x:auto}.viz-toolbar .segmented>*{flex:1;padding:0 10px;font-size:13px}.viz-picker-swatch{width:44px;height:44px}.viz-roles{grid-template-columns:minmax(0,1fr)}.viz-export{padding:14px}}@media (prefers-reduced-motion:reduce){.vz-root,.viz-picker-swatch{transition:none}}.vz-tagged.vz-block>.vz-badge{top:50%;left:100%;right:auto;transform:translate(10px,-50%)}@container vz (width<=760px){.vz-tagged.vz-block>.vz-badge{top:-14px;left:auto;right:-4px;transform:none}}.viz-notice{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);color:var(--ink-2);margin:0 0 12px;padding:10px 16px;font-size:14px}@media (width<=640px){.viz-toolbar .segmented.viz-tabs{scrollbar-width:none;background:linear-gradient(to right, var(--panel-strong) 30%, transparent) left center / 28px 100% no-repeat local, linear-gradient(to left, var(--panel-strong) 30%, transparent) right center / 28px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, #2a2a2747, transparent) left center / 12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, #2a2a2747, transparent) right center / 12px 100% no-repeat scroll, var(--panel-strong);justify-content:flex-start}.viz-toolbar .segmented.viz-tabs::-webkit-scrollbar{display:none}.viz-toolbar .segmented.viz-tabs>*{flex:none;padding:0 14px}}.integrations-page{background:var(--paper);overflow-x:clip}.int-header{padding-bottom:56px}.int-header .eyebrow{margin-bottom:20px}.int-header .lead{margin-top:24px}.int-jump{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px;display:flex}.int-list{gap:24px;padding-bottom:128px;display:grid}.int-section{scroll-margin-top:calc(var(--header-h) + 8px);padding:40px}.int-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:48px;display:grid}.int-grid-flip{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.int-grid-flip .int-text{order:2}.int-text{justify-items:start;gap:20px;min-width:0;display:grid}.int-text .t-h2{font-size:36px;line-height:1.1}.int-lead{max-width:540px;color:var(--ink-2);font-size:17px;line-height:1.55}.int-lead code,.int-bullets code{color:var(--ink);overflow-wrap:anywhere;font-size:.9em}.int-bullets{gap:12px;max-width:540px;padding:0;font-size:15px;line-height:1.55;list-style:none;display:grid}.int-bullets li{padding-left:22px;position:relative}.int-bullets li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:4px}.int-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.int-actions .badge{padding:4px 12px}.int-install{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:100%;max-width:540px}.int-install summary{min-height:48px;color:var(--ink);cursor:pointer;align-items:center;padding:0 18px;font-size:14px;font-weight:500;display:flex}.int-steps{gap:12px;margin:0;padding:2px 18px 18px;font-size:14px;line-height:1.5;list-style:none;display:grid}.int-steps li{grid-template-columns:28px 1fr;gap:8px;display:grid}.int-step-num{font-family:var(--font-mono);color:var(--muted);font-size:12px;line-height:1.9}.int-visual{gap:14px;min-width:0;display:grid}.int-command{position:relative}.int-command .code-block{background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;padding-right:90px}.int-command button{color:var(--accent);gap:6px;position:absolute;top:8px;right:8px}.int-visual .bubble{margin-left:auto}.int-swatch{border-radius:5px;flex-shrink:0;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #80808059}.int-popup{width:min(340px,100%);margin-inline:auto}.int-popup-body{gap:14px;padding:16px;display:grid}.int-popup-tabs{justify-self:stretch}.int-popup-tabs>*{flex:1;min-height:32px;font-size:13px}.int-popup-hero{border-radius:var(--r-sm);gap:2px;padding:18px 16px;font-size:14px;display:grid}.int-popup-hero strong{font-size:18px;font-weight:500}.int-popup-hero span{font-family:var(--font-mono);font-size:13px}.int-popup-values{margin:0;display:grid}.int-popup-values>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.int-popup-values dt{color:var(--muted);font-family:var(--font-mono);font-size:12px}.int-popup-values dd{font-family:var(--font-mono);color:var(--ink);text-align:right;margin:0}.int-popup-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.int-popup-recent{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.int-popup-recent .int-swatch{aspect-ratio:1;border-radius:4px;width:100%;height:auto}.int-figma{margin:0}.int-figma-body{gap:4px;padding:16px 18px 20px;display:grid}.int-figma-head,.int-figma-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;display:grid}.int-figma-head{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:8px;font-size:11px}.int-figma-row{border-bottom:1px solid var(--line);padding-block:8px;font-size:13px}.int-figma-name{min-width:0;color:var(--ink);font-weight:500;display:grid}.int-figma-name small{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:var(--muted);font-size:11px;font-weight:400;overflow:hidden}.int-figma-value{font-family:var(--font-mono);color:var(--ink-2);align-items:center;gap:8px;font-size:12px;display:flex}.int-figma .int-popup-label{margin-top:14px}.int-ramp{border-radius:var(--r-sm);height:36px;box-shadow:0 0 0 1px var(--line);grid-template-columns:repeat(8,1fr);margin-top:6px;display:grid;overflow:hidden}.int-ramp .int-swatch{width:auto;height:auto;box-shadow:none;border-radius:0}@media (width<=900px){.int-grid,.int-grid-flip{grid-template-columns:minmax(0,1fr);gap:32px}.int-grid-flip .int-text{order:0}}@media (width<=640px){.int-section{padding:20px}.int-text .t-h2{font-size:28px}.int-list{padding-bottom:80px}.int-actions .button-primary,.int-actions .button-secondary{width:100%}.int-figma-head,.int-figma-row{gap:8px}.int-figma-value{gap:6px;font-size:11px}}.pd-head .lead{max-width:760px;font-size:18px}.pd-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pd-actions .button-primary,.pd-actions .button-secondary{gap:8px}.pd-strip{border-radius:var(--r-xl);height:clamp(220px,32vw,340px);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--line);margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.pd-strip li{min-width:0;transition:flex .25s var(--ease);flex:1}.pd-strip li:hover,.pd-strip li:focus-within{flex:1.35}.pd-strip button{text-align:left;width:100%;height:100%;color:inherit;cursor:pointer;flex-direction:column;justify-content:flex-end;gap:2px;padding:18px;display:flex}.pd-strip button:focus-visible{outline-offset:-4px}.pd-strip-name{overflow-wrap:anywhere;font-size:14px;font-weight:500;line-height:1.3}.pd-strip-hex{font-family:var(--font-mono);opacity:.85;font-size:13px}.pd-section{margin-top:72px}.pd-section>h2,.pd-section-head h2{margin-bottom:16px}.pd-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pd-section-head h2{margin-bottom:0}.pd-section .hint{max-width:720px;margin-top:12px}.pd-section .hint a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pd-section .hint a{-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent)}}.pd-section .hint a{text-underline-offset:3px}.pd-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);overflow:hidden}.pd-row{border-top:1px solid var(--line);grid-template-columns:minmax(140px,1.1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,1.8fr);align-items:center;gap:8px;padding:10px 16px;display:grid}.pd-row:first-child{border-top:0}.pd-row-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel);padding-block:12px;font-size:12px}.pd-cell-name{align-items:center;gap:12px;min-width:0;font-size:14px;font-weight:500;display:flex}.pd-cell-name a{color:var(--ink);overflow-wrap:anywhere;text-decoration:none}.pd-cell-name a:hover{text-decoration:underline}.pd-dot{border-radius:var(--r-xs);flex:none;width:28px;height:28px;box-shadow:inset 0 0 0 1px #0000001f}.pd-copy{border-radius:var(--r-sm);max-width:100%;font-family:var(--font-mono);text-align:left;color:var(--ink-2);cursor:pointer;transition:background-color .18s var(--ease), color .18s var(--ease);align-items:center;gap:8px;margin-inline:-10px;padding:6px 10px;font-size:13px;line-height:1.3;display:inline-flex}.pd-copy span{overflow-wrap:anywhere;min-width:0}.pd-copy svg{opacity:.4;transition:opacity .18s var(--ease);flex:none}.pd-copy:hover,.pd-copy:focus-visible{background:var(--panel);color:var(--ink)}.pd-copy:hover svg,.pd-copy:focus-visible svg{opacity:1}.pd-a11y{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.pd-panel{align-content:start;gap:16px;min-width:0;padding:28px;display:grid}.pd-panel .hint{margin:0}.pd-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pd-panel-head a.badge{text-decoration:none}.pd-pairs,.pd-cvd{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pd-pairs li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.pd-pair-sample{border-radius:var(--r-sm);place-items:center;width:60px;height:60px;font-size:24px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #0000001f}.pd-pair-meta{gap:2px;min-width:0;display:grid}.pd-pair-hex{font-family:var(--font-mono);color:var(--ink);font-size:13px}.pd-pair-score{color:var(--muted);font-size:13px}.pd-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pd-cvd li{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:14px;display:grid}.pd-cvd-label{color:var(--ink-2);font-size:14px}.pd-mini-strip{border-radius:var(--r-sm);height:36px;box-shadow:inset 0 0 0 1px var(--line);display:flex;overflow:hidden}.pd-mini-strip span{flex:1}.pd-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;display:grid}.pd-previews .window{min-width:0;overflow:hidden}.pd-preview-frame{position:relative;overflow:hidden}.pd-vz{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;overflow:hidden}.pd-gradients{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.pd-gradients li{gap:4px;min-width:0;display:grid}.pd-gradients .gradient-tile{border-radius:var(--r-md);height:120px;box-shadow:inset 0 0 0 1px var(--line)}.pd-gradient-name{color:var(--ink);margin-top:8px;font-size:15px;font-weight:500;text-decoration:none}.pd-gradient-name:hover{text-decoration:underline}.pd-gradient-css{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;font-size:12px}.pd-section .palette-grid{margin-top:4px}@media (width<=1000px){.pd-a11y,.pd-previews{grid-template-columns:minmax(0,1fr)}.pd-gradients,.pd-section .palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.pd-row-head{display:none}.pd-row{grid-template-columns:minmax(0,1fr);gap:2px;padding:14px 16px}.pd-row>[data-label]{grid-template-columns:64px minmax(0,1fr);align-items:center;display:grid}.pd-row>[data-label]:before{content:attr(data-label);font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);font-size:11px}.pd-cell-name{margin-bottom:6px}.pd-copy{min-height:32px}}@media (width<=640px){.pd-section{margin-top:48px}.pd-strip{border-radius:var(--r-lg);flex-direction:column;height:auto}.pd-strip li{flex:none;height:64px}.pd-strip li:hover,.pd-strip li:focus-within{flex:none}.pd-strip button{flex-direction:row;justify-content:space-between;align-items:center;padding:0 18px}.pd-panel{padding:20px}.pd-cvd li{grid-template-columns:96px minmax(0,1fr)}.pd-pairs li{grid-template-columns:auto minmax(0,1fr)}.pd-badges{grid-column:1/-1;justify-content:flex-start}.pd-actions .button-primary,.pd-actions .button-secondary{flex:100%;justify-content:center}.pd-gradients,.pd-section .palette-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.pd-strip li{transition:none}}.tw-page .tailwind-footnote a,.tw-copy-text a,.tw-neighbours a:not(.button-secondary),.tw-picked-links a,.tw-table td a,.tw-shade-link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tw-page .tailwind-footnote a,.tw-copy-text a,.tw-neighbours a:not(.button-secondary),.tw-picked-links a,.tw-table td a,.tw-shade-link{-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent)}}.tw-page .tailwind-footnote a,.tw-copy-text a,.tw-neighbours a:not(.button-secondary),.tw-picked-links a,.tw-table td a,.tw-shade-link{text-underline-offset:3px}.tw-page .tailwind-footnote a:hover,.tw-picked-links a:hover,.tw-table td a:hover,.tw-shade-link:hover{-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.tw-copy-text{max-width:720px;color:var(--ink-2);margin-bottom:16px;font-size:15px;line-height:1.7}.tw-copy-text code,.tw-page .hint code{font-family:var(--font-mono);color:var(--ink);font-size:.92em}.tw-prose .tw-copy-text{margin-top:0}.tw-grid-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tw-version{flex-shrink:0}.tw-version>button{background:0 0;border:0;min-height:36px;font-family:inherit}.tw-picked{grid-template-columns:200px minmax(0,1fr);align-items:stretch;gap:28px;display:grid}.tw-picked-swatch{border-radius:var(--r-lg);min-height:180px;box-shadow:inset 0 0 0 1px #0000001a}.tw-picked-body{min-width:0}.tw-picked-name{letter-spacing:-.02em;color:var(--ink);margin:6px 0 14px;font-size:28px;font-weight:500}.tw-picked-values{gap:10px;display:grid}.tw-picked-values>div{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;display:grid}.tw-picked-values dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px}.tw-picked-values dd{min-width:0;margin:0}.tw-picked-links{flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:14px;display:flex}.tw-picked-links a{align-items:center;gap:4px;display:inline-flex}.tw-copy{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);max-width:100%;min-height:32px;font-family:var(--font-mono);color:var(--ink);text-align:left;transition:border-color .18s var(--ease), background .18s var(--ease);align-items:center;gap:8px;padding:4px 10px;font-size:13px;display:inline-flex}.tw-copy:hover{border-color:var(--line-strong);background:var(--surface-hover)}.tw-copy svg{color:var(--muted);flex-shrink:0}.tw-copy-value{overflow-wrap:anywhere;min-width:0}.tw-families{gap:18px;display:grid}.tw-family{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;display:grid}.tw-family-name{font-family:var(--font-mono);color:var(--ink);font-size:14px;font-weight:500}.tw-family-name a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px}.tw-family-name a:hover{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.tw-ramp{grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;display:grid}.tw-tile{text-align:left;min-width:0;color:inherit;background:0 0;gap:4px;padding:0;text-decoration:none;display:grid}.tw-tile-face{border-radius:var(--r-md);height:56px;transition:transform .18s var(--ease);display:block;box-shadow:inset 0 0 0 1px #0000001a}.tw-tile:hover .tw-tile-face{transform:translateY(-2px)}.tw-tile.is-selected .tw-tile-face{box-shadow:inset 0 0 0 1px #0000001a, 0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.tw-tile-num{font-family:var(--font-mono);color:var(--ink);font-size:12px;font-weight:500}.tw-tile-hex{font-family:var(--font-mono);color:var(--muted);font-size:11px;display:none}.tw-ramp-large{gap:10px}.tw-ramp-large .tw-tile-face{border-radius:var(--r-lg);height:120px}.tw-ramp-large .tw-tile-hex{display:block}@media (width>=1000px){.tw-tile-hex{display:block}}.tw-family-links{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.tw-family-links .chip[aria-current=page]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.tw-neighbours{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.tw-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.tw-table{min-width:640px;margin-block:0}.tw-table th,.tw-table td{vertical-align:middle;white-space:nowrap;text-align:left;padding:10px 14px 10px 0}.tw-table tbody th{font-family:var(--font-mono);letter-spacing:0;text-transform:none;color:var(--ink);border-bottom:1px solid var(--line);font-size:13px;font-weight:500}.tw-table tbody td{border-bottom:1px solid var(--line)}.tw-dot{vertical-align:-3px;border-radius:50%;width:16px;height:16px;margin-right:8px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.tw-shade-link{font-family:var(--font-mono);font-size:13px}.tw-mono,.tw-ratio{font-family:var(--font-mono);color:var(--ink);font-size:13px}.tw-muted{font-family:var(--font-mono);color:var(--muted);font-size:12px}.tw-snippets{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tw-snippets .snippet:last-child{grid-column:1/-1}@media (width<=760px){.tw-picked{grid-template-columns:minmax(0,1fr);gap:18px}.tw-picked-swatch{min-height:96px}.tw-picked-values>div{grid-template-columns:minmax(0,1fr);gap:4px}.tw-snippets{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.tw-family{grid-template-columns:minmax(0,1fr);gap:8px}.tw-ramp{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.tw-tile-face{height:44px}.tw-tile{min-height:44px}.tw-ramp-large .tw-tile-face{border-radius:var(--r-md);height:64px}.tw-ramp-large .tw-tile-hex{font-size:10px}.tw-picked-name{font-size:24px}}.tw-table{border-collapse:collapse;width:100%;font-size:14px}.tw-table thead th{border-bottom:1px solid var(--line-strong);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:0 14px 12px 0;font-size:12px;font-weight:500}.tool-guide{border-top:1px solid var(--line);gap:72px;margin-top:96px;padding-top:64px;display:grid}.tool-guide-lead{letter-spacing:-.01em;max-width:720px;color:var(--muted);text-wrap:pretty;font-size:21px;line-height:1.5}.tool-guide-block{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:24px 56px;display:grid}.tool-guide-block>h2,.tool-guide-related>h2{letter-spacing:-.015em;color:var(--ink);text-wrap:balance;font-size:24px;font-weight:500;line-height:1.25}.tool-guide-steps{counter-reset:guide-step;border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.tool-guide-steps li{counter-increment:guide-step;border-bottom:1px solid var(--line);color:var(--ink-2);grid-template-columns:44px minmax(0,1fr);gap:8px;padding:18px 0;font-size:16px;line-height:1.6;display:grid}.tool-guide-steps li:before{content:counter(guide-step, decimal-leading-zero);font-family:var(--font-mono);color:var(--muted);font-size:13px;line-height:1.9}.tool-guide-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tool-guide-features li{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:24px}.tool-guide-features h3{letter-spacing:-.01em;color:var(--ink);margin-bottom:8px;font-size:17px;font-weight:500;line-height:1.3}.tool-guide-features p{color:var(--ink-2);font-size:15px;line-height:1.65}.tool-guide-faq{border-top:1px solid var(--line)}.tool-guide-faq>div{border-bottom:1px solid var(--line);padding:22px 0}.tool-guide-faq h3{letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin-bottom:8px;font-size:18px;font-weight:500;line-height:1.35}.tool-guide-faq p{max-width:68ch;color:var(--ink-2);text-wrap:pretty;font-size:16px;line-height:1.65}.tool-guide-related{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:24px 56px;display:grid}.tool-guide-related ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tool-guide-related a.chip{white-space:normal;min-height:40px;text-decoration:none}.generator-guide{padding-bottom:96px}@media (width<=860px){.tool-guide{gap:56px;margin-top:72px;padding-top:48px}.tool-guide-block,.tool-guide-related{grid-template-columns:minmax(0,1fr);gap:20px}.tool-guide-features{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.tool-guide-lead{font-size:18px}.tool-guide-block>h2,.tool-guide-related>h2{font-size:21px}.tool-guide-steps li{grid-template-columns:36px minmax(0,1fr)}.tool-guide-features li{padding:20px}}.ac-page .doc-section>ul:not(.ac-cards),.ac-page .doc-section>ol,.ac-page .ac-widget-fallback{max-width:720px;color:var(--ink-2);gap:8px;margin-block:12px;padding-left:22px;font-size:16px;line-height:1.65;display:grid}.ac-page .doc-section>ul:not(.ac-cards){list-style:outside}.ac-page .doc-section>ol,.ac-page .ac-widget-fallback{list-style:decimal}.ac-page nav.doc-section ul{padding-left:0;list-style:none}.ac-hero{border:1px solid var(--line);border-radius:var(--r-lg);height:56px;margin-top:28px;display:flex;overflow:hidden}.ac-hero li{flex:1}.ac-hero a{height:100%;display:block}.ac-swatch-group{margin-block:20px}.ac-swatch-group h3{margin-bottom:10px}.ac-swatches{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.ac-swatches-sm{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.ac-swatch a{color:var(--ink);gap:2px;display:grid;text-decoration:none!important}.ac-chip{aspect-ratio:4/3;border:1px solid var(--ink);margin-bottom:6px;display:block}@supports (color:color-mix(in lab, red, red)){.ac-chip{border:1px solid color-mix(in oklab, var(--ink) 10%, transparent)}}.ac-chip{border-radius:var(--r-md,10px);transition:transform .18s var(--ease)}.ac-swatch-sm .ac-chip{aspect-ratio:16/9}.ac-swatch a:hover .ac-chip{transform:translateY(-2px)}.ac-name{font-size:13px;font-weight:500;line-height:1.3}.ac-hex,.ac-note{color:var(--muted);font-size:12px}.ac-mix{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);margin-block:20px;padding:20px}.ac-mix-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ac-mix-row .ac-swatch{width:120px}.ac-op{color:var(--muted);font-size:24px;font-weight:300}.ac-mix figcaption{color:var(--ink-2);margin-top:12px;font-size:14px;line-height:1.6}.ac-table-wrap{overflow-x:auto}.ac-page .doc-table caption{color:var(--muted);text-align:left;margin-bottom:8px;font-size:13px}.ac-page .doc-table th[scope=row]{border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--font-sans);letter-spacing:0;text-transform:none;white-space:nowrap;padding:14px 12px 14px 0;font-size:14px}.ac-dot{vertical-align:-1px;border:1px solid var(--ink);width:12px;height:12px;margin-right:8px;display:inline-block}@supports (color:color-mix(in lab, red, red)){.ac-dot{border:1px solid color-mix(in oklab, var(--ink) 15%, transparent)}}.ac-dot{border-radius:50%}.ac-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-block:16px;display:grid}.ac-card a{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);height:100%;transition:border-color .18s var(--ease);gap:6px;padding:14px;display:grid;color:var(--ink)!important;text-decoration:none!important}.ac-card a:hover{border-color:var(--line-strong)}.ac-strip{border-radius:var(--r-md,10px);height:36px;margin-bottom:4px;display:flex;overflow:hidden}.ac-strip span{flex:1}.ac-card-title{font-size:15px;font-weight:500}.ac-card-text{color:var(--ink-2);font-size:13px;line-height:1.55}.ac-callout{background:var(--panel);border-left:3px solid var(--accent);border-radius:var(--r-md,10px);max-width:720px;margin-block:20px;padding:16px 20px}.ac-callout p{color:var(--ink-2);font-size:15px;line-height:1.65}.ac-faq{max-width:720px;margin-block:18px}.ac-faq p{color:var(--ink-2);font-size:15px;line-height:1.65}.ac-quiz{gap:18px;max-width:720px;margin-top:12px;display:grid}.ac-quiz fieldset{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px}.ac-page .doc-lead a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ac-page .doc-lead a{-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 35%, transparent)}}.ac-page .doc-lead a{text-underline-offset:3px}.ac-quiz legend{float:left;width:100%;color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:500}.ac-quiz label{clear:left;color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.ac-quiz-result{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.ac-quiz-result h3{font-size:22px!important}.ac-wheel{grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:28px;margin-top:12px;display:grid}.ac-wheel svg path{cursor:pointer;outline:none}.ac-wheel svg path:focus-visible{stroke:var(--accent);stroke-width:3px}.ac-wheel-side h3{margin-bottom:14px;font-size:22px!important}.ac-wheel-scheme{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr auto;align-items:center;gap:4px 12px;padding-block:8px;font-size:14px;display:grid}.ac-wheel-scheme .ac-strip{height:24px;margin:0}.ac-wheel-scheme .ac-hex{grid-column:1/-1}.ac-wheel-scheme a{color:var(--accent);grid-area:1/3}@media (width<=640px){.ac-wheel{grid-template-columns:1fr}.ac-swatches{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.ac-page .doc-table th[scope=row]{border:0;padding:2px 0;display:block}.ac-page .doc-table td[data-label]:before{content:attr(data-label);color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:11px;display:block}.ac-page .doc-table caption{display:block}.ac-mix-row .ac-swatch{width:96px}}.ac-tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);gap:14px;max-width:760px;margin-top:12px;padding:20px;display:grid}.ac-tool-label{color:var(--muted);font-size:13px}.ac-tool-input{width:100%;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-md,10px);padding:10px 12px;font-size:16px}.ac-tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ac-tool-row input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-md,10px);width:48px;height:44px;padding:0}.ac-tool-row .ac-tool-input{flex:1;min-width:200px}.ac-tool-result{align-items:center;gap:16px;display:flex}.ac-tool-swatch{border:1px solid var(--ink);flex:none;width:96px;height:96px}@supports (color:color-mix(in lab, red, red)){.ac-tool-swatch{border:1px solid color-mix(in oklab, var(--ink) 12%, transparent)}}.ac-tool-swatch{border-radius:var(--r-lg)}.ac-tool-value{color:var(--ink);word-break:break-all;margin:4px 0 8px;font-size:22px}.ac-tool-error{color:var(--danger,#b42318);font-size:14px}.ac-tool-hint{color:var(--muted);font-size:13px}.ac-tool-others{gap:6px;font-size:14px;display:grid}.ac-tool-others li{grid-template-columns:110px 1fr;align-items:center;gap:12px;display:grid}.ac-tool-others span{color:var(--muted)}.ac-tool-others button{color:var(--ink);text-align:left;justify-self:start;align-items:center;gap:6px;display:inline-flex}.ac-tool-others a,.ac-tool-result a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.ac-random{border-radius:var(--r-lg);min-height:200px;transition:background .2s var(--ease);align-items:flex-end;padding:18px;display:flex}.ac-random span{font-size:18px}.ac-random-history{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ac-random-history button{border:1px solid var(--ink);width:32px;height:32px}@supports (color:color-mix(in lab, red, red)){.ac-random-history button{border:1px solid color-mix(in oklab, var(--ink) 12%, transparent)}}.ac-random-history button{border-radius:8px}.ac-cvd-grid{gap:14px;display:grid}.ac-cvd-view p{margin-bottom:6px;font-size:14px}.ac-cvd-view .ac-strip{height:44px}.ac-cvd-images{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.ac-cvd-images canvas{border-radius:var(--r-md,10px);width:100%;height:auto}.ac-cvd-images figcaption{margin-top:6px;font-size:13px}.ac-code{max-width:720px;margin:18px 0}.ac-code figcaption{color:var(--ink-2);margin-bottom:6px;font-size:13px}.ac-code .code-block{max-width:100%}.ac-sources{max-width:720px;color:var(--ink-2);overflow-wrap:anywhere;font-size:14px;line-height:1.6}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.workspace-page{padding-block:56px 96px}.workspace-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:28px}.workspace-panel h2{letter-spacing:-.015em;color:var(--ink);margin-block:12px;font-size:22px;font-weight:500}.workspace-panel p{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.7}.workspace-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.workspace-form{gap:18px;display:grid}.workspace-form label{color:var(--ink);gap:8px;font-size:14px;font-weight:500;display:grid}.workspace-form input,.workspace-form textarea,.workspace-form select{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--ink);padding:12px 14px;font-size:15px;font-weight:400}.workspace-form small{color:var(--muted);font-weight:400}.workspace-form textarea{resize:vertical;min-height:80px}.workspace-tabs{border-radius:var(--r-pill);background:var(--panel-strong);gap:2px;padding:3px;display:inline-flex}.workspace-tabs button{border-radius:var(--r-pill);min-height:34px;color:var(--muted);padding:0 16px;font-size:14px;font-weight:500}.workspace-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.account-form{max-width:480px;margin-inline:auto}.form-error,.form-success{border-radius:var(--r-md);border:1px solid #0000;margin-top:16px;padding:12px 16px;font-size:14px;line-height:1.5}.form-error{color:var(--danger);background:color-mix(in oklab, var(--danger) 10%, var(--surface));border-color:color-mix(in oklab, var(--danger) 22%, transparent)}.form-success{color:var(--success);background:color-mix(in oklab, var(--success) 10%, var(--surface));border-color:color-mix(in oklab, var(--success) 22%, transparent)}.button-danger{border:1px solid color-mix(in oklab, var(--danger) 45%, transparent);border-radius:var(--r-pill);background:color-mix(in oklab, var(--danger) 6%, transparent);min-height:48px;color:var(--danger);white-space:nowrap;transition:background-color .18s var(--ease), border-color .18s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.button-danger:hover{background:color-mix(in oklab, var(--danger) 14%, transparent);border-color:var(--danger)}.button-danger:disabled{opacity:.45}.button-sm.button-danger{min-height:36px;padding:0 16px;font-size:14px}.ws-danger{color:var(--danger)}.ws-danger:hover{background:color-mix(in oklab, var(--danger) 10%, transparent)}.gate{max-width:640px;margin:24px auto 0;padding-block:72px}.gate h2{letter-spacing:-.025em;font-size:32px}.gate p{max-width:440px;font-size:17px;line-height:1.55}.gate-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.ws-app{border-radius:var(--r-lg);background:var(--surface);min-height:560px;box-shadow:var(--shadow-window);grid-template-columns:264px minmax(0,1fr);display:grid;overflow:hidden}.ws-sidebar{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;gap:28px;padding:24px 16px;display:flex}.ws-group{gap:4px;display:grid}.ws-group-title{color:var(--muted);margin:0 8px 6px;font-size:12px;font-weight:500}.ws-nav-item{position:relative}.ws-nav-button{border-radius:var(--r-sm);width:100%;min-height:38px;color:var(--ink-2);text-align:left;transition:background-color .18s var(--ease);align-items:center;padding:0 44px 0 12px;font-size:14px;font-weight:500;display:flex}.ws-nav-button:hover{background:var(--panel-strong);color:var(--ink)}.ws-nav-button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.ws-count{font-family:var(--font-mono);color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ws-sidebar .select{height:40px;padding-inline:12px;font-size:14px}.ws-group-tools{gap:12px;margin-top:auto}.ws-group-tools .button-secondary{justify-content:flex-start;width:100%}.ws-link{color:var(--ink-2);margin-inline:8px}.ws-main{background:var(--surface);min-width:0;padding:24px}.ws-toolbar{align-items:center;gap:16px;margin-bottom:20px;display:flex}.ws-search{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);min-width:0;height:44px;color:var(--muted);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.ws-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent)}.ws-search input{width:100%;min-width:0;height:100%;color:var(--ink);outline:none;font-size:15px}.ws-search input::placeholder{color:var(--faint)}.ws-results{color:var(--muted);flex-shrink:0;font-size:13px}.ws-trash-note{border-radius:var(--r-md);background:var(--panel);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:20px;padding:14px 18px;font-size:14px;display:flex}.ws-main .form-error,.ws-main .form-success{margin:0 0 20px}.cloud-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.cloud-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);min-width:0;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);flex-direction:column;display:flex;overflow:hidden}.cloud-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card)}.cloud-swatches{border-radius:var(--r-md);height:104px;box-shadow:inset 0 0 0 1px var(--line);margin:8px 8px 0;display:flex;overflow:hidden}.cloud-swatches button{min-width:0;transition:flex .2s var(--ease);flex:1}.cloud-swatches button:hover{flex:1.5}.cloud-details{flex-direction:column;flex:1;padding:16px 16px 12px;display:flex}.cloud-details h2{letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;font-size:17px;font-weight:500;line-height:1.3}.cloud-meta{font-family:var(--font-mono);color:var(--muted);margin-top:4px;font-size:12px}.role-list{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.role-list span{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);font-family:var(--font-mono);color:var(--muted);padding:2px 10px;font-size:12px}.cloud-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.cloud-actions-main,.cloud-actions-icons{align-items:center;gap:4px;display:flex}.cloud-actions-main{flex-wrap:wrap}.cloud-actions-icons .icon-button{width:36px;height:36px}.ws-empty{margin-top:8px}.ws-more{margin:24px auto 0;display:flex}.ws-form{gap:18px;display:grid}.ws-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ws-form .textarea.mono{font-size:14px}.ws-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px;display:flex}.dialog-copy{color:var(--muted);margin-bottom:20px;font-size:15px;line-height:1.6}.editor-colors{border-radius:var(--r-md);height:64px;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:24px;display:flex;overflow:hidden}.editor-colors span{flex:1}.editor-colors-lg{height:132px;margin-bottom:18px}.studio-dialog:has(.ws-history){width:min(860px,100% - 32px)}.ws-history{border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:minmax(0,1fr) 300px;display:grid;overflow:hidden}.ws-history-detail{flex-direction:column;align-items:flex-start;min-width:0;padding:20px;display:flex}.ws-history-detail .editor-colors{align-self:stretch}.ws-history-title{letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;font-size:18px;font-weight:500}.ws-history-meta{color:var(--muted);margin-top:4px;font-size:13px}.ws-hex-list{border-top:1px solid var(--line);color:var(--ink);align-self:stretch;gap:2px;margin-block:16px 20px;font-size:13px;display:grid}.ws-hex-list span{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-block:8px;display:flex}.ws-hex-list em{font-family:var(--font-sans);color:var(--muted);font-style:normal}.ws-history-list{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;gap:2px;max-height:440px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.ws-revision{border-radius:var(--r-sm);text-align:left;width:100%;transition:background-color .18s var(--ease);border:1.5px solid #0000;gap:2px;padding:10px 12px;display:grid}.ws-revision:hover{background:var(--panel-strong)}.ws-revision[aria-pressed=true]{border-color:var(--accent);background:var(--surface)}.ws-revision strong{color:var(--ink);font-size:14px;font-weight:500}.ws-revision-meta{color:var(--muted);font-size:12px}.ws-revision-strip{border-radius:var(--r-pill);height:8px;margin-top:6px;display:flex;overflow:hidden}.ws-revision-strip span{flex:1}.secret-token{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);font-family:var(--font-mono);color:var(--ink);padding:14px 18px;font-size:14px;line-height:1.5;display:block}.scope-list{border:0;gap:10px;margin:0;padding:0;display:grid}.scope-list legend{color:var(--ink);margin-bottom:10px;padding:0;font-size:14px;font-weight:500}.scope-choice{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;font-size:15px;display:flex}.scope-choice:has(input:checked){border-color:var(--accent-line);background:var(--accent-soft);color:var(--ink)}.scope-choice input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}@media (width<=900px){.ws-app{grid-template-columns:minmax(0,1fr)}.ws-sidebar{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;gap:16px 24px;padding:16px}.ws-group{flex:200px}.ws-group-tools{margin-top:0}}@media (width<=720px){.ws-history{grid-template-columns:minmax(0,1fr)}.ws-history-list{border-top:1px solid var(--line);border-left:0;max-height:240px}}@media (width<=640px){.gate{padding-block:48px}.gate h2{font-size:26px}.ws-main{padding:16px}.ws-toolbar{flex-direction:column;align-items:stretch;gap:10px}.ws-form-row,.cloud-grid{grid-template-columns:minmax(0,1fr)}.ws-nav-button{min-height:44px}.cloud-actions-icons .icon-button{width:44px;height:44px}}.system-studio{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:28px;display:grid}.studio-inspector{top:calc(var(--header-h) + 8px);border-radius:var(--r-xl);padding:24px;position:sticky}.studio-inspector>.eyebrow b,.studio-block>.eyebrow b,.studio-section-heading .eyebrow b{color:var(--muted);margin-right:6px;font-weight:500}.studio-form{gap:16px;margin-top:16px;display:grid}.studio-form .button-primary{width:100%}.studio-seed{gap:10px;display:flex}.studio-seed input[type=color]{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);cursor:pointer;width:44px;min-width:44px;height:44px;padding:3px}.studio-seed input[type=color]::-webkit-color-swatch-wrapper{padding:0}.studio-seed input[type=color]::-webkit-color-swatch{border:0;border-radius:8px}.studio-seed .input{text-transform:uppercase;flex:1;min-width:0}.studio-presets{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.studio-presets .chip{gap:8px;padding:5px 12px;font-size:13px}.studio-presets .chip span{width:12px;height:12px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;flex-shrink:0}.studio-role-heading{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:24px;display:flex}.studio-role-heading .segmented>*{gap:6px;min-height:30px;padding:0 12px;font-size:13px}.studio-role-list{margin-top:8px}.studio-role-list label{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-block:10px;font-size:14px;display:flex}.studio-role-name{min-width:0;color:var(--ink);flex:1;font-weight:500}.studio-role-name small{font-family:var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:400;display:block;overflow:hidden}.studio-role-list input{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:30px;height:30px;padding:2px}.studio-role-list input::-webkit-color-swatch-wrapper{padding:0}.studio-role-list input::-webkit-color-swatch{border:0;border-radius:5px}.studio-role-list button{border-radius:var(--r-pill);font-family:var(--font-mono);color:var(--ink-2);transition:background-color .18s var(--ease);padding:4px 8px;font-size:12px}.studio-role-list button:hover{background:var(--panel-strong);color:var(--ink)}.studio-inspector>.hint{margin-top:14px;line-height:1.5}.studio-main{gap:40px;min-width:0;display:grid}.studio-block{min-width:0}.studio-block>.eyebrow{margin-bottom:14px}.studio-mock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.studio-mock{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--panel);min-width:0;padding:16px}.studio-mock figcaption{color:var(--ink);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.studio-mock-frame{border-radius:var(--r-md);border:1px solid;padding:16px;font-size:12px;line-height:1.55}.studio-mock[data-editing=true]{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.studio-mock-nav{border-bottom:1px solid;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;font-size:11px;display:flex}.studio-mock-nav strong{align-items:center;gap:7px;margin-right:auto;font-size:12px;display:flex}.studio-mock-nav strong span{border-radius:3px;width:12px;height:12px}.studio-mock-nav i{border-radius:50%;flex-shrink:0;width:20px;height:20px}.studio-mock-card{border:1px solid;border-radius:10px;padding:14px}.studio-mock-label{border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.studio-mock-card h3{letter-spacing:-.2px;margin-top:8px;font-size:15px;font-weight:700}.studio-mock-card p{margin-top:4px;font-size:11.5px}.studio-mock-card label{gap:5px;margin-top:12px;font-size:11px;font-weight:600;display:grid}.studio-mock-card input{border:1px solid;border-radius:6px;width:100%;min-width:0;padding:7px 9px;font-size:12px;font-weight:400}.studio-mock-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.studio-mock-actions button{border-radius:6px;padding:7px 12px;font-size:11.5px;font-weight:650}.studio-mock-alert{border:1px solid;border-left-width:3px;border-radius:6px;margin-top:12px;padding:8px 10px;font-size:11.5px;font-weight:600}.studio-mock-body{margin-top:12px;font-size:12px}.studio-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:14px;display:flex}.studio-card{overflow:hidden}.studio-table-wrap{overflow-x:auto}.studio-check-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.studio-check-table th,.studio-check-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 20px}.studio-check-table tbody tr:last-child>*{border-bottom:0}.studio-check-table thead th{color:var(--muted);background:var(--panel);font-size:13px;font-weight:500}.studio-th{align-items:center;gap:10px;display:inline-flex}.studio-check-table tbody th{min-width:150px;color:var(--ink);font-weight:500}.studio-check-table td{min-width:210px}.studio-check{align-items:center;gap:12px;display:flex}.studio-check-swatch{border-radius:var(--r-xs);width:38px;height:30px;box-shadow:0 0 0 1px var(--line-strong);flex-shrink:0;place-items:center;font-size:13px;font-style:normal;font-weight:600;display:grid}.studio-check-body{justify-items:start;gap:4px;display:grid}.studio-check-body small{font-family:var(--font-mono);color:var(--muted);font-size:12px}.studio-details{margin-top:16px;overflow:hidden}.studio-details summary{cursor:pointer;color:var(--ink);align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:500;display:flex}.studio-details[open] summary{border-bottom:1px solid var(--line)}.studio-footnote{color:var(--muted);max-width:760px;margin-top:16px;font-size:13px;line-height:1.7}.studio-export{padding:24px}.studio-tabs-scroll{margin-bottom:4px;padding-bottom:2px;overflow-x:auto}.studio-export-tabs{flex-wrap:nowrap}.studio-export-note{color:var(--muted);max-width:720px;margin-block:14px 12px;font-size:14px;line-height:1.6}.studio-code{background:var(--panel);max-height:340px;padding:16px 18px;overflow:auto}.studio-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.studio-export-tabs button{min-height:34px}.code-output{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--panel);max-height:340px;color:var(--ink);font-family:var(--font-mono);white-space:pre;tab-size:2;padding:16px;font-size:13px;line-height:1.65;overflow:auto}.export-format-tabs{flex-wrap:wrap;gap:6px;display:flex}.export-format-tabs button{border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.export-format-tabs button:hover{background:var(--surface-hover)}.export-format-tabs button[aria-selected=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.contrast-pass{color:var(--success)}.contrast-fail{color:var(--danger)}.studio-export-tabs:not(.segmented){border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-top:14px;display:flex}.studio-export-tabs:not(.segmented) button{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:14px;font-weight:500}.studio-export-tabs:not(.segmented) button:hover{color:var(--ink)}.studio-export-tabs:not(.segmented) button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.studio-export:not(.card){margin-top:40px}.tw-controls{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;display:flex}.tw-controls .studio-seed{align-items:flex-end}.tw-field{gap:6px;font-size:12px;font-weight:600;display:grid}.tw-field input{border:1px solid var(--line-strong);width:160px;color:var(--ink);background:var(--paper);font-family:var(--font-mono);border-radius:8px;padding:11px 12px;font-size:13px;font-weight:400}.tw-token-preview{color:var(--muted);padding-bottom:12px;font-size:12px}.tw-token-preview code{font-family:var(--font-mono);color:var(--ink)}.tw-scale-section,.tw-examples-section{margin-top:40px}.tw-scale{grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.tw-step{text-align:left;border:1px solid #8882;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:132px;padding:10px;transition:transform .15s;display:flex}.tw-step:hover{transform:translateY(-2px)}.tw-step-top{justify-content:space-between;align-items:baseline;gap:4px;font-size:12px;display:flex}.tw-step-top span{letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:700}.tw-step-values{font-family:var(--font-mono);word-break:break-word;gap:2px;font-size:9.5px;line-height:1.35;display:grid}.tw-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.tw-examples figcaption{margin-bottom:8px;font-size:11px;font-weight:650}.tw-examples-frame{border:1px solid var(--line-strong);border-radius:12px;gap:12px;padding:16px;font-size:12px;display:grid}.tw-example-card{border-radius:10px;padding:14px}.tw-example-row{justify-content:space-between;gap:8px;font-weight:600;display:flex}.tw-example-row strong{font-family:var(--font-mono)}.tw-example-meta{opacity:.8;font-size:11px;display:block}.tw-example-track{border-radius:99px;height:8px;margin-block:10px 8px;overflow:hidden}.tw-example-track span{border-radius:99px;height:100%;display:block}.tw-example-event{align-items:center;gap:10px;display:flex}.tw-example-event>span{border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.tw-example-event strong,.tw-example-event small{display:block}.tw-example-event small{opacity:.8;font-size:11px}.tw-example-button{text-align:center;border-radius:8px;margin-top:12px;padding:9px;font-weight:700;display:block}.tw-example-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tw-example-tags span{border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600}@media (width<=1100px){.tw-scale{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=600px){.tw-scale{grid-template-columns:repeat(3,minmax(0,1fr))}.tw-examples-grid{grid-template-columns:1fr}.tw-field input{width:100%}.tw-controls>*{flex:100%}}.export-copy-button{gap:6px;padding:9px 18px;font-size:12px}@media (width<=1100px){.system-studio{grid-template-columns:300px minmax(0,1fr);gap:20px}.studio-mock-grid{grid-template-columns:1fr}}@media (width<=860px){.system-studio{grid-template-columns:minmax(0,1fr)}.studio-inspector{position:static}.studio-mock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.studio-mock-grid{grid-template-columns:1fr}.studio-inspector,.studio-export{padding:20px}.studio-check-table th,.studio-check-table td{padding:12px 14px}.studio-actions>*{width:100%}.studio-actions .button-secondary,.studio-actions .button-primary{white-space:normal;text-align:center;height:auto;padding-block:12px}}@media (width<=600px){.studio-export-tabs:not(.segmented){flex-wrap:nowrap;overflow-x:auto}.studio-export-tabs:not(.segmented) button{white-space:nowrap}}.studio-head-actions{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.studio-paths{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.5}.studio-paths a,.studio-link-button{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.studio-link-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline}.studio-paths a:hover,.studio-link-button:hover{text-decoration-thickness:2px}.studio-import{gap:20px;display:grid}.studio-import-text{resize:vertical;white-space:pre;width:100%;min-height:150px;font-size:13px;line-height:1.55;overflow:auto}.studio-import-empty{border-radius:var(--r-md);background:var(--panel);color:var(--ink-2);padding:14px 16px;font-size:14px}.studio-import-list{gap:6px;max-height:248px;margin-top:12px;padding:2px;display:grid;overflow:auto}.studio-import-list button{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:6px 12px;display:flex}.studio-import-list button:hover{background:var(--surface-hover)}.studio-import-list button[aria-checked=true]{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-line)}.studio-import-list i{width:28px;height:28px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;flex-shrink:0}.studio-import-name{min-width:0;font-family:var(--font-mono);overflow-wrap:anywhere;flex:1;font-size:13px}.studio-import-name em{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-left:8px;font-size:11px;font-style:normal}.studio-import-hex{font-family:var(--font-mono);color:var(--muted);font-size:13px}.studio-import-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=640px){.studio-head-actions{width:100%}.studio-import-actions>*{flex:100%}}.install-panel{border-top:1px solid var(--line);gap:12px;min-width:0;margin-top:28px;padding-top:24px;display:grid}.install-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.install-command{flex-wrap:wrap;align-items:stretch;gap:10px;min-width:0;display:flex}.install-command code{border:1px solid var(--line-strong);background:var(--surface);min-width:0;font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:8px;flex:280px;padding:12px 14px;font-size:13px}