@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-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-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:ui-sans-serif, system-ui, 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;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,ui-sans-serif, system-ui, 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{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{.collapse{visibility:collapse}.invisible{visibility:hidden}.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}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#151515;--muted:#66645f;--paper:#fffdf8;--paper-2:#f6f0e6;--surface:#fff;--line:#ded8cd;--blue:#2563eb;--pink:#ff4d8d;--yellow:#ffd60a;--mint:#2dd4bf;--purple:#8b5cf6;--orange:#ff8a3d;--red:#ef4444;--radius-sm:14px;--radius-md:22px;--radius-lg:34px;--shadow-play:6px 6px 0 var(--ink);--shadow-soft:0 20px 60px #211b131c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit}img,svg{max-width:100%}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.shell{width:min(1180px,100% - 32px);margin-inline:auto}.announcement{background:var(--ink);color:#fff;text-align:center;letter-spacing:.03em;padding:8px 16px;font-size:12px;font-weight:760}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8eb;border-bottom:1px solid #15151514;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{letter-spacing:-.045em;align-items:center;gap:10px;font-size:20px;font-weight:950;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,13px);gap:3px;display:grid;transform:rotate(-5deg)}.brand-mark i{border:2px solid var(--ink);border-radius:4px;width:13px;height:13px}.brand-mark i:first-child{background:var(--pink)}.brand-mark i:nth-child(2){background:var(--yellow)}.brand-mark i:nth-child(3){background:var(--mint)}.brand-mark i:nth-child(4){background:var(--blue)}.main-nav{align-items:center;gap:24px;font-size:14px;font-weight:800;display:flex}.main-nav a{opacity:.68;transition:opacity .18s}.main-nav a:hover{opacity:1}.nav-actions{align-items:center;gap:10px;display:flex}.menu-button{border:2px solid var(--ink);min-width:44px;min-height:44px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:13px;justify-content:center;align-items:center;display:none}.button{border:2px solid var(--ink);cursor:pointer;min-height:48px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.button:active{box-shadow:none;transform:translate(4px,4px)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.58;transform:none;box-shadow:2px 2px #8f8a82}.button-primary{background:var(--yellow)}.button-blue{background:var(--blue);color:#fff}.button-dark{background:var(--ink);color:#fff}.button-ghost{background:var(--paper-2);box-shadow:none;border-color:#0000}.button-small{min-height:42px;padding-inline:15px;font-size:13px}.button-full{width:100%}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:inline-grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.eyebrow-dot{background:var(--pink);width:9px;height:9px;box-shadow:13px 0 0 var(--yellow), 26px 0 0 var(--mint);border-radius:50%;margin-right:27px}.hero{background-image:radial-gradient(#d9d3c7 1px,#0000 1px);background-size:18px 18px;padding:88px 0 76px;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(2px);background:#ffd60a40;border-radius:50%;width:340px;height:340px;position:absolute;top:-160px;right:-110px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:68px;display:grid;position:relative}.hero h1{letter-spacing:-.075em;max-width:760px;margin:18px 0 22px;font-size:clamp(54px,7vw,96px);line-height:.9}.hero h1 em{z-index:0;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--pink);z-index:-1;opacity:.82;height:22%;position:absolute;bottom:5px;left:-4px;right:-5px;transform:rotate(-1deg)}.hero-copy{color:#45423d;max-width:620px;margin:0 0 30px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.trust-row{color:#57534e;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:13px;font-weight:800;display:flex}.trust-row span{align-items:center;gap:6px;display:inline-flex}.trust-row span:before{content:"✓";color:#15803d;font-weight:950}.hero-art{isolation:isolate;min-height:510px;position:relative}.palette-deck{z-index:3;border:3px solid var(--ink);box-shadow:14px 14px 0 var(--ink);background:#fff;border-radius:28px;position:absolute;inset:44px 18px 35px 34px;overflow:hidden;transform:rotate(-2deg)}.palette-deck .deck-colors{grid-template-columns:1.25fr .85fr 1fr .8fr;height:66%;display:grid}.palette-deck .deck-colors i:first-child{background:#2563eb}.palette-deck .deck-colors i:nth-child(2){background:#2dd4bf}.palette-deck .deck-colors i:nth-child(3){background:#ffd60a}.palette-deck .deck-colors i:nth-child(4){background:#ff4d8d}.deck-meta{justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.deck-meta strong{letter-spacing:-.03em;font-size:20px}.deck-code{flex-wrap:wrap;gap:7px;margin-top:7px;display:flex}.deck-code span{background:var(--paper-2);border-radius:999px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.floating-chip{z-index:6;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);white-space:nowrap;pointer-events:none;background:#fff;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;position:absolute}.floating-chip.one{background:var(--mint);top:20px;left:0;transform:rotate(-8deg)}.floating-chip.two{background:var(--yellow);top:94px;right:-10px;transform:rotate(8deg)}.floating-chip.three{background:var(--pink);color:#fff;bottom:18px;left:-4px;transform:rotate(5deg)}.mini-card{z-index:7;border:2px solid var(--ink);width:180px;box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:18px;padding:12px;position:absolute;bottom:0;right:-4px;transform:rotate(7deg)}.mini-card-colors{border-radius:12px;grid-template-columns:repeat(4,1fr);height:62px;display:grid;overflow:hidden}.mini-card-colors i:first-child{background:#0f172a}.mini-card-colors i:nth-child(2){background:#8b5cf6}.mini-card-colors i:nth-child(3){background:#ff4d8d}.mini-card-colors i:nth-child(4){background:#ffd60a}.mini-card strong{margin-top:10px;font-size:13px;display:block}.section{padding:82px 0}.section-soft{background:var(--paper-2)}.section-dark{background:var(--ink);color:#fff}.section-head{justify-content:space-between;align-items:end;gap:36px;margin-bottom:30px;display:flex}.section-head h2{letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(38px,5vw,62px);line-height:1}.section-head p{max-width:520px;color:var(--muted);margin:0}.section-dark .section-head p,.section-dark .eyebrow{color:#ffffffa6}.feature-grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.feature-card{border:2px solid var(--ink);border-radius:var(--radius-md);min-height:260px;box-shadow:6px 6px 0 var(--ink);background:#fff;flex-direction:column;grid-column:span 4;justify-content:space-between;padding:24px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.feature-card:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.feature-card:first-child,.feature-card:nth-child(6){background:#dbeafe}.feature-card:nth-child(2),.feature-card:nth-child(7){background:#fce7f3}.feature-card:nth-child(3),.feature-card:nth-child(8){background:#fef3c7}.feature-card:nth-child(4),.feature-card:nth-child(9){background:#ccfbf1}.feature-card:nth-child(5){background:#ede9fe}.feature-card h3{letter-spacing:-.04em;margin:0 0 10px;font-size:24px}.feature-card p{color:#4d4943;max-width:320px;margin:0}.feature-card .feature-icon{border:2px solid var(--ink);width:58px;height:58px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:17px;place-items:center;display:grid}.feature-link{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-top:28px;font-size:13px;font-weight:900;display:flex}.palette-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.palette-card{border:1px solid var(--line);background:#fff;border-radius:22px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 9px 30px #231e180f}.palette-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-4px)}.palette-swatches{grid-template-columns:repeat(5,1fr);height:150px;display:grid}.palette-swatch{cursor:pointer;border:0;position:relative}.palette-swatch:after{content:attr(data-color);color:#fff;opacity:0;background:#111111d1;border-radius:999px;padding:4px 7px;font:700 9px ui-monospace,monospace;transition:opacity .15s;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.palette-swatch:hover:after,.palette-swatch:focus-visible:after{opacity:1}.palette-card-body{padding:17px}.palette-title-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.palette-card h3{letter-spacing:-.03em;margin:0;font-size:19px}.palette-category{background:var(--paper-2);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.palette-card p{color:var(--muted);min-height:41px;font-size:13px}.palette-card-actions{gap:8px;display:flex}.palette-card-actions .button{flex:1;min-width:0}.workflow{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.workflow-card{background:#ffffff12;border:1px solid #ffffff29;border-radius:22px;padding:23px}.workflow-number{background:var(--yellow);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;font-weight:950;display:grid}.workflow-card h3{margin:22px 0 7px;font-size:22px}.workflow-card p{color:#ffffffad;margin:0}.ad-slot{text-align:center;color:#847c71;background:#f7f3eb;border:1px dashed #b9b1a4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:min(970px,100% - 32px);min-height:122px;margin:42px auto;padding:20px;display:flex}.ad-slot span{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:900}.ad-slot p{margin:6px 0 0;font-size:12px}.ad-slot-compact{min-height:90px}.page-hero{background-image:radial-gradient(#ddd7cb 1px,#0000 1px);background-size:18px 18px;padding:64px 0 40px}.page-hero h1{letter-spacing:-.07em;margin:12px 0 18px;font-size:clamp(48px,7vw,82px);line-height:.94}.page-hero p{color:#4f4a44;max-width:720px;font-size:18px}.playground-shell{grid-template-columns:minmax(0,1fr) 330px;gap:20px;padding:28px 0 76px;display:grid}.tool-panel{border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:0 12px 36px #231e1812}.tool-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:20px;display:flex}.tool-panel-head h2,.tool-panel-head h3{letter-spacing:-.035em;margin:0}.tool-panel-body{padding:20px}.tool-tabs{gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.tool-tab{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:9px 13px;font-size:12px;font-weight:900}.tool-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.picker-grid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:22px;display:grid}.color-preview{border:3px solid var(--ink);min-height:260px;box-shadow:8px 8px 0 var(--ink);border-radius:24px;flex-direction:column;justify-content:space-between;padding:18px;display:flex}.color-preview input[type=color]{cursor:pointer;background:0 0;border:0;width:62px;height:62px;padding:0}.preview-code{letter-spacing:-.04em;font:950 26px ui-monospace,SFMono-Regular,Menlo,monospace}.form-stack{gap:16px;display:grid}.form-row{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.field{gap:7px;display:grid}.field label{color:#4f4a44;font-size:12px;font-weight:900}.text-input,.select-input,.number-input{border:1px solid var(--line);background:#fff;border-radius:13px;width:100%;min-height:46px;padding:0 13px}.range-row{grid-template-columns:42px 1fr 54px;align-items:center;gap:10px;display:grid}.range-row strong{font-size:12px}.range-row input[type=range]{width:100%;accent-color:var(--blue)}.range-row output{border:1px solid var(--line);border-radius:10px;place-items:center;min-height:36px;font:800 11px ui-monospace,monospace;display:grid}.palette-output{border:1px solid var(--line);border-radius:22px;grid-template-columns:repeat(5,1fr);min-height:230px;display:grid;overflow:hidden}.palette-output button{cursor:pointer;border:0;justify-content:center;align-items:end;padding:14px 10px;font:850 11px ui-monospace,monospace;display:flex}.value-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.value-card{border:1px solid var(--line);background:#faf9f6;border-radius:14px;padding:12px}.value-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850;display:block}.value-card code{word-break:break-word;margin-top:5px;font-size:12px;display:block}.sticky-column{align-content:start;gap:16px;display:grid;position:sticky;top:112px}.status-message{color:#166534;min-height:22px;font-size:12px;font-weight:800}.variation-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.variation-swatch{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;border-radius:13px}.contrast-demo{border-radius:18px;flex-direction:column;justify-content:center;min-height:150px;padding:22px;display:flex}.contrast-ratio{letter-spacing:-.055em;font-size:42px;font-weight:950}.badges{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.badge{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950}.badge-pass{color:#166534;background:#dcfce7}.badge-fail{color:#991b1b;background:#fee2e2}.gradient-preview{border:3px solid var(--ink);height:260px;box-shadow:8px 8px 0 var(--ink);border-radius:24px}.gradient-colors{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.gradient-color-input{border:1px solid var(--line);border-radius:13px;align-items:center;gap:8px;padding:8px;display:flex}.gradient-color-input input[type=color]{background:0 0;border:0;width:38px;height:38px;padding:0}.code-block{color:#f8fafc;background:#101828;border-radius:14px;padding:14px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.library-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:26px 0;display:flex}.library-search{flex:1;min-width:240px}.category-scroll{gap:8px;padding-bottom:5px;display:flex;overflow-x:auto}.category-chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:9px 13px;font-size:12px;font-weight:900}.category-chip.active{background:var(--ink);color:#fff}.library-note{color:#6b5520;background:#fffbeb;border:1px solid #f0d987;border-radius:18px;padding:15px 18px;font-size:13px}.content-page{padding:58px 0 86px}.content-narrow{width:min(780px,100%)}.content-page h1{letter-spacing:-.065em;margin:12px 0 20px;font-size:clamp(46px,6vw,76px);line-height:.95}.content-page h2{letter-spacing:-.04em;margin-top:42px;font-size:30px}.content-page p,.content-page li{color:#4b4741}.content-page ul{padding-left:22px}.contact-layout{grid-template-columns:.8fr 1.2fr;gap:24px;display:grid}.contact-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px}.contact-form{gap:14px;display:grid}.contact-form textarea{border:1px solid var(--line);resize:vertical;border-radius:13px;min-height:160px;padding:13px}.playground-donation-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.playground-tool-column{min-width:0}.playground-donation-sidebar{top:108px}.donation-widget{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff6bf;border-radius:24px;padding:22px;position:relative;overflow:hidden}.donation-widget:after{content:"";background:#ff4d8d2e;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-56px;right:-46px}.donation-sticker{z-index:1;border:1.5px solid var(--ink);background:var(--pink);color:#fff;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:950;display:inline-flex;position:relative;transform:rotate(-2deg)}.donation-swatches{z-index:1;border:2px solid var(--ink);border-radius:13px;grid-template-columns:repeat(4,1fr);height:48px;margin:17px 0;display:grid;position:relative;overflow:hidden}.donation-swatches i:first-child{background:var(--blue)}.donation-swatches i:nth-child(2){background:var(--mint)}.donation-swatches i:nth-child(3){background:var(--yellow)}.donation-swatches i:nth-child(4){background:var(--pink)}.donation-widget h3{z-index:1;letter-spacing:-.045em;margin:0 0 8px;font-size:23px;line-height:1.05;position:relative}.donation-widget p{z-index:1;color:#514b3f;margin:0 0 17px;font-size:13px;position:relative}.donation-widget small{z-index:1;color:#6d6454;margin-top:13px;font-size:10px;font-weight:800;display:block;position:relative}.donation-button{z-index:1;width:100%;min-height:44px;padding-inline:14px;font-size:12px;position:relative}.donation-widget-compact .donation-swatches{height:34px}.contact-email-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#dbeafe;border-radius:24px;margin:30px 0;padding:24px}.contact-email-card small{color:#475569;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px;font-size:10px;font-weight:950;display:block}.contact-email-card>a{letter-spacing:-.045em;text-underline-offset:5px;overflow-wrap:anywhere;font-size:clamp(24px,4vw,38px);font-weight:950;line-height:1.05;text-decoration:underline;text-decoration-thickness:3px;display:inline-block}.contact-email-card p{margin:16px 0 0;font-size:13px}.contact-topic-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0;display:grid}.contact-topic-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px}.contact-topic-card>span{border:2px solid var(--ink);background:var(--mint);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);border-radius:12px;place-items:center;display:grid}.contact-topic-card:nth-child(2n)>span{background:var(--yellow)}.contact-topic-card h2{margin:20px 0 7px;font-size:20px}.contact-topic-card p{margin:0;font-size:13px}.site-footer{background:var(--ink);color:#fff;padding:58px 0 22px}.site-footer .brand{color:#fff}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:34px;display:grid}.footer-grid h3{text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;font-size:13px}.footer-grid a{color:#ffffffad;margin:9px 0;font-size:14px;display:block}.footer-grid a:hover{color:#fff}.footer-brand p{max-width:420px;margin-top:18px;font-weight:800}.footer-brand small{color:#ffffff94;max-width:420px;display:block}.footer-bottom{color:#ffffff80;border-top:1px solid #ffffff21;justify-content:space-between;gap:16px;margin-top:38px;padding-top:20px;font-size:12px;display:flex}.toast{z-index:100;opacity:0;pointer-events:none;background:var(--ink);color:#fff;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:900;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}.empty-state{text-align:center;color:var(--muted);border:1px dashed #b9b1a4;border-radius:22px;grid-column:1/-1;padding:44px}@media (max-width:980px){.main-nav{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;padding:14px;display:none;position:absolute;top:72px;left:16px;right:16px}.main-nav.is-open{display:flex}.main-nav a{padding:10px 8px}.menu-button{display:inline-flex}.desktop-cta{display:none}.hero-grid,.playground-shell,.contact-layout,.playground-donation-layout{grid-template-columns:1fr}.hero-art{min-height:480px}.feature-card{grid-column:span 6}.workflow,.palette-grid{grid-template-columns:repeat(2,1fr)}.sticky-column{position:static}.playground-donation-sidebar{order:2}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}@media (max-width:680px){.shell{width:min(100% - 22px,1180px)}.announcement{font-size:10px}.nav-row{min-height:64px}.main-nav{top:64px}.hero{padding:56px 0 48px}.hero h1{font-size:56px}.hero-copy{font-size:16px}.hero-art{min-height:350px}.palette-deck{box-shadow:8px 8px 0 var(--ink);inset:34px 5px 28px 10px}.deck-meta{padding:16px}.floating-chip{box-shadow:3px 3px 0 var(--ink);padding:8px 11px;font-size:10px}.floating-chip.one{top:15px;left:8px}.floating-chip.two{top:72px;right:6px}.floating-chip.three{bottom:4px;left:5px}.mini-card{width:150px;right:0}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:14px}.feature-card{grid-column:span 12;min-height:230px}.palette-grid,.workflow{grid-template-columns:1fr}.page-hero{padding-top:42px}.page-hero h1{font-size:54px}.picker-grid{grid-template-columns:1fr}.color-preview{min-height:220px}.form-row,.value-grid,.palette-output{grid-template-columns:1fr}.palette-output button{justify-content:space-between;align-items:center;min-height:72px;padding-inline:16px}.variation-grid{grid-template-columns:repeat(5,1fr)}.gradient-colors,.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{margin-top:5px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tool-section{padding-top:34px}.tool-page-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.playground-page{padding:28px 0 70px}.playground-tabs{gap:8px;margin-bottom:14px;padding:4px 4px 16px;display:flex;overflow-x:auto}.playground-tabs button,.segmented-control button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:none;min-height:42px;padding:0 15px;font-size:12px;font-weight:900}.playground-tabs button.active,.segmented-control button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.segmented-control{gap:8px;display:flex;overflow-x:auto}.toolbar-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.align-end{align-content:end;align-items:end}.helper-text{color:var(--muted);margin:0;font-size:13px}.subhead-row{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.subhead-row h3,.subhead-row p{margin:0}.subhead-row p{color:var(--muted);margin-top:4px;font-size:13px}.range-row{grid-template-columns:72px minmax(80px,1fr) 78px}.range-row input[type=number]{border:1px solid var(--line);border-radius:10px;width:78px;min-height:38px;padding:0 8px;font:800 12px ui-monospace,monospace}.large-color-preview span{opacity:.82;font:700 11px ui-monospace,monospace}.channel-tabs{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.channel-tabs details{border:1px solid var(--line);background:#faf9f6;border-radius:16px;overflow:hidden}.channel-tabs summary{cursor:pointer;padding:13px 15px;font-size:13px;font-weight:900;list-style:none}.channel-tabs summary::-webkit-details-marker{display:none}.channel-panel{gap:10px;padding:0 14px 14px;display:grid}.editable-palette{grid-template-columns:repeat(var(--palette-count,5),minmax(0,1fr));border:1px solid var(--line);border-radius:22px;min-height:280px;display:grid;overflow:hidden}.editable-palette article{flex-direction:column;justify-content:space-between;min-width:0;padding:12px;display:flex;position:relative}.editable-palette input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.palette-control-row{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:relative}.palette-control-row>*{pointer-events:auto}.mini-icon{color:#fff;cursor:pointer;background:#11111147;border:1px solid #ffffff80;border-radius:9px;place-items:center;width:32px;height:32px;display:inline-grid}.mini-icon:disabled{opacity:.35;cursor:not-allowed}.palette-code-button{z-index:2;color:#fff;cursor:pointer;background:#11111157;border:0;border-radius:999px;padding:7px 9px;font:800 10px ui-monospace,monospace;position:relative}.conversion-grid{grid-template-columns:repeat(5,1fr)}.export-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.export-grid article{border:1px solid var(--line);background:#faf9f6;border-radius:18px;min-width:0;padding:15px}.export-grid h3{margin-top:0}.large-code{max-height:380px}.gradient-context{border:3px solid var(--ink);min-height:330px;box-shadow:8px 8px 0 var(--ink);border-radius:24px;place-items:center;padding:32px;display:grid;overflow:hidden}.gradient-context-button,.gradient-context-card{background:#f8fafc!important}.gradient-context-text{background:#fff!important}.gradient-demo-button{background:inherit;color:#fff;border:0;border-radius:999px;padding:16px 24px;font-weight:900;box-shadow:0 12px 30px #0003}.gradient-demo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:22px;width:min(420px,100%);padding:28px;box-shadow:0 20px 60px #0000002e}.gradient-demo-card h3{margin:8px 0;font-size:32px;line-height:1}.gradient-demo-text{letter-spacing:-.07em;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,8vw,96px);font-weight:950;line-height:.9}.gradient-stop-track{border:2px solid var(--ink);border-radius:15px;height:62px;margin:20px 12px 8px;position:relative}.gradient-stop-handle{width:30px;height:42px;box-shadow:0 0 0 2px var(--ink);cursor:ew-resize;border:3px solid #fff;border-radius:9px;position:absolute;top:50%;transform:translate(-50%,-50%)}.gradient-stop-list{gap:10px;display:grid}.gradient-stop-row{border:1px solid var(--line);background:#faf9f6;border-radius:15px;grid-template-columns:46px minmax(120px,1fr) 150px 150px 44px;align-items:end;gap:8px;padding:10px;display:grid}.gradient-stop-row input[type=color]{background:0 0;border:0;width:42px;height:42px}.gradient-stop-row label{color:var(--muted);font-size:10px;font-weight:900}.gradient-stop-row label input{border:1px solid var(--line);border-radius:9px;width:100%;min-height:36px;margin-top:4px;padding:0 8px}.compact-palette{grid-template-columns:1fr;min-height:0}.tailwind-scale{border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(11,minmax(70px,1fr));display:grid;overflow:auto}.tailwind-shade{flex-direction:column;justify-content:space-between;min-height:310px;padding:12px;display:flex}.tailwind-shade div{gap:2px;display:grid}.tailwind-shade button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font:800 10px ui-monospace,monospace}.tailwind-shade input[type=color]{background:0 0;border:2px solid;border-radius:10px;width:38px;height:38px;padding:0}.ui-preview-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.ui-preview-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px}.ui-preview-card h3{margin:12px 0;font-size:27px;line-height:1.05}.ui-preview-card p{color:var(--muted)}.ui-preview-card>button{border:0;border-radius:12px;padding:12px 16px;font-weight:900}.status-pill{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;display:inline-block}.dark-preview{color:#fff}.mini-bars{align-items:end;gap:12px;height:120px;margin-top:28px;display:flex}.mini-bars i{border-radius:8px 8px 2px 2px;flex:1}.contrast-input-grid{grid-template-columns:1fr 50px 1fr;align-items:end;gap:12px;display:grid}.color-input-combo{grid-template-columns:50px 1fr;gap:8px;display:grid}.color-input-combo input[type=color]{border:1px solid var(--line);background:#fff;border-radius:11px;width:50px;height:46px;padding:3px}.swap-button{margin-bottom:2px}.contrast-stage{border:3px solid var(--ink);min-height:330px;box-shadow:8px 8px 0 var(--ink);border-radius:24px;align-content:center;gap:18px;padding:32px;display:grid}.contrast-stage p{margin:0}.contrast-stage>button{border:2px solid;border-radius:11px;justify-self:start;padding:11px 16px;font-weight:900}.contrast-score{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.contrast-score strong{letter-spacing:-.06em;font-size:58px;line-height:1}.contrast-badges{flex-wrap:wrap;gap:7px;display:flex}.suggestion-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.suggestion-card{border:1px solid var(--line);border-radius:18px;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.suggestion-swatch{border-radius:14px;place-items:center;width:76px;height:76px;font-size:24px;font-weight:950;display:grid}.suggestion-card small,.suggestion-card strong,.suggestion-card span{display:block}.suggestion-card small,.suggestion-card span{color:var(--muted);font-size:11px}.privacy-banner{color:#14532d;background:#f0fdf4;border:1px solid #86efac;border-radius:16px;flex-wrap:wrap;gap:8px;padding:14px 16px;font-size:13px;display:flex}.image-dropzone{cursor:pointer;width:100%;min-height:300px;color:var(--ink);background:#faf9f6;border:2px dashed #9f978b;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.image-dropzone>span:not(.button),.image-dropzone small{color:var(--muted)}.image-workspace{border:1px solid var(--line);background:#f2f2f2;border-radius:20px;display:none;position:relative;overflow:hidden}.image-workspace.visible{display:block}.image-canvas-wrap{justify-content:center;display:flex;position:relative}.image-canvas-wrap canvas{cursor:crosshair;max-width:100%;max-height:620px;display:block}.image-picker-hint{color:#fff;background:#111111d1;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:12px;left:12px}.image-reset{position:absolute;top:12px;right:12px}.check-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.check-row label,.toggle-field{align-items:center;gap:7px;font-size:12px;font-weight:850;display:flex}.extracted-color-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.extracted-color-list article{border-radius:16px;justify-content:space-between;align-items:end;min-height:100px;padding:10px;display:flex}.extracted-color-list article button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.extracted-color-list strong,.extracted-color-list small{display:block}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.vision-preview{padding:0;overflow:hidden}.vision-preview nav{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 16px;display:flex}.vision-preview nav span{border-radius:8px;width:24px;height:24px}.vision-preview nav button{border:0;border-radius:9px;margin-left:auto;padding:8px 12px;font-weight:900}.vision-content{grid-template-columns:150px 1fr;min-height:300px;display:grid}.vision-content aside,.vision-content main{padding:20px}.vision-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.vision-cards div{border:2px solid;border-radius:14px;padding:14px}.vision-cards span{border-radius:10px;width:34px;height:34px;margin-bottom:8px;display:block}.vision-cards p{margin-bottom:0;font-size:12px}.semantic-token-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.semantic-token{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:14px;padding:9px}.semantic-token>span{border-radius:9px;height:42px;margin-bottom:7px;display:block}.semantic-token small,.semantic-token code{display:block}.semantic-token small{text-transform:capitalize;font-weight:900}.semantic-token code{color:var(--muted);font-size:10px}.semantic-preview{border:2px solid var(--ink);border-radius:22px;grid-template-columns:190px 1fr;min-height:430px;display:grid;overflow:hidden}.semantic-preview aside{border-right:1px solid;flex-direction:column;gap:16px;padding:22px;display:flex}.semantic-preview main{padding:22px}.semantic-preview header{justify-content:space-between;align-items:center;gap:15px;display:flex}.semantic-preview header h3{margin:4px 0;font-size:30px}.semantic-preview header button,.semantic-preview article button{border:0;border-radius:10px;padding:10px 13px;font-weight:900}.semantic-cards{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;display:grid}.semantic-cards article{border:1px solid;border-radius:16px;padding:18px}.semantic-cards input{border:1px solid;border-radius:9px;width:100%;min-height:42px;margin:7px 0 14px;padding:0 10px}.semantic-cards article div{gap:8px;display:flex}.print-sheet{border:1px solid var(--line);background:#fff;width:min(100%,850px);margin:auto;padding:38px;box-shadow:0 20px 60px #0000001a}.print-sheet header{border-bottom:3px solid var(--ink);justify-content:space-between;gap:24px;margin-bottom:22px;padding-bottom:22px;display:flex}.print-sheet header h2{margin:5px 0;font-size:38px;line-height:1}.print-sheet header p,.print-sheet header small,.print-sheet time{color:var(--muted)}.print-color-table{gap:13px;display:grid}.print-color-table>section{border:1px solid var(--line);grid-template-columns:180px 1fr;gap:20px;padding:12px;display:grid}.print-swatch{border-radius:10px;align-items:end;min-height:130px;padding:12px;font:900 13px ui-monospace,monospace;display:flex}.print-color-table h3{margin:3px 0 8px}.print-color-table dl{grid-template-columns:repeat(2,1fr);gap:4px 20px;margin:0;display:grid}.print-color-table dl div{grid-template-columns:70px 1fr;gap:6px;display:grid}.print-color-table dt{color:var(--muted);font-size:10px;font-weight:900}.print-color-table dd{word-break:break-word;margin:0;font:700 11px ui-monospace,monospace}.print-sheet footer{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:14px;font-size:11px}.print-settings-row{grid-template-columns:minmax(230px,1.45fr) minmax(110px,.55fr) minmax(170px,.8fr) minmax(150px,.7fr);align-items:end}.print-change-palette-field .button{white-space:nowrap;justify-content:center;width:100%;min-height:44px}@media (max-width:1100px){.tool-page-layout{grid-template-columns:1fr}.tool-page-layout .sticky-column{position:static}.channel-tabs{grid-template-columns:1fr}.conversion-grid,.semantic-token-grid{grid-template-columns:repeat(3,1fr)}.footer-grid-wide{grid-template-columns:1.6fr repeat(2,1fr)}.print-settings-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.tool-panel-head{align-items:flex-start}.editable-palette{grid-template-columns:1fr;min-height:0}.editable-palette article{min-height:110px}.conversion-grid,.export-grid,.ui-preview-grid,.suggestion-grid,.comparison-grid,.semantic-cards{grid-template-columns:1fr}.gradient-stop-row{grid-template-columns:42px 1fr 1fr}.gradient-stop-row label:nth-of-type(2),.gradient-stop-row .icon-button{grid-column:auto}.tailwind-scale{grid-template-columns:1fr;overflow:visible}.tailwind-shade{flex-direction:row;align-items:center;min-height:90px}.contrast-input-grid{grid-template-columns:1fr}.swap-button{justify-self:center;transform:rotate(90deg)}.extracted-color-list,.semantic-token-grid{grid-template-columns:repeat(2,1fr)}.semantic-preview{grid-template-columns:1fr}.semantic-preview aside{border-bottom:1px solid;border-right:0;flex-direction:row;overflow:auto}.vision-content{grid-template-columns:1fr}.vision-content aside{display:none}.vision-cards{grid-template-columns:1fr}.print-sheet{padding:20px}.print-sheet header{display:block}.print-color-table>section,.print-color-table dl,.footer-grid-wide,.contact-topic-grid,.print-settings-row{grid-template-columns:1fr}}@media print{.announcement,.site-header,.site-footer,.page-hero,.playground-tabs,.tool-panel-head,.toolbar-wrap,.ad-slot,.donation-widget,.toast{display:none!important}body{background:#fff}.shell,.playground-page,.tool-panel,.tool-panel-body{width:100%;max-width:none;box-shadow:none;border:0;margin:0;padding:0}.print-sheet{width:100%;max-width:none;box-shadow:none;border:0;padding:10mm}.print-color-table>section{break-inside:avoid}}.intelligence-stack{gap:26px}.readiness-hero{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:linear-gradient(135deg,#fff6bf,#fff);border-radius:24px;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:28px;padding:24px;display:grid}.readiness-hero h2{letter-spacing:-.055em;margin:9px 0 8px;font-size:clamp(32px,5vw,54px);line-height:.95}.readiness-hero p{color:#514c44;margin:0}.readiness-ring{--score:0;background:conic-gradient(var(--blue) calc(var(--score) * 1%), #e7e1d6 0);border-radius:50%;place-items:center;width:146px;height:146px;display:grid;position:relative}.readiness-ring:after{content:"";border:2px solid var(--ink);background:#fff;border-radius:50%;position:absolute;inset:14px}.readiness-ring>div{z-index:1;align-items:baseline;display:flex;position:relative}.readiness-ring strong{letter-spacing:-.07em;font-size:48px;line-height:1}.readiness-ring span{color:var(--muted);font-size:14px;font-weight:900}.score-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.score-card{border:1px solid var(--line);background:#faf9f6;border-radius:16px;padding:14px}.score-card>div{justify-content:space-between;gap:10px;font-size:12px;display:flex}.score-card span{color:var(--muted);font-weight:900}.score-card progress{width:100%;height:9px;accent-color:var(--blue);margin-top:11px}.tool-subsection{border-top:1px solid var(--line);padding-top:24px}.tool-subsection h3{letter-spacing:-.04em;align-items:center;gap:8px;margin:0;font-size:24px;display:flex}.issue-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.issue-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px}.issue-card>span{text-transform:uppercase;letter-spacing:.09em;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:950;display:inline-flex}.issue-card h4{margin:12px 0 7px}.issue-card p{color:var(--muted);margin:0 0 10px;font-size:13px}.issue-card>strong{font-size:12px}.issue-critical{background:#fff7f7;border-color:#f7a6a6}.issue-critical>span{color:#991b1b;background:#fee2e2}.issue-warning{background:#fffdf1;border-color:#f0d987}.issue-warning>span{color:#92400e;background:#fef3c7}.issue-info>span{color:#1d4ed8;background:#dbeafe}.fix-list{gap:10px;display:grid}.fix-list>article{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:30px 106px minmax(0,1fr) auto;align-items:center;gap:15px;padding:14px;display:grid}.fix-list>article.selected{border-color:var(--blue);box-shadow:0 0 0 2px #2563eb1f}.fix-checkbox input{opacity:0;pointer-events:none;position:absolute}.fix-checkbox span{border:2px solid var(--ink);background:#fff;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.fix-checkbox input:checked+span{background:var(--blue)}.fix-checkbox input:checked+span:after{content:"✓";color:#fff;font-size:13px;font-weight:950}.fix-swatches{grid-template-columns:36px 20px 36px;justify-content:center;align-items:center;gap:4px;display:grid}.fix-swatches i{border:1px solid #00000026;border-radius:10px;width:36px;height:36px}.fix-swatches span{text-align:center;font-weight:950}.fix-list h4{margin:2px 0 3px}.fix-list p{color:var(--muted);margin:0;font-size:12px}.fix-list small{text-transform:uppercase;color:var(--muted);letter-spacing:.08em;font-weight:950}.fix-list code{font-size:11px}.success-panel{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:17px;align-items:start;gap:12px;padding:17px;display:flex}.success-panel p{margin:3px 0 0}.dna-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dna-grid article{border:1px solid var(--line);background:var(--paper-2);border-radius:18px;flex-direction:column;justify-content:space-between;min-height:100px;padding:16px;display:flex}.dna-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:900}.dna-grid strong{font-size:18px}.dna-metrics{border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(6,1fr);display:grid;overflow:hidden}.dna-metrics>div{border-right:1px solid var(--line);background:#fff;padding:13px}.dna-metrics>div:last-child{border-right:0}.dna-metrics span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900;display:block}.dna-metrics strong{font-size:17px}.matrix-filters{flex-wrap:wrap;gap:6px;display:flex}.matrix-filters button{border:1px solid var(--line);text-transform:capitalize;cursor:pointer;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.matrix-filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.matrix-table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto}.matrix-table{border-collapse:collapse;width:100%;min-width:930px;font-size:12px}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px}.matrix-table th{z-index:1;text-transform:uppercase;letter-spacing:.08em;background:#f8f6f1;font-size:10px;position:sticky;top:0}.pair-preview{border:1px solid #0000001f;border-radius:12px;justify-content:space-between;align-items:end;gap:7px;width:120px;min-height:62px;padding:9px;display:flex}.pair-preview span{font-size:25px;font-weight:950}.pair-preview code{text-align:right;font-size:8px}.pass-icon{color:#16a34a}.fail-icon{color:#dc2626}.role-workspace{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px;display:grid}.palette-source-tray{border:1px solid var(--line);background:var(--paper-2);border-radius:19px;padding:16px;position:sticky;top:118px}.palette-source-tray h3{margin:0 0 4px}.palette-source-tray p{color:var(--muted);font-size:12px}.palette-source-tray>div{gap:8px;display:grid}.palette-source-tray button{cursor:grab;text-align:left;border:1px solid #00000026;border-radius:13px;min-height:52px;padding:8px 11px;font:850 11px ui-monospace,monospace}.role-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.role-grid article{background:#fff;border:1px dashed #b9b1a4;border-radius:15px;grid-template-columns:36px minmax(0,1fr) 140px;align-items:center;gap:10px;padding:10px;display:grid}.role-grid article:hover{border-style:solid;border-color:var(--blue)}.role-color-dot{border:1px solid var(--line);background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:10px;width:34px;height:34px}.role-grid strong,.role-grid small{display:block}.role-grid small{color:var(--muted);font:10px ui-monospace,monospace}.role-grid select{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:38px;padding:0 8px;font-size:11px}.context-preview{border:2px solid var(--ink);min-height:420px;box-shadow:6px 6px 0 var(--ink);border-radius:22px;grid-template-columns:190px 1fr;display:grid;overflow:hidden}.context-preview aside{border-right:1px solid;flex-direction:column;gap:16px;padding:22px;display:flex}.context-preview aside strong{margin-bottom:15px}.context-preview main{padding:25px}.context-preview main header{justify-content:space-between;align-items:center;gap:15px;display:flex}.context-preview h3{margin:2px 0;font-size:28px}.context-preview button{border:0;border-radius:11px;min-height:42px;padding:0 14px;font-weight:850}.context-cards{grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;display:grid}.context-cards article{border:1px solid;border-radius:17px;padding:18px}.context-cards article>span{border-radius:999px;width:46px;height:8px;display:block}.context-cards input{border:1px solid;border-radius:10px;width:100%;min-height:42px;margin:7px 0 13px;padding:0 10px;display:block}.compact-field{min-width:200px}.print-risk-banner{border-radius:17px;justify-content:space-between;gap:18px;padding:15px 17px;display:flex}.risk-low{color:#166534;background:#ecfdf5}.risk-moderate{color:#92400e;background:#fffbeb}.risk-high{color:#991b1b;background:#fef2f2}.print-comparison-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.print-comparison-grid>article{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.print-comparison-grid article>header{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;padding:12px 14px;font-size:11px;font-weight:900;display:flex}.print-preview-row{grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;display:grid}.print-preview-row>div{border:1px solid #0000001a;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:110px;padding:10px;display:flex}.print-preview-row small{text-transform:uppercase;font-size:9px;font-weight:900}.print-preview-row strong{font:800 10px ui-monospace,monospace}.print-comparison-grid dl{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:12px 14px;display:grid}.print-comparison-grid dt{text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:900}.print-comparison-grid dd{margin:0;font-size:12px;font-weight:850}.print-comparison-grid ul{color:var(--muted);margin:0;padding:0 30px 15px;font-size:11px}.compare-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.compare-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:17px}.compare-card header{justify-content:space-between;align-items:center;display:flex}.compare-card h3{margin:0}.compare-card header>strong{font-size:24px}.compare-swatches{border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));height:115px;margin:15px 0;display:grid;overflow:hidden}.compare-card dl{gap:5px;margin:0;display:grid}.compare-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:7px 0;display:flex}.compare-card dt{text-transform:capitalize;color:var(--muted)}.compare-card dd{margin:0;font-weight:900}.compare-verdict{border:2px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);border-radius:20px;padding:20px}.compare-verdict span{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:950}.compare-verdict h3{margin:4px 0 3px;font-size:32px}.compare-verdict p{margin:0}.merge-panel{border:1px solid var(--line);background:var(--paper-2);border-radius:20px;padding:20px}.merge-panel h3{margin:0}.merged-swatches{border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin:16px 0;display:grid;overflow:hidden}.merged-swatches span{place-items:end center;min-height:90px;padding:10px;font:800 10px ui-monospace,monospace;display:grid}.share-project-grid{grid-template-columns:1fr 350px;align-items:start;gap:16px;display:grid}.save-project-card,.qr-transfer-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px}.save-project-card h3,.qr-transfer-card h3{margin:0 0 14px}.inline-folder-form{grid-template-columns:1fr auto;gap:8px;margin:12px 0;display:grid}.local-storage-note{color:var(--muted);font-size:11px}.qr-transfer-card{text-align:center;background:#fffdf1}.qr-heading{text-align:left;gap:10px;display:flex}.qr-heading h3{margin:0}.qr-heading p{color:var(--muted);margin:2px 0 12px;font-size:12px}.qr-transfer-card img{border:2px solid var(--ink);background:#fff;border-radius:16px;width:min(280px,100%);padding:8px}.qr-placeholder{place-items:center;min-height:260px;display:grid}.qr-transfer-card details{text-align:left;margin:12px 0}.share-url-code{word-break:break-all;color:#fff;background:#111827;border-radius:10px;max-height:90px;padding:10px;font-size:9px;display:block;overflow:auto}.privacy-proof{color:#14532d;background:#f0fdf4;border:2px solid #14532d;border-radius:20px;padding:17px}.privacy-proof>div{align-items:center;gap:10px;display:flex}.privacy-proof strong,.privacy-proof span{display:block}.privacy-proof span{opacity:.8;font-size:11px}.privacy-proof ul{grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.privacy-proof li{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.projects-page-shell{padding:30px 0 80px}.projects-app{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:20px;display:grid}.project-folders{border:1px solid var(--line);background:#fff;border-radius:20px;padding:15px;position:sticky;top:110px}.project-folders h2{margin:0 0 12px}.project-folders>button,.project-folders>div>button:first-child{cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:space-between;width:100%;min-height:40px;padding:0 10px;font-weight:800;display:flex}.project-folders button.active{background:var(--ink);color:#fff}.project-folders>div{grid-template-columns:1fr 34px;align-items:center;display:grid}.folder-delete{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.new-folder{margin-top:12px;grid-template-columns:1fr 40px!important}.new-folder input{border:1px solid var(--line);border-radius:10px;width:100%;min-width:0;padding:0 8px}.new-folder button{border:1px solid var(--line);background:var(--yellow);cursor:pointer;border-radius:10px}.project-main>.subhead-row h1{letter-spacing:-.055em;margin:0;font-size:44px}.project-card-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0;display:grid}.project-card-grid>article{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden}.project-palette-strip{grid-template-columns:repeat(auto-fit,minmax(30px,1fr));height:105px;display:grid}.project-card-body{padding:16px}.project-card-body>span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:9px;font-weight:950}.project-card-body h3{margin:4px 0}.project-card-body p{color:var(--muted);margin:0 0 12px;font-size:12px}.project-role-preview{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.project-role-preview span{border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.empty-projects{text-align:center;border:1px dashed #b9b1a4;border-radius:22px;align-content:center;place-items:center;min-height:360px;padding:30px;display:grid}.empty-projects h2{margin:12px 0 4px}.empty-projects p{color:var(--muted);max-width:460px}.danger-text-button{color:#b91c1c;cursor:pointer;background:0 0;border:0;margin-top:20px;text-decoration:underline}.challenge-page-shell{padding:30px 0 82px}.challenge-app{gap:20px;display:grid}.challenge-header{justify-content:space-between;align-items:end;gap:20px;display:flex}.challenge-header h1{letter-spacing:-.055em;margin:12px 0 5px;font-size:48px;line-height:1}.challenge-header p{color:var(--muted);margin:0}.challenge-mode{border:1px solid var(--line);background:#fff;border-radius:999px;gap:6px;padding:5px;display:flex}.challenge-mode button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 14px;font-weight:900}.challenge-mode button.active{background:var(--ink);color:#fff}.challenge-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.challenge-stats article{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.challenge-stats strong,.challenge-stats span{display:block}.challenge-stats strong{font-size:22px}.challenge-stats span{color:var(--muted);font-size:11px}.percent-icon{font-size:20px;font-weight:950}.challenge-card{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:25px;padding:25px}.challenge-card h2{letter-spacing:-.045em;margin:0;font-size:34px}.challenge-card p{color:var(--muted)}.match-preview{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.match-preview>div{border:2px solid var(--ink);border-radius:18px;justify-content:space-between;align-items:end;min-height:220px;padding:15px;display:flex}.match-preview span{color:#111;background:#ffffffd9;border-radius:999px;padding:5px 8px;font-weight:900}.live-match-score{background:var(--paper-2);border-radius:14px;margin:12px 0;padding:13px}.live-match-score strong{float:right;font-size:23px}.text-challenge-preview{text-align:center;color:#ffffff73;border-radius:20px;place-items:center;min-height:220px;margin:18px 0;padding:30px;display:grid}.text-challenge-preview h3{margin:0;font-size:34px}.text-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.text-options button{border:2px solid var(--ink);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:end;min-height:110px;padding:13px;display:flex}.text-options span{font-size:29px;font-weight:950}.contrast-challenge-canvas{border:1px solid var(--line);background:#fff;border-radius:20px;align-content:center;place-items:center;gap:12px;min-height:250px;margin:18px 0;display:grid}.contrast-challenge-canvas button{border:0;border-radius:12px;min-height:52px;padding:0 20px;font-weight:900}.contrast-challenge-canvas strong{font-size:28px}.challenge-result{color:#166534;background:#dcfce7;border-radius:14px;align-items:center;gap:9px;margin-top:16px;padding:13px;display:flex}.challenge-complete-note{font-weight:800;color:#166534!important}.palette-card-actions-wrap{flex-wrap:wrap}.palette-card-actions-wrap .palette-download-button{flex:0 auto}@media (max-width:980px){.score-grid,.issue-grid{grid-template-columns:repeat(2,1fr)}.dna-metrics{grid-template-columns:repeat(3,1fr)}.dna-metrics>div:nth-child(3n){border-right:0}.role-workspace,.projects-app{grid-template-columns:1fr}.palette-source-tray,.project-folders{position:static}.share-project-grid{grid-template-columns:1fr}.project-folders{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.project-folders h2{width:100%}.project-folders>button,.project-folders>div{width:auto}.new-folder{width:240px!important}}@media (max-width:720px){.readiness-hero{text-align:center;grid-template-columns:1fr}.readiness-ring{margin-inline:auto}.score-grid,.issue-grid,.dna-grid,.compare-grid,.print-comparison-grid,.project-card-grid,.challenge-stats,.text-options{grid-template-columns:1fr}.fix-list>article{grid-template-columns:28px 90px 1fr}.fix-list>article>.button{grid-column:2/-1}.dna-metrics{grid-template-columns:repeat(2,1fr)}.dna-metrics>div{border-bottom:1px solid var(--line)}.role-grid{grid-template-columns:1fr}.role-grid article{grid-template-columns:34px 1fr}.role-grid select{grid-column:1/-1}.context-preview{grid-template-columns:1fr}.context-preview aside{display:none}.context-cards{grid-template-columns:1fr}.print-risk-banner,.challenge-header{flex-direction:column;align-items:stretch}.privacy-proof ul,.match-preview{grid-template-columns:1fr}.match-preview>div{min-height:160px}.project-main>.subhead-row h1{font-size:36px}.palette-card-actions-wrap .button{flex:calc(50% - 8px)}}.workflow-five{grid-template-columns:repeat(5,1fr)}@media (max-width:1100px){.workflow-five{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.workflow-five{grid-template-columns:1fr}}.project-move-field{margin:16px 0 12px}.project-move-field label{text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:850}.preview-action,.gradient-demo-button{cursor:default;-webkit-user-select:none;user-select:none;border:0;border-radius:11px;justify-content:center;align-items:center;width:fit-content;min-height:42px;padding:0 14px;font-weight:850;display:inline-flex}.vision-preview nav .preview-action{border-radius:9px;min-height:0;margin-left:auto;padding:8px 12px;font-weight:900}.ui-preview-card>.preview-action{border-radius:12px;padding:12px 16px;font-weight:900}.semantic-preview header .preview-action,.semantic-preview article .preview-action{border-radius:10px;padding:10px 13px;font-weight:900}.context-preview .preview-action{border-radius:11px;min-height:42px;padding:0 14px;font-weight:850}.contrast-challenge-canvas .preview-action{border-radius:12px;min-height:52px;padding:0 20px;font-weight:900}.library-sort{min-width:180px}.library-result-count{color:var(--muted);align-self:end;padding-bottom:13px;font-weight:800}.palette-tag-row{flex-wrap:wrap;gap:6px;margin:12px 0 2px;display:flex}.palette-tag-row span{background:var(--soft);color:var(--muted);text-transform:capitalize;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}@media (max-width:680px){.library-sort{width:100%;min-width:0}.library-result-count{align-self:start;padding-bottom:0}}.donation-link-status{border:2px dashed var(--ink);min-height:46px;color:var(--muted);text-align:center;background:#ffffff8c;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:flex}.playground-donation-layout{grid-template-columns:minmax(0,1fr) minmax(250px,280px);gap:16px}.playground-tool-column,.playground-tool-column>*,.playground-tool-column .tool-panel,.playground-tool-column .tool-panel-body,.intelligence-stack,.intelligence-stack>*,.tool-subsection{min-width:0;max-width:100%}.readiness-hero{grid-template-columns:128px minmax(0,1fr);gap:20px;padding:20px;overflow:hidden}.readiness-hero h2{font-size:clamp(28px,3.25vw,42px);line-height:1}.readiness-ring{width:112px;height:112px}.readiness-ring:after{inset:11px}.readiness-ring strong{font-size:39px}.readiness-ring span{font-size:12px}.score-card{padding:12px}.score-card>div{gap:7px;font-size:11px}.matrix-table-wrap{overscroll-behavior-inline:contain;scrollbar-gutter:stable;width:100%;max-width:100%;overflow-x:auto}.matrix-table{min-width:760px;font-size:11px}.matrix-table th,.matrix-table td{padding:8px 7px}.pair-preview{width:104px;min-height:56px;padding:7px}.pair-preview span{font-size:22px}.pair-preview code{font-size:7px}.animated-hero-palette .deck-colors i,.animated-hero-palette .mini-card-colors i{transition:background-color .65s,transform .65s}.animated-hero-palette .deck-meta strong,.animated-hero-palette .deck-code span,.animated-hero-palette .mini-card strong{transition:color .3s,opacity .3s}.hero-palette-dots{gap:6px;display:flex;position:absolute;bottom:13px;left:24px}.hero-palette-dots span{background:#d6d0c5;border-radius:999px;width:7px;height:7px;transition:width .25s,background .25s}.hero-palette-dots span.active{background:var(--ink);width:22px}.semantic-interaction-lab{gap:14px;display:grid}.semantic-state-switcher{flex-wrap:wrap;gap:6px;display:flex}.semantic-state-switcher button{border:1px solid var(--line);text-transform:capitalize;cursor:pointer;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850}.semantic-state-switcher button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.semantic-nav-link{text-align:left;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:2px 0;transition:color .16s,transform .16s}.semantic-nav-link:hover{transform:translate(3px)}.semantic-nav-link.active{color:var(--nav-active);font-weight:850}.semantic-live-action{background:var(--ui-bg);min-height:44px;color:var(--ui-text);cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:900;transition:background .16s,transform .12s,box-shadow .16s,opacity .16s}.semantic-live-action:hover,.semantic-live-action.is-hover{background:var(--ui-hover);transform:translateY(-2px)}.semantic-live-action:active,.semantic-live-action.is-active{background:var(--ui-active);transform:translateY(1px)scale(.985)}.semantic-live-action:focus-visible,.semantic-live-action.is-focus{box-shadow:0 0 0 4px var(--ui-focus);outline:2px solid var(--ink);outline-offset:2px}.semantic-live-action[aria-disabled=true],.semantic-live-action.is-disabled{background:var(--ui-disabled);color:#64748b;cursor:not-allowed;opacity:.75;box-shadow:none;transform:none}.semantic-action-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.semantic-preview-status{border:1px solid;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:11px 13px;font-size:12px;display:flex}.semantic-preview-status span{text-align:right}.semantic-preview input{outline:none;transition:border-color .16s,box-shadow .16s}.semantic-preview input:focus,.semantic-preview input.is-focus{box-shadow:0 0 0 3px var(--input-focus);border-color:var(--input-focus)!important}@media (max-width:1080px){.playground-donation-layout{grid-template-columns:minmax(0,1fr) 250px}.readiness-hero{grid-template-columns:112px minmax(0,1fr)}.readiness-ring{width:100px;height:100px}.readiness-ring strong{font-size:34px}}@media (max-width:980px){.playground-donation-layout{grid-template-columns:1fr}}@media (max-width:680px){.readiness-hero{text-align:center;grid-template-columns:1fr}.semantic-preview-status{flex-direction:column;align-items:flex-start}.semantic-preview-status span{text-align:left}.semantic-state-switcher{width:100%}}@media (prefers-reduced-motion:reduce){.animated-hero-palette .deck-colors i,.animated-hero-palette .mini-card-colors i{transition:none}}.palette-import-panel{border:1px solid var(--line);background:linear-gradient(135deg,#eef6ff,#fff);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 18px;padding:16px 18px;display:grid}.palette-import-panel>div{min-width:0}.palette-import-panel .eyebrow{align-items:center;gap:6px;margin-bottom:5px;display:flex}.palette-import-panel strong,.palette-import-panel small{display:block}.palette-import-panel small{color:var(--muted);margin-top:4px}.palette-import-success{color:#166534;background:#dcfce7;border-radius:999px;grid-column:1/-1;align-items:center;gap:6px;width:fit-content;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.optimization-summary{color:#14532d;background:#f0fdf4;border:1px solid #86efac;border-radius:16px;padding:14px 16px}.optimization-summary ul{margin:8px 0 0;padding-left:20px}.optimization-summary li{margin:4px 0;font-size:12px}.role-map-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.role-completion{color:#9a3412;background:#fff7ed;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.role-completion.complete{color:#166534;background:#dcfce7}.role-map-pulse .role-grid article{animation:.75s both role-map-confirm}.role-map-pulse .role-grid article:nth-child(2n){animation-delay:40ms}@keyframes role-map-confirm{0%{box-shadow:none;transform:translateY(0)}45%{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 0 0 3px #2563eb29}to{box-shadow:none;transform:translateY(0)}}.image-dropzone{cursor:default;text-align:center;padding:28px}.image-source-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin:7px 0;display:flex}.contrast-recommendations{gap:12px;display:grid}.contrast-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contrast-pair-grid>article{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.contrast-pair-preview{border:1px solid #00000014;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:88px;display:flex}.contrast-pair-preview strong{font-size:28px}.contrast-pair-preview span{font-size:9px;font-weight:900}.contrast-pair-grid h4{margin:3px 0 5px}.contrast-pair-grid small{color:var(--muted);font-weight:800}.contrast-pair-grid code{overflow-wrap:anywhere;font-size:10px;display:block}.pair-ratio{color:#166534;align-items:center;gap:4px;margin-top:7px;font-size:11px;font-weight:900;display:inline-flex}.contrast-pair-actions{flex-direction:column;gap:7px;display:flex}.scale-regenerate-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.scale-profile-badge{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;min-height:34px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.footer-feedback-widget{background:linear-gradient(135deg,#2563eb47,#f43f7b2e);border:1px solid #fff3;border-radius:22px;grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr);gap:26px;margin-top:40px;padding:24px;display:grid}.footer-feedback-heading>span{color:#fde047;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-size:11px;font-weight:950;display:inline-flex}.footer-feedback-widget h3{text-transform:none;letter-spacing:-.035em;margin:8px 0;font-size:26px}.footer-feedback-widget p{color:#ffffffb3;margin:0;font-size:13px}.footer-feedback-widget form{grid-template-columns:180px minmax(0,1fr);gap:12px;display:grid}.footer-feedback-widget label{color:#ffffffc7;gap:6px;font-size:11px;font-weight:900;display:grid}.footer-feedback-widget select,.footer-feedback-widget textarea{width:100%;color:var(--ink);font:inherit;background:#fffffff5;border:1px solid #ffffff40;border-radius:12px;padding:10px 11px}.footer-feedback-widget select{min-height:44px}.footer-feedback-widget textarea{resize:vertical;min-height:92px}.footer-feedback-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.footer-feedback-actions>span{color:#ffffff8c;margin-left:auto;font-size:10px}.footer-copy-button{color:#fff;box-shadow:none;background:0 0;border-color:#fff6}.footer-copy-button:hover{background:#ffffff1a}.footer-feedback-status{grid-column:1/-1;align-items:center;gap:6px;display:flex;color:#bfdbfe!important}.footer-feedback-widget form>small{color:#ffffff80;grid-column:1/-1}@media (max-width:820px){.contrast-pair-grid,.footer-feedback-widget{grid-template-columns:1fr}}@media (max-width:680px){.palette-import-panel{grid-template-columns:1fr}.palette-import-panel>button{width:100%}.contrast-pair-grid>article{grid-template-columns:82px minmax(0,1fr)}.contrast-pair-actions{flex-direction:row;grid-column:1/-1}.footer-feedback-widget form{grid-template-columns:1fr}.footer-feedback-actions,.footer-feedback-status,.footer-feedback-widget form>small{grid-column:1}.footer-feedback-actions>span{margin-left:0}.role-map-actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.role-map-pulse .role-grid article{animation:none}}.spot-page-hero{background-color:#f7f5ff}.spot-lab-page{padding:34px 0 80px}.spot-lab{grid-template-columns:210px minmax(0,1fr) 250px;align-items:start;gap:18px;min-width:0;display:grid}.spot-lab-embedded{grid-template-columns:190px minmax(0,1fr)}.spot-lab-embedded .spot-lab-aside{display:none}.spot-lab-nav{gap:8px;min-width:0;display:grid;position:sticky;top:112px}.spot-lab-brand{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 10px 16px;display:flex}.spot-lab-brand strong,.spot-lab-brand small{display:block}.spot-lab-brand strong{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.spot-lab-brand small{color:var(--muted);margin-top:3px;font-size:10px}.spot-lab-nav>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:11px;display:grid}.spot-lab-nav>button:hover{background:#f4f1ff}.spot-lab-nav>button.active{color:#4338ca;background:#ece9ff}.spot-lab-nav>button strong,.spot-lab-nav>button small{display:block}.spot-lab-nav>button strong{font-size:12px}.spot-lab-nav>button small{color:var(--muted);margin-top:2px;font-size:9px}.spot-license-note{background:#faf9ff;border:1px solid #d9d4f5;border-radius:15px;gap:9px;margin-top:14px;padding:13px;display:flex}.spot-license-note strong{font-size:11px}.spot-license-note p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.45}.spot-lab-main{gap:16px;min-width:0;display:grid}.spot-lab-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.spot-lab-heading h2{letter-spacing:-.045em;margin:5px 0;font-size:clamp(28px,3vw,42px);line-height:1}.spot-lab-heading p{max-width:680px;color:var(--muted);margin:0;font-size:13px}.spot-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.spot-manual-card{background:#f8faff;border:1px solid #c7d2fe;border-radius:17px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;display:grid}.spot-manual-actions{grid-column:1/-1;gap:8px;display:flex}.spot-input-card,.spot-results,.spot-library-view,.spot-compare-view,.spot-export-view{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;padding:17px}.spot-input-card{gap:16px;display:grid}.spot-color-entry{grid-template-columns:145px minmax(220px,1fr) minmax(230px,.9fr);align-items:stretch;gap:14px;display:grid}.spot-target-preview{border:1px solid #0000001f;border-radius:17px;place-items:end center;min-height:154px;padding:12px;font:900 15px ui-monospace,monospace;display:grid}.spot-value-stack{gap:7px;display:grid}.spot-value-stack>div{border:1px solid var(--line);border-radius:10px;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:7px;min-height:34px;padding:5px 7px;display:grid}.spot-value-stack small{color:var(--muted);font-size:9px;font-weight:900}.spot-value-stack code{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.spot-value-stack button,.spot-selected-chip button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.spot-search-input{position:relative}.spot-search-input>svg{color:var(--muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.spot-search-input .text-input{padding-left:40px}.subhead-row{justify-content:space-between;align-items:end;gap:14px;display:flex}.subhead-row h3{margin:0}.subhead-row p{color:var(--muted);margin:3px 0 0;font-size:11px}.spot-count{color:#4338ca;background:#f0edff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.spot-match-list{gap:8px;margin-top:13px;display:grid}.spot-match-list>article{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.spot-match-list>article.selected{background:#fbfbff;border-color:#818cf8;box-shadow:0 0 0 2px #6366f11f}.spot-match-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:26px 42px minmax(130px,1.2fr) 90px 72px minmax(94px,.7fr);align-items:center;gap:9px;min-width:0;display:grid}.spot-rank{background:#f3f4f6;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:900;display:grid}.spot-match-swatch{border:1px solid #0000001a;border-radius:9px;width:40px;height:40px}.spot-match-name strong,.spot-match-name small,.spot-delta small,.spot-delta strong,.spot-values code,.spot-values small{display:block}.spot-match-name{min-width:0}.spot-match-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.spot-match-name small,.spot-values small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.spot-delta small{color:var(--muted);font-size:8px}.spot-delta strong{font-size:12px}.spot-grade{border-radius:999px;width:fit-content;padding:2px 6px;font-size:8px;font-style:normal;font-weight:900;display:inline-flex}.spot-grade.excellent{color:#166534;background:#dcfce7}.spot-grade.good{color:#1d4ed8;background:#dbeafe}.spot-grade.fair{color:#92400e;background:#fef3c7}.spot-grade.poor{color:#991b1b;background:#fee2e2}.spot-pair-preview{border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(2,1fr);height:30px;display:grid;overflow:hidden}.spot-values code{font-size:9px}.spot-match-actions{gap:6px;display:flex}.spot-match-actions .button{white-space:nowrap}.spot-lab-aside{gap:12px;min-width:0;display:grid;position:sticky;top:112px}.spot-side-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:14px}.spot-side-card h3{margin:0 0 11px;font-size:13px}.spot-selected-chip{border:1px solid var(--line);border-radius:12px;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:8px;margin-bottom:10px;padding:8px;display:grid}.spot-selected-chip i{border:1px solid #0000001a;border-radius:9px;width:40px;height:40px}.spot-selected-chip strong{font-size:12px}.spot-reference-card{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;display:grid}.spot-reference-card i{border:1px solid #0000001a;border-radius:10px;width:48px;height:48px}.spot-reference-card strong,.spot-reference-card span,.spot-reference-card small{display:block}.spot-reference-card strong{font-size:11px}.spot-reference-card span{font-size:10px}.spot-reference-card small{color:var(--muted);font-size:8px}.spot-side-delta{border-top:1px solid var(--line);align-items:center;gap:7px;margin-top:11px;padding-top:11px;display:flex}.spot-side-delta span{color:var(--muted);font-size:9px}.spot-side-delta strong{font-size:14px}.spot-delta-guide p{align-items:center;gap:7px;margin:6px 0;font-size:10px;display:flex}.spot-delta-guide i{border-radius:50%;width:8px;height:8px}.spot-delta-guide i.excellent{background:#22c55e}.spot-delta-guide i.good{background:#3b82f6}.spot-delta-guide i.fair{background:#f59e0b}.spot-delta-guide i.poor{background:#ef4444}.spot-delta-guide>small{color:var(--muted);margin-top:9px;font-size:8px;display:block}.spot-library-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.spot-library-summary article{border:1px solid var(--line);background:#faf9ff;border-radius:14px;padding:14px}.spot-library-summary strong,.spot-library-summary span{display:block}.spot-library-summary strong{font-size:26px}.spot-library-summary span{color:var(--muted);font-size:10px}.spot-library-table{gap:6px;max-height:570px;margin-top:13px;display:grid;overflow:auto}.spot-library-row{border:1px solid var(--line);border-radius:11px;grid-template-columns:48px minmax(140px,1.2fr) minmax(110px,1fr) 90px 54px;align-items:center;gap:9px;min-width:580px;padding:8px 10px;font-size:10px;display:grid}.spot-library-row.header{z-index:1;background:#f6f4ff;font-weight:900;position:sticky;top:0}.spot-library-row strong,.spot-library-row small{display:block}.spot-library-row small{color:var(--muted);font-size:8px}.spot-table-swatch{border:1px solid #0000001a;border-radius:8px;width:40px;height:34px}.spot-compare-swatches{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.spot-compare-swatches article{border:1px solid #0000001f;border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:190px;padding:18px;display:flex}.spot-compare-swatches small,.spot-compare-swatches span{font-size:10px}.spot-compare-swatches strong{font-size:22px}.spot-compare-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:13px;display:grid}.spot-compare-grid article{border:1px solid var(--line);border-radius:14px;padding:13px}.spot-compare-grid span,.spot-compare-grid strong{display:block}.spot-compare-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900}.spot-compare-grid strong{margin:5px 0;font-size:18px}.spot-compare-grid p{color:var(--muted);margin:0;font-size:10px}.spot-surface-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px;display:grid}.spot-surface-grid>div{border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:120px;padding:14px;display:flex}.spot-surface-grid strong,.spot-surface-grid span{display:block}.spot-surface-grid span{font-size:10px}.spot-warning{color:#7c5714;background:#fffbeb;border:1px solid #f5d07d;border-radius:13px;align-items:flex-start;gap:9px;margin-top:13px;padding:12px;display:flex}.spot-warning p{margin:0;font-size:10px}.spot-export-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.spot-export-grid article{border:1px solid var(--line);background:#faf9ff;border-radius:16px;padding:17px}.spot-export-grid h3{margin:11px 0 5px}.spot-export-grid p{min-height:55px;color:var(--muted);margin:0 0 12px;font-size:11px}@media (max-width:1100px){.spot-lab{grid-template-columns:180px minmax(0,1fr)}.spot-lab-aside{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));position:static}.spot-lab-aside .spot-delta-guide{grid-column:span 2}.spot-color-entry{grid-template-columns:130px minmax(0,1fr)}.spot-value-stack{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.spot-lab,.spot-lab-embedded{grid-template-columns:1fr}.spot-lab-nav{padding-bottom:4px;display:flex;position:static;overflow-x:auto}.spot-lab-brand,.spot-license-note{display:none}.spot-lab-nav>button{flex:none;width:155px}.spot-lab-aside{grid-column:1;grid-template-columns:1fr}.spot-lab-aside .spot-delta-guide{grid-column:1}.spot-lab-embedded .spot-lab-aside{display:none}.spot-lab-heading{display:grid}.spot-heading-actions{justify-content:flex-start}.spot-manual-card{grid-template-columns:repeat(2,minmax(0,1fr))}.spot-match-main{grid-template-columns:26px 42px minmax(120px,1fr) 78px}.spot-pair-preview,.spot-values{display:none}.spot-export-grid{grid-template-columns:1fr}.spot-export-grid p{min-height:0}}@media (max-width:620px){.spot-lab-page{width:min(100% - 18px,1180px)}.spot-color-entry{grid-template-columns:1fr}.spot-target-preview{min-height:120px}.spot-value-stack{grid-column:1;grid-template-columns:1fr}.spot-match-list>article{grid-template-columns:1fr}.spot-match-main{grid-template-columns:24px 38px minmax(0,1fr) 66px}.spot-match-actions{justify-content:flex-end}.spot-match-actions .button{flex:1}.spot-manual-card,.spot-compare-swatches{grid-template-columns:1fr}.spot-compare-swatches>svg{justify-self:center;transform:rotate(90deg)}.spot-compare-grid,.spot-surface-grid,.spot-library-summary{grid-template-columns:1fr}.spot-library-table{overflow-x:auto}}.cps-lab{grid-template-columns:210px minmax(0,1fr) 270px;align-items:start;gap:18px;min-width:0;display:grid}.cps-lab-embedded{grid-template-columns:190px minmax(0,1fr)}.cps-lab-embedded .cps-aside{display:none}.cps-nav{gap:8px;min-width:0;display:grid;position:sticky;top:112px}.cps-brand{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 10px 16px;display:flex}.cps-brand strong,.cps-brand small{display:block}.cps-brand strong{text-transform:uppercase;letter-spacing:.06em;font-size:12px}.cps-brand small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4}.cps-nav>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:11px;display:grid}.cps-nav>button:hover{background:#f4f1ff}.cps-nav>button.active{color:#4338ca;background:#ece9ff}.cps-nav>button strong,.cps-nav>button small{display:block}.cps-nav>button strong{font-size:12px}.cps-nav>button small{color:var(--muted);margin-top:2px;font-size:9px;line-height:1.35}.cps-system-note{background:#faf9ff;border:1px solid #d9d4f5;border-radius:15px;gap:9px;margin-top:14px;padding:13px;display:flex}.cps-system-note strong{font-size:11px}.cps-system-note p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.45}.cps-main{gap:16px;min-width:0;display:grid}.cps-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.cps-heading h2{letter-spacing:-.045em;margin:5px 0 6px;font-size:clamp(28px,3vw,42px);line-height:1}.cps-heading p{max-width:760px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.cps-total-badge{color:#4338ca;background:#ede9fe;border-radius:999px;justify-content:center;align-items:center;min-width:max-content;padding:7px 11px;font-size:10px;font-weight:900;display:inline-flex}.cps-filter-panel{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(125px,.65fr));gap:9px;padding:12px;display:grid}.cps-search{position:relative}.cps-search>svg{color:var(--muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.cps-search .text-input{padding-left:40px}.cps-results-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.cps-results-head strong{font-size:12px}.cps-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.cps-color-grid>article{border:1px solid var(--line);background:#fff;border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.cps-color-grid>article:hover{transform:translateY(-2px);box-shadow:0 10px 25px #241d4a14}.cps-color-grid>article.selected{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1f}.cps-card-select{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.cps-card-swatch{flex-direction:column;justify-content:space-between;min-height:116px;padding:13px;display:flex}.cps-card-swatch strong{font-size:12px}.cps-card-swatch small{opacity:.86;font:800 10px ui-monospace,monospace}.cps-card-copy{padding:11px 12px 8px;display:block}.cps-card-copy strong,.cps-card-copy small{display:block}.cps-card-copy strong{font-size:12px}.cps-card-copy small{color:var(--muted);margin-top:3px;font-size:9px}.cps-card-footer{justify-content:space-between;align-items:center;gap:8px;padding:7px 11px 10px;display:flex}.cps-card-footer span{color:var(--muted);font-size:9px;font-weight:800}.cps-card-footer button{color:#4f46e5;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;font-weight:900;display:inline-flex}.cps-load-more{justify-self:center;min-width:210px}.cps-match-layout,.cps-create-layout,.cps-export-view,.cps-collections-view{gap:14px;display:grid}.cps-input-panel{border:1px solid var(--line);background:#fff;border-radius:19px;grid-template-columns:180px minmax(0,1fr);gap:14px;padding:15px;display:grid}.cps-target{border:1px solid #0000001f;border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:205px;padding:15px;display:flex;position:relative}.cps-target input,.cps-create-preview input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.cps-target strong{font:900 22px ui-monospace,monospace}.cps-target small{margin-top:3px;font-size:10px}.cps-input-groups{align-content:start;gap:12px;display:grid}.cps-mini-fields{grid-template-columns:44px repeat(3,minmax(0,1fr));align-items:end;gap:8px;display:grid}.cps-mini-fields.four{grid-template-columns:44px repeat(4,minmax(0,1fr))}.cps-mini-fields>span{color:var(--muted);align-self:center;font-size:10px;font-weight:900}.cps-mini-fields label{color:var(--muted);gap:4px;font-size:8px;font-weight:900;display:grid}.cps-mini-fields input{border:1px solid var(--line);border-radius:10px;width:100%;min-height:40px;padding:0 8px}.cps-code-lookup{background:#faf9ff;border:1px solid #ddd6fe;border-radius:16px;grid-template-columns:minmax(160px,1fr) minmax(220px,.8fr) auto;align-items:center;gap:10px;padding:13px;display:grid}.cps-code-lookup strong,.cps-code-lookup small{display:block}.cps-code-lookup strong{font-size:11px}.cps-code-lookup small{color:var(--muted);margin-top:2px;font-size:9px}.cps-match-results{border:1px solid var(--line);background:#fff;border-radius:19px;gap:8px;padding:16px;display:grid}.cps-match-results h3{margin:0}.cps-match-results p{color:var(--muted);margin:4px 0 0;font-size:10px}.cps-match-results>article{border:1px solid var(--line);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.cps-match-results>article.selected{background:#fbfbff;border-color:#818cf8;box-shadow:0 0 0 2px #6366f11a}.cps-match-results>article>button:first-child{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:26px 42px minmax(130px,1fr) 66px 74px;align-items:center;gap:9px;display:grid}.cps-match-results i{border:1px solid #0000001a;border-radius:9px;width:40px;height:40px}.cps-match-results span strong,.cps-match-results span small{display:block}.cps-match-results span strong{font-size:11px}.cps-match-results span small{color:var(--muted);font-size:8px}.cps-match-rank{background:#f3f4f6;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:900;display:grid}.cps-match-delta strong{font-size:12px!important}.cps-match-delta small{font-size:8px!important}.cps-collection-tabs{gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.cps-collection-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:8px 12px;font-size:10px;font-weight:900}.cps-collection-tabs button.active{color:#4338ca;background:#ede9fe;border-color:#7c3aed}.cps-collection-intro{background:#faf9ff;border:1px solid #ddd6fe;border-radius:17px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;display:grid}.cps-collection-intro h3,.cps-collection-intro p{margin:0}.cps-collection-intro h3{font-size:16px}.cps-collection-intro p{color:var(--muted);margin-top:4px;font-size:10px}.cps-collection-intro>span{font-size:10px;font-weight:900}.cps-create-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.cps-create-card,.cps-custom-list{border:1px solid var(--line);background:#fff;border-radius:19px;padding:16px}.cps-create-card{grid-template-columns:170px minmax(0,1fr);gap:14px;display:grid}.cps-create-preview{border:1px solid #0000001f;border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:210px;padding:14px;display:flex;position:relative}.cps-create-preview strong{font:900 18px ui-monospace,monospace}.cps-nearest-note{background:#faf9ff;border:1px solid #ddd6fe;border-radius:13px;padding:11px}.cps-nearest-note small,.cps-nearest-note strong,.cps-nearest-note span{display:block}.cps-nearest-note small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:900}.cps-nearest-note strong{margin:3px 0;font-size:14px}.cps-nearest-note span{color:var(--muted);font-size:9px}.cps-custom-list{align-content:start;gap:8px;display:grid}.cps-custom-list>article{border:1px solid var(--line);border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto 38px;align-items:center;gap:9px;padding:8px;display:grid}.cps-custom-list>article>i{border:1px solid #0000001a;border-radius:9px;width:40px;height:40px}.cps-custom-list article strong,.cps-custom-list article span,.cps-custom-list article small{display:block}.cps-custom-list article strong{font-size:11px}.cps-custom-list article span{font-size:10px}.cps-custom-list article small{color:var(--muted);font-size:8px}.empty-card{text-align:center;background:#faf9ff;border:1px dashed #c4b5fd;border-radius:15px;place-items:center;min-height:220px;padding:22px;display:grid}.empty-card strong{margin-top:9px}.empty-card p{max-width:320px;color:var(--muted);margin:5px 0 0;font-size:10px}.cps-export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cps-export-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:17px}.cps-export-grid h3{margin:11px 0 5px}.cps-export-grid p{min-height:70px;color:var(--muted);margin:0 0 12px;font-size:10px;line-height:1.55}.cps-reference-notice{color:#765511;background:#fffbeb;border:1px solid #f3d07a;border-radius:16px;gap:12px;padding:15px;display:flex}.cps-reference-notice h3,.cps-reference-notice p{margin:0}.cps-reference-notice p{margin-top:4px;font-size:10px;line-height:1.55}.cps-aside{gap:12px;min-width:0;display:grid;position:sticky;top:112px}.cps-selected-card,.cps-side-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:14px}.cps-selected-swatch{border-radius:13px;flex-direction:column;justify-content:flex-end;min-height:150px;padding:14px;display:flex}.cps-selected-swatch small,.cps-selected-swatch strong,.cps-selected-swatch span{display:block}.cps-selected-swatch small{text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:900}.cps-selected-swatch strong{margin-top:4px;font-size:18px}.cps-selected-swatch span{margin-top:2px;font-size:10px}.cps-selected-meta{grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0;display:grid}.cps-selected-meta>div{border:1px solid var(--line);border-radius:10px;padding:8px}.cps-selected-meta small,.cps-selected-meta strong{display:block}.cps-selected-meta small{color:var(--muted);font-size:8px}.cps-selected-meta strong{margin-top:2px;font-size:11px}.cps-values{gap:6px;margin-bottom:10px;display:grid}.cps-values button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:7px;width:100%;min-height:36px;padding:5px 7px;display:grid}.cps-values span{color:var(--muted);font-size:8px;font-weight:900}.cps-values code{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.cps-side-card h3{margin:0 0 9px;font-size:12px}.cps-side-card .tag-row{flex-wrap:wrap;align-items:flex-start;gap:7px;display:flex}.cps-side-card .tag{color:#3f3a33;overflow-wrap:anywhere;background:#f7f4ee;border:1px solid #e4dfd5;border-radius:999px;max-width:100%;padding:7px 9px;font-size:10px;font-weight:800;line-height:1.25;display:inline-flex}.cps-subheading{border-top:1px solid var(--line);padding-top:12px;margin-top:13px!important}.cps-siblings{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cps-siblings button{aspect-ratio:1;cursor:pointer;border:1px solid #0000001a;border-radius:8px}.cps-independent{background:#faf9ff;border-color:#ddd6fe;gap:9px;display:flex}.cps-independent strong{font-size:11px}.cps-independent p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.cps-aside .donation-widget{box-shadow:4px 4px 0 var(--ink);border-radius:18px;padding:16px}.cps-aside .donation-widget h3{font-size:19px}.cps-aside .donation-widget p{font-size:11px;line-height:1.5}.cps-aside .donation-widget .donation-button{justify-content:center;width:100%}@media (max-width:1280px){.cps-lab{grid-template-columns:180px minmax(0,1fr)}.cps-aside{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;position:static}.cps-selected-card{grid-column:span 2}.cps-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.cps-lab,.cps-lab-embedded{grid-template-columns:1fr}.cps-nav{padding-bottom:4px;display:flex;position:static;overflow-x:auto}.cps-brand,.cps-system-note{display:none}.cps-nav>button{flex:none;width:160px}.cps-aside{grid-column:1;grid-template-columns:1fr 1fr}.cps-selected-card{grid-column:1/-1}.cps-lab-embedded .cps-aside{display:none}.cps-filter-panel{grid-template-columns:1fr 1fr}.cps-search{grid-column:1/-1}.cps-heading{display:grid}.cps-input-panel{grid-template-columns:150px minmax(0,1fr)}.cps-code-lookup{grid-template-columns:1fr auto}.cps-code-lookup>div{grid-column:1/-1}.cps-create-layout,.cps-export-grid{grid-template-columns:1fr}.cps-export-grid p{min-height:0}}@media (max-width:560px){.cps-heading h2{font-size:31px}.cps-filter-panel{grid-template-columns:1fr}.cps-search{grid-column:1}.cps-color-grid,.cps-input-panel{grid-template-columns:1fr}.cps-target{min-height:140px}.cps-mini-fields,.cps-mini-fields.four{grid-template-columns:repeat(2,minmax(0,1fr))}.cps-mini-fields>span{grid-column:1/-1}.cps-code-lookup,.cps-match-results>article{grid-template-columns:1fr}.cps-match-results>article>button:first-child{grid-template-columns:24px 38px minmax(0,1fr) 60px}.cps-match-results em{display:none}.cps-match-results>article>.button{width:100%}.cps-create-card{grid-template-columns:1fr}.cps-create-preview{min-height:140px}.cps-custom-list>article{grid-template-columns:42px minmax(0,1fr) 38px}.cps-custom-list>article>.button{grid-column:1/-1}.cps-aside{grid-template-columns:1fr}.cps-selected-card{grid-column:1}}.hero-brand-pair{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.hero-brand-chip{border:2px solid var(--ink);min-height:48px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:8px 14px 8px 10px;display:inline-flex}.hero-brand-chip .brand-mark{transform-origin:50%;transform:rotate(-5deg)scale(.82)}.hero-brand-chip strong{letter-spacing:-.035em;font-size:16px}.button-cps{background:var(--blue);color:#fff}.button-cps:hover{background:#1d4ed8}.button-cps:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.feedback-section{border-top:1px solid var(--line);background:linear-gradient(145deg,#f7f5ff,#fff7da 52%,#ecfeff);padding:64px 0}.feedback-section .footer-feedback-widget{border:2px solid var(--ink);color:var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;margin-top:0}.feedback-section .footer-feedback-heading>span{color:#5b21b6}.feedback-section .footer-feedback-widget p{color:var(--muted)}.feedback-section .footer-feedback-widget label{color:#45413b}.feedback-section .footer-feedback-widget select,.feedback-section .footer-feedback-widget textarea{border-color:var(--line);background:#fffdf8}.feedback-section .footer-feedback-actions>span{color:var(--muted)}.feedback-section .footer-copy-button{color:var(--ink);border-color:var(--ink);background:#fff}.feedback-section .footer-copy-button:hover{background:var(--paper-2)}.feedback-section .footer-feedback-status{color:#1d4ed8!important}.feedback-section .footer-feedback-widget form>small{color:var(--muted)}.cps-embedded-selection{background:linear-gradient(135deg,#faf9ff,#fff);border:1px solid #c4b5fd;border-radius:16px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;display:grid}.cps-embedded-selection>i{border:1px solid #0000001f;border-radius:12px;width:50px;height:50px}.cps-embedded-selection small,.cps-embedded-selection strong,.cps-embedded-selection span{display:block}.cps-embedded-selection small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:900}.cps-embedded-selection strong{margin-top:2px;font-size:13px}.cps-embedded-selection span{color:var(--muted);font-size:9px}.cps-embedded-selection .toolbar-wrap{justify-content:flex-end}.cps-card-footer button:hover,.cps-siblings button:hover{transform:translateY(-1px)}.cps-values button:hover{background:#faf9ff;border-color:#8b5cf6}.cps-code-lookup .button:disabled{box-shadow:none}.challenge-loading{border:1px solid var(--line);min-height:280px;color:var(--muted);background:#fff;border-radius:22px;place-items:center;font-weight:900;display:grid}.challenge-product-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.challenge-product-tabs>button{border:2px solid var(--ink);min-height:72px;box-shadow:4px 4px 0 var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:18px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:13px 16px;transition:transform .16s,box-shadow .16s,background .16s;display:grid}.challenge-product-tabs>button:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.challenge-product-tabs>button.active{background:#ede9fe}.challenge-product-tabs span,.challenge-product-tabs strong,.challenge-product-tabs small{display:block}.challenge-product-tabs strong{font-size:13px}.challenge-product-tabs small{color:var(--muted);margin-top:2px;font-size:9px}.vision-quiz,.vision-quiz-results{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:25px;gap:20px;padding:25px;display:grid}.vision-quiz-intro{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.vision-quiz-intro h2,.vision-quiz-results h2{letter-spacing:-.05em;margin:8px 0 7px;font-size:clamp(30px,4vw,46px);line-height:1}.vision-quiz-intro p,.vision-quiz-results p{color:var(--muted);margin:0}.vision-quiz-meta{background:#faf9ff;border:1px solid #c4b5fd;border-radius:15px;flex:none;gap:2px;min-width:190px;padding:12px 14px;display:grid}.vision-quiz-meta strong{font-size:11px}.vision-quiz-meta span,.vision-quiz-meta small{color:var(--muted);font-size:9px}.vision-progress{background:#ece7dd;border-radius:999px;height:9px;overflow:hidden}.vision-progress>span{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#2563eb,#2dd4bf);height:100%;transition:width .3s;display:block}.vision-quiz-stage{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);align-items:center;gap:26px;display:grid}.vision-plate-wrap{justify-items:center;gap:8px;display:grid}.vision-plate{filter:drop-shadow(0 14px 24px #1d19121f);width:min(100%,380px)}.vision-plate-label{color:var(--muted);font-size:10px;font-weight:900}.vision-question-panel{align-content:center;gap:13px;display:grid}.vision-question-count{color:#5b21b6;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:950}.vision-question-panel h3{letter-spacing:-.045em;margin:0;font-size:34px}.vision-question-panel p{color:var(--muted);margin:0}.vision-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vision-options button{border:2px solid var(--ink);min-height:62px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:15px;justify-content:center;align-items:center;gap:8px;display:flex}.vision-options button:hover:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.vision-options button:disabled{cursor:default;opacity:1}.vision-options button strong{font-size:22px}.vision-options button.correct{color:#166534;background:#dcfce7;border-color:#166534;box-shadow:3px 3px #166534}.vision-options button.incorrect{color:#991b1b;background:#fee2e2;border-color:#991b1b;box-shadow:3px 3px #991b1b}.vision-answer-note{border-radius:12px;padding:10px 12px;font-size:11px;font-weight:900}.vision-answer-note.correct{color:#166534;background:#dcfce7}.vision-answer-note.incorrect{color:#991b1b;background:#fee2e2}.vision-disclaimer{color:#765511;background:#fffbeb;border:1px solid #f3d07a;border-radius:14px;align-items:flex-start;gap:10px;padding:13px;display:flex}.vision-disclaimer p{color:inherit;margin:0;font-size:10px;line-height:1.55}.vision-result-score{border:2px solid var(--ink);min-width:190px;box-shadow:5px 5px 0 var(--ink);background:#ede9fe;border-radius:22px;justify-self:start;justify-items:center;padding:20px;display:grid}.vision-result-score strong{letter-spacing:-.06em;font-size:52px;line-height:1}.vision-result-score span{color:var(--muted);margin-top:5px;font-size:10px;font-weight:900}.vision-category-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.vision-category-results article{border:1px solid var(--line);background:#fffdf8;border-radius:14px;justify-content:space-between;gap:10px;padding:13px;display:flex}.vision-category-results span{color:var(--muted);font-size:11px;font-weight:800}.vision-result-actions{flex-wrap:wrap;gap:9px;display:flex}@media (max-width:860px){.cps-embedded-selection{grid-template-columns:52px minmax(0,1fr)}.cps-embedded-selection .toolbar-wrap{grid-column:1/-1;justify-content:flex-start}.vision-quiz-stage{grid-template-columns:1fr}.vision-plate{width:min(100%,340px)}}@media (max-width:680px){.hero-brand-pair{align-items:stretch}.hero-brand-chip{flex:0 auto}.hero-actions .hero-primary-action{flex:100%}.hero-actions .hero-secondary-action{flex:calc(50% - 6px);min-width:0;padding-inline:12px;font-size:12px}.feedback-section{padding:44px 0}.challenge-product-tabs{grid-template-columns:1fr}.vision-quiz,.vision-quiz-results{box-shadow:5px 5px 0 var(--ink);padding:17px}.vision-quiz-intro{display:grid}.vision-quiz-meta{min-width:0}.vision-options{grid-template-columns:1fr 1fr}.vision-category-results{grid-template-columns:1fr}.cps-embedded-selection .toolbar-wrap .button{flex:auto}}@media print{.feedback-section{display:none!important}}.support-page{padding-top:50px}.support-shell{width:min(1120px,100% - 32px)}.support-hero{max-width:900px;padding:12px 0 34px}.support-hero h1{max-width:880px}.support-intro{max-width:790px;font-size:clamp(18px,2.2vw,22px);line-height:1.55}.support-intro p{color:#34312d}.support-updated{margin-top:18px;font-size:13px;color:var(--muted)!important}.support-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.support-layout{grid-template-columns:230px minmax(0,760px);align-items:start;gap:56px;display:grid}.support-toc{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px;position:sticky;top:105px;box-shadow:4px 4px #11111112}.support-toc>strong{text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:12px;display:block}.support-toc nav{gap:4px;display:grid}.support-toc nav a{color:#57534e;border-radius:9px;padding:8px 9px;font-size:13px;line-height:1.25}.support-toc nav a:hover{background:var(--paper-2);color:var(--ink)}.support-toc-note{border-top:1px solid var(--line);gap:4px;margin-top:14px;padding-top:14px;font-size:12px;display:grid}.support-toc-note span{color:var(--muted)}.support-toc-note a{text-underline-offset:3px;font-weight:900;text-decoration:underline}.support-article{min-width:0}.support-article section{border-bottom:1px solid var(--line);padding:0 0 32px;scroll-margin-top:120px}.support-article section+section{padding-top:4px}.support-article section:last-of-type{border-bottom:0}.support-article h2{margin:34px 0 14px;font-size:clamp(27px,3.2vw,36px);line-height:1.08}.support-article h3{letter-spacing:-.025em;margin:18px 0 7px;font-size:20px}.support-article p,.support-article li{font-size:16px;line-height:1.75}.support-article a:not(.button):not(.support-link-card){text-underline-offset:3px;font-weight:800;text-decoration:underline;text-decoration-thickness:1.5px}.support-article ul,.support-article ol{padding-left:23px}.support-article li+li{margin-top:7px}.support-callout{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:18px;margin:24px 0;padding:18px 20px}.support-callout>strong{margin-bottom:7px;font-size:14px;display:block}.support-callout p{color:#302d29;margin:0}.support-callout-blue{background:#dbeafe}.support-callout-yellow{background:#fff3b0}.support-callout-mint{background:#ccfbf1}.support-callout-pink{background:#fce7f3}.support-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.support-link-card{border:1px solid var(--line);background:#fff;border-radius:18px;gap:6px;min-width:0;padding:18px;transition:transform .15s,box-shadow .15s;display:grid}.support-link-card:hover{box-shadow:5px 5px 0 var(--ink);transform:translateY(-2px)}.support-link-card strong{font-size:17px}.support-link-card span{color:var(--muted);font-size:13px;line-height:1.5}.faq-list{gap:12px;margin-bottom:34px;display:grid}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.faq-list summary{cursor:pointer;padding:17px 52px 17px 18px;font-size:17px;font-weight:900;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:25px;line-height:1;position:absolute;top:13px;right:18px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0;padding:0 18px 18px}.footer-grid-wide{grid-template-columns:2fr repeat(5,minmax(110px,1fr))}@media (max-width:1060px){.support-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}.footer-grid-wide{grid-template-columns:1.7fr repeat(3,1fr)}.footer-grid-wide>div:nth-child(5),.footer-grid-wide>div:nth-child(6){grid-column:auto}}@media (max-width:760px){.support-shell{width:min(100% - 24px,1120px)}.support-page{padding-top:34px}.support-layout{grid-template-columns:1fr;gap:20px}.support-toc{position:static}.support-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.support-link-grid{grid-template-columns:1fr}.support-article p,.support-article li{font-size:15px}.footer-grid-wide{grid-template-columns:1fr 1fr}.footer-grid-wide .footer-brand{grid-column:1/-1}}@media (max-width:480px){.support-toc nav{grid-template-columns:1fr}.support-actions .button{justify-content:center;width:100%}.footer-grid-wide{grid-template-columns:1fr}.footer-grid-wide .footer-brand{grid-column:auto}}.trust-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.trust-card{border:2px solid var(--ink);min-width:0;box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:22px;grid-template-columns:1fr auto;align-items:start;gap:8px 14px;padding:22px;display:grid}.trust-card strong{letter-spacing:-.035em;font-size:21px}.trust-card span{color:var(--muted);grid-column:1/-1;line-height:1.55}.trust-card svg{margin-top:4px}.trust-card:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-1px,-1px)}@media (max-width:760px){.trust-card-grid{grid-template-columns:1fr}}.tool-seo-section{border-top:1px solid var(--line);background:linear-gradient(#fffdf8 0%,#f7f2e9 100%);padding:84px 0}.tool-seo-shell{gap:36px;display:grid}.tool-seo-intro{max-width:820px}.tool-seo-intro h2,.tool-related-block h2,.tool-faq-block h2{letter-spacing:-.055em;margin:9px 0 14px;font-size:clamp(34px,4.8vw,54px);line-height:1}.tool-seo-intro p{max-width:760px;color:var(--muted);margin:0;font-size:18px}.tool-seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool-seo-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:22px;padding:22px}.tool-seo-card-wide{grid-column:1/-1}.tool-seo-card-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.tool-seo-card-heading h3{letter-spacing:-.035em;margin:0;font-size:21px}.tool-seo-card>p{color:var(--muted);margin:0}.tool-step-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tool-step-list li{border:1px solid var(--line);background:#fffdf8;border-radius:15px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:14px;display:grid}.tool-step-list li>span{border:2px solid var(--ink);background:var(--yellow);width:32px;height:32px;box-shadow:2px 2px 0 var(--ink);border-radius:10px;place-items:center;font-weight:950;display:grid}.tool-step-list strong{font-size:14px;display:block}.tool-step-list p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.55}.tool-check-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.tool-check-list li{padding-left:24px;position:relative}.tool-check-list li:before{content:"✓";color:#15803d;font-weight:950;position:absolute;left:0}.tool-limitations{border-left:6px solid var(--orange);background:#fff7ed;border-radius:18px;padding:20px 22px}.tool-limitations h3{margin:0 0 8px;font-size:20px}.tool-limitations ul{color:#5f4a32;margin:0;padding-left:20px}.tool-faq-block{max-width:900px}.tool-related-block{gap:18px;display:grid}.tool-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-related-card{border:2px solid var(--ink);min-width:0;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:19px;transition:transform .16s,box-shadow .16s;display:grid}.tool-related-card:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.tool-related-card strong{letter-spacing:-.03em;font-size:18px}.tool-related-card span{color:var(--muted);grid-column:1/-1;font-size:13px}.cmyk-tool-layout{align-items:start}.cmyk-tool-body{grid-template-columns:260px minmax(0,1fr);gap:22px;display:grid}.cmyk-preview{border:3px solid var(--ink);min-height:310px;box-shadow:8px 8px 0 var(--ink);border-radius:24px;align-items:end;padding:20px;display:flex}.cmyk-preview small,.cmyk-preview strong,.cmyk-preview span{display:block}.cmyk-preview small{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:900}.cmyk-preview strong{margin-top:6px;font:950 30px ui-monospace,SFMono-Regular,Menlo,monospace}.cmyk-preview span{margin-top:4px;font-size:12px;font-weight:800}.cmyk-channel{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:7px 12px;display:grid}.cmyk-channel>div{grid-column:1/-1;justify-content:space-between;gap:10px;display:flex}.cmyk-channel strong{font-size:13px}.cmyk-channel output{color:var(--muted);font:800 12px ui-monospace,monospace}.cmyk-channel input[type=range]{width:100%;accent-color:var(--blue)}.cmyk-channel .number-input{min-height:40px}.cmyk-hex-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.cmyk-values{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cmyk-values .value-card{text-align:left;cursor:pointer;position:relative}.cmyk-values .value-card svg{position:absolute;top:11px;right:11px}@media (max-width:980px){.tool-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-related-grid{grid-template-columns:1fr}.cmyk-tool-body{grid-template-columns:220px minmax(0,1fr)}.cmyk-values{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.tool-seo-section{padding:58px 0}.tool-seo-grid{grid-template-columns:1fr}.tool-seo-card-wide{grid-column:auto}.tool-step-list{grid-template-columns:1fr}.tool-seo-intro p{font-size:16px}.cmyk-tool-body{grid-template-columns:1fr}.cmyk-preview{min-height:220px}.cmyk-values{grid-template-columns:1fr 1fr}.cmyk-hex-row{grid-template-columns:1fr}}@media (max-width:430px){.cmyk-values{grid-template-columns:1fr}}.universal-color-input{gap:8px;min-width:0;display:grid}.universal-color-input>label{color:var(--muted);font-size:12px;font-weight:900}.universal-color-row{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;display:grid}.universal-color-input.is-compact .universal-color-row{grid-template-columns:34px minmax(0,1fr) auto;gap:7px}.universal-color-swatch{border:2px solid var(--ink);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);border-radius:13px}.universal-color-input.is-compact .universal-color-swatch{border-radius:10px;width:34px;height:34px}.universal-color-field-wrap{min-width:0;position:relative}.cps-autocomplete{z-index:45;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:15px;gap:4px;max-height:310px;padding:8px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:auto}.cps-autocomplete button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.cps-autocomplete button:hover,.cps-autocomplete button:focus-visible{background:#f5f0e8}.cps-autocomplete i{border:1px solid var(--ink);border-radius:8px;width:28px;height:28px}.cps-autocomplete span{min-width:0;display:grid}.cps-autocomplete strong,.cps-autocomplete small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cps-autocomplete small{color:var(--muted)}.universal-color-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px 12px;font-size:11px;display:flex}.universal-color-meta button{color:#1d4ed8;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:850;display:inline-flex}.universal-color-meta .is-error{color:#b42318}.universal-color-meta .is-success{color:#166534}.cps-global-bar{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:linear-gradient(135deg,#dbeafe,#eff6ff 48%,#f5f3ff);border-radius:22px;grid-template-columns:minmax(180px,.8fr) minmax(320px,1.5fr) auto;align-items:center;gap:16px;margin:0 0 18px;padding:15px 17px;display:grid}.cps-global-copy span{align-items:center;gap:7px;font-weight:950;display:flex}.cps-global-copy p{color:#475569;margin:3px 0 0;font-size:11px;line-height:1.4}.cps-global-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cps-global-actions .button{min-height:38px;padding-inline:13px;font-size:11px}.palette-code-button{gap:2px;display:grid!important}.palette-code-button strong{font-size:11px}.palette-code-button small{opacity:.76;font-size:9px}.readiness-cps-strip{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.readiness-cps-strip span{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:850;display:inline-flex}.readiness-cps-strip i{border:1px solid var(--ink);border-radius:50%;width:12px;height:12px}.palette-source-tray button span{gap:1px;display:grid}.palette-source-tray button span strong{font-size:10px}.palette-source-tray button span small{opacity:.74;font-size:8px}.gradient-stop-row .universal-color-input{min-width:240px}.gradient-stop-row .universal-color-input label,.gradient-stop-row .universal-color-meta{display:none}.gradient-stop-row .universal-color-row{grid-template-columns:minmax(0,1fr) auto}.gradient-stop-row .universal-color-swatch{display:none}.extracted-color-list article button em{opacity:.8;margin-top:4px;font-size:9px;font-style:normal;display:block}.image-cps-action{border:1px solid!important;border-radius:999px!important;width:auto!important;padding:5px 8px!important;font-size:9px!important;font-weight:900!important}.palette-output button small{opacity:.75;font-size:8px;display:block}.contrast-universal-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.semantic-source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.semantic-token em{opacity:.7;font-size:9px;font-style:normal}.semantic-preview-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.semantic-state-switcher button{align-items:center;gap:5px;display:inline-flex}.semantic-phone-shell{border:10px solid var(--ink);border-radius:38px;grid-template-rows:auto auto 1fr auto;width:min(390px,100%);min-height:690px;margin-inline:auto;display:grid;position:relative;overflow:hidden;box-shadow:10px 10px #1515152e}.semantic-phone-notch{background:var(--ink);border-radius:0 0 14px 14px;width:110px;height:22px;margin:0 auto}.semantic-mobile-top{border-bottom:1px solid;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.semantic-mobile-top span{border-radius:50%;width:10px;height:10px}.semantic-phone-shell main{gap:14px;padding:16px;display:grid;overflow:hidden}.semantic-phone-shell main>header{gap:12px;display:grid}.semantic-phone-shell .semantic-cards{grid-template-columns:1fr}.semantic-mobile-nav{border-top:1px solid;grid-template-columns:repeat(3,1fr);padding:8px;display:grid}.semantic-mobile-nav button{background:0 0;border:0;font-size:10px;font-weight:850}.semantic-mini-chart{align-items:end;gap:6px;height:54px;margin-top:14px;display:flex}.semantic-mini-chart i{border-radius:6px 6px 2px 2px;flex:1;min-height:8px}.tailwind-web-mockup{border:1px solid var(--line);background:#f8fafc;border-radius:22px;gap:16px;padding:18px;display:grid}.compact-segmented{width:auto}.tw-browser{--tw-50:#eff6ff;--tw-100:#dbeafe;--tw-200:#bfdbfe;--tw-500:#3b82f6;--tw-600:#2563eb;--tw-700:#1d4ed8;--tw-900:#1e3a8a;--tw-950:#172554;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:18px;overflow:hidden}.tw-browser-bar{background:#f1f5f9;border-bottom:1px solid #cbd5e1;align-items:center;gap:6px;height:36px;padding:0 12px;display:flex}.tw-browser-bar i{background:var(--tw-500);border-radius:50%;width:9px;height:9px}.tw-browser-bar i:nth-child(2){background:var(--tw-200)}.tw-browser-bar i:nth-child(3){background:var(--tw-700)}.tw-browser-bar span{color:#64748b;margin-left:7px;font-size:9px}.tw-site-nav{border-bottom:1px solid var(--tw-200);min-height:58px;color:var(--tw-950);align-items:center;gap:24px;padding:0 22px;display:flex}.tw-site-nav nav{color:var(--tw-700);gap:18px;margin-left:auto;font-size:10px;display:flex}.tw-site-nav button,.tw-app-shell header button,.tw-landing button{background:var(--tw-600);color:#fff;border:0;border-radius:9px;padding:9px 13px;font-size:10px;font-weight:850}.tw-landing{background:radial-gradient(circle at 82% 22%,var(--tw-100),transparent 36%),linear-gradient(135deg,var(--tw-50),white);align-content:center;justify-items:start;gap:13px;min-height:390px;padding:44px;display:grid}.tw-landing>span{color:var(--tw-700);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:900}.tw-landing h4{max-width:620px;color:var(--tw-950);letter-spacing:-.055em;margin:0;font-size:clamp(28px,5vw,56px);line-height:.96}.tw-landing p{max-width:520px;color:var(--tw-700);margin:0}.tw-landing>div{gap:10px;display:flex}.tw-landing button.secondary{color:var(--tw-700);border:1px solid var(--tw-200);background:#fff}.tw-app-shell{grid-template-columns:150px minmax(0,1fr);min-height:420px;display:grid}.tw-app-shell aside{background:var(--tw-950);color:var(--tw-100);align-content:start;gap:7px;padding:18px 12px;display:grid}.tw-app-shell aside strong{margin:0 8px 12px}.tw-app-shell aside span{color:var(--tw-200);border-radius:8px;padding:8px;font-size:10px}.tw-app-shell aside span.active{background:var(--tw-700);color:#fff}.tw-app-shell main{background:var(--tw-50);min-width:0;padding:20px}.tw-app-shell header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tw-app-shell header small{color:var(--tw-700)}.tw-app-shell header h4{color:var(--tw-950);margin:2px 0 0;font-size:22px}.tw-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.tw-stat-grid article,.tw-chart-card{border:1px solid var(--tw-200);background:#fff;border-radius:12px;padding:14px}.tw-stat-grid article{gap:4px;display:grid}.tw-stat-grid small{color:var(--tw-700)}.tw-stat-grid strong{color:var(--tw-950);font-size:20px}.tw-stat-grid span{color:var(--tw-600);font-size:9px;font-weight:850}.tw-chart-card{gap:14px;margin-top:10px;display:grid}.tw-chart-card>div:first-child{color:var(--tw-900);justify-content:space-between;display:flex}.tw-chart-bars{align-items:end;gap:8px;height:170px;display:flex}.tw-chart-bars i{background:linear-gradient(var(--tw-500),var(--tw-700));border-radius:5px 5px 2px 2px;flex:1;min-height:10px}.tailwind-mockup-legend{color:#475569;flex-wrap:wrap;gap:8px 14px;font-size:10px;display:flex}.tailwind-mockup-legend span{align-items:center;gap:5px;display:inline-flex}.tailwind-mockup-legend i{border:1px solid var(--ink);border-radius:4px;width:13px;height:13px}.footer-brand{min-width:0}.footer-logo-row{align-items:center;min-height:42px;display:flex;overflow:visible}.site-footer .footer-logo-row .brand{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:14px;width:max-content;max-width:100%;line-height:1;display:inline-flex}.site-footer .footer-logo-row .brand-mark{flex:none;margin:0 2px 0 1px}.site-footer .footer-logo-row .brand>span:last-child{padding-top:1px;display:block}.footer-brand p{overflow-wrap:anywhere;margin:20px 0 8px}@media (max-width:900px){.cps-global-bar{grid-template-columns:1fr}.cps-global-actions{justify-content:flex-start}.semantic-source-grid{grid-template-columns:1fr}.gradient-stop-row .universal-color-input{min-width:180px}}@media (max-width:680px){.universal-color-row,.universal-color-input.is-compact .universal-color-row{grid-template-columns:34px minmax(0,1fr)}.universal-color-row>.button{grid-column:1/-1;width:100%}.contrast-universal-grid{grid-template-columns:1fr}.contrast-universal-grid .swap-button{justify-self:center;transform:rotate(90deg)}.semantic-preview-controls{justify-content:flex-start}.semantic-phone-shell{min-height:620px}.tw-site-nav nav{display:none}.tw-app-shell{grid-template-columns:92px minmax(0,1fr)}.tw-app-shell aside{padding:14px 7px}.tw-stat-grid{grid-template-columns:1fr}.tw-chart-bars{height:110px}.tw-landing{padding:28px 20px}.gradient-stop-row .universal-color-input{grid-column:1/-1;min-width:100%}.site-footer .footer-logo-row .brand{gap:11px;font-size:19px}}.research-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.research-stat-grid article{border:2px solid var(--ink);min-width:0;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;gap:5px;padding:17px;display:grid}.research-stat-grid strong{letter-spacing:-.05em;font-size:clamp(25px,3vw,38px);line-height:1}.research-stat-grid span{color:var(--muted);font-size:11px;font-weight:850;line-height:1.45}.citation-box{border:1px solid var(--line);border-left:6px solid var(--blue);background:#eff6ff;border-radius:14px;margin:18px 0;padding:15px 17px;overflow:auto}.citation-box code{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.65;display:block}.code-anatomy{grid-template-columns:1.25fr .75fr 1fr .65fr;gap:8px;margin:20px 0;display:grid}.code-anatomy span{border:2px solid var(--ink);min-height:96px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:17px;place-items:center;display:grid}.code-anatomy strong{font:950 clamp(22px,4vw,36px) ui-monospace,SFMono-Regular,Menlo,monospace}.code-anatomy small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.family-registry{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.family-registry article{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 11px;display:grid}.family-registry strong{background:var(--ink);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font:900 11px ui-monospace,monospace;display:grid}.family-registry span{min-width:0;font-weight:900}.family-registry code{color:var(--muted);font-size:10px}.registry-table-wrap{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;overflow-x:auto}.research-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}.research-table th,.research-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 13px;line-height:1.5}.research-table th{text-transform:uppercase;letter-spacing:.08em;background:#f7f2e9;font-size:10px}.research-table tr:last-child td{border-bottom:0}.download-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.download-card{border:2px solid var(--ink);min-width:0;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;gap:6px;padding:17px;display:grid;text-decoration:none!important}.download-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.download-card strong{font-size:17px}.download-card span{color:var(--muted);font-size:12px}.download-card code{overflow-wrap:anywhere;font-size:10px}.dataset-sample-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.dataset-sample-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;gap:5px;min-width:0;padding:12px;display:grid}.dataset-sample-grid i{border:1px solid #00000024;border-radius:11px;height:72px;display:block}.dataset-sample-grid strong{font:900 12px ui-monospace,monospace}.dataset-sample-grid span{min-height:34px;font-size:12px;font-weight:800}.dataset-sample-grid code{color:var(--muted);font-size:10px}.trust-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.research-stat-grid,.dataset-sample-grid,.family-registry{grid-template-columns:repeat(2,minmax(0,1fr))}.download-card-grid{grid-template-columns:1fr}.trust-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.research-stat-grid,.dataset-sample-grid,.family-registry,.trust-card-grid{grid-template-columns:1fr}.code-anatomy{grid-template-columns:1fr 1fr}.code-anatomy span{min-height:82px}}.converter-page{padding-top:34px;padding-bottom:72px}.breadcrumbs{color:var(--muted);align-items:center;gap:9px;margin-bottom:22px;font-size:.82rem;display:flex}.breadcrumbs a{color:inherit}.tool-page-hero{max-width:920px;margin-bottom:28px}.tool-page-hero h1{letter-spacing:-.06em;margin:9px 0 18px;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.95}.tool-page-hero p{color:var(--muted);font-size:1.08rem;line-height:1.75}.converter-shell{display:block}.converter-stack{gap:22px;display:grid}.converter-input-card,.converter-results,.converter-cps-card,.converter-print-card,.converter-batch-card,.benchmark-card,.before-after-panel{border:1px solid var(--line);background:var(--surface);border-radius:28px;padding:24px;box-shadow:0 12px 36px #231e1812}.converter-input-card{background:linear-gradient(#fffdfd 0%,#fffef9 100%);position:relative;overflow:hidden}.converter-input-card:before{content:"";background:#2563eb1a;border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -80px -110px auto}.converter-input-card:after{content:"";background:#ff4d8d1a;border-radius:50%;width:180px;height:180px;position:absolute;inset:-90px auto auto -70px}.converter-input-card>*{z-index:1;position:relative}.converter-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px;display:grid}.converter-guide-grid article{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:18px;padding:15px 16px}.converter-guide-grid strong{letter-spacing:-.02em;font-size:.95rem;display:block}.converter-guide-grid p{color:var(--muted);margin:5px 0 0;font-size:.86rem}.converter-entry-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.converter-entry-main{gap:0;display:grid}.converter-picker-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:linear-gradient(135deg,#eef6ff 0%,#fff5fb 100%);border-radius:22px;gap:16px;padding:18px;display:grid}.converter-picker-card small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:900;display:block}.converter-picker-card strong{letter-spacing:-.03em;margin-top:2px;font-size:1.08rem;display:block}.converter-picker-card p{color:#4f4a44;margin:6px 0 0;font-size:.9rem}.converter-picker-row{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;display:grid}.converter-picker-row input[type=color]{border:2px solid var(--ink);cursor:pointer;width:78px;height:78px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:20px;padding:4px}.converter-picker-row span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem;font-weight:900;display:block}.converter-picker-row code{margin-top:4px;font-size:1rem;font-weight:900;display:block}.converter-input-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.converter-input-row input,.converter-batch-card textarea,.converter-profile-controls select,.readiness-controls select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:16px;padding:15px 16px}.field-label{margin:0 0 8px;font-size:.86rem;font-weight:850;display:block}.converter-help-text{color:var(--muted);margin:10px 0 0;font-size:.85rem}.converter-example-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.converter-example-chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:800;transition:transform .15s,background .15s}.converter-example-chip:hover{background:#f8fafc;transform:translateY(-1px)}.converter-alpha{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px;font-size:.85rem;display:grid}.converter-alpha input{width:100%;accent-color:var(--blue)}.converter-detected{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:grid}.converter-detected small{color:var(--muted);display:block}.converter-swatch{border:1px solid var(--line);border-radius:14px;width:48px;height:48px;box-shadow:inset 0 0 0 1px #ffffff40}.converter-error{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin-top:16px;padding:13px 15px}.converter-preview-grid{grid-template-columns:1fr 1fr .72fr;gap:16px;display:grid}.converter-preview-grid article{border:1px solid var(--line);border-radius:24px;flex-direction:column;justify-content:center;gap:12px;min-height:190px;padding:20px;display:flex;overflow:hidden;box-shadow:0 8px 24px #231e180d}.converter-preview-light{background:#fff}.converter-preview-dark{background:#111827}.converter-preview-grid button{border:0;border-radius:10px;width:max-content;padding:11px 14px;font-weight:750}.converter-mobile-card{background:#ffffff14;border:2px solid;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.converter-mobile-card span{border-radius:9px;width:28px;height:28px}.converter-preview-alpha{background-image:linear-gradient(45deg,#d1d5db 25%,#0000 25%),linear-gradient(-45deg,#d1d5db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d1d5db 75%),linear-gradient(-45deg,#0000 75%,#d1d5db 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.converter-preview-alpha div{border-radius:14px;height:86px}.converter-group{margin-top:22px}.converter-group-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.converter-group-head h4{margin:0}.converter-group-head span{text-transform:uppercase;letter-spacing:.08em;background:#faf4d0;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:900}.converter-output-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.converter-output-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:44px 126px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:13px;display:grid}.format-preview{border:1px solid #15151514;border-radius:14px;width:44px;height:44px;box-shadow:inset 0 0 0 1px #ffffff40}.converter-output-grid small{color:var(--muted);font-size:.68rem;line-height:1.35;display:block}.converter-output-grid code{white-space:nowrap;padding-bottom:3px;font-size:.88rem;overflow:auto}.converter-output-grid button{color:var(--muted);cursor:pointer;background:0 0;border:0}.converter-cps-card,.converter-print-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;display:grid}.converter-cps-compare{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.converter-cps-compare>div{border:1px solid var(--line);background:#fffaf0;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;padding:12px 14px;display:grid}.converter-cps-compare small,.converter-cps-compare code{grid-column:2}.converter-cps-compare span{border:1px solid var(--line);border-radius:12px;grid-row:1/span 2;width:38px;height:38px}.converter-match-score{text-align:center;border:2px solid var(--ink);min-width:170px;box-shadow:4px 4px 0 var(--ink);background:linear-gradient(#fff8dd 0%,#fff1b2 100%);border-radius:20px;padding:18px}.converter-match-score strong{font-size:2.4rem;display:block}.converter-match-score span,.converter-match-score small{color:#5b5344;display:block}.converter-profile-controls{gap:10px;min-width:280px;display:grid}.converter-profile-controls label{font-size:.8rem;font-weight:700}.converter-profile-controls select{margin-top:5px}.converter-cmyk-chips{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.cmyk-chip{border:1px solid #1515151a;border-radius:999px;justify-content:center;align-items:center;padding:8px 10px;font-size:.74rem;font-weight:900;display:inline-flex}.cmyk-chip-c{color:#155e75;background:#cffafe}.cmyk-chip-m{color:#9d174d;background:#fce7f3}.cmyk-chip-y{color:#92400e;background:#fef3c7}.cmyk-chip-k{color:#111827;background:#e5e7eb}.converter-actions,.readiness-export-actions{flex-wrap:wrap;gap:10px;display:flex}.converter-batch-meta{flex-wrap:wrap;gap:8px;display:flex}.converter-batch-meta span{background:#eef6ff;border-radius:999px;padding:7px 10px;font-size:.73rem;font-weight:900}.converter-batch-actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.converter-batch-card textarea{resize:vertical}.converter-batch-table{border:1px solid var(--line);border-radius:18px;margin-top:14px;display:grid;overflow:auto}.converter-batch-table>div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr .95fr 1.3fr .9fr;align-items:center;gap:12px;min-width:880px;padding:12px 14px;display:grid}.converter-batch-table>div:last-child{border-bottom:0}.converter-batch-head{background:#f9fafb;font-weight:850}.converter-batch-preview{align-items:center;gap:10px;display:flex}.converter-batch-preview span{border:1px solid var(--line);border-radius:16px;width:54px;height:54px;display:block;box-shadow:inset 0 0 0 1px #ffffff4d}.privacy-inline{color:#065f46;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:16px;align-items:flex-start;gap:12px;padding:16px;display:flex}.converter-support{margin-top:48px}.related-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.related-links a{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;font-weight:700}.notice-card{border-left:4px solid var(--primary);background:var(--soft);border-radius:12px;padding:16px 18px}@media (max-width:900px){.converter-guide-grid,.converter-entry-layout,.converter-preview-grid,.converter-output-grid,.converter-cps-card,.converter-print-card{grid-template-columns:1fr}.readiness-controls{grid-template-columns:1fr 1fr}.readiness-hero-v2{grid-template-columns:auto 1fr}.readiness-summary-stats{grid-column:1/-1}.readiness-web-preview header nav{display:none}.readiness-web-body{grid-template-columns:1fr}.readiness-web-body aside{display:none}.history-list{grid-template-columns:1fr 1fr}}@media (max-width:640px){.converter-input-row{grid-template-columns:1fr}.converter-output-grid article{grid-template-columns:42px 1fr 28px;align-items:start}.converter-output-grid article>div{grid-column:2}.converter-output-grid code{grid-area:2/1/auto/-2;padding-top:4px}.format-preview{grid-row:1/span 2}.converter-actions .button,.readiness-export-actions .button{justify-content:center;width:100%}.related-links,.support-card-grid,.readiness-dimension-grid,.readiness-controls{grid-template-columns:1fr}.readiness-hero-v2{text-align:center;grid-template-columns:1fr}.readiness-ring{margin:auto}.readiness-summary-stats{grid-template-columns:1fr 1fr}.evidence-list article{grid-template-columns:1fr}.evidence-swatches{justify-content:flex-start}.readiness-web-preview header{flex-wrap:wrap}.readiness-web-preview header button{width:100%}.readiness-web-cards,.component-state-grid,.before-after-panel{grid-template-columns:1fr}.before-after-arrow{transform:rotate(90deg)}.fix-plan article{grid-template-columns:32px 1fr}.fix-plan em{grid-column:2}.history-list{grid-template-columns:1fr}.converter-profile-controls{min-width:0}.converter-guide-grid article,.converter-picker-card{box-shadow:3px 3px 0 var(--ink)}.converter-batch-table>div{grid-template-columns:90px 1fr .95fr 1.1fr .9fr;min-width:760px}}.readiness-v2{gap:22px}.readiness-controls{grid-template-columns:1fr 1fr auto auto;align-items:end;gap:12px;display:grid}.readiness-controls label{font-size:.78rem;font-weight:750}.readiness-controls select{margin-top:6px;display:block}.readiness-hero-v2{grid-template-columns:auto minmax(0,1fr) auto}.readiness-summary-stats{grid-template-columns:repeat(2,minmax(105px,1fr));gap:8px;display:grid}.readiness-summary-stats span{background:var(--soft);border-radius:13px;padding:11px;font-size:.72rem}.readiness-summary-stats strong{font-size:1.05rem;display:block}.score-cap-notice{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:16px;padding:14px 16px}.score-cap-notice p{margin:4px 0 0}.readiness-dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.readiness-dimension-grid article{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:15px}.readiness-dimension-grid article>div{justify-content:space-between;gap:10px;display:flex}.readiness-dimension-grid progress{width:100%;margin:10px 0}.readiness-dimension-grid small{color:var(--muted)}.evidence-list{gap:11px;display:grid}.evidence-list article{border:1px solid var(--border);border-radius:16px;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;padding:15px;display:grid}.evidence-label{text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;font-weight:850}.evidence-critical{border-left:5px solid #dc2626!important}.evidence-high{border-left:5px solid #f97316!important}.evidence-medium{border-left:5px solid #eab308!important}.evidence-low{border-left:5px solid #3b82f6!important}.evidence-pass{border-left:5px solid #16a34a!important}.evidence-swatches{gap:5px;display:flex}.evidence-swatches i{border:1px solid var(--border);border-radius:9px;width:30px;height:30px}.readiness-preview-tabs{flex-wrap:wrap;gap:7px;display:flex}.readiness-preview-tabs button{border:1px solid var(--border);background:var(--surface);text-transform:capitalize;cursor:pointer;border-radius:999px;padding:7px 11px}.readiness-preview-tabs button.active{background:var(--text);color:var(--surface)}.readiness-web-preview{border:1px solid var(--border);border-radius:22px;overflow:hidden}.readiness-web-preview header{border-bottom:1px solid;align-items:center;gap:16px;padding:14px 18px;display:flex}.readiness-web-preview header nav{margin-left:auto;font-size:.78rem}.readiness-web-preview header button{border:0;border-radius:9px;padding:9px 12px}.readiness-web-body{grid-template-columns:190px 1fr;min-height:320px;display:grid}.readiness-web-body aside{border-right:1px solid #7f7f7f2e;flex-direction:column;gap:12px;padding:18px;display:flex}.readiness-web-body main{padding:28px}.readiness-web-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.readiness-web-cards article{border:1px solid #7f7f7f33;border-radius:14px;padding:16px}.readiness-web-cards strong{font-size:1.8rem}.readiness-phone{border:10px solid #111827;border-radius:38px;width:min(360px,100%);min-height:590px;margin:auto;overflow:hidden;box-shadow:0 24px 70px #0f172a38}.readiness-phone-notch{background:#111827;border-radius:0 0 16px 16px;width:110px;height:22px;margin:auto}.readiness-phone header{justify-content:space-between;padding:16px;display:flex}.readiness-phone main{padding:22px}.readiness-phone article{border-radius:18px;margin-top:18px;padding:18px}.readiness-phone button{border:0;border-radius:12px;width:100%;padding:12px 14px;font-weight:750}.readiness-mobile-actions{border-top:1px solid #7f7f7f40;justify-content:space-between;margin-top:210px;padding-top:14px;font-size:.7rem;display:flex;position:relative}.component-state-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.component-state-grid article{border:1px solid var(--border);border-radius:15px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.component-state-grid button{border:0;border-radius:9px;padding:10px 13px}.state-ready,.status-pass{color:#15803d}.state-risk,.status-risk{color:#b45309}.state-missing{color:#b91c1c}.vision-audit-table{border:1px solid var(--border);border-radius:16px;overflow:auto}.vision-audit-table>div{border-bottom:1px solid var(--border);grid-template-columns:1.5fr repeat(5,.75fr);gap:10px;min-width:720px;padding:11px 13px;display:grid}.vision-audit-table>div:first-child{background:var(--soft)}.role-coverage-list{flex-wrap:wrap;gap:8px;display:flex}.role-coverage-list span{border:1px solid var(--border);border-radius:999px;padding:7px 11px;font-size:.75rem}.semantic-conflicts{gap:9px;margin-top:14px;display:grid}.semantic-conflicts article{border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.semantic-conflicts i{border-radius:11px;width:38px;height:38px}.before-after-panel{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.before-after-panel>div:not(.before-after-arrow){text-align:center}.before-after-panel strong{font-size:2rem;display:block}.before-after-panel p{text-align:center;grid-column:1/-1}.mini-palette{justify-content:center;margin-top:8px;display:flex}.mini-palette i{width:28px;height:28px}.before-after-arrow{font-size:2rem}.fix-plan{gap:10px;display:grid}.fix-plan article{border:1px solid var(--border);border-radius:15px;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:13px;padding:14px;display:grid}.fix-plan article>span{background:var(--soft);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.fix-plan small,.fix-plan strong{display:block}.fix-plan em{color:var(--muted);font-size:.72rem;font-style:normal}.benchmark-card{gap:14px;display:grid}.benchmark-meter{background:var(--soft);border-radius:999px;height:12px;overflow:hidden}.benchmark-meter i{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#8b5cf6);height:100%;display:block}.history-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.history-list article{border:1px solid var(--border);border-radius:14px;padding:13px}.history-list time,.history-list span{color:var(--muted);font-size:.72rem;display:block}.history-list strong{font-size:1.3rem}.support-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.support-card-grid article{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px}@media (max-width:900px){.converter-preview-grid,.converter-output-grid,.converter-cps-card,.converter-print-card{grid-template-columns:1fr}.readiness-controls{grid-template-columns:1fr 1fr}.readiness-hero-v2{grid-template-columns:auto 1fr}.readiness-summary-stats{grid-column:1/-1}.readiness-web-preview header nav{display:none}.readiness-web-body{grid-template-columns:1fr}.readiness-web-body aside{display:none}.history-list{grid-template-columns:1fr 1fr}}@media (max-width:640px){.converter-input-row{grid-template-columns:1fr}.converter-output-grid article{grid-template-columns:72px minmax(0,1fr) 28px}.converter-actions .button,.readiness-export-actions .button{justify-content:center;width:100%}.related-links,.support-card-grid,.readiness-dimension-grid,.readiness-controls{grid-template-columns:1fr}.readiness-hero-v2{text-align:center;grid-template-columns:1fr}.readiness-ring{margin:auto}.readiness-summary-stats{grid-template-columns:1fr 1fr}.evidence-list article{grid-template-columns:1fr}.evidence-swatches{justify-content:flex-start}.readiness-web-preview header{flex-wrap:wrap}.readiness-web-preview header button{width:100%}.readiness-web-cards,.component-state-grid,.before-after-panel{grid-template-columns:1fr}.before-after-arrow{transform:rotate(90deg)}.fix-plan article{grid-template-columns:32px 1fr}.fix-plan em{grid-column:2}.history-list{grid-template-columns:1fr}.converter-profile-controls{min-width:0}}:root{--border:var(--line);--text:var(--ink);--soft:var(--paper-2);--primary:var(--blue)}.converter-method-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0 14px;display:grid}.converter-method-tabs button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:17px;min-width:0;min-height:76px;padding:13px 14px;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.converter-method-tabs button:hover{border-color:var(--ink);transform:translateY(-2px)}.converter-method-tabs button.active{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff4b8}.converter-method-tabs strong,.converter-method-tabs small{display:block}.converter-method-tabs strong{letter-spacing:-.02em;font-size:.92rem}.converter-method-tabs small{color:var(--muted);margin-top:3px;font-size:.7rem;line-height:1.35}.converter-method-panel{border:1px solid var(--line);background:linear-gradient(#fff 0%,#fffdf8 100%);border-radius:22px;padding:18px}.converter-code-entry{min-width:0}.converter-channel-section{gap:14px;display:grid}.converter-method-copy strong{font-size:1.05rem;display:block}.converter-method-copy p{color:var(--muted);margin:3px 0 0;font-size:.84rem}.converter-channel-grid{gap:10px;display:grid}.converter-rgb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.converter-cmyk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.converter-channel-field{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:4px 9px;min-width:0;padding:12px;display:grid;position:relative;overflow:hidden}.converter-channel-field:before{content:"";background:var(--channel-color,var(--blue));width:5px;position:absolute;inset:0 auto 0 0}.converter-channel-field>span{background:var(--channel-soft,#dbeafe);width:32px;height:32px;color:var(--channel-ink,#1e40af);border-radius:10px;place-items:center;font-weight:950;display:grid}.converter-channel-field input{border:1px solid var(--line);background:#fff;border-radius:11px;width:100%;min-width:0;height:42px;padding:0 10px;font-weight:850}.converter-channel-field small{color:var(--muted);grid-column:2;font-size:.68rem}.channel-r{--channel-color:#ef4444;--channel-soft:#fee2e2;--channel-ink:#991b1b}.channel-g{--channel-color:#22c55e;--channel-soft:#dcfce7;--channel-ink:#166534}.channel-b{--channel-color:#2563eb;--channel-soft:#dbeafe;--channel-ink:#1e40af}.channel-c{--channel-color:#06b6d4;--channel-soft:#cffafe;--channel-ink:#155e75}.channel-m{--channel-color:#ec4899;--channel-soft:#fce7f3;--channel-ink:#9d174d}.channel-y{--channel-color:#eab308;--channel-soft:#fef3c7;--channel-ink:#854d0e}.channel-k{--channel-color:#111827;--channel-soft:#e5e7eb;--channel-ink:#111827}.converter-live-code{color:#fff;background:#111827;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;padding:11px 13px;display:flex}.converter-live-code span{color:#ffffffa6;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:850}.converter-live-code code{overflow-wrap:anywhere;text-align:right}.converter-modern-picker{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:18px;display:grid}.converter-picker-stage{border:2px solid var(--ink);min-height:210px;box-shadow:6px 6px 0 var(--ink);text-align:center;cursor:pointer;background:radial-gradient(circle at 20% 15%,#ffffffb8,#0000 34%),linear-gradient(135deg,#dbeafe,#fce7f3 48%,#fef3c7);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.converter-picker-stage input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.converter-picker-orb{border:3px solid var(--ink);color:#fff;width:96px;height:96px;box-shadow:5px 5px 0 var(--ink), inset 0 0 0 7px #ffffff40;border-radius:50%;place-items:center;margin-bottom:15px;display:grid}.converter-picker-stage strong{font-size:1rem}.converter-picker-stage small{color:#4f4a44;margin-top:4px}.converter-picker-details{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;padding:20px;display:flex}.converter-picker-details>span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:900}.converter-picker-details>code{letter-spacing:-.06em;margin-top:4px;font-size:clamp(1.6rem,4vw,2.55rem);font-weight:950}.converter-picker-details p{color:var(--muted);margin:14px 0 0;font-size:.84rem}.converter-picker-presets{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.converter-picker-presets button{width:36px;height:36px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:11px;transition:transform .15s}.converter-picker-presets button:hover{transform:translateY(-3px)rotate(-3deg)}.converter-example-row>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:center;font-size:.72rem;font-weight:900}.readiness-primary-action{border:2px solid;border-radius:12px;flex:none;justify-content:center;align-items:center;min-height:42px;padding:9px 14px;font-size:.84rem;font-weight:900;display:inline-flex;box-shadow:3px 3px}.readiness-primary-action-full{width:100%;box-shadow:none;margin-top:10px}.readiness-preview-section{border:1px solid var(--line);background:linear-gradient(#fff 0%,#fffdf8 100%);border-radius:24px;padding:20px}.readiness-preview-section>.subhead-row{align-items:center}.readiness-preview-tabs button{border:1px solid var(--line);color:var(--ink);background:#fff;font-weight:850}.readiness-preview-tabs button.active{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.readiness-web-preview{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.readiness-web-preview header,.readiness-web-preview header>strong,.readiness-web-preview header nav,.readiness-web-cards article{min-width:0}.compatibility-section{border:1px solid var(--line);background:linear-gradient(#fff 0%,#f8fbff 100%);border-radius:24px;padding:20px}.compatibility-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:15px;align-items:baseline;gap:8px;margin:14px 0;padding:12px 14px;display:flex}.compatibility-summary strong{font-size:1.45rem}.compatibility-summary span{font-weight:900}.compatibility-summary small{color:var(--muted);margin-left:auto}.compatibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compatibility-card{border:1px solid var(--line);background:#fff;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 7px 20px #231e180d}.compatibility-card.is-safe{border-top:5px solid #16a34a}.compatibility-card.is-limited{border-top:5px solid #eab308}.compatibility-card.is-unsafe{border-top:5px solid #ef4444}.compatibility-pair-preview{border-bottom:1px solid #1515151a;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;min-height:116px;padding:16px;display:grid}.compatibility-pair-preview strong{font-size:2.45rem;line-height:1}.compatibility-pair-preview>span{font-size:1rem;font-weight:950}.compatibility-pair-preview small{color:#111827;overflow-wrap:anywhere;background:#ffffffd1;border-radius:999px;grid-column:1/-1;width:fit-content;max-width:100%;padding:5px 8px;font:750 .65rem ui-monospace,monospace}.compatibility-card-body{gap:12px;padding:14px;display:grid}.compatibility-ratio,.compatibility-use{justify-content:space-between;align-items:center;gap:12px;display:flex}.compatibility-ratio span,.compatibility-use span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:850}.compatibility-ratio strong{font-size:1.4rem}.compatibility-use strong{text-align:right;font-size:.82rem}.compatibility-badges{flex-wrap:wrap;gap:6px;display:flex}.compatibility-badges span{border-radius:999px;padding:6px 8px;font-size:.68rem;font-weight:900}.compatibility-badges .pass{color:#166534;background:#dcfce7}.compatibility-badges .fail{color:#991b1b;background:#fee2e2}.compatibility-copy{border:1px solid var(--line);cursor:pointer;background:#fffdf8;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:850;display:inline-flex}.compatibility-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:18px;padding:28px}.sitewide-donation-section{background:linear-gradient(#0000 0%,#f6f0e6 100%);padding:28px 0 54px}.donation-widget-sitewide{background:linear-gradient(105deg,#fff5b8 0%,#fff9d8 54%,#ffe5f0 100%);grid-template-columns:auto 190px minmax(0,1fr) auto;grid-template-areas:"sticker swatches title button""sticker swatches copy button""sticker swatches note button";align-items:center;gap:4px 20px;padding:20px 22px;display:grid}.donation-widget-sitewide .donation-sticker{writing-mode:vertical-rl;grid-area:sticker;transform:rotate(180deg)}.donation-widget-sitewide .donation-swatches{grid-area:swatches;width:190px;margin:0}.donation-widget-sitewide h3{grid-area:title;margin:0}.donation-widget-sitewide p{grid-area:copy;max-width:620px;margin:2px 0}.donation-widget-sitewide .donation-button,.donation-widget-sitewide .donation-link-status{grid-area:button;width:auto;min-width:210px}.donation-widget-sitewide small{grid-area:note;margin:2px 0 0}@media (max-width:1100px){.converter-method-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.donation-widget-sitewide{grid-template-columns:160px minmax(0,1fr) auto;grid-template-areas:"swatches title button""swatches copy button""swatches note button"}.donation-widget-sitewide .donation-sticker{display:none}.donation-widget-sitewide .donation-swatches{width:160px}}@media (max-width:900px){.converter-modern-picker{grid-template-columns:1fr}.converter-picker-stage{min-height:190px}.compatibility-grid{grid-template-columns:1fr}.readiness-web-preview header{flex-wrap:wrap}.readiness-primary-action{margin-left:auto}.donation-widget-sitewide{grid-template-columns:130px minmax(0,1fr);grid-template-areas:"swatches title""swatches copy""button button""note note"}.donation-widget-sitewide .donation-swatches{width:130px}.donation-widget-sitewide .donation-button,.donation-widget-sitewide .donation-link-status{width:100%;margin-top:10px}}@media (max-width:680px){.converter-method-tabs{grid-template-columns:1fr 1fr}.converter-method-tabs button{min-height:70px;padding:11px}.converter-rgb-grid,.converter-cmyk-grid{grid-template-columns:1fr 1fr}.converter-live-code{flex-direction:column;align-items:flex-start}.converter-live-code code{text-align:left}.converter-modern-picker{gap:12px}.converter-picker-details{padding:16px}.converter-example-row>span{width:100%}.readiness-preview-section,.compatibility-section{border-radius:20px;padding:14px}.readiness-preview-section>.subhead-row,.compatibility-section>.subhead-row{flex-direction:column;align-items:flex-start}.readiness-preview-tabs{flex-wrap:nowrap;width:100%;padding:3px 3px 7px;overflow-x:auto}.readiness-preview-tabs button{flex:none}.readiness-primary-action{width:100%;margin-left:0}.readiness-web-preview header nav{display:none}.readiness-web-body main{padding:18px}.compatibility-summary{flex-wrap:wrap;align-items:flex-start}.compatibility-summary small{width:100%;margin-left:0}.compatibility-pair-preview{min-height:104px}.donation-widget-sitewide{padding:18px;display:block}.donation-widget-sitewide .donation-swatches{width:100%;height:42px;margin:14px 0}.donation-widget-sitewide h3{font-size:22px}.donation-widget-sitewide .donation-button,.donation-widget-sitewide .donation-link-status{min-width:0}}@media (max-width:420px){.converter-method-tabs,.converter-rgb-grid,.converter-cmyk-grid{grid-template-columns:1fr}.converter-channel-field{grid-template-columns:38px 1fr}.compatibility-ratio,.compatibility-use{flex-direction:column;align-items:flex-start}.compatibility-use strong{text-align:left}}.home-hero-actions{align-items:center}.home-hero-quick-links{flex-wrap:wrap;gap:10px 18px;margin-top:16px;display:flex}.home-hero-quick-links a{color:#4f4a44;text-underline-offset:4px;align-items:center;gap:7px;font-size:13px;font-weight:850;-webkit-text-decoration:underline #4f4a4447;text-decoration:underline #4f4a4447;display:inline-flex}.home-hero-quick-links a:hover{text-decoration-color:currentColor}.home-essential-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-essential-card{grid-column:auto;min-height:245px}.home-essential-card:first-child{background:#dbeafe}.home-essential-card:nth-child(2){background:#fef3c7}.home-essential-card:nth-child(3){background:#ccfbf1}.home-essential-card:nth-child(4){background:#fce7f3}.home-essential-card:nth-child(5){background:#ede9fe}.home-essential-card:nth-child(6){background:#ffedd5}.home-tool-directory{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:26px;margin-top:28px;padding:24px}.home-directory-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:22px;padding-bottom:18px;display:flex}.home-directory-intro h3{letter-spacing:-.045em;margin:5px 0 0;font-size:clamp(25px,3vw,36px)}.home-tool-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;display:grid}.home-tool-link{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:17px 0;display:grid}.home-tool-link:nth-last-child(-n+3){border-bottom:0}.home-tool-link-icon{background:var(--paper-2);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.home-tool-link strong,.home-tool-link small{display:block}.home-tool-link strong{letter-spacing:-.015em;font-size:14px}.home-tool-link small{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.35}.home-tool-link>svg{color:var(--muted);transition:transform .16s}.home-tool-link:hover>svg{transform:translate(3px)}.home-section-action{margin-top:16px}.home-palettes-section .palette-card{box-shadow:0 9px 30px #231e180f}.home-workflow{background:#ffffff12;border:1px solid #ffffff2e;border-radius:26px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.home-workflow li{border-right:1px solid #ffffff24;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:24px 42px 24px 20px;display:grid;position:relative}.home-workflow li:last-child{border-right:0}.home-workflow-number{background:var(--yellow);width:38px;height:38px;color:var(--ink);border-radius:50%;place-items:center;font-weight:950;display:grid}.home-workflow strong{font-size:19px;display:block}.home-workflow p{color:#ffffffad;margin:5px 0 0;font-size:13px;line-height:1.5}.home-workflow-arrow{color:#ffffff75;position:absolute;top:33px;right:12px}.home-workflow-action{margin-top:28px}.home-projects-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:60px;display:grid}.home-projects-layout h2{letter-spacing:-.055em;margin:10px 0 0;font-size:clamp(38px,5vw,58px);line-height:1.02}.home-projects-layout>p{color:#4b4741;margin:8px 0 0;font-size:17px;line-height:1.75}.home-trust-panel{border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);background:#fff;border-radius:30px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);display:grid;overflow:hidden}.home-trust-copy{border-right:2px solid var(--ink);background:linear-gradient(145deg,#fff4bd 0%,#ffe8f1 100%);padding:34px}.home-trust-copy h2{letter-spacing:-.055em;margin:10px 0 16px;font-size:clamp(34px,4vw,52px);line-height:1.02}.home-trust-copy p{color:#4b4741;margin:0;line-height:1.7}.home-trust-links{padding:12px 28px;display:grid}.home-trust-links a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:19px 2px;display:grid}.home-trust-links a:last-child{border-bottom:0}.home-trust-links strong,.home-trust-links small{display:block}.home-trust-links strong{letter-spacing:-.025em;font-size:18px}.home-trust-links small{color:var(--muted);margin-top:3px;line-height:1.45}.home-trust-links svg{color:var(--muted);transition:transform .16s}.home-trust-links a:hover svg{transform:translate(4px)}@media (max-width:980px){.home-essential-grid,.home-tool-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tool-link:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.home-tool-link:nth-last-child(-n+2){border-bottom:0}.home-workflow{grid-template-columns:1fr}.home-workflow li{border-bottom:1px solid #ffffff24;border-right:0;grid-template-columns:42px minmax(0,1fr);padding:18px 54px 18px 20px}.home-workflow li:last-child{border-bottom:0}.home-workflow-arrow{top:27px;right:20px;transform:rotate(90deg)}.home-projects-layout{grid-template-columns:1fr;gap:18px}.home-trust-panel{grid-template-columns:1fr}.home-trust-copy{border-right:0;border-bottom:2px solid var(--ink)}}@media (max-width:640px){.home-hero-actions{grid-template-columns:1fr;display:grid}.home-hero-actions .hero-primary-action,.home-hero-actions .hero-secondary-action{width:100%;min-width:0}.home-hero-quick-links{gap:9px;margin-top:15px;display:grid}.home-essential-grid{grid-template-columns:1fr}.home-essential-card{min-height:220px}.home-tool-directory{box-shadow:5px 5px 0 var(--ink);padding:18px}.home-directory-intro{flex-direction:column;align-items:start}.home-directory-intro .button{width:100%}.home-tool-link-grid{grid-template-columns:1fr}.home-tool-link:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.home-tool-link:last-child{border-bottom:0}.home-palettes-section .section-head{align-items:start}.home-workflow li{padding-right:46px}.home-projects-layout>p{font-size:15px}.home-trust-panel{box-shadow:6px 6px 0 var(--ink)}.home-trust-copy{padding:25px 22px}.home-trust-links{padding:8px 20px}.home-trust-links a{padding:17px 0}.home-trust-links strong{font-size:16px}.home-trust-links small{font-size:12px}}.converter-custom-picker-panel{gap:16px;display:grid}.converter-custom-picker-copy{max-width:760px}.converter-custom-picker-copy h3{letter-spacing:-.035em;margin:7px 0 5px;font-size:1.25rem}.converter-custom-picker-copy p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.modern-color-picker{grid-template-columns:minmax(300px,1.25fr) minmax(280px,.75fr);align-items:stretch;gap:18px;display:grid}.modern-picker-canvas-wrap,.modern-picker-controls{border:1px solid var(--line);background:#fff;border-radius:22px;padding:16px}.modern-picker-canvas-wrap{background:linear-gradient(145deg,#f8fbff 0%,#fff 58%,#fff9e6 100%);gap:15px;display:grid}.modern-picker-canvas{border:2px solid var(--ink);cursor:crosshair;touch-action:none;min-height:290px;box-shadow:5px 5px 0 var(--ink);border-radius:18px;position:relative;overflow:hidden}.modern-picker-canvas:after{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(#ffffff38 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.modern-picker-cursor{z-index:2;pointer-events:none;border:4px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #111827,0 5px 14px #0f172a57}.modern-picker-hue-row{grid-template-columns:auto minmax(0,1fr) 46px;align-items:center;gap:12px;display:grid}.modern-picker-hue-row>span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.74rem;font-weight:900}.modern-picker-hue-row input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;width:100%;height:14px}.modern-picker-hue-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#111827;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #111827}.modern-picker-hue-row input[type=range]::-moz-range-thumb{background:#111827;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 2px #111827}.modern-picker-hue-row output{text-align:right;font:850 .78rem ui-monospace,monospace}.modern-picker-controls{align-content:start;gap:15px;display:grid}.modern-picker-selected{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff9d9;border-radius:18px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.modern-picker-selected-swatch{border:2px solid var(--ink);color:#fff;border-radius:16px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 0 5px #ffffff38}.modern-picker-selected small,.modern-picker-selected strong{display:block}.modern-picker-selected small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;font-weight:900}.modern-picker-selected strong{letter-spacing:-.04em;margin-top:3px;font:950 1.25rem ui-monospace,monospace}.modern-picker-hex-field{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:9px;display:grid}.modern-picker-hex-field span{color:var(--muted);font-size:.72rem;font-weight:900}.modern-picker-hex-field input,.modern-picker-channel-grid input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;min-width:0;height:42px;padding:0 11px;font-weight:850}.modern-picker-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.modern-picker-channel-grid label{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;display:grid}.modern-picker-channel-grid span{color:#334155;background:#f1f5f9;border-radius:9px;place-items:center;width:28px;height:28px;font-size:.72rem;font-weight:950;display:grid}.modern-picker-sliders{gap:10px;display:grid}.modern-picker-sliders label{gap:6px;display:grid}.modern-picker-sliders label>span{color:var(--muted);justify-content:space-between;gap:12px;font-size:.72rem;font-weight:800;display:flex}.modern-picker-sliders input[type=range]{width:100%;accent-color:var(--blue)}.modern-picker-presets{flex-wrap:wrap;gap:9px;padding-top:2px;display:flex}.modern-picker-presets button{width:38px;height:38px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:3px solid #fff;border-radius:12px;transition:transform .15s,box-shadow .15s;position:relative}.modern-picker-presets button:hover{transform:translateY(-3px)rotate(-3deg)}.modern-picker-presets button.active{box-shadow:0 0 0 2px var(--ink),3px 3px 0 var(--ink)}.spot-lab-page{width:min(1320px,100% - 32px)}.cps-lab{grid-template-columns:minmax(180px,210px) minmax(0,1fr) minmax(250px,270px)}.cps-main,.cps-aside,.cps-filter-panel>*{min-width:0}@media (max-width:900px){.modern-color-picker{grid-template-columns:1fr}.modern-picker-canvas{min-height:250px}}@media (max-width:680px){.modern-picker-canvas-wrap,.modern-picker-controls{border-radius:18px;padding:12px}.modern-picker-canvas{min-height:220px;box-shadow:3px 3px 0 var(--ink)}.modern-picker-selected{box-shadow:3px 3px 0 var(--ink);grid-template-columns:50px minmax(0,1fr) auto}.modern-picker-selected-swatch{width:50px;height:50px}.modern-picker-channel-grid{grid-template-columns:1fr}.modern-picker-channel-grid label{grid-template-columns:32px minmax(0,1fr)}}@media (max-width:1280px){.cps-lab{grid-template-columns:180px minmax(0,1fr)}.cps-aside{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;position:static}.cps-selected-card{grid-column:span 2}.cps-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.cps-lab,.cps-lab-embedded{grid-template-columns:1fr}.cps-aside{grid-column:1;grid-template-columns:1fr 1fr}.cps-selected-card{grid-column:1/-1}}@media (max-width:560px){.spot-lab-page{width:min(100% - 18px,1320px)}.cps-aside{grid-template-columns:1fr}.cps-selected-card{grid-column:1}}html,body{max-width:100%;overflow-x:clip}main,section,article,aside,nav,header,footer,div,form,fieldset{min-width:0}pre,code,button,input,select,textarea{max-width:100%}.tool-panel,.tool-panel-body,.tool-page-layout,.playground-tool-column,.playground-donation-layout,.converter-stack,.cps-main,.cps-aside{min-width:0}.universal-color-picker-trigger{cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;width:42px;height:42px;padding:0;display:grid;position:relative}.universal-color-picker-trigger .universal-color-swatch{grid-area:1/1;display:block}.universal-color-picker-trigger>svg{z-index:2;color:#fff;filter:drop-shadow(0 1px 2px #000000b3);pointer-events:none;grid-area:1/1}.universal-color-input.is-compact .universal-color-picker-trigger{border-radius:10px;width:34px;height:34px}.universal-color-picker-trigger:hover .universal-color-swatch{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.modern-picker-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.modern-picker-dialog{border:3px solid var(--ink);background:var(--paper);width:min(980px,100%);max-height:min(900px,100dvh - 48px);box-shadow:12px 12px 0 var(--ink);border-radius:30px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.modern-picker-dialog-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#dbeafe,#fff7d6 52%,#fce7f3);justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px;display:flex}.modern-picker-dialog-head h2{letter-spacing:-.045em;margin:6px 0 4px;font-size:clamp(24px,3vw,36px);line-height:1}.modern-picker-dialog-head p{color:#4f4a44;max-width:680px;margin:0}.modern-picker-dialog-close{background:#fff;flex:none}.modern-picker-dialog-body{padding:20px;overflow:auto}.modern-picker-dialog-actions{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.modern-picker-dialog-actions>span{align-items:center;gap:9px;font:850 .85rem ui-monospace,monospace;display:inline-flex}.modern-picker-dialog-actions i{border:1px solid var(--line);border-radius:8px;width:26px;height:26px}.modern-color-picker.is-compact .modern-picker-canvas{min-height:230px}.modern-color-picker.is-compact{grid-template-columns:minmax(260px,1.15fr) minmax(250px,.85fr)}.base-color-modern-trigger,.palette-modern-picker-trigger,.tailwind-modern-picker-trigger,.cps-modern-picker-trigger{color:#111827;cursor:pointer;background:#ffffffe6;border:2px solid;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:3px 3px}.base-color-modern-trigger:hover,.palette-modern-picker-trigger:hover,.tailwind-modern-picker-trigger:hover,.cps-modern-picker-trigger:hover{transform:translate(1px,1px);box-shadow:2px 2px}.color-preview{position:relative;overflow:hidden}.color-preview .base-color-modern-trigger{align-self:flex-start}.editable-palette article{isolation:isolate;position:relative}.palette-modern-picker-trigger{z-index:3;color:#111827;background:#fffffff0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.palette-modern-picker-trigger:hover{transform:translate(calc(1px - 50%),calc(1px - 50%))}.tailwind-modern-picker-trigger{color:inherit;box-shadow:none;background:#ffffffeb;border-width:1px;padding:6px 9px}.gradient-stop-swatch{border:2px solid var(--ink);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);border-radius:12px}.cps-target,.cps-create-preview{position:relative;overflow:hidden}.cps-target .cps-modern-picker-trigger,.cps-create-preview .cps-modern-picker-trigger{color:#111827;background:#ffffffeb;align-self:flex-start}.subhead-row,.section-row,.tool-panel-head,.cps-results-head{flex-wrap:wrap}.toolbar-wrap,.converter-actions,.readiness-export-actions,.palette-card-actions,.cps-global-actions,.toolbar-wrap>*{min-width:0}.segmented-control{max-width:100%;padding-bottom:3px;overflow-x:auto}.text-input,.select-input,.number-input,textarea{min-width:0}.code-block,.large-code{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow:auto}@media (max-width:1100px){.playground-donation-layout{grid-template-columns:1fr}.playground-donation-sidebar{order:2;position:static}.donation-widget{max-width:100%}.modern-color-picker,.modern-color-picker.is-compact{grid-template-columns:1fr}.modern-picker-canvas{min-height:260px}}@media (max-width:760px){.modern-picker-dialog-backdrop{align-items:end;padding:10px}.modern-picker-dialog{width:100%;max-height:calc(100dvh - 12px);box-shadow:6px 6px 0 var(--ink);border-radius:24px 24px 12px 12px}.modern-picker-dialog-head{gap:12px;padding:17px}.modern-picker-dialog-head p{font-size:13px}.modern-picker-dialog-body{padding:12px}.modern-picker-dialog-actions{flex-wrap:wrap;padding:12px}.modern-picker-dialog-actions .button{width:100%}.modern-picker-canvas{min-height:220px}.modern-picker-canvas-wrap,.modern-picker-controls{padding:12px}.modern-picker-selected{grid-template-columns:48px minmax(0,1fr) auto}.modern-picker-selected-swatch{width:48px;height:48px}.modern-picker-channel-grid{grid-template-columns:1fr 1fr 1fr}.universal-color-row,.universal-color-input.is-compact .universal-color-row{grid-template-columns:34px minmax(0,1fr)}.universal-color-picker-trigger{width:34px;height:34px}.universal-color-picker-trigger .universal-color-swatch{border-radius:10px;width:34px;height:34px}.universal-color-row>.button{grid-column:1/-1;width:100%}.gradient-stop-row{grid-template-columns:42px minmax(0,1fr) minmax(86px,.55fr)}.gradient-stop-row .universal-color-input{grid-column:2/-1;min-width:0}.gradient-stop-row .universal-color-row{grid-template-columns:34px minmax(0,1fr)}.gradient-stop-row .universal-color-row>.button{grid-column:1/-1}.gradient-stop-row label{min-width:0}.gradient-stop-row .icon-button{justify-self:end}.tailwind-shade{flex-wrap:wrap;gap:10px}.tailwind-modern-picker-trigger{margin-left:auto}.cps-input-panel,.cps-create-card{min-width:0}.cps-target,.cps-create-preview{min-height:180px}.cps-modern-picker-trigger{padding:7px 10px}.cps-match-results>article>button:first-child,.cps-custom-list>article{min-width:0}}@media (max-width:480px){.shell{width:min(100% - 16px,1180px)}.tool-panel-body,.converter-input-card,.converter-results,.converter-cps-card,.converter-print-card,.converter-batch-card{padding:15px}.modern-picker-dialog-backdrop{padding:4px}.modern-picker-dialog{max-height:calc(100dvh - 4px);box-shadow:none;border-width:2px;border-radius:20px 20px 8px 8px}.modern-picker-dialog-head h2{font-size:24px}.modern-picker-canvas{min-height:190px}.modern-picker-channel-grid{grid-template-columns:1fr}.modern-picker-hue-row{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px}.modern-picker-presets button{width:34px;height:34px}.base-color-modern-trigger,.cps-modern-picker-trigger{padding:7px 9px}.editable-palette article{min-height:130px}.palette-modern-picker-trigger{top:46%}.gradient-stop-row{grid-template-columns:36px minmax(0,1fr)}.gradient-stop-swatch{width:36px;height:36px}.gradient-stop-row .universal-color-input{grid-column:2}.gradient-stop-row label,.gradient-stop-row .icon-button{grid-column:1/-1;width:100%}.gradient-stop-row .icon-button{justify-self:stretch}.cps-mini-fields,.cps-mini-fields.four{grid-template-columns:1fr 1fr}.cps-match-results>article>button:first-child{grid-template-columns:24px 36px minmax(0,1fr)}.cps-match-delta,.spot-grade{grid-column:3}.converter-output-grid article{min-width:0}.converter-output-grid code{white-space:normal;overflow-wrap:anywhere}}@media (max-width:860px){.challenge-header{flex-direction:column;align-items:stretch}.challenge-mode{align-self:flex-start}.comparison-grid{grid-template-columns:1fr}.palette-output button{overflow-wrap:anywhere;word-break:break-word;min-width:0}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.hero{isolation:isolate}.hero:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 20%,#2dd4bf24,#0000 24%),radial-gradient(circle at 82% 72%,#ff4d8d1f,#0000 26%);animation:10s ease-in-out infinite alternate hero-ambient-shift;position:absolute;inset:0}.hero h1 em:after{transform-origin:0;animation:4.8s ease-in-out infinite hero-highlight-pulse}.animated-hero-palette{animation:6s ease-in-out infinite hero-art-float}.animated-hero-palette .palette-deck{animation:7s ease-in-out infinite hero-deck-tilt}.animated-hero-palette .mini-card{animation:5.2s ease-in-out infinite hero-mini-float}.animated-hero-palette .floating-chip.one{animation:4.3s ease-in-out infinite hero-chip-one}.animated-hero-palette .floating-chip.two{animation:4.9s ease-in-out infinite hero-chip-two}.animated-hero-palette .floating-chip.three{animation:5.4s ease-in-out infinite hero-chip-three}.animated-hero-palette .deck-colors i{position:relative;overflow:hidden}.animated-hero-palette .deck-colors i:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffff61 48%,#0000 66%);animation:5.8s ease-in-out infinite hero-color-sheen;position:absolute;inset:-30%;transform:translate(-120%)}.animated-hero-palette .deck-colors i:nth-child(2):after{animation-delay:.35s}.animated-hero-palette .deck-colors i:nth-child(3):after{animation-delay:.7s}.animated-hero-palette .deck-colors i:nth-child(4):after{animation-delay:1.05s}.hero-color-orbit{z-index:1;pointer-events:none;animation:18s linear infinite hero-orbit-rotate;position:absolute;inset:0}.hero-color-orbit i{border:2px solid var(--ink);width:18px;height:18px;box-shadow:3px 3px 0 var(--ink);border-radius:6px;position:absolute}.hero-color-orbit i:first-child{background:var(--yellow);top:20%;left:8%}.hero-color-orbit i:nth-child(2){background:var(--pink);top:17%;right:7%}.hero-color-orbit i:nth-child(3){background:var(--mint);bottom:22%;right:3%}.hero-color-orbit i:nth-child(4){background:var(--blue);bottom:25%;left:4%}.hero-spark{z-index:8;pointer-events:none;font-size:20px;font-weight:900;animation:3s ease-in-out infinite hero-sparkle;position:absolute}.hero-spark-one{color:var(--pink);top:2%;right:24%}.hero-spark-two{color:var(--yellow);animation-delay:.8s;bottom:3%;left:28%}.hero-spark-three{color:var(--blue);animation-delay:1.6s;bottom:42%;right:2%}@keyframes hero-ambient-shift{0%{transform:translate(-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.04)}}@keyframes hero-highlight-pulse{0%,to{opacity:.7;transform:scaleX(.92)rotate(-1deg)}50%{opacity:.95;transform:scaleX(1.04)rotate(.2deg)}}@keyframes hero-art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes hero-deck-tilt{0%,to{transform:rotate(-2deg)translate(0)}50%{transform:rotate(.6deg)translate(4px,-3px)}}@keyframes hero-mini-float{0%,to{transform:rotate(7deg)translateY(0)}50%{transform:rotate(3deg)translateY(-12px)}}@keyframes hero-chip-one{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-8px)}}@keyframes hero-chip-two{0%,to{transform:rotate(8deg)translateY(0)}50%{transform:rotate(4deg)translateY(7px)}}@keyframes hero-chip-three{0%,to{transform:rotate(5deg)translate(0)}50%{transform:rotate(1deg)translate(8px)}}@keyframes hero-color-sheen{0%,34%{transform:translate(-130%)}55%,to{transform:translate(130%)}}@keyframes hero-orbit-rotate{to{transform:rotate(360deg)}}@keyframes hero-sparkle{0%,to{opacity:.3;transform:scale(.65)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(25deg)}}.guides-hub-hero{background:radial-gradient(#ddd7cb 1px,#0000 1px) 0 0/18px 18px,linear-gradient(135deg,#fffdf8,#f5fbff 56%,#fff4fa);padding:78px 0 70px;position:relative;overflow:hidden}.guides-hub-hero:before{content:"";background:#ffd60a38;border-radius:50%;width:320px;height:320px;position:absolute;top:-130px;right:-90px}.guides-hub-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);align-items:center;gap:70px;display:grid;position:relative}.guides-hub-hero h1{letter-spacing:-.07em;max-width:780px;margin:16px 0 20px;font-size:clamp(50px,6.7vw,88px);line-height:.92}.guides-hub-hero p{color:#4f4a44;max-width:700px;margin:0;font-size:18px;line-height:1.7}.guides-hub-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.guides-hub-trust{color:#57534e;flex-wrap:wrap;gap:15px;margin-top:22px;font-size:12px;font-weight:850;display:flex}.guides-hub-trust span{align-items:center;gap:6px;display:inline-flex}.guides-hub-art{min-height:420px;position:relative}.guide-book-stack{position:absolute;inset:58px 28px 44px 40px;transform:rotate(-4deg)}.guide-book-stack i{border:3px solid var(--ink);box-shadow:11px 11px 0 var(--ink);background:#fff;border-radius:30px;position:absolute;inset:0}.guide-book-stack i:first-child{background:#ccfbf1;transform:translate(-28px,22px)rotate(-7deg)}.guide-book-stack i:nth-child(2){background:#fce7f3;transform:translate(26px,-15px)rotate(7deg)}.guide-book-stack i:nth-child(3){background:linear-gradient(145deg,#dbeafe 0 48%,#fef3c7 48% 100%)}.guide-book-stack span{letter-spacing:-.08em;place-items:center;font-size:92px;font-weight:950;display:grid;position:absolute;inset:0}.guide-art-note{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900;position:absolute}.guide-art-note.one{background:var(--mint);top:28px;left:0;transform:rotate(-7deg)}.guide-art-note.two{background:var(--yellow);top:105px;right:0;transform:rotate(7deg)}.guide-art-note.three{background:var(--pink);color:#fff;bottom:25px;left:10px;transform:rotate(4deg)}.guides-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guides-featured-grid>a{--guide-card-accent:#2563eb;border:2px solid var(--ink);background:linear-gradient(180deg,var(--guide-card-accent),white 72%);border-radius:26px;flex-direction:column;min-height:330px;padding:24px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.guides-featured-grid>a{background:linear-gradient(180deg,color-mix(in srgb,var(--guide-card-accent) 14%,white),white 72%)}}.guides-featured-grid>a{box-shadow:6px 6px 0 var(--ink);transition:transform .16s,box-shadow .16s}.guides-featured-grid>a:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(3px,3px)}.guides-featured-grid small{text-transform:uppercase;letter-spacing:.1em;color:#5b5751;font-size:11px;font-weight:900}.guides-featured-grid h3{letter-spacing:-.045em;margin:34px 0 12px;font-size:27px;line-height:1.05}.guides-featured-grid p{color:#4f4a44;margin:0}.guide-feature-number{color:var(--guide-card-accent);font-size:32px;font-weight:950;position:absolute;top:18px;right:20px}.guide-feature-link{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-top:auto;padding-top:28px;font-size:12px;font-weight:950;display:flex}.guides-directory{gap:18px;display:grid}.guides-directory-controls{gap:12px;display:grid}.guides-search{border:2px solid var(--ink);max-width:560px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.guides-search input{background:0 0;border:0;outline:0;width:100%;min-height:50px}.guide-category-tabs{gap:8px;padding:3px 2px 6px;display:flex;overflow-x:auto}.guide-category-tabs button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:9px 13px;font-size:12px;font-weight:900}.guide-category-tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.guides-directory-meta{color:var(--muted);justify-content:space-between;gap:16px;font-size:13px;display:flex}.guides-directory-meta strong{color:var(--ink)}.guide-compact-list{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:25px;overflow:hidden}.guide-compact-item{--guide-accent:#2563eb;border-bottom:1px solid var(--line);grid-template-columns:46px 18px minmax(0,1fr) auto 22px;align-items:center;gap:14px;padding:18px 20px;transition:background .15s;display:grid}.guide-compact-item:last-child{border-bottom:0}.guide-compact-item:hover{background:#fffdf5}.guide-index{color:var(--muted);font:900 12px ui-monospace,monospace}.guide-compact-color{background:var(--guide-accent);border-radius:999px;width:14px;height:44px}.guide-compact-copy{min-width:0}.guide-compact-copy small{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900;display:block}.guide-compact-copy strong{letter-spacing:-.025em;margin-top:2px;font-size:18px;display:block}.guide-compact-copy p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:12px;overflow:hidden}.guide-tool-label{white-space:nowrap;background:#f7f3eb;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:850;display:inline-flex}.guide-compact-arrow{color:var(--guide-accent)}.guides-empty{text-align:center;border:1px dashed var(--line);background:#fff;border-radius:22px;padding:54px 20px}.guides-empty h3{margin:10px 0 4px}.guides-empty p{color:var(--muted);margin:0}.guides-method-panel{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff5bf;border-radius:28px;grid-template-columns:minmax(0,1fr) 340px;gap:30px;padding:32px;display:grid}.guides-method-panel h2{letter-spacing:-.055em;margin:8px 0 12px;font-size:clamp(34px,4vw,54px);line-height:1}.guides-method-panel p{color:#4f4a44;margin:0}.guides-method-panel nav{align-content:center;display:grid}.guides-method-panel nav a{border-bottom:1px solid #15151529;justify-content:space-between;align-items:center;padding:15px 0;font-weight:850;display:flex}.guides-method-panel nav a:last-child{border-bottom:0}.guide-page{--guide-accent:#2563eb}.guide-hero{background:radial-gradient(#ded8cd 1px,transparent 1px),linear-gradient(145deg,var(--guide-accent),#fffdf8 68%);padding:42px 0 55px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.guide-hero{background:radial-gradient(#ded8cd 1px,transparent 1px),linear-gradient(145deg,color-mix(in srgb,var(--guide-accent) 10%,#fffdf8),#fffdf8 68%)}}.guide-hero{background-size:18px 18px,auto}.guide-hero:after{content:"";background:var(--guide-accent);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-110px;right:-75px}@supports (color:color-mix(in lab, red, red)){.guide-hero:after{background:color-mix(in srgb,var(--guide-accent) 18%,transparent)}}.guide-breadcrumbs{margin-bottom:25px}.guide-category-badge{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-transform:uppercase;letter-spacing:.09em;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;font-weight:900;display:inline-flex}.guide-hero h1{z-index:1;letter-spacing:-.065em;max-width:980px;margin:20px 0 18px;font-size:clamp(46px,6vw,78px);line-height:.94;position:relative}.guide-deck{z-index:1;color:#46413b;max-width:850px;margin:0;font-size:19px;line-height:1.7;position:relative}.guide-byline{color:#5f5a53;flex-wrap:wrap;gap:12px 22px;margin-top:22px;font-size:12px;font-weight:800;display:flex}.guide-byline span{align-items:center;gap:6px;display:inline-flex}.guide-direct-answer{z-index:1;border:2px solid var(--ink);max-width:980px;box-shadow:7px 7px 0 var(--ink);background:#fff;border-radius:24px;grid-template-columns:48px minmax(0,1fr);gap:16px;margin-top:32px;padding:22px;display:grid;position:relative}.guide-answer-icon{border:2px solid var(--ink);background:var(--yellow);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.guide-direct-answer h2{letter-spacing:-.02em;margin:0 0 6px;font-size:16px}.guide-direct-answer p{margin:0;font-size:16px;line-height:1.75}.guide-glance{z-index:1;max-width:980px;margin-top:28px;position:relative}.guide-glance>h2{text-transform:uppercase;letter-spacing:.1em;font-size:14px}.guide-glance>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.guide-glance article{border:1px solid var(--line);background:#ffffffdb;border-radius:16px;padding:14px}.guide-glance small,.guide-glance strong{display:block}.guide-glance small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:850}.guide-glance strong{margin-top:5px;font-size:14px;line-height:1.35}.guide-layout{grid-template-columns:250px minmax(0,800px);justify-content:center;align-items:start;gap:55px;padding-top:50px;padding-bottom:85px;display:grid}.guide-sidebar{gap:16px;display:grid;position:sticky;top:108px}.guide-toc,.guide-side-tool{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px}.guide-toc{max-height:calc(100vh - 240px);display:grid;overflow:auto}.guide-toc>strong{margin-bottom:8px;font-size:13px}.guide-toc a{color:#5b5751;border-bottom:1px solid #f0ece4;padding:7px 0;font-size:12px}.guide-toc a:last-child{border-bottom:0}.guide-toc a:hover{color:var(--guide-accent)}.guide-side-tool{border:2px solid var(--ink);background:var(--guide-accent)}@supports (color:color-mix(in lab, red, red)){.guide-side-tool{background:color-mix(in srgb,var(--guide-accent) 10%,white)}}.guide-side-tool{box-shadow:4px 4px 0 var(--ink)}.guide-side-tool>strong{margin-top:5px;font-size:18px;line-height:1.15;display:block}.guide-side-tool p{color:#4f4a44;margin:7px 0 14px;font-size:12px}.guide-side-tool .button{width:100%}.guide-article{min-width:0}.guide-section{border-bottom:1px solid var(--line);margin-bottom:42px;padding:0 0 42px;scroll-margin-top:110px}.guide-section h2{letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(30px,4vw,42px);line-height:1.05}.guide-section-summary{color:#25211e;margin:0 0 17px;font-size:18px;font-weight:650;line-height:1.6}.guide-section>p:not(.guide-section-summary){color:#4b4741;font-size:16px;line-height:1.8}.guide-check-list{gap:10px;margin:20px 0;padding:0;list-style:none;display:grid}.guide-check-list li{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:9px;display:grid}.guide-check-list svg{color:var(--guide-accent);margin-top:3px}.guide-steps{gap:11px;margin:22px 0;padding:0;list-style:none;display:grid}.guide-steps li{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:13px;display:grid}.guide-steps li>span{border:2px solid var(--ink);background:var(--guide-accent);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.guide-steps li>span{background:color-mix(in srgb,var(--guide-accent) 18%,white)}}.guide-steps li>span{font-weight:950}.guide-steps p{color:#403b35;margin:0}.guide-callout{border-left:5px solid var(--guide-accent);background:var(--guide-accent);border-radius:14px;grid-template-columns:26px minmax(0,1fr);gap:12px;margin:22px 0;padding:17px;display:grid}@supports (color:color-mix(in lab, red, red)){.guide-callout{background:color-mix(in srgb,var(--guide-accent) 8%,white)}}.guide-callout strong{display:block}.guide-callout p{color:#4f4a44;margin:4px 0 0}.guide-table-wrap{border:1px solid var(--line);background:#fff;border-radius:17px;max-width:100%;margin:24px 0;overflow-x:auto}.guide-table-wrap table{border-collapse:collapse;width:100%;min-width:620px}.guide-table-wrap caption{text-align:left;background:#f7f3eb;padding:14px 16px;font-size:12px;font-weight:900}.guide-table-wrap th,.guide-table-wrap td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 14px;font-size:13px}.guide-table-wrap thead th{text-transform:uppercase;letter-spacing:.06em;background:#fcfbf8;font-size:11px}.guide-table-wrap tbody th{font-weight:850}.guide-code{border:2px solid var(--ink);color:#f8fafc;box-shadow:4px 4px 0 var(--ink);background:#101828;border-radius:17px;margin:24px 0;overflow:hidden}.guide-code figcaption{color:#cbd5e1;letter-spacing:.1em;background:#202b3f;padding:9px 14px;font-size:10px;font-weight:900}.guide-code pre{margin:0;padding:18px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.guide-tool-cta{border:2px solid var(--ink);background:linear-gradient(135deg,var(--guide-accent),#fff8cc);border-radius:25px;justify-content:space-between;align-items:center;gap:28px;margin:10px 0 50px;padding:28px;display:flex}@supports (color:color-mix(in lab, red, red)){.guide-tool-cta{background:linear-gradient(135deg,color-mix(in srgb,var(--guide-accent) 17%,white),#fff8cc)}}.guide-tool-cta{box-shadow:7px 7px 0 var(--ink)}.guide-tool-cta h2{letter-spacing:-.045em;margin:7px 0 8px;font-size:31px}.guide-tool-cta p{color:#4f4a44;max-width:560px;margin:0}.guide-tool-cta .button{flex:none}.guide-faq-list details{background:#fff}.guide-reference-list{gap:8px;padding-left:24px;display:grid}.guide-reference-list a{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.guide-reference-list strong,.guide-reference-list small{display:block}.guide-reference-list small{color:var(--muted);margin-top:2px}.guide-related{border-bottom:0}.guide-related-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.guide-related-head a{align-items:center;gap:6px;font-weight:850;display:inline-flex}.guide-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.guide-related-grid>a{--guide-card-accent:#2563eb;border:1px solid var(--line);border-top:6px solid var(--guide-card-accent);background:#fff;border-radius:17px;flex-direction:column;min-height:220px;padding:17px;display:flex}.guide-related-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.guide-related-grid strong{margin-top:9px;font-size:18px;line-height:1.15}.guide-related-grid p{color:var(--muted);font-size:12px}.guide-related-grid span{align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:900;display:flex}.guide-author-note{border:1px solid var(--line);background:#f8fafc;border-radius:20px;grid-template-columns:64px minmax(0,1fr);gap:17px;padding:22px;display:grid}.guide-author-mark{border:2px solid var(--ink);background:linear-gradient(135deg,var(--yellow),var(--pink));border-radius:18px;place-items:center;width:60px;height:60px;font-weight:950;display:grid}.guide-author-note>div>strong{font-size:18px}.guide-author-note p{color:var(--muted);margin:5px 0 9px;font-size:13px}.guide-author-note>div>div{flex-wrap:wrap;gap:12px;display:flex}.guide-author-note a{font-size:12px;font-weight:850;text-decoration:underline}.tool-guide-panel{border:2px solid var(--ink);width:min(1180px,100% - 32px);box-shadow:6px 6px 0 var(--ink);background:#f4f0ff;border-radius:25px;margin:42px auto;padding:24px}.tool-guide-panel-head{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.tool-guide-icon{border:2px solid var(--ink);background:var(--yellow);border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.tool-guide-panel h2{letter-spacing:-.04em;margin:3px 0 0;font-size:26px}.tool-guide-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px;display:grid}.tool-guide-links>a{border:1px solid var(--line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.tool-guide-links strong,.tool-guide-links small{display:block}.tool-guide-links strong{font-size:14px}.tool-guide-links small{color:var(--muted);margin-top:3px;font-size:11px}@media (max-width:1100px){.guides-hub-hero-grid{grid-template-columns:minmax(0,1fr) 330px;gap:35px}.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:34px}.guide-glance>div{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-related-grid,.tool-guide-links{grid-template-columns:1fr 1fr}.guides-method-panel{grid-template-columns:minmax(0,1fr) 290px}}@media (max-width:900px){.guides-hub-hero-grid{grid-template-columns:1fr}.guides-hub-art{width:100%;max-width:520px;min-height:340px;margin:auto}.guides-featured-grid{grid-template-columns:1fr 1fr}.guides-featured-grid>a:last-child{grid-column:1/-1;min-height:280px}.guide-layout{grid-template-columns:1fr;justify-content:stretch}.guide-sidebar{grid-template-columns:1fr 1fr;position:static}.guide-toc{max-height:none}.guide-related-grid{grid-template-columns:1fr 1fr}.guide-related-grid>a:last-child{grid-column:1/-1}.guides-method-panel{grid-template-columns:1fr}.tool-guide-links{grid-template-columns:1fr 1fr}}@media (max-width:680px){.hero{padding-top:64px}.hero-grid{gap:30px}.hero-art{min-height:390px}.animated-hero-palette{animation-duration:7s}.hero-color-orbit i{width:14px;height:14px}.guides-hub-hero{padding:56px 0}.guides-hub-hero h1{font-size:clamp(44px,15vw,64px)}.guides-hub-actions{display:grid}.guides-hub-actions .button{width:100%}.guides-hub-art{min-height:300px}.guide-book-stack{inset:55px 18px 35px 30px}.guide-art-note.two{right:5px}.guides-featured-grid{grid-template-columns:1fr}.guides-featured-grid>a:last-child{grid-column:auto}.guides-featured-grid>a{min-height:280px}.guides-directory-meta{flex-direction:column;align-items:flex-start}.guide-compact-item{grid-template-columns:34px 12px minmax(0,1fr) 20px;padding:15px 13px}.guide-tool-label{display:none}.guide-compact-copy p{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.guide-compact-arrow{grid-column:4}.guides-method-panel{box-shadow:5px 5px 0 var(--ink);padding:23px}.guide-hero{padding-top:30px}.guide-hero h1{font-size:clamp(41px,13vw,58px)}.guide-deck{font-size:16px}.guide-direct-answer{box-shadow:5px 5px 0 var(--ink);grid-template-columns:1fr;padding:18px}.guide-glance>div{grid-template-columns:1fr}.guide-layout{gap:28px;padding-top:30px}.guide-sidebar{grid-template-columns:1fr}.guide-toc{display:none}.guide-section{margin-bottom:32px;padding-bottom:32px}.guide-section h2{font-size:31px}.guide-section-summary{font-size:16px}.guide-tool-cta{flex-direction:column;align-items:stretch;padding:21px}.guide-tool-cta .button{width:100%}.guide-related-head{flex-direction:column;align-items:flex-start}.guide-related-grid{grid-template-columns:1fr}.guide-related-grid>a:last-child{grid-column:auto}.guide-author-note{grid-template-columns:1fr}.tool-guide-panel{width:min(100% - 16px,1180px);box-shadow:4px 4px 0 var(--ink);padding:17px}.tool-guide-panel-head{grid-template-columns:42px minmax(0,1fr)}.tool-guide-panel-head>.button{grid-column:1/-1;width:100%}.tool-guide-links{grid-template-columns:1fr}.guide-table-wrap{margin-inline:-2px}.guide-table-wrap table{min-width:560px}}@media (max-width:430px){.guide-byline{gap:7px;display:grid}.guide-glance article{padding:12px}.guide-steps li{grid-template-columns:34px minmax(0,1fr)}.guide-steps li>span{width:30px;height:30px}.guide-reference-list{padding-left:18px}.guide-reference-list a{padding:10px}.guide-art-note{font-size:10px}.guide-book-stack span{font-size:72px}}@media (max-width:420px){.hero-art{min-height:330px}.palette-deck{inset:32px 8px 28px}.floating-chip{padding:7px 9px;font-size:9px}.floating-chip.one{top:10px;left:4px}.floating-chip.two{top:68px;right:4px}.floating-chip.three{bottom:2px;left:4px}.mini-card{width:132px;bottom:4px;right:4px}.hero-spark{font-size:16px}}@media (prefers-reduced-motion:reduce){.hero:after,.hero h1 em:after,.animated-hero-palette,.animated-hero-palette .palette-deck,.animated-hero-palette .mini-card,.animated-hero-palette .floating-chip,.animated-hero-palette .deck-colors i:after,.hero-color-orbit,.hero-spark{animation:none!important}.guides-featured-grid>a,.guide-compact-item{transition:none}}.animated-hero-palette{overflow:visible;transform:translateZ(0)}.animated-hero-palette .hero-color-orbit{z-index:2}.animated-hero-palette .palette-deck{z-index:20}.animated-hero-palette .mini-card{z-index:45}.animated-hero-palette .hero-label-layer{z-index:70;pointer-events:none;isolation:isolate;position:absolute;inset:0}.animated-hero-palette .hero-label-layer .floating-chip{z-index:1;filter:drop-shadow(0 2px #ffffff8c)}.animated-hero-palette .hero-spark{z-index:80}.animated-hero-palette .hero-color-panel{animation:.72s cubic-bezier(.2,.78,.24,1) both hero-color-panel-enter}.animated-hero-palette .deck-meta{animation:.55s cubic-bezier(.2,.78,.24,1) both hero-palette-copy-enter}.animated-hero-palette .mini-card-colors i,.animated-hero-palette .mini-card>strong{animation:.58s cubic-bezier(.2,.78,.24,1) both hero-mini-content-enter}.animated-hero-palette .hero-palette-dots .active{animation:.55s both hero-dot-pulse}@keyframes hero-color-panel-enter{0%{opacity:.25;filter:saturate(.7);transform:scaleX(.78)translateY(8px)}55%{opacity:1;filter:saturate(1.08);transform:scaleX(1.025)translateY(0)}to{opacity:1;filter:saturate();transform:scaleX(1)translateY(0)}}@keyframes hero-palette-copy-enter{0%{opacity:.15;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-mini-content-enter{0%{opacity:.2;transform:translateY(7px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hero-dot-pulse{0%{opacity:.45;transform:scaleX(.45)}to{opacity:1;transform:scaleX(1)}}@media (max-width:680px){.animated-hero-palette .hero-label-layer .floating-chip.one{top:12px;left:5px}.animated-hero-palette .hero-label-layer .floating-chip.two{top:74px;right:2px}.animated-hero-palette .hero-label-layer .floating-chip.three{bottom:5px;left:3px}}@media (max-width:420px){.animated-hero-palette .hero-label-layer .floating-chip.one{top:7px;left:2px}.animated-hero-palette .hero-label-layer .floating-chip.two{top:61px;right:1px}.animated-hero-palette .hero-label-layer .floating-chip.three{bottom:1px;left:2px}}@media (prefers-reduced-motion:reduce){.animated-hero-palette .hero-color-panel,.animated-hero-palette .deck-meta,.animated-hero-palette .mini-card-colors i,.animated-hero-palette .mini-card>strong,.animated-hero-palette .hero-palette-dots .active{animation:none!important}}@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-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-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}