/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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;--spacing:.25rem;--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{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.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}.lowercase{text-transform:lowercase}.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)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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:#171714;--paper:#f1efe8;--warm-white:#fbfaf6;--line:#17171429;--muted:#625f58;--dark-muted:#9a9790;--dark-copy:#aaa79f;--signal:#ff5d3a}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1440px,100% - 48px);height:86px;margin:0 auto;display:flex}.brand{color:inherit;letter-spacing:-.04em;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand small{border:1px solid var(--line);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:600}.brand-mark{border:1.5px solid var(--ink);border-radius:50%;width:30px;height:30px;display:flex;overflow:hidden;transform:rotate(-18deg)}.brand-mark span{background:var(--ink);width:50%;height:100%}.brand-mark span:last-child{background:0 0}.privacy-note{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.privacy-dot{background:#57a363;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #57a36321}.header-actions{align-items:center;gap:24px;display:flex}.lab-link{color:var(--ink);align-items:center;gap:8px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.lab-link .ui-icon{width:17px;height:17px;color:var(--signal)}.lab-link:hover,.lab-link:focus-visible{text-underline-offset:4px;text-decoration:underline}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:60px;width:min(1320px,100% - 48px);min-height:480px;margin:0 auto;padding:56px 0 48px;display:grid}.eyebrow{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 25px;font-size:11px;font-weight:600}.hero h1{letter-spacing:-.07em;max-width:890px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(70px,7.5vw,122px);font-weight:400;line-height:.86}.hero h1 em{max-width:1050px;color:var(--signal);font-size:.72em;font-weight:400;line-height:.95;display:inline-block}.hero-intro{color:#4e4b45;max-width:640px;margin:32px 0 0;font-size:17px;line-height:1.65}.hero-orbit{aspect-ratio:1;justify-self:end;width:min(100%,420px);position:relative}.orbit-ring{border:1px solid var(--line);border-radius:50%;position:absolute;inset:7%}.orbit-card{z-index:2;aspect-ratio:.73;border:8px solid var(--warm-white);border-radius:100px;width:43%;position:absolute;box-shadow:0 18px 50px #1f1d1921}.orbit-card-one{background:#a9cfe5;top:24%;left:6%;transform:rotate(-13deg)}.orbit-card-two{background:#d8ac88;top:10%;right:7%;transform:rotate(12deg)}.orbit-card-three{background:#1d3d59;bottom:3%;right:4%;transform:rotate(37deg)scale(.76)}.orbit-label{z-index:4;background:var(--ink);color:#fff;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;padding:11px 15px;font-size:9px;position:absolute;bottom:5%;left:-9%;transform:rotate(-5deg)}.workspace{background:var(--ink);border-radius:34px;grid-template-columns:.82fr 1.18fr;width:min(1440px,100% - 32px);min-width:0;margin:0 auto 110px;display:grid;overflow:hidden;box-shadow:0 24px 70px #1717141f}.upload-panel,.results-panel{min-width:0;padding:38px}.upload-panel{color:#fff;background:#161613;border-right:1px solid #ffffff17}.results-panel{color:#fff;background:#171714;min-height:620px;container:home-results/inline-size}.results-panel,.analysis-result,.base-card,.base-details,.palette-section,.pairing-grid,.trio-grid{min-width:0;max-width:100%}.upload-copy,.results-heading{align-items:flex-start;gap:18px;display:flex}.step-number{width:36px;height:36px;font-family:var(--font-geist-mono), monospace;border:1px solid;border-radius:50%;flex:none;place-items:center;font-size:10px;display:grid}.upload-copy h2,.results-heading h2{letter-spacing:-.04em;margin:0 0 7px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}.upload-copy p,.results-heading p{color:#a8a59f;max-width:400px;margin:0;font-size:13px;line-height:1.5}.source-stage{color:#fff;background:radial-gradient(circle at 90% 0,#ffffff12,#0000 38%),linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff1f;border-radius:28px;width:100%;min-height:222px;margin:30px 0 16px;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 18px 42px #00000029}.source-stage:before{content:"";pointer-events:none;border:1px solid #ffffff0e;border-radius:50%;width:245px;height:245px;position:absolute;top:-108px;right:-78px;box-shadow:0 0 0 28px #ffffff05,0 0 0 62px #ffffff03}.upload-panel.is-dragging .source-stage{border-color:#ffffffb8;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff6b,0 18px 44px #00000038}.source-stage>img{object-fit:cover;filter:saturate(.82)contrast(.94);width:100%;height:100%;position:absolute;inset:0}.source-stage.has-preview:after{content:"";pointer-events:none;background:linear-gradient(#0c0c0a52,#0c0c0abd);position:absolute;inset:0}.source-stage-surface{z-index:1;grid-template-rows:auto 1fr;min-height:222px;padding:18px;display:grid;position:relative}.source-stage-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.source-stage-heading strong{color:#ffffffb3;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.source-stage-heading small{color:#ffffff6b;font-family:var(--font-geist-mono), monospace;letter-spacing:.055em;text-transform:uppercase;font-size:9.5px}.source-stage.has-preview .source-stage-heading small{color:#ffffff9e}.source-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;display:grid}.source-button{color:#fff;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff09;border:1px solid #ffffff21;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;min-height:142px;padding:16px 12px 15px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0e,0 10px 26px #0000001a}.source-button:hover,.source-button:focus-visible{background:#ffffff13;border-color:#ffffff61;outline:none;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 14px 30px #00000026}.source-button-primary{color:#fff}.source-button-primary:hover,.source-button-primary:focus-visible{background:#ffffff13}.upload-source-icon{flex:none;place-items:center;width:52px;height:52px;display:grid}.upload-source-icon svg{fill:none;stroke:#fff;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.source-button div{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.source-button strong{font-size:12px}.source-button small{opacity:.72;font-size:10px;line-height:1.35}.file-name{color:#a8a59f;text-overflow:ellipsis;white-space:nowrap;margin:0 0 16px;font-size:11px;overflow:hidden}.analyzing,.error-message,.quality-warning,.neutral-note{border-radius:12px;margin:0 0 16px;padding:13px 15px;font-size:12px;line-height:1.5}.analyzing{color:#315c39;background:#e9f3e9;align-items:center;gap:9px;display:flex}.analyzing span{border:2px solid;border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#923e2a;background:#fff0ec}.empty-state{color:#7d7a73;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:400px;display:flex}.empty-state p{max-width:360px;margin:0;font-size:13px;line-height:1.55}.empty-combination-icons{color:#5b5954;opacity:.8;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:14px;width:min(280px,78%);display:grid}.empty-combination-icons .color-count-icon rect{fill:#ffffff05}.analysis-result{margin-top:28px}.quality-warning{color:#ffd8cb;background:#4b2d24}.quality-warning strong{color:#fff;display:block}.neutral-note{color:#d8dbe0;background:#2d3034}.base-card{border:1px solid #3d3d39;border-radius:20px;grid-template-columns:1.05fr .95fr;display:grid;overflow:hidden}.base-swatch{flex-direction:column;justify-content:space-between;min-height:205px;padding:24px;display:flex}.color-swatch-panel,.color-swatch-segment{box-shadow:none}.color-dot{box-shadow:0 0 0 1px #ffffff4d}.ui-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.ui-icon *{vector-effect:non-scaling-stroke}.copy-hex-button{min-width:0;color:inherit;font-family:var(--font-geist-mono), monospace;font-size:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:5px;padding:1px 0;display:inline-flex}.copy-hex-button code{color:inherit;font:inherit;text-overflow:ellipsis;overflow:hidden}.copy-hex-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.8;flex:none;width:1.28em;height:1.28em}.copy-hex-button:hover,.copy-hex-button:focus-visible{color:var(--signal);outline:none}.copy-hex-button:focus-visible{box-shadow:0 2px 0 var(--signal)}.copy-hex-button.is-copied{color:#54a06c}.base-swatch-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.base-swatch-heading small{opacity:.8;border:1px solid;border-radius:99px;padding:4px 7px;font-size:10px}.base-swatch span{font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.72;font-size:10px}.base-swatch strong{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:400}.color-profile{color:#a9a69f;width:100%;min-width:0;font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:normal;text-align:left;text-transform:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.color-profile-item{opacity:1;text-align:left;background:#ffffff05;border:1px solid #3b3b37;border-radius:8px;align-content:start;gap:2px;min-width:0;padding:6px 7px;display:grid}.color-profile-item small,.color-profile-item strong{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:normal;text-transform:none;white-space:normal;margin:0;line-height:1.25}.color-profile-item small{color:var(--dark-muted);text-transform:uppercase;font-size:9px;font-weight:600}.color-profile-item strong{color:#d7d4cc;font-size:11px;font-weight:600}.color-profile.is-on-swatch,.base-swatch .color-profile,.base-swatch .color-profile span{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:normal;opacity:1;text-transform:none}.color-profile.is-on-swatch .color-profile-item{color:#fff;background:#00000057;border-color:#ffffff61}.color-profile.is-on-swatch .color-profile-item small,.color-profile.is-on-swatch .color-profile-item strong,.base-swatch .color-profile-item strong{color:inherit;font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:normal;font-size:11px;font-weight:650}.color-profile.is-on-swatch .color-profile-item small{color:inherit;opacity:.84;font-size:9px}.base-details{background:#20201d;flex-direction:column;justify-content:center;gap:13px;padding:18px 22px;display:flex}.base-details>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.base-details span{color:var(--dark-muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:10px}.base-details strong{font-family:var(--font-geist-mono), monospace;font-size:10px;font-weight:500}.base-details .copy-hex-button{color:#fff;font-size:10px;font-weight:500}.combination-controls{-webkit-backdrop-filter:blur(26px)saturate(.65);backdrop-filter:blur(26px)saturate(.65);background:linear-gradient(145deg,#ffffff1b,#ffffff07);border:1px solid #ffffff24;border-radius:28px;width:100%;min-width:0;max-width:100%;margin-top:18px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff21,0 20px 45px #00000029}.combination-control-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.combination-control-heading strong{color:#f3f1eb;max-width:300px;font-size:12px;font-weight:620;line-height:1.35}.combination-control-heading span{max-width:240px;color:var(--dark-copy);text-align:right;font-size:10px;line-height:1.45}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;display:grid}.mode-switch button{color:#f2f0eaad;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff09;border:1px solid #ffffff24;border-radius:24px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:13px;min-width:0;min-height:106px;padding:15px 17px;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0b}.mode-switch button:hover,.mode-switch button:focus-visible{color:#fff;background:#ffffff14;border-color:#fff6;outline:none;transform:translateY(-1px)}.mode-switch button.is-active{color:#fff;background:#ffffff26;border-color:#ffffff9e;outline:none;box-shadow:inset 0 1px #fff3,0 12px 28px #00000026}.selection-icon{width:100%;min-width:0;height:auto;overflow:visible}.color-count-icon rect,.color-count-icon line{fill:#ffffff05;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke}.color-count-icon line{fill:none}.is-active .color-count-icon rect{fill:#ffffff06}.selection-tile-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.selection-tile-copy strong{font-size:13px;font-weight:650}.selection-tile-copy small{overflow-wrap:break-word;color:var(--dark-muted);font-size:10px;line-height:1.4}.is-active .selection-tile-copy small{color:#ffffffa3}.base-role-control{border-top:1px solid #ffffff1a;margin-top:18px;padding-top:17px}.base-role-copy{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px;display:flex}.base-role-copy strong{color:#f3f1eb;font-size:11px;font-weight:620}.base-role-copy span{max-width:220px;color:var(--dark-copy);text-align:right;font-size:10px;line-height:1.4}.base-role-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.base-role-switch button{color:#f2f0eaab;cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scroll-snap-align:start;background:#ffffff09;border:1px solid #ffffff24;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:132px;padding:18px 13px;transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0b}.base-role-switch button:hover,.base-role-switch button:focus-visible{color:#fff;background:#ffffff14;border-color:#fff6;outline:none;transform:translateY(-1px)}.base-role-switch button.is-active{color:#fff;background:#ffffff26;border-color:#ffffff9e;outline:none;box-shadow:inset 0 1px #fff3,0 12px 28px #00000026}.base-role-switch button.is-active:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 4px #ffffff1c}.garment-role-icon{color:#f2f0eac2;place-items:center;width:48px;height:55px;display:grid}.garment-role-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:46px}.is-active .garment-role-icon{color:#fff}.base-role-switch button>span:last-child,.lab-role-switch button>span:last-child{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.base-role-switch button strong{font-size:10px;font-weight:620}.base-role-switch button small{color:var(--dark-copy);font-size:10px;line-height:1.42}.base-role-switch button.is-active small{color:#ffffffa3}.pairing-grid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.palette-section{margin-top:20px}.palette-section+.palette-section{border-top:1px solid #383834;margin-top:28px;padding-top:24px}.palette-section .pairing-grid,.palette-section .trio-grid{margin-top:11px}.palette-section-heading{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.palette-section-heading strong{font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:400}.pairing-card{background:#20201d;border:1px solid #3d3d39;border-radius:18px;padding:16px;container:palette-card/inline-size}.pairing-card.is-favorite,.trio-card.is-favorite,.lab-palette-card.is-favorite{border-color:#ff5d3ab8;box-shadow:inset 0 0 0 1px #ff5d3a29}.pairing-topline{color:var(--dark-muted);font-family:var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;display:flex}.pairing-topline button{color:#fff;cursor:pointer;background:0 0;border:1px solid #474741;border-radius:50%;width:29px;height:29px;transition:background .16s,color .16s}.pairing-topline button>.ui-icon{width:14px;height:14px;margin:auto}.pairing-topline button:hover,.pairing-topline button:focus-visible{color:var(--ink);background:#fff;outline:none}.pairing-actions{align-items:center;gap:6px;display:inline-flex}.favorite-button{color:#aaa79f;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-width:32px;min-height:32px;padding:6px 10px;display:inline-flex}.favorite-button svg{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.5px;width:15px;height:15px}.favorite-button span{font-size:10px}.favorite-button:hover,.favorite-button:focus-visible{outline-offset:2px;color:#fff;outline:2px solid #ffffffb8}.favorite-button.is-active{color:#ff866c;border-color:#ff866c80}.favorite-button.is-active svg{fill:currentColor}.favorite-button.is-compact{width:32px;height:32px;padding:0}.pairing-topline .favorite-button.is-compact{width:29px;min-width:29px;height:29px;min-height:29px}.pairing-topline .favorite-button.is-active{color:#ff9b84;background:#ff5d3a1f}.swatch-actions{justify-content:flex-end;align-items:center;gap:7px;white-space:nowrap!important;min-width:max-content!important;display:inline-flex!important;overflow:visible!important}.swatch-actions .favorite-button{flex:none}.is-favorite-color{border-radius:8px;box-shadow:inset 0 0 0 1px #ff5d3a38}.favorites-panel{background:#ffffff09;border:1px solid #ffffff29;border-radius:20px;margin-top:18px;overflow:hidden}.favorites-panel>summary{cursor:pointer;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:11px;min-height:68px;padding:13px 15px;list-style:none;display:grid}.favorites-panel>summary::-webkit-details-marker{display:none}.favorites-panel>summary:focus-visible{outline-offset:-3px;outline:2px solid #fff}.favorites-panel-icon{color:#ff9b84;border:1px solid #ff866c73;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.favorites-panel-icon .ui-icon{width:16px;height:16px}.favorites-panel>summary>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.favorites-panel>summary strong{color:#fff;font-size:11px}.favorites-panel>summary small{color:var(--dark-muted);font-size:10px}.favorites-panel-toggle{place-items:center;width:18px;height:18px;display:grid}.favorites-panel-toggle .ui-icon{width:14px;height:14px}.favorites-panel-toggle .icon-minus,.favorites-panel[open] .favorites-panel-toggle .icon-plus{display:none}.favorites-panel[open] .favorites-panel-toggle .icon-minus{display:block}.favorites-panel-body{border-top:1px solid #ffffff17;margin:0 15px 15px;padding-top:13px}.favorites-panel-body>p{color:var(--dark-muted);margin:0 0 11px;font-size:10px;line-height:1.5}.favorites-panel ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.favorites-panel li{background:#ffffff09;border-radius:12px;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.favorite-mini-swatches{border:1px solid #ffffff2e;border-radius:8px;width:48px;height:30px;display:flex;overflow:hidden}.favorite-mini-swatches i{flex:1}.favorite-list-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.favorite-list-copy strong{color:#dedbd3;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.favorite-list-copy small{color:var(--dark-muted);font-size:10px}.favorites-panel li>button{color:#aaa79f;cursor:pointer;background:0 0;border:0;border-radius:50%;width:34px;height:34px}.favorites-panel li>button .ui-icon{width:15px;height:15px;margin:auto}.favorites-panel li>button:hover,.favorites-panel li>button:focus-visible{color:#fff;outline:1px solid #ffffff73}.favorites-clear{min-height:38px;color:var(--dark-copy);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:99px;margin-top:12px;padding:7px 12px;font-size:10px}.favorites-clear:hover,.favorites-clear:focus-visible{color:#fff;border-color:#ffffff80;outline:none}.pair-swatches{background:#242421;border:1px solid #fff3;border-radius:13px;height:108px;display:flex;overflow:hidden;box-shadow:0 12px 28px #0000003d,0 1px #ffffff14}.pair-swatches span{width:50%}.pairing-card h3{letter-spacing:-.025em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400}.palette-color-details{gap:7px;margin-top:10px;display:grid}.palette-color-details.is-duo,.palette-color-details.is-trio{grid-template-columns:1fr}.palette-color-detail{background:#ffffff05;border:1px solid #ffffff17;border-radius:11px;grid-template-columns:9px minmax(0,1fr);align-items:start;gap:7px;min-width:0;padding:9px;display:grid}.palette-color-detail>.color-dot{border-radius:50%;width:9px;height:9px;margin-top:3px}.palette-color-detail-copy{gap:5px;min-width:0;display:grid}.palette-color-meta{color:var(--dark-muted);font-family:var(--font-geist-mono), monospace;font-size:10px;line-height:1.35}.palette-color-name{color:#d7d4cc;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;white-space:normal;font-size:12px;font-weight:600;line-height:1.35}.palette-color-detail .color-profile{grid-template-columns:1fr;gap:3px}.palette-color-detail .color-profile-item{align-content:start;gap:2px;padding:5px 7px;display:grid}.palette-color-detail .color-profile-item small{font-size:9px}.palette-color-detail .color-profile-item strong{text-align:left;font-size:11px}.palette-color-actions{justify-content:space-between;align-items:center;gap:7px;min-width:0;display:flex}.palette-color-actions .copy-hex-button{color:#aaa79f;min-width:0;font-size:10.5px}.palette-color-actions .favorite-button{flex:none}.combination-info-tile{background:#ffffff06;border:1px solid #ffffff1b;border-radius:13px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;min-width:0;margin-top:8px;padding:11px;display:grid;box-shadow:inset 0 1px #ffffff09}.combination-info-icon{color:#c8c5bd;background:#ffffff05;border:1px solid #ffffff1f;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.combination-info-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.combination-info-tile>div{min-width:0}.combination-info-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.combination-info-heading>span{color:var(--dark-copy);font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:550}.combination-info-heading>small{color:#e4e1d9;font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;border:1px solid;border-radius:99px;flex:none;padding:3px 6px;font-size:9.5px;font-weight:600}.combination-info-tile p{color:#aaa79f;min-height:0;margin:5px 0 0;font-size:12.5px;line-height:1.52}.combination-info-tile.is-temperature{background:#ffffff04;padding:0;display:block}.combination-info-tile.is-temperature>summary{cursor:pointer;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:11px;list-style:none;display:grid}.combination-info-tile.is-temperature>summary::-webkit-details-marker{display:none}.combination-info-tile.is-temperature>summary:focus-visible{outline-offset:2px;border-radius:12px;outline:2px solid #ffffffb3}.temperature-disclosure{color:#9c9992;place-items:center;width:16px;height:16px;display:grid}.temperature-disclosure .ui-icon{width:14px;height:14px}.temperature-disclosure .icon-minus,.combination-info-tile.is-temperature[open] .temperature-disclosure .icon-plus{display:none}.combination-info-tile.is-temperature[open] .temperature-disclosure .icon-minus{display:block}.combination-info-body{border-top:1px solid #ffffff14;margin:0 11px 11px 55px;padding-top:9px}.combination-info-body p{margin-top:0}.combination-info-tile.is-tone-cool .combination-info-icon,.combination-info-tile.is-tone-cool .combination-info-heading>small{color:#b9d8e8;background:#b9d8e812;border-color:#b9d8e86b}.combination-info-tile.is-tone-warm .combination-info-icon,.combination-info-tile.is-tone-warm .combination-info-heading>small{color:#ebc7a8;background:#ebc7a812;border-color:#ebc7a86b}.combination-info-tile.is-tone-neutral .combination-info-icon,.combination-info-tile.is-tone-neutral .combination-info-heading>small{color:#e4e1d9;background:#e4e1d90b;border-color:#e4e1d94d}.combination-info-tile.is-tone-mixed .combination-info-icon{color:#f0ece6;background:linear-gradient(135deg,#b9d8e824 0 49%,#ebc7a824 51% 100%);border-color:#d8d0ca61}.combination-info-tile.is-tone-mixed .combination-info-heading>small{color:#e8ddd5;background:linear-gradient(90deg,#b9d8e817,#ebc7a817);border-color:#d8d0ca61}.hex-pair{color:#bebbb4;font-family:var(--font-geist-mono), monospace;border-top:1px solid #393935;justify-content:space-between;align-items:center;margin-top:13px;padding-top:11px;font-size:9px;display:flex}.hex-pair i{color:#5f5d58;font-style:normal}.color-name-pair>span{gap:3px;min-width:0;display:grid}.color-name-pair>span:last-child{text-align:right}.color-name-pair>span>strong{color:#d7d4cc;font-family:var(--font-geist-sans), Arial, sans-serif;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;white-space:normal;font-size:12px;font-weight:600}.color-name-pair .color-profile,.lab-color-names .color-profile{grid-template-columns:1fr;gap:3px}.color-name-pair .color-profile-item,.lab-color-names .color-profile-item{align-content:start;gap:2px;padding:5px 7px;display:grid}.color-name-pair .color-profile-item small,.lab-color-names .color-profile-item small{font-size:9px}.color-name-pair .color-profile-item strong,.lab-color-names .color-profile-item strong{text-align:left;font-size:11px}.color-name-pair .copy-hex-button{width:max-content;max-width:100%;color:var(--dark-copy);font-size:10.5px}.color-name-pair>span:last-child .copy-hex-button{justify-self:end}.trio-grid{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.trio-card{background:#20201d;border:1px solid #3d3d39;border-radius:18px;padding:16px;container:palette-card/inline-size}.trio-swatches{background:#242421;border:1px solid #fff3;border-radius:13px;height:108px;display:flex;overflow:hidden;box-shadow:0 12px 28px #0000003d,0 1px #ffffff14}.trio-swatches span{min-width:1px}.trio-card h3{letter-spacing:-.025em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400}.trio-role-list{border-top:1px solid #393935;gap:7px;margin-top:13px;padding-top:10px;display:grid}.trio-role-list>div{grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.trio-role-list i{border-radius:50%;width:9px;height:9px}.trio-role-list>div>span{min-width:0;color:var(--dark-muted);white-space:normal;gap:4px;font-size:10px;display:grid;overflow:visible}.trio-role-list strong{color:#c4c1ba;margin-right:5px;font-weight:500}.trio-role-list .trio-color-name,.lab-swatch-details .trio-color-name{color:var(--dark-copy);font-size:10px}.trio-role-list .color-profile-item strong,.lab-swatch-details .color-profile-item strong{margin:0;font-size:11px}.trio-role-list .copy-hex-button{color:#9b9891;font-family:var(--font-geist-mono), monospace;font-size:10.5px}.trio-role-list .swatch-actions{color:var(--dark-muted);font-size:10.5px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#0e0e0cc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.crop-dialog{background:var(--warm-white);border-radius:28px;width:min(960px,100%);max-height:calc(100dvh - 48px);padding:26px;overflow:auto;box-shadow:0 28px 100px #00000052}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.dialog-heading .eyebrow{color:var(--signal);margin-bottom:7px}.dialog-heading h2{letter-spacing:-.045em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,3vw,42px);font-weight:400}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.icon-button .ui-icon{width:18px;height:18px}.icon-button:hover,.icon-button:focus-visible{border-color:var(--signal);color:var(--signal);outline:none}.crop-stage{aspect-ratio:1;background:#d9d6cf;border-radius:22px;width:min(100%,590px);margin:22px auto 17px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff80}.crop-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.crop-stage canvas:active{cursor:grabbing}.crop-guide{pointer-events:none;border:1px solid #ffffffdb;border-radius:16px;position:absolute;inset:18px;box-shadow:0 0 0 999px #0000001a,inset 0 0 0 1px #0000001f}.crop-guide:before,.crop-guide:after,.crop-guide span:before,.crop-guide span:after{content:"";background:#ffffffad;position:absolute}.crop-guide:before,.crop-guide:after{width:1px;height:100%;top:0;left:33.333%}.crop-guide:after{left:66.666%}.crop-guide span:before,.crop-guide span:after{width:100%;height:1px;top:33.333%;left:0}.crop-guide span:after{top:66.666%}.crop-loading,.crop-error{color:var(--muted);text-align:center;background:#e7e3db;place-items:center;padding:30px;font-size:12px;display:grid;position:absolute;inset:0}.crop-error{color:#923e2a}.crop-controls{grid-template-columns:38px 1fr 38px;align-items:center;gap:12px;width:min(100%,590px);margin:0 auto;display:grid}.crop-controls>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.crop-controls>button .ui-icon{width:16px;height:16px}.crop-controls>button:disabled{opacity:.35;cursor:not-allowed}.crop-controls label{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.crop-controls label span{color:var(--muted);font-size:10px;font-weight:650}.crop-controls input{width:100%;accent-color:var(--signal)}.crop-hint{color:var(--muted);text-align:center;margin:11px 0 0;font-size:10px}.dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;display:flex}.button-primary,.button-secondary{border:1px solid var(--ink);cursor:pointer;border-radius:99px;min-height:46px;padding:0 20px;font-size:11px;font-weight:650}.button-primary{background:var(--ink);color:#fff}.button-secondary{color:var(--ink);background:0 0}.button-primary:disabled{opacity:.45;cursor:not-allowed}.button-primary:hover:not(:disabled),.button-primary:focus-visible,.button-secondary:hover,.button-secondary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.camera-backdrop{background:#080807;padding:0}.camera-dialog{color:#fff;background:#080807;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,760px);height:100dvh;display:grid}.camera-notice{left:50%;bottom:max(112px, calc(env(safe-area-inset-bottom) + 94px));z-index:2;color:#ffd8cb;text-align:center;background:#482b22f2;border-radius:12px;width:min(100% - 30px,500px);padding:11px 14px;font-size:10px;line-height:1.4;position:fixed;transform:translate(-50%)}.camera-notice span{display:block}.camera-notice button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:99px;min-height:32px;margin-top:8px;padding:0 12px;font-size:9px}.camera-topbar{padding:max(18px, env(safe-area-inset-top)) 20px 16px;justify-content:space-between;align-items:center;gap:16px;display:flex}.camera-topbar>div{flex-direction:column;gap:2px;display:flex}.camera-topbar span{color:#8b8881;letter-spacing:.1em;text-transform:uppercase;font-size:9px}.camera-topbar strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:400}.camera-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #4a4945;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.camera-close .ui-icon{width:18px;height:18px}.camera-viewfinder{background:#171714;min-height:0;position:relative;overflow:hidden}.camera-viewfinder video{object-fit:cover;width:100%;height:100%;display:block}.camera-target{pointer-events:none;border:1px solid #ffffff80;border-radius:24px;position:absolute;inset:12%}.camera-target:before,.camera-target:after{content:"";background:#ffffff6b;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-target:before{width:36px;height:1px}.camera-target:after{width:1px;height:36px}.camera-loading,.camera-error{color:#bdbab3;text-align:center;background:#171714;place-items:center;padding:30px;font-size:12px;display:grid;position:absolute;inset:0}.camera-error{color:#ffd2c7}.camera-toolbar{min-height:128px;padding:18px 22px max(22px, env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.camera-light-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #4d4c47;border-radius:50%;place-items:center;gap:1px;width:58px;min-height:58px;padding:6px;display:grid}.camera-light-toggle>.ui-icon{width:20px;height:20px}.camera-light-toggle small{font-size:8px}.camera-light-toggle.is-active{color:#171714;background:#ffdb6d;border-color:#ffdb6d;box-shadow:0 0 28px #ffdb6d38}.camera-light-toggle:disabled{opacity:.4;cursor:not-allowed}.shutter-button{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;place-items:center;width:74px;height:74px;padding:5px;display:grid}.shutter-button span{background:#fff;border-radius:50%;width:58px;height:58px;transition:transform .12s}.shutter-button:hover span,.shutter-button:focus-visible span{transform:scale(.9)}.shutter-button:disabled{opacity:.4;cursor:not-allowed}.camera-next-step{justify-content:flex-end;min-width:0;display:flex}.camera-next-step small{color:#77756f;text-align:right;font-size:8px;line-height:1.35}footer{border-top:1px solid var(--line);width:min(1440px,100% - 48px);color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding:30px 0;font-size:11px;display:grid}.footer-brand{color:var(--ink)}footer p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:14px}footer>span{justify-self:end}.footer-meta a{color:inherit;text-underline-offset:3px}.color-theory{width:min(1320px,100% - 48px);margin:0 auto 110px;padding-top:10px}.color-theory-heading{grid-template-columns:minmax(0,.85fr) minmax(280px,1fr);align-items:end;column-gap:80px;display:grid}.color-theory-heading .eyebrow{grid-column:1/-1;margin-bottom:20px}.color-theory-heading h2{letter-spacing:-.055em;max-width:620px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,72px);font-weight:400;line-height:.95}.color-theory-heading>p:last-child{color:#4e4b45;max-width:590px;margin:0;font-size:15px;line-height:1.65}.color-theory-section-heading{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.05}.color-theory-rules{margin-top:56px}.color-rule-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:25px}.color-rule-list details+details{border-top:1px solid var(--line)}.color-rule-list summary{cursor:pointer;letter-spacing:-.025em;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:18px;min-height:76px;padding:0 4px;font-family:Georgia,Times New Roman,serif;font-size:clamp(19px,2vw,26px);list-style:none;display:grid}.color-rule-list summary::-webkit-details-marker{display:none}.color-rule-list summary:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.color-rule-number{color:var(--signal);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:9px;font-weight:650}.color-rule-toggle{justify-self:end;place-items:center;width:18px;height:18px;display:grid}.color-rule-toggle .ui-icon{width:16px;height:16px}.color-rule-toggle .icon-minus,.color-rule-list details[open] .color-rule-toggle .icon-plus{display:none}.color-rule-list details[open] .color-rule-toggle .icon-minus{display:block}.color-rule-list details>p{max-width:760px;color:var(--muted);margin:0 46px 26px 68px;font-size:14px;line-height:1.7}.color-theory-technical-note{max-width:800px;color:var(--muted);margin:20px 0 0 68px;font-size:12.5px;line-height:1.65}.color-theory-outfit,.color-theory-temperature{border-top:1px solid var(--line);margin-top:64px;padding-top:34px}.color-theory-section-intro{grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);align-items:start;gap:80px;display:grid}.color-theory-section-intro>p{color:#4e4b45;max-width:590px;margin:0;font-size:14px;line-height:1.65}.color-role-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;display:grid}.color-role-grid article{padding:28px 30px 32px 0}.color-role-grid article+article{border-left:1px solid var(--line);padding-left:30px}.color-role-grid .garment-role-icon{width:54px;height:58px;color:var(--signal)}.color-role-grid .garment-role-icon svg{width:42px;height:50px}.color-theory h4{letter-spacing:-.025em;margin:16px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}.color-role-grid p,.color-temperature-advice p,.color-theory-method p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.color-theory-ratio{max-width:760px;color:var(--muted);margin:20px 0 0;font-size:12.5px;font-style:italic;line-height:1.65}.color-temperature-advice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:900px;margin-top:36px;padding:28px 0 30px}.color-temperature-advice h4{margin-top:0}.color-theory-method{max-width:800px;padding-top:30px}.color-theory-method h4{margin-top:0}.color-theory-caveat{font-style:italic;margin-top:13px!important}.lab-page{background:#f1efe8;min-height:100vh}.lab-header .is-back{color:var(--muted)}.lab-hero{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;width:min(1320px,100% - 48px);margin:0 auto;padding:52px 0 44px;display:grid}.lab-hero .eyebrow{margin-bottom:18px}.lab-hero h1{letter-spacing:-.07em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,6.2vw,96px);font-weight:400;line-height:.88}.lab-hero h1 em{color:var(--signal);font-weight:400}.lab-hero>p{color:#4e4b45;max-width:510px;margin:0 0 6px;font-size:15px;line-height:1.7}.lab-workspace{background:var(--ink);border-radius:34px;grid-template-columns:minmax(350px,.72fr) minmax(0,1.28fr);width:min(1440px,100% - 32px);margin:0 auto 100px;display:grid;overflow:hidden;box-shadow:0 24px 70px #1717141f}.color-picker-panel{background:var(--warm-white);padding:36px}.lab-results-panel{color:#fff;min-width:0;padding:36px}.lab-step-heading{align-items:flex-start;gap:17px;display:flex}.lab-step-heading>div{flex:1;min-width:0}.lab-step-heading h2{letter-spacing:-.04em;margin:0 0 6px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:400}.lab-step-heading p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.lab-results-panel .lab-step-heading p{color:#9a9790}.lab-hex-entry{max-width:390px;margin-top:15px}.lab-hex-entry label{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.lab-hex-entry>div{gap:7px;display:flex}.lab-hex-entry input{border:1px solid var(--line);min-width:0;height:39px;color:var(--ink);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;background:#fff;border-radius:10px;flex:1;padding:0 12px;font-size:11px}.lab-hex-entry input:focus{outline:2px solid var(--signal);outline-offset:1px}.lab-hex-entry input[aria-invalid=true]{border-color:#a33a45}.lab-hex-entry button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;height:39px;padding:0 13px;font-size:10.5px}.lab-hex-entry button:hover,.lab-hex-entry button:focus-visible{background:var(--signal);outline:none}.lab-hex-entry>small{color:#8f2e39;margin-top:6px;font-size:10px;line-height:1.35;display:block}.lab-live-color{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px 12px;min-width:0;margin-top:30px;padding:12px;display:grid}.lab-live-color-swatch{border:1px solid #17171424;border-radius:13px;grid-row:1;width:54px;height:54px;box-shadow:inset 0 0 0 1px #ffffff26}.lab-live-color-copy{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2px 10px;min-width:0;display:grid}.lab-live-color-copy>span{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1;font-size:10px}.lab-live-color-copy>strong{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.035em;min-width:0;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:400}.lab-live-color-copy .copy-hex-button{color:var(--muted);font-size:10.5px}.lab-live-color>.color-profile{grid-column:1/-1}.lab-live-color .color-profile-item{background:#f4f2ec;border-color:#1717141f}.lab-live-color .color-profile-item small{color:#75716a}.lab-live-color .color-profile-item strong{color:#34322e}.color-field-wrap{background:#ddd;border-radius:20px;margin:12px 0 19px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.color-field-wrap canvas{cursor:crosshair;touch-action:none;image-rendering:auto;width:100%;height:360px;display:block}.color-field-wrap canvas:focus-visible{outline-offset:-7px;outline:4px solid #fff}.color-field-marker-track{pointer-events:none;position:absolute;inset:15px}.color-field-marker{pointer-events:none;border:3px solid #fff;border-radius:50%;width:30px;height:30px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 12px #00000073,inset 0 0 0 1px #0000002e}.field-axis{color:#fff;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#0000007a;border-radius:99px;padding:4px 7px;font-size:10px;position:absolute;left:11px}.field-axis-top{top:10px}.field-axis-bottom{bottom:10px}.lightness-control{border:1px solid var(--line);border-radius:14px;padding:14px 15px;display:block}.lightness-control>span{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.lightness-control strong{font-size:10px}.lightness-control code{color:var(--muted);font-size:10px}.lightness-control input{width:100%;accent-color:var(--signal)}.lightness-control>small{color:var(--muted);margin-top:7px;font-size:10.5px;line-height:1.45;display:block}.lab-base-card{border:1px solid var(--line);border-radius:18px;margin-top:14px;overflow:hidden}.lab-base-card dl{background:#fff;gap:8px;margin:0;padding:13px 16px;display:grid}.lab-base-card dl div{justify-content:space-between;align-items:center;gap:10px;display:flex}.lab-base-card dt{color:var(--muted);font-size:10px}.lab-base-card dd{font-family:var(--font-geist-mono), monospace;margin:0;font-size:10.5px}.lab-base-card .copy-hex-button{font-size:10.5px}.lab-base-card .favorite-button{color:#625f58;border-color:#17171433}.lab-base-card .favorite-button:hover,.lab-base-card .favorite-button:focus-visible{color:var(--signal);outline-color:#1717148c}.lab-name-audit{border:1px solid var(--line);background:#ebe8df;border-radius:18px;margin-top:14px;padding:15px 16px}.lab-name-audit-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.lab-name-audit-heading span{color:var(--signal);font-family:var(--font-geist-mono), monospace;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:650}.lab-name-audit-heading code{color:var(--muted);font-size:9.5px}.lab-name-audit>strong{letter-spacing:-.035em;margin:12px 0 13px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:400;display:block}.lab-name-audit dl{gap:7px;margin:0;display:grid}.lab-name-audit dl div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lab-name-audit dt{color:var(--muted);font-size:10px}.lab-name-audit dd{max-width:65%;font-family:var(--font-geist-mono), monospace;text-align:right;margin:0;font-size:10px}.lab-name-audit .copy-hex-button{font-size:10px}.lab-controls{-webkit-backdrop-filter:blur(26px)saturate(.65);backdrop-filter:blur(26px)saturate(.65);background:linear-gradient(145deg,#ffffff1b,#ffffff07);border:1px solid #ffffff24;border-radius:28px;width:100%;min-width:0;max-width:100%;margin:27px 0 14px;padding:18px;box-shadow:inset 0 1px #ffffff21,0 20px 45px #00000029}.lab-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;display:grid}.lab-mode-switch button{color:#f2f0eaad;cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #ffffff24;border-radius:22px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:98px;padding:13px 15px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0b}.lab-mode-switch button:hover,.lab-mode-switch button:focus-visible{color:#fff;background:#ffffff14;border-color:#fff6;outline:none;transform:translateY(-1px)}.lab-mode-switch button.is-active{color:#fff;background:#ffffff26;border-color:#ffffff9e;outline:none}.lab-mode-switch .selection-tile-copy strong{font-size:12px}.lab-mode-switch .selection-tile-copy small{font-size:10px}.lab-control-row{border-top:1px solid #ffffff1a;margin-top:18px;padding-top:17px}.lab-control-row>.lab-control-label{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:13px;display:flex}.lab-control-label strong{color:#f3f1eb;font-size:11px;font-weight:620}.lab-control-label small{max-width:220px;color:var(--dark-copy);text-align:right;font-size:10px;line-height:1.4}.lab-role-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0;display:grid}.lab-role-switch button,.lab-category-filter button{color:#f2f0eaab;cursor:pointer;background:#ffffff09;border:1px solid #ffffff24}.lab-role-switch button{text-align:center;scroll-snap-align:start;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:132px;padding:18px 12px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:flex;position:relative}.lab-role-switch .garment-role-icon{width:48px;height:55px}.lab-role-switch .garment-role-icon svg{width:35px;height:43px}.lab-role-switch button strong{font-size:10px}.lab-role-switch button small{color:var(--dark-copy);font-size:10px;line-height:1.38}.lab-role-switch button:hover,.lab-role-switch button:focus-visible{color:#fff;background:#ffffff14;border-color:#fff6;outline:none;transform:translateY(-1px)}.lab-role-switch button.is-active{color:#fff;background:#ffffff26;border-color:#ffffff9e;outline:none}.lab-role-switch button.is-active:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:13px;right:13px;box-shadow:0 0 0 4px #ffffff1c}.lab-role-switch button.is-active small{color:#ffffffa3}.lab-category-filter button{border-radius:99px;min-height:34px;padding:5px 10px;font-size:10px}.lab-category-filter{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.lab-category-filter button.is-active,.lab-category-filter button:hover,.lab-category-filter button:focus-visible{color:#fff;border-color:#aaa79f;outline:none}.lab-palette-grid{grid-template-columns:1fr;gap:11px;display:grid}.lab-palette-card{background:#20201d;border:1px solid #3d3d39;border-radius:17px;min-width:0;padding:14px;container:palette-card/inline-size}.lab-card-label{flex-direction:column;gap:4px;min-height:40px;margin-bottom:9px;display:flex}.lab-card-label>span:first-child{color:var(--dark-muted);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;font-size:10px}.lab-card-label strong{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:400}.lab-card-title{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.lab-card-title strong{min-width:0}.lab-duo-swatches,.lab-trio-swatches{background:#242421;border:1px solid #fff3;border-radius:12px;height:95px;display:flex;overflow:hidden;box-shadow:0 10px 24px #00000038,0 1px #ffffff14}.lab-duo-swatches span{width:50%}.lab-trio-swatches span{min-width:1px}.lab-color-names{border-top:1px solid #393935;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:9px;padding-top:8px;display:grid}.lab-color-names>span{gap:3px;min-width:0;display:grid}.lab-color-names>span:last-child{text-align:right}.lab-color-names>span>strong{color:#d7d4cc;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;white-space:normal;font-size:12px;font-weight:600}.lab-color-names small{color:var(--dark-muted);font-size:10px}.lab-color-names .copy-hex-button{width:max-content;max-width:100%;color:var(--dark-copy);font-size:10.5px}.lab-color-names>span:last-child .copy-hex-button{justify-self:end}.lab-color-names i{color:#5f5d58;font-size:8px;font-style:normal}.lab-swatch-details{border-top:1px solid #393935;gap:5px;margin-top:9px;padding-top:8px;display:grid}.lab-swatch-details div{grid-template-columns:9px 1fr auto;align-items:center;gap:7px;min-width:0;display:grid}.lab-swatch-details i{border-radius:50%;width:9px;height:9px}.lab-swatch-details div>span{min-width:0;color:var(--dark-muted);white-space:normal;gap:4px;font-size:10px;display:grid;overflow:visible}.lab-swatch-details div>span strong{color:#c8c5bd;font-weight:550}.lab-swatch-details .copy-hex-button{color:var(--dark-copy);font-size:10.5px}.lab-explainer{width:min(1320px,100% - 48px);margin:0 auto;padding:0 0 100px}.lab-explainer>div{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.lab-explainer article{border-right:1px solid var(--line);padding:24px 25px 0 0}.lab-explainer article+article{padding-left:25px}.lab-explainer article:last-child{border-right:0}.lab-explainer article>span{color:var(--signal);font-family:var(--font-geist-mono), monospace;font-size:9px}.lab-explainer h2{margin:28px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}.lab-explainer article p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}@container home-results (width>=720px){.pairing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container palette-card (width>=330px){.palette-color-details.is-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}@container palette-card (width>=560px){.palette-color-details.is-trio{grid-template-columns:repeat(3,minmax(0,1fr))}}.lab-footer a:last-child{color:var(--muted);justify-self:end;align-items:center;gap:6px;font-size:10px;text-decoration:none;display:inline-flex}.lab-footer a:last-child .ui-icon{width:14px;height:14px}.shopping-cta{color:#f5f2eb;background:linear-gradient(110deg,#ffffff1c,#ffffff0e);border:1px solid #ffffff52;border-radius:14px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:50px;margin-top:10px;padding:9px 13px 9px 9px;text-decoration:none;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.shopping-cta:hover,.shopping-cta:focus-visible{background:#ff5d3a1c;border-color:#ff977fe0;outline:none;transform:translateY(-1px)}.shopping-cta-icon{border:1px solid #ffffff2b;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.shopping-cta-icon .ui-icon{width:19px;height:19px}.shopping-cta>strong{letter-spacing:.01em;font-size:11.5px;font-weight:560}.shopping-cta>.ui-icon{width:16px;height:16px}.shopping-page{background:var(--warm-white);min-height:100vh;color:var(--ink)}.shopping-header{position:relative}.shopping-back{border:1px solid var(--line);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:10.5px;text-decoration:none;display:inline-flex}.shopping-back:hover,.shopping-back:focus-visible{border-color:var(--ink);outline:none}.shopping-back .ui-icon{width:15px;height:15px}.shopping-hero{width:min(1180px,100% - 48px);margin:0 auto;padding:62px 0 54px}.shopping-hero h1{letter-spacing:-.055em;max-width:850px;margin:12px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,6vw,86px);font-weight:400;line-height:.98}.shopping-hero>p:not(.eyebrow){max-width:590px;color:var(--muted);margin:24px 0 0;font-size:14px;line-height:1.65}.shopping-palette{border:1px solid #1717142e;border-radius:26px;height:220px;margin-top:42px;display:flex;overflow:hidden;box-shadow:0 20px 48px #23201b29}.shopping-palette>span{min-width:1px}.shopping-palette.is-duo>span{width:50%}.shopping-palette-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.shopping-palette-labels.is-duo{grid-template-columns:repeat(2,minmax(0,1fr))}.shopping-palette-labels>div{border:1px solid var(--line);border-radius:13px;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:3px 8px;min-width:0;padding:11px 12px;display:grid}.shopping-palette-labels .shopping-color-dot{grid-row:1/span 2}.shopping-palette-labels strong{overflow-wrap:break-word;min-width:0;font-size:12px}.shopping-palette-labels small{color:var(--muted);font-size:9.5px}.shopping-color-dot{border:1px solid #17171440;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff29}.shopping-content{color:#f0ede6;background:#191916;border-radius:34px;width:min(1240px,100% - 32px);margin:0 auto 84px;padding:34px;box-shadow:0 28px 65px #1717142b}.shopping-audience-tabs{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid;position:relative}.shopping-audience-tabs button{color:#aaa79f;min-height:62px;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;cursor:pointer;background:#22221f;border:1px solid #44443f;border-radius:16px 16px 11px 11px;padding:12px;font-size:10px}.shopping-audience-tabs button:hover,.shopping-audience-tabs button:focus-visible{color:#fff;border-color:#918e86;outline:none}.shopping-audience-tabs button.is-active{z-index:2;color:#fff;background:#30302c;border-color:#ffffffb8;transform:translateY(-5px);box-shadow:0 10px 22px #0000003d}.shopping-audience-panel{outline:none;margin-top:22px}.shopping-audience-panel:focus-visible{outline-offset:7px;border-radius:20px;outline:2px solid #ffffffbf}.shopping-provider-note{color:#aaa79f;max-width:820px;margin:0;font-size:11px;line-height:1.65}.shopping-color-section{border-top:1px solid #393934;padding:38px 0}.shopping-provider-note+.shopping-color-section{margin-top:30px}.shopping-color-section:last-child{padding-bottom:10px}.shopping-color-banner{border:1px solid #565650;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:120px;padding:22px 24px;display:flex;box-shadow:inset 0 0 0 1px #0000002e}.shopping-color-banner h2{max-width:100%;color:inherit;letter-spacing:-.03em;overflow-wrap:break-word;word-break:normal;margin:0;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400;line-height:1.05}.shopping-color-banner p{color:inherit;border:1px solid;border-radius:99px;margin:10px 0 0;padding:5px 9px;font-size:10px;font-weight:600;line-height:1.25}.shopping-color-question{color:#c3c0b8;margin:24px 0 12px;font-size:11px}.shopping-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.shopping-product-link{color:#e7e4dc;background:#22221f;border:1px solid #3e3e39;border-radius:15px;grid-template-columns:37px minmax(0,1fr) 15px;align-items:center;gap:10px;min-width:0;min-height:94px;padding:12px;text-decoration:none;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.shopping-product-link:hover,.shopping-product-link:focus-visible{background:#292925;border-color:#ff977fcc;outline:none;transform:translateY(-1px)}.shopping-product-icon{color:#d0cdc5;border:1px solid #494943;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.product-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px;overflow:visible}.product-icon *{vector-effect:non-scaling-stroke}.shopping-product-copy{gap:4px;min-width:0;display:grid}.shopping-product-copy strong{overflow-wrap:break-word;font-size:10.5px;line-height:1.3}.shopping-product-copy small{color:#9f9c94;overflow-wrap:break-word;font-size:8.5px;line-height:1.3}.shopping-product-link>.ui-icon{color:#8f8c85;width:14px;height:14px}.shopping-more-button{color:#c9c6be;cursor:pointer;background:0 0;border:1px solid #44443f;border-radius:14px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:12px;padding:10px 14px;font-size:10px;display:flex}.shopping-more-button:hover,.shopping-more-button:focus-visible{color:#fff;border-color:#aaa79f;outline:none}.shopping-more-button .ui-icon{width:15px;height:15px}.shopping-more-groups{gap:28px;margin-top:26px;display:grid}.shopping-more-groups h3{color:#aaa79f;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;margin:0 0 10px;font-size:9px;font-weight:500}.shopping-generic-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.shopping-generic-links .shopping-product-link{background:#292925;border-color:#565650;min-height:70px}.shopping-footer{padding-bottom:max(36px, env(safe-area-inset-bottom));margin-bottom:0}.shopping-error-page{padding:28px}.shopping-error-page>section{width:min(720px,100%);margin:100px auto}.shopping-error-page h1{margin:16px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,7vw,72px);font-weight:400;line-height:1}.shopping-error-page section>p:not(.eyebrow){color:var(--muted);line-height:1.6}.shopping-error-link{border:1px solid var(--ink);min-height:46px;color:var(--ink);border-radius:99px;align-items:center;gap:8px;margin-top:25px;padding:10px 15px;font-size:11px;text-decoration:none;display:inline-flex}.shopping-error-link .ui-icon{width:15px;height:15px}@media (width<=1050px){.hero{grid-template-columns:1fr .55fr}.hero-orbit{transform-origin:100%;transform:scale(.86)}.workspace{grid-template-columns:1fr}.upload-panel{border-bottom:1px solid #ffffff17;border-right:0}.results-panel{min-height:auto}.empty-state{min-height:350px}.lab-workspace{grid-template-columns:1fr}.color-picker-panel{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:0 24px;display:grid}.color-picker-panel .lab-step-heading{grid-column:1/-1}.lab-live-color{grid-area:2/1}.color-field-wrap{grid-area:3/1/span 2}.lightness-control,.lab-base-card,.lab-name-audit{grid-column:2}.lightness-control{grid-row:2;align-self:start;margin-top:30px}.lab-base-card{grid-row:3;align-self:start}.lab-name-audit{grid-row:4/span 2}.shopping-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.site-header{width:calc(100% - 30px);height:74px}.privacy-note{font-size:0}.header-actions{gap:14px}.lab-link{font-size:10px}.hero{width:calc(100% - 30px);min-height:auto;padding:62px 0 48px;display:block}.hero h1{font-size:clamp(58px,19vw,86px);line-height:.9}.hero-intro{margin-top:32px;font-size:15px}.hero-orbit{display:none}.workspace{border-radius:24px;width:calc(100% - 16px);margin-bottom:80px}.upload-panel,.results-panel{padding:24px 18px}.source-stage{border-radius:24px;min-height:206px;margin-top:25px}.source-stage-surface{min-height:206px;padding:14px}.source-stage-heading small{display:none}.source-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 0}.source-button{border-radius:20px;min-height:122px;padding:12px 8px}.upload-source-icon{width:43px;height:43px}.source-button strong{font-size:10px}.source-button small{font-size:7px}.base-card{grid-template-columns:1fr}.base-swatch{min-height:205px}.pairing-grid,.trio-grid{grid-template-columns:1fr}.pair-swatches,.trio-swatches{height:125px}.pairing-card,.trio-card,.lab-palette-card{padding:17px}.pairing-topline{font-size:11px}.favorite-button,.favorite-button.is-compact,.pairing-topline .favorite-button.is-compact{width:44px;min-width:44px;height:44px;min-height:44px}.favorites-panel li{grid-template-columns:48px minmax(0,1fr) 44px}.favorites-panel li>button{width:44px;height:44px}.favorites-clear{min-height:44px}.pairing-card h3,.trio-card h3{font-size:23px}.palette-color-details.is-duo,.palette-color-details.is-trio{grid-template-columns:1fr;gap:8px}.palette-color-detail{grid-template-columns:10px minmax(0,1fr);gap:9px;padding:10px}.palette-color-detail>.color-dot{width:10px;height:10px}.palette-color-name{font-size:12px}.palette-color-meta{font-size:8.5px}.palette-color-detail .color-profile{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-color-detail .color-profile-item{gap:2px;display:grid}.palette-color-detail .color-profile-item small{font-size:6.5px}.palette-color-detail .color-profile-item strong{text-align:left;font-size:8px}.palette-color-actions .copy-hex-button{font-size:11px}.combination-info-tile{border-radius:16px;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px}.combination-info-icon{border-radius:11px;width:38px;height:38px}.combination-info-icon svg{width:26px;height:26px}.combination-info-heading>span{font-size:9.5px}.combination-info-heading>small{padding:4px 7px;font-size:9px}.combination-info-tile p{margin-top:7px;font-size:11.5px;line-height:1.55}.color-name-pair>span>strong{font-size:12px}.color-name-pair .color-profile-item small,.lab-color-names .color-profile-item small{font-size:7px}.color-name-pair .color-profile-item strong,.lab-color-names .color-profile-item strong{font-size:8.5px}.color-name-pair .copy-hex-button{font-size:11px}.trio-role-list{gap:10px}.trio-role-list>div{grid-template-columns:10px minmax(0,1fr) auto;gap:9px}.trio-role-list i{width:10px;height:10px}.trio-role-list>div>span{text-overflow:clip;white-space:normal;font-size:10.5px;line-height:1.38}.trio-role-list .copy-hex-button{padding-block:3px;font-size:11px}.combination-controls{border-radius:24px;padding:14px}.combination-control-heading,.base-role-copy{display:block}.combination-control-heading span,.base-role-copy span{text-align:left;max-width:none;margin-top:5px;display:block}.mode-switch button{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:106px;padding:9px 7px;display:flex}.mode-switch .selection-icon{width:58px}.mode-switch .selection-tile-copy{align-items:center;gap:2px}.selection-tile-copy strong{font-size:11px}.selection-tile-copy small{font-size:8px}.base-role-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;overflow:visible}.base-role-switch button{aspect-ratio:1;text-align:center;border-radius:18px;align-items:center;gap:5px;min-height:0;padding:9px 7px;display:flex}.base-role-switch button>span:last-child{align-items:center;gap:3px}.base-role-switch .garment-role-icon{width:38px;height:43px}.base-role-switch .garment-role-icon svg{width:32px;height:39px}.base-role-switch button strong{font-size:8px}.base-role-switch button small{font-size:6.25px;line-height:1.28}.base-role-switch button.is-active:after{width:5px;height:5px;top:9px;right:9px;box-shadow:0 0 0 3px #ffffff1c}footer{grid-template-columns:1fr auto;gap:20px;width:calc(100% - 30px)}footer p{display:none}footer>span{text-align:right}.color-theory{width:calc(100% - 30px);margin-bottom:75px}.color-theory-heading{display:block}.color-theory-heading h2{font-size:clamp(44px,14vw,64px)}.color-theory-heading>p:last-child{margin-top:25px;font-size:14px}.color-theory-rules{margin-top:50px}.color-theory-section-heading{font-size:30px}.color-rule-list{margin-top:20px}.color-rule-list summary{grid-template-columns:32px minmax(0,1fr) 22px;gap:10px;min-height:68px;font-size:19px}.color-rule-list details>p{margin:0 22px 23px 42px;font-size:12px}.color-theory-technical-note{margin-left:42px}.color-theory-outfit,.color-theory-temperature{margin-top:58px;padding-top:32px}.color-theory-section-intro{display:block}.color-theory-section-intro>p{margin-top:18px;font-size:13px}.color-role-grid{grid-template-columns:1fr;margin-top:28px}.color-temperature-advice{margin-top:28px;padding:24px 0}.color-role-grid article,.color-role-grid article+article{border-left:0;padding:24px 0}.color-role-grid article+article{border-top:1px solid var(--line)}.color-theory-method{padding-top:28px}.modal-backdrop{place-items:stretch stretch;padding:0}.crop-dialog{width:100%;min-height:100dvh;max-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 15px max(18px, env(safe-area-inset-bottom));border-radius:0}.dialog-heading h2{font-size:27px}.crop-stage{border-radius:17px;width:100%;margin-top:18px}.crop-guide{inset:12px}.dialog-actions{background:var(--warm-white);padding-bottom:2px;position:sticky;bottom:0}.button-primary,.button-secondary{flex:1;padding:0 12px}.camera-toolbar{gap:10px;padding-inline:14px}.camera-next-step small{display:none}.lab-hero{width:calc(100% - 30px);padding:56px 0 42px;display:block}.lab-hero h1{font-size:clamp(50px,14vw,68px)}.lab-hero>p{margin-top:30px;font-size:14px}.lab-workspace{border-radius:24px;width:calc(100% - 16px);margin-bottom:75px}.color-picker-panel,.lab-results-panel{padding:23px 17px}.color-picker-panel{display:block}.lab-live-color{margin-top:25px}.color-field-wrap{margin-top:12px}.color-field-wrap canvas{height:290px}.lightness-control{margin-top:0}.lab-palette-grid{grid-template-columns:1fr}.lab-duo-swatches,.lab-trio-swatches{height:116px}.lab-card-label span{font-size:10px}.lab-card-label strong{font-size:22px}.lab-color-names>span>strong{font-size:12px}.lab-color-names small{font-size:10px}.lab-color-names .copy-hex-button{font-size:11px}.lab-swatch-details{gap:9px}.lab-swatch-details div{grid-template-columns:10px minmax(0,1fr) auto;gap:8px}.lab-swatch-details i{width:10px;height:10px}.lab-swatch-details div>span{text-overflow:clip;white-space:normal;font-size:10.5px;line-height:1.38}.lab-swatch-details .copy-hex-button{padding-block:3px;font-size:11px}.lab-controls{border-radius:24px;padding:14px}.lab-control-row>.lab-control-label{display:block}.lab-control-label small{text-align:left;max-width:none;margin-top:5px;display:block}.lab-role-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;overflow:visible}.lab-role-switch button{aspect-ratio:1;text-align:center;border-radius:18px;align-items:center;gap:5px;min-height:0;padding:9px 7px;display:flex}.lab-role-switch button>span:last-child{align-items:center;gap:3px}.lab-role-switch .garment-role-icon{width:38px;height:43px}.lab-role-switch .garment-role-icon svg{width:32px;height:39px}.lab-role-switch button strong{font-size:8px}.lab-role-switch button small{font-size:6.25px;line-height:1.28}.lab-mode-switch button{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:106px;padding:9px 7px;display:flex}.lab-mode-switch .selection-icon{width:58px}.lab-mode-switch .selection-tile-copy{align-items:center;gap:2px}.lab-role-switch button.is-active:after{width:5px;height:5px;top:9px;right:9px;box-shadow:0 0 0 3px #ffffff1c}.lab-explainer{width:calc(100% - 30px);padding-bottom:70px}.lab-explainer>div{grid-template-columns:1fr}.lab-explainer article,.lab-explainer article+article{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.lab-explainer h2{margin-top:16px}.lab-footer{grid-template-columns:1fr auto}.lab-footer p{display:none}.shopping-cta{min-height:54px}.shopping-hero{width:calc(100% - 30px);padding:48px 0 38px}.shopping-hero h1{font-size:clamp(43px,13vw,62px)}.shopping-hero>p:not(.eyebrow){margin-top:19px;font-size:13px}.shopping-palette{border-radius:20px;height:148px;margin-top:30px}.shopping-palette-labels,.shopping-palette-labels.is-duo{grid-template-columns:1fr}.shopping-content{border-radius:25px;width:calc(100% - 16px);margin-bottom:70px;padding:22px 16px}.shopping-audience-tabs{gap:4px}.shopping-audience-tabs button{letter-spacing:.035em;border-radius:13px 13px 9px 9px;min-height:54px;padding:7px 3px;font-size:7.5px}.shopping-provider-note{font-size:10px}.shopping-color-section{padding:31px 0}.shopping-color-banner{border-radius:16px;min-height:96px;padding:17px 18px}.shopping-color-banner h2{font-size:28px}.shopping-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.shopping-product-link{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:104px;padding:10px 8px}.shopping-product-icon{width:34px;height:34px}.shopping-product-link>.ui-icon{display:none}.shopping-product-copy strong{font-size:9.5px}.shopping-product-copy small{font-size:8px}.shopping-generic-links{grid-template-columns:1fr}.shopping-generic-links .shopping-product-link{min-height:68px}.shopping-footer{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.shopping-color-section{padding:28px 0}.shopping-color-toggle{color:#e7e4dc;text-align:left;cursor:pointer;background:#22221f;border:1px solid #4b4b45;border-radius:14px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:10px;padding:8px 13px 8px 9px;transition:border-color .18s,background-color .18s;display:grid}.shopping-color-toggle:hover,.shopping-color-toggle:focus-visible{background:#292925;border-color:#ff977fd1;outline:none}.shopping-color-toggle[aria-expanded=true]{background:#2b2b27;border-color:#77746c}.shopping-color-toggle-icon{border:1px solid #4d4d47;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.shopping-color-toggle-icon .ui-icon{width:19px;height:19px}.shopping-color-toggle strong{min-width:0;font-size:11px;font-weight:560}.shopping-color-toggle>.ui-icon{width:16px;height:16px}.shopping-color-products{padding-top:22px}.shopping-color-products .shopping-color-question{margin:0 0 12px}@media (width<=760px){.shopping-color-section{padding:24px 0}.shopping-color-toggle{min-height:54px}}.admin-page{color:#171714;background:#f5f2eb;min-height:100vh;padding-bottom:96px}.admin-header{border-bottom:1px solid #d6d1c8;justify-content:space-between;align-items:center;min-height:84px;padding:18px 34px;display:flex}.admin-back,.admin-header a{color:inherit;text-decoration:none}.admin-back{border:1px solid #bbb5aa;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:12px;display:inline-flex}.admin-back .ui-icon{width:16px;height:16px}.admin-navigation{background:#fff;border:1px solid #d2cdc3;border-radius:999px;align-items:center;gap:6px;padding:5px;display:flex}.admin-navigation a{color:#625f58;border-radius:999px;align-items:center;min-height:38px;padding:8px 14px;font-size:11px;display:inline-flex}.admin-navigation a[aria-current=page]{color:#fff;background:#171714}.admin-navigation a:focus-visible{outline-offset:2px;outline:2px solid #ff5d3a}.admin-hero,.admin-summary,.admin-tools,.admin-catalog,.admin-editor,.admin-neighborhood,.admin-history,.admin-publish,.admin-message{width:min(1320px,100% - 40px);margin-inline:auto}.admin-hero{padding:68px 0 42px}.admin-hero h1{letter-spacing:-.055em;max-width:900px;margin:10px 0 0;font:400 clamp(48px,7vw,88px)/.98 Georgia,serif}.admin-hero>p:last-child{color:#625f58;max-width:680px;margin-top:24px;font-size:15px;line-height:1.65}.admin-message{background:#fff5f1;border:1px solid #d67d67;border-radius:14px;margin-bottom:18px;padding:13px 16px}.admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-summary article{background:#fff;border:1px solid #d2cdc3;border-radius:20px;flex-direction:column;min-height:126px;padding:20px;display:flex}.admin-summary span,.admin-summary small,.admin-tools small{color:#625f58;font-size:10px}.admin-summary strong{overflow-wrap:anywhere;margin:auto 0 5px;font:400 25px/1.1 Georgia,serif}.admin-tools{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.admin-tools>div{background:#fff;border:1px solid #d2cdc3;border-radius:20px;padding:24px}.admin-tools h2{margin:0 0 16px;font:400 25px Georgia,serif}.admin-inline-form{grid-template-columns:1fr auto;gap:8px;display:grid}.admin-page input,.admin-page select,.admin-page textarea{color:#171714;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #bdb7ac;border-radius:11px;padding:10px 12px}.admin-page textarea{resize:vertical;min-height:110px}.admin-page button,.admin-action-row a{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #77736b;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:11px;text-decoration:none;display:inline-flex}.admin-page button:hover,.admin-page button:focus-visible,.admin-action-row a:focus-visible{outline-offset:2px;outline:2px solid #ff5d3a}.admin-page button:disabled{opacity:.45;cursor:not-allowed}.admin-page button .ui-icon{width:15px;height:15px}.dashboard-page{padding-bottom:56px}.dashboard-hero{padding-bottom:32px}.dashboard-filters,.dashboard-quality,.dashboard-kpis,.dashboard-grid,.dashboard-card,.dashboard-generated,.dashboard-loading{width:min(1320px,100% - 40px);margin-inline:auto}.dashboard-filters{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #d2cdc3;border-radius:20px;grid-template-columns:repeat(6,minmax(112px,1fr));gap:8px;padding:14px;display:grid;position:sticky;top:8px;box-shadow:0 12px 36px #17171412}.dashboard-filters label{color:#625f58;gap:5px;font-size:10px;display:grid}.dashboard-filters select{min-height:42px;padding-block:8px;font-size:11px}.dashboard-filters button,.dashboard-export{border-color:#aaa49a;min-height:44px}.dashboard-filters button[type=submit]{color:#fff;background:#171714}.dashboard-export{color:inherit;border:1px solid #77736b;border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;font-size:11px;text-decoration:none;display:inline-flex}.dashboard-export:focus-visible{outline-offset:2px;outline:2px solid #ff5d3a}.dashboard-quality{background:#fff5ed;border:1px solid #d7a98f;border-radius:16px;gap:5px;margin-top:16px;padding:17px 20px;display:grid}.dashboard-quality strong{font-size:12px}.dashboard-quality p{color:#625f58;margin:0;font-size:11px;line-height:1.5}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.dashboard-kpis article{color:#fff;background:#171714;border:1px solid #d2cdc3;border-radius:22px;flex-direction:column;min-height:155px;padding:20px;display:flex}.dashboard-kpis span,.dashboard-kpis small{color:#aaa79f;font-size:10px}.dashboard-kpis strong{letter-spacing:-.04em;margin:auto 0 8px;font:400 clamp(30px,4vw,52px)/.95 Georgia,serif}.dashboard-grid{gap:10px;display:grid}.dashboard-overview-grid{grid-template-columns:.8fr 1.2fr;margin-top:10px}.dashboard-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.dashboard-detail-grid{grid-template-columns:1fr 1fr;margin-top:10px}.dashboard-card{background:#fff;border:1px solid #d2cdc3;border-radius:24px;margin-top:10px;padding:clamp(20px,3vw,34px);overflow:hidden}.dashboard-grid>.dashboard-card{width:auto;margin:0}.dashboard-card h2{letter-spacing:-.03em;margin:7px 0 22px;font:400 clamp(23px,2.8vw,34px)/1.05 Georgia,serif}.dashboard-funnel{gap:9px;display:grid}.dashboard-funnel>div{gap:4px;display:grid}.dashboard-funnel>div>span{color:#fff;background:#171714;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:130px;min-height:54px;padding:10px 14px;font-size:10px;display:flex}.dashboard-funnel b{font:400 23px Georgia,serif}.dashboard-funnel small{color:#8a867f;padding-left:18px}.dashboard-timeline{border-bottom:1px solid #d2cdc3;align-items:end;gap:5px;height:180px;display:flex}.dashboard-timeline>div{flex:1 1 0;align-items:end;gap:2px;min-width:5px;height:100%;display:flex}.dashboard-timeline i{border-radius:4px 4px 0 0;width:33%;min-height:2px;display:block}.dashboard-timeline .is-analysis{background:#171714}.dashboard-timeline .is-shopping{background:#ff5d3a}.dashboard-timeline .is-click{background:#bd87b0}.dashboard-legend{color:#625f58;flex-wrap:wrap;gap:8px 16px;margin:10px 0 18px;font-size:10px;display:flex}.dashboard-legend span:before{content:"";border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dashboard-legend .is-analysis:before{background:#171714}.dashboard-legend .is-shopping:before{background:#ff5d3a}.dashboard-legend .is-click:before{background:#bd87b0}.dashboard-bars{gap:13px;display:grid}.dashboard-bar>div{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:5px;display:flex}.dashboard-bar strong{font-size:12px}.dashboard-bar div span{color:#625f58;white-space:nowrap;font-size:10px}.dashboard-bar>span{background:#ece8e0;border-radius:99px;height:7px;display:block;overflow:hidden}.dashboard-bar i{border-radius:inherit;background:#ff5d3a;height:100%;display:block}.dashboard-color-section h2:not(:first-of-type){margin-top:42px}.dashboard-color-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.dashboard-color-grid article{border:1px solid #1717142e;border-radius:17px;flex-direction:column;min-height:138px;padding:15px;display:flex}.dashboard-color-grid span{font:10px/1 monospace}.dashboard-color-grid strong{margin-top:auto;font:400 20px/1.05 Georgia,serif}.dashboard-color-grid small{margin-top:7px;font-size:9px}.dashboard-table-wrap{width:100%;overflow-x:auto}.dashboard-table-wrap table{border-collapse:collapse;width:100%;font-size:10px}.dashboard-table-wrap th,.dashboard-table-wrap td{text-align:left;vertical-align:middle;border-bottom:1px solid #e3dfd7;padding:9px 8px}.dashboard-table-wrap th{color:#625f58;font-weight:600}.dashboard-table-wrap code{margin-left:5px;font-size:9px;display:inline-block}.dashboard-heatmap{min-width:930px}.dashboard-heatmap th:not(:first-child){text-align:center;min-width:58px}.dashboard-heatmap th span{border:1px solid #aaa49a;border-radius:50%;width:9px;height:9px;margin:0 auto 4px;display:block}.dashboard-heatmap td{text-align:center;font-variant-numeric:tabular-nums}.dashboard-mini-swatch{vertical-align:middle;border:1px solid #aaa49a;border-radius:50%;width:15px;height:15px;margin-right:7px;display:inline-block}.dashboard-empty,.dashboard-loading{color:#625f58;font-size:12px}.dashboard-generated{color:#625f58;text-align:right;padding:24px 0;font-size:10px}@media (width<=1050px){.admin-header{flex-wrap:wrap;gap:10px}.admin-navigation{order:3;justify-content:center;width:100%}.dashboard-filters{grid-template-columns:repeat(3,minmax(0,1fr));position:static}.dashboard-color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-header{padding:14px 16px}.admin-back{justify-content:center;width:44px;padding-inline:0;font-size:0}.admin-navigation{justify-content:flex-start;overflow-x:auto}.admin-navigation a{flex:none}.dashboard-filters,.dashboard-quality,.dashboard-kpis,.dashboard-grid,.dashboard-card,.dashboard-generated,.dashboard-loading{width:min(100% - 24px,1320px)}.dashboard-filters{grid-template-columns:1fr 1fr;padding:12px}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-overview-grid,.dashboard-breakdown-grid,.dashboard-detail-grid{grid-template-columns:1fr}.dashboard-color-grid{grid-template-columns:1fr 1fr}.dashboard-card{padding:20px}}@media (width<=430px){.dashboard-filters,.dashboard-kpis{grid-template-columns:1fr}.dashboard-kpis article{min-height:130px}.dashboard-color-grid{grid-template-columns:1fr}.dashboard-color-grid article{min-height:112px}}@media print{.admin-header,.dashboard-filters{display:none!important}.admin-page{background:#fff}.dashboard-card,.dashboard-kpis article,.dashboard-quality{break-inside:avoid;box-shadow:none}.dashboard-table-wrap{overflow:visible}.dashboard-heatmap{min-width:0;font-size:7px}}.admin-comparison{grid-template-columns:72px 1fr;align-items:center;gap:6px 14px;margin-top:16px;display:grid}.admin-swatch-large{border:1px solid #aaa;border-radius:14px;grid-row:1/span 4;width:72px;height:72px}.admin-comparison p{margin:0;font-size:12px;display:grid}.admin-comparison p strong{color:#625f58;text-transform:uppercase;font-size:9px}.admin-action-row{flex-wrap:wrap;gap:7px;display:flex}.admin-audit{gap:5px;margin-top:16px;display:grid}.admin-audit p{margin:0;font-size:12px}.admin-audit small{overflow-wrap:anywhere;background:#f2efe8;border-radius:7px;padding:5px 7px}.admin-audit .is-error{color:#7c2414;background:#ffe4dc}.admin-catalog,.admin-editor,.admin-neighborhood,.admin-history,.admin-publish{background:#fff;border:1px solid #d2cdc3;border-radius:24px;margin-top:18px;padding:28px}.admin-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.admin-section-heading h2,.admin-publish h2{margin:5px 0 0;font:400 34px Georgia,serif}.admin-section-heading p:last-child{color:#625f58;max-width:680px;margin:10px 0 0;font-size:12px;line-height:1.55}.admin-filters{grid-template-columns:2fr repeat(3,1fr);gap:8px;margin:24px 0 16px;display:grid}.admin-page label{color:#625f58;gap:6px;font-size:10px;display:grid}.admin-table-wrap{border:1px solid #d8d3c9;border-radius:16px;overflow-x:auto}.admin-table-wrap table{border-collapse:collapse;width:100%;min-width:1030px}.admin-table-wrap th{color:#625f58;text-align:left;text-transform:uppercase;letter-spacing:.06em;background:#efebe3;padding:12px;font-size:9px}.admin-table-wrap td{vertical-align:top;border-top:1px solid #ded9cf;padding:12px;font-size:12px}.admin-table-wrap td:first-child{width:145px}.admin-table-wrap td>strong,.admin-table-wrap td>span,.admin-table-wrap td>small,.admin-table-wrap td>code{margin-top:4px;display:block}.admin-table-wrap small{color:#625f58;font-size:9px}.admin-swatch{border:1px solid #aaa;border-radius:10px;width:100%;height:52px;display:block}.admin-changed{background:#ffe3d8;border-radius:999px;width:max-content;padding:3px 6px;color:#762811!important}.admin-table-wrap tr.is-archived{opacity:.55}.admin-row-actions{flex-wrap:wrap;gap:5px;width:230px;display:flex}.admin-row-actions button{min-height:36px;padding:6px 10px;font-size:9px}.admin-pagination{justify-content:center;align-items:center;gap:18px;margin-top:15px;font-size:11px;display:flex}.admin-editor form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.admin-editor-preview{border:1px solid #aaa;border-radius:18px;grid-row:span 3;align-items:flex-end;min-height:210px;padding:16px;display:flex}.admin-editor-preview span{color:#171714;background:#fffc;border-radius:999px;padding:5px 8px;font-size:11px}.admin-editor .admin-action-row{grid-column:1/-1}.admin-sample-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:24px;display:grid}.admin-sample-grid article{border:1px solid #d4cfc6;border-radius:12px;min-width:0;padding:8px}.admin-sample-grid article.is-boundary{border-color:#ff5d3a;box-shadow:inset 0 0 0 1px #ff5d3a}.admin-sample-grid article>span{border:1px solid #aaa;border-radius:8px;height:64px;display:block}.admin-sample-grid strong,.admin-sample-grid small{margin-top:6px;font-size:9px;display:block}.admin-sample-grid p{overflow-wrap:break-word;margin:6px 0 0;font-size:9px}.admin-version-list{gap:8px;margin-top:22px;display:grid}.admin-version-list article{border:1px solid #d8d3c9;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.admin-version-list article>div{gap:4px;min-width:0;display:grid}.admin-version-list strong,.admin-version-list small,.admin-version-list code{display:block}.admin-version-list small,.admin-version-list code{color:#625f58;font-size:9px}.admin-version-list p{margin:3px 0;font-size:11px}.admin-current{color:#315326;background:#e1ecd9;border-radius:999px;padding:6px 10px;font-size:10px}.admin-log{border-top:1px solid #d8d3c9;margin-top:28px;padding-top:24px}.admin-log h3{margin:0 0 14px;font:400 24px Georgia,serif}.admin-log ol{gap:7px;margin:0;padding:0;list-style:none;display:grid}.admin-log li{background:#f2efe8;border-radius:11px;grid-template-columns:160px minmax(0,1fr) minmax(120px,auto);gap:12px;min-width:0;padding:11px 13px;font-size:10px;display:grid}.admin-log li span,.admin-log li small{color:#625f58;overflow-wrap:anywhere}.admin-publish{color:#f2efe8;background:#191916;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:40px;display:grid}.admin-publish>div>p:last-child{color:#aaa79f;max-width:520px;font-size:13px;line-height:1.6}.admin-publish form{gap:12px;display:grid}.admin-publish label{color:#c4c0b8}.admin-publish .admin-checkbox{grid-template-columns:22px 1fr;align-items:start}.admin-publish .admin-checkbox input{width:20px;min-height:20px}.admin-publish button{color:#fff;background:#ff5d3a;border-color:#ff977f}@media (width<=900px){.admin-summary{grid-template-columns:repeat(2,1fr)}.admin-tools,.admin-publish{grid-template-columns:1fr}.admin-filters{grid-template-columns:repeat(2,1fr)}.admin-sample-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.admin-header{padding:15px}.admin-header .brand small{display:none}.admin-hero,.admin-summary,.admin-tools,.admin-catalog,.admin-editor,.admin-neighborhood,.admin-history,.admin-publish,.admin-message{width:calc(100% - 16px)}.admin-hero{padding:44px 7px 30px}.admin-hero h1{font-size:48px}.admin-summary{gap:7px}.admin-summary article{min-height:112px;padding:15px}.admin-tools,.admin-filters,.admin-editor form{grid-template-columns:1fr}.admin-catalog,.admin-editor,.admin-neighborhood,.admin-history,.admin-publish{border-radius:19px;padding:19px 14px}.admin-section-heading{align-items:flex-start}.admin-section-heading h2{font-size:28px}.admin-table-wrap{border:0;overflow:visible}.admin-table-wrap table,.admin-table-wrap tbody,.admin-table-wrap tr,.admin-table-wrap td{min-width:0;display:block}.admin-table-wrap thead{display:none}.admin-table-wrap tr{border:1px solid #d8d3c9;border-radius:15px;margin-top:10px;padding:12px}.admin-table-wrap td{border:0;padding:8px 0;width:auto!important}.admin-swatch{height:86px}.admin-row-actions{width:auto}.admin-row-actions button{min-height:44px}.admin-editor-preview{grid-row:auto;min-height:170px}.admin-editor .admin-action-row{grid-column:auto}.admin-sample-grid{grid-template-columns:repeat(2,1fr)}.admin-version-list article{flex-direction:column;align-items:flex-start}.admin-log li{grid-template-columns:1fr;gap:3px}}