@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) 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-outline-style:solid;--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}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.block{display:block}.contents{display:contents}.grid{display:grid}.inline{display:inline}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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, )}}.workspace-disclosure{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:6px;margin:16px 0}.workspace-disclosure>summary{padding:18px 20px;font-size:14px}.workspace-disclosure[open]>summary{border-bottom:1px solid var(--ui-line)}.disclosure-body{padding:20px}.disclosure-body>.picker-control{max-width:360px;margin-bottom:20px}.workspace-disclosure>.preview-section,.workspace-disclosure>.contrast-section{border:0;margin:0}.harmony-section{grid-template-columns:minmax(0,1fr) auto;column-gap:20px;display:grid}.harmony-section>*{grid-column:1/-1}.harmony-section>.studio-toolbar{grid-column:1;max-width:420px}.harmony-section>.regenerate-toolbar{grid-column:2;align-self:end}.studio-page .harmony-section>.section-heading,.palette-label small,.swatch-contrast{display:none}.swatch-tools{justify-content:flex-end}@media (max-width:767px){.harmony-section>.studio-toolbar{grid-column:1/-1;max-width:none}.disclosure-body{padding:14px}.workspace-disclosure>summary{padding:16px}}:root{--ui-bg:#f9f9f7;--ui-surface:#fff;--ui-text:#20232b;--ui-muted:#5b5e67;--ui-line:#dedee3;--ui-control:#787586;--ui-soft:#f1f1ef;--ui-action:#593bdb;--ui-on-action:#fff;--ui-focus:#593bdb;--ui-tint:#f2efff;--font-ui:"Plus Jakarta Sans Variable",Arial,system-ui,sans-serif;--font-mono:"JetBrains Mono Variable",Consolas,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--ui-bg:#14151a;--ui-surface:#1d1e25;--ui-text:#f1f1f5;--ui-muted:#b9b9c6;--ui-line:#3d3d4b;--ui-control:#9995ad;--ui-soft:#272832;--ui-action:#c8bfff;--ui-on-action:#21144b;--ui-focus:#c8bfff;--ui-tint:#30284a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--ui-bg);color:var(--ui-text);font-family:var(--font-ui);margin:0;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.035em;font-weight:650;line-height:1.25}h2{margin-bottom:14px;font-size:clamp(23px,2.3vw,32px)}h3{font-size:18px}code,pre,.hex-title,.eyebrow{font-family:var(--font-mono);font-variant-numeric:tabular-nums}code{overflow-wrap:anywhere}input,select,textarea{border:1px solid var(--ui-control);background:var(--ui-surface);min-width:0;max-width:100%;color:var(--ui-text);border-radius:4px}input,select{min-height:44px}label{margin-bottom:8px;font-size:12px;font-weight:600;display:block}section{scroll-margin-top:24px}summary{padding:12px 0;font-weight:600}pre{background:var(--ui-soft);border-radius:4px;max-width:100%;padding:20px;font-size:12px;overflow:auto}svg{flex-shrink:0}main{min-width:0}.site-shell{max-width:1600px;margin:auto;padding:0 40px}.header{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.wordmark{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:750;display:inline-flex}.wordmark-dot{align-self:flex-start;font-size:10px}.brand-mark{grid-template-columns:repeat(3,1fr);align-items:center;gap:3px;width:25px;height:25px;display:grid;transform:rotate(-12deg)}.brand-mark i{border-radius:2px;height:22px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}.header nav{gap:8px;font-size:12px;display:flex}.header nav a{border-radius:4px;align-items:center;gap:5px;min-height:44px;padding:8px 14px;display:flex}.header nav a:hover{background:var(--ui-soft)}.header-tools{align-items:center;gap:8px;display:flex}.language-link{font-family:var(--font-mono);text-align:center;min-width:38px;padding:12px 7px;font-size:11px}.locale-select{width:108px;padding:8px;font-size:12px}.button{white-space:normal;text-align:center;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 16px;font-size:12px;font-weight:650;line-height:1.5;display:inline-flex}.button-primary{background:var(--ui-action);color:var(--ui-on-action)}.button-primary:hover{filter:brightness(1.1)}.button-secondary{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-text)}.button-secondary:hover{border-color:var(--ui-control);background:var(--ui-soft)}.button-icon{color:inherit;background:0 0;min-width:44px;padding:10px}.button-icon:hover{background:var(--ui-soft)}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;background:var(--ui-surface);color:var(--ui-text);border:2px solid var(--ui-focus);padding:12px;position:fixed;top:12px;left:16px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);margin-bottom:14px;font-size:10px}.tiny-dot{background:var(--ui-action);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero{text-align:center;background:radial-gradient(ellipse at 50% 0%,var(--ui-tint),transparent 65%);padding:40px 0 32px}.hero-copy{max-width:900px;margin:auto}.hero h1{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(30px,3.2vw,46px);font-weight:750;line-height:1.13}.hero h1 em{color:var(--ui-action);font-style:normal}.hero-intro{color:var(--ui-muted);max-width:660px;margin:0 auto 28px;font-size:15px}.search-form{text-align:left;width:100%}.hero .search-form{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;max-width:800px;margin:32px auto 0;padding:18px;box-shadow:0 6px 20px #20232b08}.search-row{border:1px solid var(--ui-control);background:var(--ui-surface);border-radius:4px;align-items:center;gap:10px;padding:8px 10px;display:flex}.search-row>svg{color:var(--ui-muted)}.search-row input{font-family:var(--font-mono);outline-offset:0;background:0 0;border:0;flex:1;width:100%;font-size:13px}.search-row input::placeholder{color:var(--ui-muted)}.search-row .button{flex-shrink:0}.input-help{color:var(--ui-muted);margin:10px 0 0;font-size:11px}.search-row input{min-width:0}.search-clear{min-height:44px;color:var(--ui-action);cursor:pointer;font:inherit;background:0 0;border:0;margin:10px 0 0 auto;padding:8px 12px;font-size:12px;display:block}.color-search-results{border-top:1px solid var(--ui-line);margin-top:20px;padding-top:18px}.color-search-results h2{letter-spacing:0;margin:0 0 6px;font-size:17px}.search-result-count{overflow-wrap:anywhere;margin:0 0 6px;font-size:13px}.search-scope{color:var(--ui-muted);margin:0 0 16px;font-size:12px;line-height:1.6}.color-search-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.color-search-grid a{height:100%;color:var(--ui-text);flex-direction:column;gap:5px;text-decoration:none;display:flex}.search-color-swatch{border:1px solid var(--ui-line);border-radius:6px;width:100%;height:82px;display:block}.search-color-name{overflow-wrap:anywhere;font-size:13px;font-weight:600}.color-search-grid code{color:var(--ui-muted);font-size:12px}.error{color:#b91c1c;margin:10px 0;font-size:12px}.hero-actions{justify-content:center;gap:12px;margin:18px 0;display:flex}.try-colors{color:var(--ui-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:11px;display:flex}.try-colors a{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:999px;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.try-colors i{border-radius:50%;width:10px;height:10px}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.section-heading h2{margin-bottom:0}.section-heading .eyebrow{margin-bottom:8px}.section-heading>p{max-width:440px;color:var(--ui-muted);margin:0;font-size:12px}.featured-section{padding:28px 0 40px}.featured-grid{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px;display:grid}.featured-color{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:4px;min-width:0;padding:10px}.featured-paint{border-radius:3px;justify-content:space-between;align-items:flex-start;height:230px;padding:14px;display:flex}.featured-paint span{font-family:var(--font-mono);color:#20232b;background:#fff;border-radius:3px;padding:4px 8px;font-size:10px}.featured-paint svg{color:#20232b;background:#fff;border-radius:50%;width:28px;height:28px;padding:4px}.featured-label{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 2px 4px;font-size:12px;display:flex}.featured-label code{color:var(--ui-muted);font-size:11px}.studio-workspace{min-width:0}.studio-workspace>section{margin:28px 0}.harmony-section{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;padding:24px}.studio-toolbar{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:4px;align-items:flex-end;gap:16px;padding:16px;display:flex}.picker-control{flex:1}.picker-control>div{align-items:center;gap:10px;display:flex}.picker-control code{font-size:12px}.picker-control input{width:44px;padding:3px}.harmony-control{flex:1}.harmony-control select{width:100%;padding:9px 12px;font-size:12px}.studio-toolbar label{margin-bottom:6px}.regenerate-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.regenerate-toolbar p{color:var(--ui-muted);margin:0;font-size:11px}.regenerate-toolbar .button{background:var(--ui-action);color:var(--ui-on-action);border-color:#0000}.mobile-export-link{display:none}.harmony-explanation{color:var(--ui-muted);align-items:center;gap:8px;margin:0 0 18px;font-size:12px;display:flex}.harmony-explanation svg{color:var(--ui-action)}.neutral-note,.edited-note,.share-warning,.gamut-input-note{color:var(--ui-muted);margin:12px 0;font-size:12px}.edited-note,.share-warning{border-left:3px solid var(--ui-action);background:var(--ui-tint);padding:12px}.palette-grid{gap:8px;min-width:0;display:grid}.palette-grid[data-expanded=true]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.palette-card{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:6px;min-width:0;position:relative;overflow:hidden}.palette-card[data-locked=true]{border:2px solid var(--ui-focus)}.palette-paint{border-radius:0;flex-direction:column;justify-content:space-between;height:360px;padding:18px;display:flex}.palette-paint span:first-child{font-family:var(--font-mono);font-size:12px}.palette-paint span:last-child{letter-spacing:-.03em;font-size:20px;font-weight:650}.swatch-lock{z-index:1;border:1px solid var(--ui-control);background:var(--ui-surface);min-height:44px;color:var(--ui-text);border-radius:4px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex;position:absolute;top:10px;right:10px}.palette-card[data-locked=true] .swatch-lock{background:var(--ui-tint);color:var(--ui-action)}.palette-label{justify-content:space-between;align-items:center;gap:4px;padding:14px 12px 4px;display:flex}.palette-label>div{min-width:0}.palette-label code{font-size:15px;font-weight:600}.palette-label small{font-family:var(--font-mono);color:var(--ui-muted);overflow-wrap:anywhere;margin-top:5px;font-size:9px;display:block}.swatch-tools{justify-content:space-between;align-items:center;gap:6px;padding:0 12px 8px;display:flex}.swatch-contrast{font-family:var(--font-mono);color:var(--ui-muted);font-size:9px}.swatch-editor{border-top:1px solid var(--ui-line);padding:12px}.swatch-editor label{font-size:10px}.swatch-editor input{width:100%;font-family:var(--font-mono);padding:8px}.swatch-editor>div{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.palette-actions{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:18px 0;scroll-margin-top:24px;display:flex}.palette-actions>span{font-family:var(--font-mono);color:var(--ui-muted);font-size:10px}.palette-actions>div{flex-wrap:wrap;gap:8px;display:flex}.harmony-guide,.oklch-controls,.theory-comparison,.code-details{border-bottom:1px solid var(--ui-line);padding:6px 0;font-size:12px}.harmony-guide dl{grid-template-columns:160px 1fr;gap:12px;margin:16px 0;display:grid}.harmony-guide dt{font-weight:600}.harmony-guide dd{color:var(--ui-muted);margin:0}.recommendation-disclaimer,.oklch-controls>p,.theory-comparison>p{color:var(--ui-muted);font-size:11px}.oklch-sliders{grid-template-columns:1fr 1fr;gap:24px;margin:20px 0;display:grid}.oklch-sliders input{width:100%;accent-color:var(--ui-action)}.oklch-sliders output{float:right;font-family:var(--font-mono)}.comparison-palettes{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.comparison-palettes>div>div{min-height:56px;display:flex}.comparison-palettes span{flex:1}.theory-swatches{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.theory-swatches>span{flex:1;min-width:120px;padding:14px}.theory-swatches small{overflow-wrap:anywhere;font-size:9px;display:block}.values-section{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;grid-template-columns:1fr 2fr;gap:16px;padding:24px;display:grid}.values-intro>p:last-child{color:var(--ui-muted);font-size:12px}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.value-card{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:4px;min-width:0;padding:12px 12px 4px}.value-card>span{font-family:var(--font-mono);color:var(--ui-muted);font-size:10px}.value-card>div{justify-content:space-between;align-items:center;gap:5px;display:flex}.value-card code{overflow-wrap:anywhere;font-size:11px}.hsl-details{border-top:1px solid var(--ui-line);grid-column:1/-1;gap:28px;margin:0;padding-top:14px;display:flex}.hsl-details dt{color:var(--ui-muted);font-size:10px}.hsl-details dd{font-family:var(--font-mono);margin:4px 0 0;font-size:12px}.preview-section{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;padding:24px}.preview-section .section-heading{flex-wrap:wrap;align-items:flex-start}.section-subtitle{color:var(--ui-muted);font-size:12px}.segmented{background:var(--ui-soft);border-radius:5px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented button{min-height:44px;color:var(--ui-muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:8px 12px;font-size:11px}.segmented button[aria-pressed=true]{background:var(--ui-action);color:var(--ui-on-action)}.role-mapping{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:4px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:14px;display:flex}.role-mapping .eyebrow{margin:0}.role-mapping label{align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.role-mapping select{max-width:200px;font-family:var(--font-mono);padding:8px;font-size:11px}.role-mapping p{margin:0;font-size:10px}.preview-workbench{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.preview-workbench>*{min-width:0}.preview-accessibility{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:5px;padding:20px}.preview-accessibility p{overflow-wrap:anywhere;font-size:11px}.preview-accessibility>p:first-child{border-bottom:1px solid var(--ui-line);align-items:flex-start;gap:8px;padding-bottom:14px;display:flex}.preview-pair-actions{flex-direction:column;gap:8px;margin:16px 0;display:flex}.preview-fixed-note{color:var(--ui-muted);font-size:10px!important}.contrast-section{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;grid-template-columns:1fr 1fr;gap:40px;padding:28px;display:grid}.contrast-copy>p:not(.eyebrow){color:var(--ui-muted);font-size:12px}.comparison-row{gap:8px;display:flex}.comparison-row input{width:100%;font-family:var(--font-mono);padding:10px;font-size:12px}.comparison-presets{align-items:center;gap:10px;margin-top:12px;display:flex}.comparison-presets>button:not(.button){border:1px solid var(--ui-control);background:var(--ui-surface);min-height:44px;color:var(--ui-text);border-radius:4px;align-items:center;gap:8px;padding:8px;font-size:11px;display:flex}.comparison-presets i{border:1px solid var(--ui-control);border-radius:50%;width:12px;height:12px}.contrast-note{margin-top:14px;font-size:10px!important}.contrast-result{border:1px solid var(--ui-line);border-radius:5px;overflow:hidden}.contrast-sample{min-height:210px;padding:28px}.contrast-sample>span{font-size:64px;font-weight:600;line-height:1.2}.contrast-sample>p{margin:10px 0;font-size:13px}.contrast-sample code{font-size:11px}.contrast-metrics{background:var(--ui-soft);justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.contrast-metrics>div>span{color:var(--ui-muted);font-size:10px;display:block}.contrast-metrics strong[data-testid]{font-family:var(--font-mono);font-size:30px}.contrast-metrics small{font-size:13px}.contrast-metrics ul{flex:1;margin:0;padding:0;list-style:none}.contrast-metrics li{justify-content:space-between;gap:12px;margin:5px 0;font-size:11px;display:flex}.contrast-metrics li>strong{align-items:center;gap:5px;display:inline-flex}.pass{color:#14623c}.fail{color:#a82c2c}html[data-theme=dark] .pass{color:#8ae6b3}html[data-theme=dark] .fail,html[data-theme=dark] .error{color:#ffb4b4}.status-region:empty{display:none}.status-region:not(:empty){z-index:50;background:var(--ui-text);max-width:calc(100vw - 32px);color:var(--ui-bg);border-radius:6px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.dismiss-status{color:inherit;background:0 0;border:0;min-width:44px;min-height:44px;font-size:22px}.copy-fallback{border:1px solid var(--ui-control);background:var(--ui-surface);padding:16px}.copy-fallback textarea{width:100%;min-height:90px;padding:10px}.method-section{padding:40px 0}.method-section>p{max-width:760px;color:var(--ui-muted);font-size:13px}.method-section a{color:var(--ui-action);align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.footer{border-top:1px solid var(--ui-line);flex-wrap:wrap;align-items:center;gap:24px;padding:28px 0;display:flex}.footer .wordmark{font-size:15px}.footer p{color:var(--ui-muted);flex:1;margin:0;font-size:11px}.footer small{color:var(--ui-muted);font-size:9px}.shared-intro{padding:12px 0 0}.shared-intro h1{margin-bottom:10px;font-size:28px}.shared-intro>p:last-child{color:var(--ui-muted);font-size:13px}.detail-intro{padding:16px 0 24px}.back-link{color:var(--ui-muted);align-items:center;gap:8px;margin:0 0 22px;font-size:11px;display:inline-flex}.detail-grid{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.detail-grid>div:first-child{order:2;padding:32px}.detail-grid h1{margin-bottom:12px;font-size:34px}.hex-title{font-size:40px;line-height:1.4}.detail-grid .hero-intro{margin:0 0 20px;font-size:12px}.detail-paint{flex-direction:column;order:1;justify-content:space-between;min-height:360px;padding:30px;display:flex}.detail-paint strong{font-family:var(--font-mono);letter-spacing:-.04em;font-size:44px;font-weight:500}.detail-paint>span{font-family:var(--font-mono);font-size:10px}.specimen-coordinates{border:1px solid;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}.specimen-coordinates span{font-size:10px;font-family:var(--font-mono)}.specimen-coordinates b{margin-top:4px;font-size:13px;display:block}.not-found{min-height:65vh;padding:80px 0}.not-found h1{font-size:42px}.not-found a{text-decoration:underline}.breadcrumbs{color:var(--ui-muted);padding:20px 0;font-size:11px}.breadcrumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:8px}.breadcrumbs a{text-underline-offset:3px;text-decoration:underline}.editorial-page{padding:0 0 40px}.editorial-page h1{margin-top:20px;font-size:clamp(32px,4vw,48px)}.editorial-lead{color:var(--ui-muted);max-width:850px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0;display:grid}.catalog-grid>a,.guide-list>a{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:6px;min-width:0;padding:16px}.catalog-grid i{border:1px solid var(--ui-line);border-radius:4px;height:150px;margin-bottom:16px;display:block}.catalog-grid h2,.guide-list h2{font-size:18px}.catalog-grid p,.guide-list p{color:var(--ui-muted);margin:10px 0 0;font-size:12px}.catalog-grid code{color:var(--ui-action);font-size:12px}.guide-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0;display:grid}.guide-article{max-width:76ch;margin:auto;padding:12px 0}.guide-article p{max-width:820px}.guide-article h2{font-size:24px}.source-links{padding:0;list-style:none}.source-links a{text-decoration:underline}.color-article{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:6px;max-width:none;margin-bottom:24px;padding:28px}.color-article>p,.color-article .faq-item p{max-width:900px;font-size:13px}.color-article h2{font-size:26px}.color-article h3{margin-top:28px;font-size:18px}.name-note,.editorial-note{color:var(--ui-muted);font-size:11px!important}.article-harmonies{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.article-harmonies section{background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:4px;min-width:0;padding:16px}.article-harmonies h3{margin-top:0}.article-harmonies p{color:var(--ui-muted);font-size:11px}.article-harmonies section>div{gap:4px;display:flex}.article-harmonies a{text-align:center;border:1px solid #0002;border-radius:3px;flex:1;min-width:0;padding:20px 6px}.article-harmonies code{font-size:10px}.facts-table{border-collapse:collapse;background:var(--ui-soft);width:100%;margin:18px 0;font-size:12px}.facts-table caption{text-align:left;font-family:var(--font-mono);padding-bottom:12px;font-size:10px}.facts-table th,.facts-table td{text-align:left;border:1px solid var(--ui-line);overflow-wrap:anywhere;padding:12px}.faq-item{border-top:1px solid var(--ui-line);padding:12px 0}.faq-item h3{margin:12px 0;font-size:16px}.tool-links{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.tool-links a{border:1px solid var(--ui-line);background:var(--ui-surface);min-height:44px;color:var(--ui-action);border-radius:4px;align-items:center;padding:10px 14px;font-size:11px;display:inline-flex}.tool-links a:hover{border-color:var(--ui-action)}.related-section{padding:24px 0}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.related-grid>a{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;padding:12px;font-size:12px;display:flex}.related-grid i{border:1px solid var(--ui-line);border-radius:4px;width:36px;height:36px}.related-grid code{color:var(--ui-muted);font-size:11px}.design-preview{border:1px solid var(--ui-line);border-radius:10px;overflow:hidden}.browser-chrome{background:var(--ui-soft);align-items:center;gap:5px;padding:12px 18px;display:flex}.browser-chrome>span{background:#a5a99d;border-radius:50%;width:6px;height:6px}.browser-chrome code{color:var(--ui-muted);margin:auto;padding-right:28px;font-size:9px}.mini-site{color:#262a23;background:#f6f3ec;padding:28px 40px 36px}.mini-nav{letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.mini-nav>span{letter-spacing:0;align-items:center;gap:12px;font-size:9px;display:flex}.mini-content{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:44px;display:grid}.mini-kicker{letter-spacing:.13em;font-size:8px}.mini-content h3{font-family:var(--font-ui);max-width:340px;margin:14px 0 18px;font-size:43px;line-height:1.07}.mini-content p{color:#55594f;max-width:280px;font-size:11px}.demo-cta{background:var(--preview-primary);color:var(--preview-on-primary);border-radius:4px;align-items:center;gap:16px;margin-top:8px;padding:14px 18px;font-size:10px;display:inline-flex}.mini-art{background:var(--preview-secondary);border-radius:100px 100px 6px 6px;height:250px;position:relative;overflow:hidden}.mini-art i{background:var(--preview-primary);border:1px solid #00000020;border-radius:90px 90px 0 0;width:130px;height:180px;position:absolute;bottom:-10px;left:20%;transform:rotate(-28deg)}.mini-art i:nth-child(2){background:#f6f3ec;bottom:-50px;left:48%;transform:rotate(32deg)}.mini-art i:nth-child(3){background:var(--preview-on-secondary);opacity:.6;border-radius:50%;width:70px;height:70px;top:24px;left:55%}.brand-preview{background:var(--preview-primary);color:var(--preview-on-primary);flex-direction:column;justify-content:space-between;min-height:360px;padding:48px;display:flex}.brand-preview>div{letter-spacing:.1em;justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex}.brand-preview h3{font-family:var(--font-ui);max-width:550px;margin:36px 0;font-size:clamp(32px,5vw,64px)}.brand-preview p{margin:0}@media (max-width:1100px){.mini-content h3{font-size:34px}.mini-site{padding:24px}.mini-content{gap:28px}.mini-art{height:220px}}@media (max-width:760px){.mini-content{grid-template-columns:1fr 1fr;gap:15px;padding-top:28px}.mini-site{padding:20px}.mini-content h3{font-size:26px}.mini-content p{font-size:10px}.mini-kicker{font-size:7px}.mini-nav>span{display:none}.demo-cta{gap:5px;padding:10px;font-size:8px}.mini-art{height:210px}.mini-art i{width:90px}.brand-preview{min-height:300px;padding:28px}}@media (max-width:380px){.mini-content{grid-template-columns:1fr}.mini-art{border-radius:65px 65px 4px 4px;height:130px}.mini-content h3{max-width:240px;font-size:30px}}.dashboard-preview{color:#262a23;background:#f6f3ec;grid-template-columns:140px 1fr;min-height:380px;display:grid}.dashboard-preview aside{background:var(--preview-primary);color:var(--preview-on-primary);padding:32px 24px;font-size:12px}.dashboard-preview aside strong{margin-bottom:48px;display:block}.dashboard-body{padding:32px}.dashboard-body h3{font-size:28px}.metric-cards{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.metric-cards>div{border:1px solid #b5b8ad;border-radius:7px;flex-direction:column;gap:10px;padding:16px;font-size:12px;display:flex}.metric-cards strong{font-size:28px}.colored-metric{background:var(--preview-primary);color:var(--preview-on-primary);border-color:#0000!important}.demo-chart{border-bottom:1px solid #73776d;gap:18px;height:130px;padding-top:10px;display:flex}.demo-chart>div{text-align:center;flex-direction:column;flex:1;justify-content:flex-end;gap:4px;height:100%;font-size:10px;display:flex}.demo-chart i{min-height:5px;display:block}.mobile-stage{background:#e9e8e0;padding:32px}.mobile-preview{color:#262a23;background:#f6f3ec;border:6px solid #262a23;border-radius:32px;max-width:300px;margin:auto;padding:20px}.mobile-top{justify-content:space-between;margin-bottom:32px;font-size:10px;display:flex}.mobile-preview h3{font-size:30px}.mobile-feature{background:var(--preview-primary);color:var(--preview-on-primary);border-radius:14px;padding:20px}.mobile-feature h4{margin:20px 0 12px;font-size:21px;font-weight:500;line-height:1.3}.mobile-feature p{margin:0;font-size:12px}.mobile-list{justify-content:space-between;margin:20px 0;font-size:12px;display:flex}.mobile-preview .demo-cta{justify-content:center;display:flex}.slide-preview{color:#262a23;background:#f6f3ec;min-height:360px;padding:40px}.slide-preview h3{font-family:var(--font-ui);margin:32px 0 20px;font-size:clamp(32px,4vw,54px)}.slide-preview>p{font-size:13px}.slide-band{background:var(--preview-primary);color:var(--preview-on-primary);border-radius:6px;align-items:center;gap:24px;margin-top:32px;padding:20px;font-size:13px;display:flex}.slide-band strong{font-size:36px}.slide-band svg{flex-shrink:0;margin-left:auto}.slide-colors{height:8px;margin-top:24px;display:flex}.slide-colors i{flex:1}.preview-color-strip{height:10px;display:flex}.preview-color-strip i{flex:1}@media (max-width:760px){.dashboard-preview{grid-template-columns:64px 1fr}.dashboard-preview aside{padding:24px 8px;font-size:9px}.dashboard-body{padding:20px 14px}.dashboard-body h3{font-size:23px}.metric-cards{gap:6px}.metric-cards>div{padding:10px;font-size:10px}.metric-cards strong{font-size:22px}.demo-chart{gap:8px}.mobile-stage{padding:24px 14px}.slide-preview{padding:24px}.slide-band{gap:12px;font-size:11px}}@media (min-width:1280px){.encyclopedia-page .color-article{columns:auto}.color-article>h2,.color-article>.article-harmonies,.color-article>section{column-span:all}.color-article>h3{break-after:avoid}.color-article>p,.color-article>pre,.color-article>.facts-table{break-inside:avoid}.studio-page .palette-paint{height:300px}}@media (max-width:1279px){.site-shell{padding:0 24px}.header{gap:12px}.header nav{gap:0}.header nav a{padding:8px;font-size:11px}.preview-workbench{grid-template-columns:1fr}.preview-accessibility{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.preview-accessibility>p:first-child{grid-column:1/-1}.palette-paint{height:300px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-mapping label{flex:1}.detail-grid>div:first-child,.detail-paint{padding:24px}.featured-paint{height:180px}.values-section{grid-template-columns:1fr}.hsl-details,.studio-toolbar{flex-wrap:wrap}.picker-control,.harmony-control{min-width:180px}.segmented{width:100%}.preview-section .segmented button{flex:1}}@media (max-width:767px){.site-shell{padding:0 16px}.header{flex-wrap:wrap;gap:8px;min-height:72px;padding:12px 0}.header nav{border-top:1px solid var(--ui-line);order:3;justify-content:center;width:100%;padding-top:6px}.header nav a{min-height:40px;padding:8px 12px}.header-tools{gap:2px}.wordmark{gap:7px;font-size:16px}.brand-mark{width:20px;height:20px}.brand-mark i{height:20px}.locale-select{width:91px;font-size:11px}.language-link{min-width:29px;padding:12px 4px;font-size:10px}.header-tools .button-icon{min-width:40px;padding:9px}.hero{padding:38px 0 26px}.hero h1{font-size:38px}.hero-intro{font-size:13px}.hero .search-form{margin-top:24px;padding:12px}.search-row{flex-wrap:wrap;padding:10px}.search-row input{flex-basis:calc(100% - 40px);width:60%}.search-row .button{width:100%}.hero-actions{flex-wrap:wrap}.hero-actions .button{flex:1}.try-colors{gap:6px}.try-colors>span{width:100%}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.featured-color{padding:7px}.featured-paint{height:150px;padding:8px}.featured-paint span{padding:3px 5px;font-size:8px}.featured-label{font-size:11px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.section-heading>p{max-width:none}.shared-intro{padding-top:16px}.shared-intro h1{font-size:26px}.shared-intro>p:last-child{font-size:12px}.harmony-section,.values-section,.preview-section,.contrast-section{border-radius:6px;padding:16px}.studio-workspace>section{margin:20px 0}.studio-toolbar{gap:12px;padding:12px}.picker-control,.harmony-control{flex-basis:100%;min-width:0}.picker-control>div{justify-content:space-between}.studio-toolbar>.button{width:100%}.palette-grid,.palette-grid[data-expanded=true]{gap:10px;grid-template-columns:1fr!important}.palette-paint{height:112px;padding:16px}.palette-paint span:last-child{font-size:22px}.palette-label{padding:10px 14px 0}.palette-label small{font-size:9px}.swatch-tools{padding:0 14px 8px}.swatch-lock{min-width:44px;top:12px;right:12px}.palette-actions{flex-direction:column;align-items:flex-start;gap:12px}.palette-actions>div{grid-template-columns:1fr 1fr;width:100%;display:grid}.palette-actions .button:last-child{grid-column:1/-1}.regenerate-toolbar{z-index:30;background:var(--ui-surface);border-top:1px solid var(--ui-line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:10px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #20232b08}.regenerate-toolbar p{display:none}.regenerate-toolbar .button{flex:1;min-height:48px}.mobile-export-link{border:1px solid var(--ui-control);border-radius:4px;justify-content:center;align-items:center;min-height:48px;padding:8px 12px;font-size:11px;display:flex}body:has(.studio-workspace){padding-bottom:calc(96px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:110px}.status-region:not(:empty){width:max-content;padding:8px 12px;font-size:11px;bottom:100px}.values-grid{grid-template-columns:1fr}.value-card code{font-size:11px}.hsl-details{gap:16px}.harmony-guide dl{grid-template-columns:1fr;gap:6px}.harmony-guide dd{margin-bottom:12px}.oklch-sliders,.comparison-palettes{grid-template-columns:1fr}.harmony-explanation{align-items:flex-start;margin-top:16px;font-size:11px}.segmented button{flex-basis:30%;padding:8px}.role-mapping{align-items:flex-start;gap:12px;padding:12px}.role-mapping .eyebrow,.role-mapping label,.role-mapping p{flex-basis:100%;width:100%}.role-mapping label{display:block}.role-mapping select{width:100%;max-width:none;margin-top:5px;display:block}.preview-workbench{gap:16px}.preview-accessibility{padding:16px;display:block}.contrast-section{grid-template-columns:1fr;gap:20px}.comparison-row{flex-wrap:wrap}.comparison-row .button{width:100%}.contrast-metrics{flex-wrap:wrap;gap:14px;padding:16px}.contrast-metrics li{font-size:10px}.footer{gap:14px}.footer p{flex-basis:100%;font-size:10px}.footer small{width:100%}.detail-grid{grid-template-columns:1fr}.detail-grid>div:first-child{order:2;padding:20px}.detail-paint{min-height:280px;padding:22px}.detail-paint strong{font-size:40px}.detail-grid h1{font-size:28px}.hex-title{font-size:32px}.detail-intro{padding-top:4px}.breadcrumbs{padding:16px 0;font-size:10px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-grid>a{padding:10px}.catalog-grid i{height:120px}.catalog-grid h2{font-size:15px}.catalog-grid p{font-size:11px}.guide-list,.article-harmonies,.related-grid{grid-template-columns:1fr}.guide-article,.color-article{padding:20px}.color-article h2{font-size:23px}.facts-table th,.facts-table td{padding:8px;font-size:10px}.tool-links{gap:8px}.tool-links a{padding:9px;font-size:10px}.method-section{padding:28px 0}.article-harmonies a{padding:24px 8px}.article-harmonies code{font-size:11px}.theory-swatches>span{min-width:100px}}@media (max-width:359px){.site-shell{padding:0 12px}.wordmark{gap:5px;font-size:14px}.brand-mark{gap:2px;width:16px}.locale-select{width:81px}.header-tools .button-icon{min-width:36px}.hero h1{font-size:33px}.featured-paint{height:130px}.featured-paint svg{width:22px;height:22px}.harmony-section,.values-section,.preview-section,.contrast-section{padding:12px}.catalog-grid{grid-template-columns:1fr}.regenerate-toolbar{padding-left:12px;padding-right:12px}.specimen-coordinates{gap:8px;padding:10px}.contrast-metrics{display:block}.contrast-metrics ul{margin-top:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.studio-page .breadcrumbs{padding:12px 0}.studio-page .shared-intro .eyebrow{display:none}.studio-page .harmony-section>.section-heading .eyebrow{margin-bottom:6px}.studio-page .harmony-section>.section-heading h2{font-size:24px}.studio-page .shared-intro>p:last-child{margin-bottom:12px}.studio-page>.tool-links{margin:12px 0}.studio-modes{gap:8px;margin:16px 0;display:flex}.studio-modes [aria-pressed=true]{background:var(--ui-text);color:var(--ui-bg);border-color:var(--ui-text)}.studio-workspace[data-mode=basic] .swatch-lock,.basic-lock-marker{display:none}.studio-workspace[data-mode=basic] .basic-lock-marker{align-items:center;gap:6px;padding:10px;font-size:12px;display:inline-flex}.harmony-section>.studio-toolbar{flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:20px;max-width:none;display:flex}.studio-toolbar .picker-control{flex:0 220px}.studio-toolbar .harmony-control{flex:220px}.studio-toolbar .picker-control>div{min-height:44px}.studio-toolbar .picker-control code{font-size:14px}.studio-workspace[data-mode=basic] .harmony-explanation{display:none}.catalog-controls{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.catalog-controls>div:first-child{flex:2 240px}.catalog-controls>div:last-child{flex:160px}.catalog-controls label{margin-bottom:8px;font-size:13px;display:block}.catalog-controls input,.catalog-controls select{background:var(--ui-surface);border:1px solid var(--ui-control);border-radius:6px;width:100%;min-height:44px;padding:10px 12px}.catalog-count{color:var(--ui-muted);margin:12px 0;font-size:12px}.catalog-grid>a{background:0 0;border:0;padding:0 0 16px}.catalog-grid i{border:0;height:160px;margin-bottom:12px}.catalog-grid h2{margin:0 0 4px}.detail-values dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.detail-values dt{color:var(--ui-muted);font-size:12px}.detail-values dd{overflow-wrap:anywhere;margin:4px 0 0}.detail-studio>.studio-workspace{padding:0 20px 20px}.color-article{background:0 0;border:0;max-width:80ch;margin-inline:auto;padding:24px 0}.color-article>p,.color-article .faq-item p{font-size:15px;line-height:1.8}.article-disclosure,.faq-item{border-block-end:1px solid var(--ui-line);margin:12px 0;padding:8px 0}.article-disclosure>summary,.faq-item>summary{min-height:44px;padding:12px 0;font-size:15px;line-height:1.5}.article-harmonies{grid-template-columns:1fr}.article-harmonies section{border:0;padding:0}.guide-article section{margin:36px 0}.guide-article p{line-height:1.85}.guide-article .tool-links{background:var(--ui-soft);border-radius:6px;padding:16px}.guide-list{grid-template-columns:1fr;max-width:76ch}.guide-list>a{border:0;border-bottom:1px solid var(--ui-line);background:0 0;border-radius:0;padding:20px 0}.related-grid>a{padding:12px}.related-grid i{height:40px}.featured-paint{height:140px}.hero .search-form{border-color:var(--ui-control);box-shadow:none}.hero .hero-actions .button{color:var(--ui-action);border-color:var(--ui-line);background:0 0}.checker-page .contrast-section{padding:24px}.contrast-copy input{background:var(--ui-surface);border:1px solid var(--ui-control);width:100%;max-width:100%;min-height:44px;color:var(--ui-text);border-radius:6px;padding:10px 12px}.contrast-copy form>label{margin:14px 0 8px;display:block}.contrast-suggestion{border-top:1px solid var(--ui-line);margin-top:20px;padding:16px 0}.contrast-suggestion p{margin-bottom:12px}@media (max-width:767px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.catalog-grid i{height:120px}.catalog-grid h2{overflow-wrap:anywhere;font-size:15px}.detail-paint{min-height:180px;padding:24px}.detail-values dl{grid-template-columns:1fr}.detail-studio>.studio-workspace{padding:0 12px 12px}.color-article,.guide-article{padding:16px 0}.checker-page .contrast-section{padding:16px}.featured-paint{height:100px}.hero h1{font-size:30px}}.studio-workspace[data-mode=basic] .palette-label small{display:none}.studio-workspace[data-mode=advanced] .palette-label small{display:block}.studio-toolbar{background:0 0;border:0;padding-inline:0}.footer-info{flex-wrap:wrap;flex-basis:100%;gap:8px 20px;display:flex}.footer-info a{overflow-wrap:anywhere;align-items:center;min-height:44px;font-size:12px;display:inline-flex}.footer p.footer-contact,.footer p.footer-legal{flex-basis:100%}.footer-contact a,.footer-legal a{overflow-wrap:anywhere;align-items:center;min-height:44px;display:inline-flex}.footer-legal{flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex}.policy-updated{color:var(--ui-muted);font-size:13px}.policy-provider-links{padding-left:20px}.policy-provider-links a,.site-info-page #contact a{overflow-wrap:anywhere;align-items:center;min-height:44px;display:inline-flex}.site-info-page{overflow-wrap:anywhere}.policy-status{border-left:3px solid var(--ui-control);background:var(--ui-soft);padding:12px 16px}.ad-planning-slot{text-align:center;background:var(--ui-soft);height:132px;color:var(--ui-muted);grid-template-rows:30px 90px;gap:8px;margin:32px 0;display:grid;overflow:hidden}.ad-planning-slot>span{padding:4px;font-size:12px}.ad-planning-slot>[data-ad-creative]{border:1px dashed var(--ui-control);width:min(728px,100%);height:90px;margin:auto}@media (max-width:767px){.footer-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;display:grid}.ad-planning-slot{grid-template-rows:40px 100px;height:156px}.ad-planning-slot>[data-ad-creative]{width:min(320px,100%);height:100px}}.header .wordmark{min-width:0;max-width:min(40%,360px)}.brand-name{white-space:normal;overflow-wrap:anywhere;min-width:0}.wordmark>.brand-mark,.wordmark>.wordmark-dot{flex-shrink:0}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}