:root{--cl-color-midnight: #141820;--cl-color-surface: #1e2430;--cl-color-linen: #f2ede4;--cl-color-linen-strong: #fbf8f3;--cl-color-champagne: #d4c4a0;--cl-color-dark-gold: #a89470;--cl-color-slate: #8a9aaa;--cl-color-success: #b8d7b1;--cl-color-success-ink: #183a27;--cl-color-warning: #f0cf88;--cl-color-warning-ink: #5b3a05;--cl-color-error: #efb4ae;--cl-color-error-ink: #651d1b;--cl-bg-canvas-light: var(--cl-color-linen);--cl-bg-canvas-night: var(--cl-color-midnight);--cl-bg-surface-dark: var(--cl-color-surface);--cl-bg-surface-light: var(--cl-color-linen-strong);--cl-text-primary-dark: var(--cl-color-linen);--cl-text-primary-light: var(--cl-color-midnight);--cl-text-secondary-dark: var(--cl-color-slate);--cl-text-secondary-light: #4a515b;--cl-action-primary-bg: var(--cl-color-midnight);--cl-action-primary-text: var(--cl-color-linen);--cl-accent-selected: var(--cl-color-champagne);--cl-border-subtle-dark: rgba(212, 196, 160, .34);--cl-border-subtle-light: rgba(20, 24, 32, .18);--cl-focus-ring: #e6d7ad;--cl-font-display: Fraunces, serif;--cl-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cl-radius-sm: 6px;--cl-radius-md: 8px;--cl-radius-lg: 12px;--cl-shadow-low: 0 12px 30px rgba(20, 24, 32, .1);--cl-shadow-overlay: 0 28px 80px rgba(0, 0, 0, .28);--cl-speed-fast: .16s;--cl-speed-base: .22s;--cl-speed-scene: .36s;--cl-bg: var(--cl-color-midnight);--cl-surface: var(--cl-color-surface);--cl-surface-2: #242c3a;--cl-warm: #1c1810;--cl-alt: #11141b;--cl-alt-deep: #080b0d;--cl-ink-dark: var(--cl-color-linen);--cl-muted: var(--cl-color-slate);--cl-subtle: var(--cl-color-slate);--cl-line: #2c3340;--cl-line-strong: #3b4557;--cl-linen: var(--cl-color-linen);--cl-card-linen: #ffffff;--cl-card-linen-2: var(--cl-color-linen-strong);--cl-ink: var(--cl-color-midnight);--cl-sub: #5d6470;--cl-note: #a19a86;--cl-line-linen: #e6ddcd;--cl-champ: var(--cl-color-champagne);--cl-champ-dk: var(--cl-color-dark-gold);--cl-champ-deep: #8f7746;--cl-champ-glow: rgba(212, 196, 160, .55);--cl-champ-glow-soft: rgba(212, 196, 160, .15);--cl-success: var(--cl-color-success);--cl-success-ink: var(--cl-color-success-ink);--cl-success-bg: rgba(184, 215, 177, .14);--cl-warning: var(--cl-color-warning);--cl-warning-ink: var(--cl-color-warning-ink);--cl-warning-bg: rgba(240, 207, 136, .14);--cl-error: var(--cl-color-error);--cl-error-ink: var(--cl-color-error-ink);--cl-error-bg: rgba(239, 180, 174, .14);--cl-error-border: rgba(239, 180, 174, .4);--cl-type-display: var(--cl-font-display);--cl-type-body: var(--cl-font-ui);--cl-type-size-xs: clamp(10px, 9.3px + .22vw, 11px);--cl-type-size-sm: clamp(12px, 11.3px + .22vw, 13px);--cl-type-size-base: clamp(14px, 13.3px + .22vw, 15px);--cl-type-size-md: clamp(15px, 13.6px + .44vw, 17px);--cl-type-size-lg: clamp(19px, 16.9px + .66vw, 22px);--cl-type-size-xl: clamp(25px, 20.1px + 1.53vw, 32px);--cl-type-size-2xl: clamp(30px, 21.6px + 2.63vw, 42px);--cl-type-size-3xl: clamp(36px, 22px + 4.38vw, 56px);--cl-type-size-4xl: clamp(40px, 20.4px + 6.13vw, 68px);--cl-type-weight-regular: 400;--cl-type-weight-medium: 500;--cl-type-weight-semi: 600;--cl-type-weight-bold: 700;--cl-type-weight-black: 800;--cl-type-leading-tight: 1.02;--cl-type-leading-snug: 1.2;--cl-type-leading-base: 1.5;--cl-type-leading-relaxed: 1.65;--cl-type-leading-loose: 1.8;--cl-type-tracking-tight: -.015em;--cl-type-tracking-snug: -.01em;--cl-type-tracking-normal: 0;--cl-type-tracking-wide: .12em;--cl-type-tracking-wider: .34em;--cl-type-tracking-word: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: var(--cl-radius-sm);--radius-sm: var(--cl-radius-md);--radius-control: var(--cl-radius-sm);--radius-md: var(--cl-radius-lg);--radius-lg: var(--cl-radius-lg);--radius-xl: var(--cl-radius-lg);--radius-full: 9999px;--shadow-ambient: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .18);--shadow-card: 0 4px 16px -4px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .22);--shadow-float: 0 12px 32px -8px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .25);--shadow-deep: 0 24px 60px -16px rgba(0, 0, 0, .8), 0 8px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 6px 24px -8px var(--cl-champ-glow);--shadow-glow-lg: 0 12px 40px -8px var(--cl-champ-glow);--shadow-glow-xl: 0 20px 60px -12px var(--cl-champ-glow);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-linear: linear;--dur-fast: var(--cl-speed-fast);--dur-base: var(--cl-speed-base);--dur-slow: var(--cl-speed-scene);--dur-reveal: .7s;--z-below: -1;--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-nav: 30;--z-dropdown: 40;--z-overlay: 50;--z-modal: 60;--z-toast: 70;--z-top: 80;--btn-primary-bg: var(--cl-champ);--btn-primary-color: var(--cl-ink);--btn-primary-shadow: var(--shadow-glow);--btn-primary-shadow-hov: var(--shadow-glow-lg);--btn-secondary-bg: var(--cl-ink);--btn-secondary-color: var(--cl-ink-dark);--btn-ghost-border: var(--cl-champ);--btn-ghost-color: var(--cl-champ);--btn-ghost-bg-hov: var(--cl-champ);--btn-ghost-color-hov: var(--cl-ink);--btn-danger-bg: var(--cl-error);--btn-danger-color: var(--cl-error-ink);--btn-font-size: 15px;--btn-font-size-sm: 13px;--btn-padding-y: 14px;--btn-padding-x: 22px;--btn-padding-y-sm: 10px;--btn-padding-x-sm: 16px;--btn-radius: var(--radius-control);--btn-transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out), background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);--input-bg: #0f1118;--input-bg-light: var(--cl-card-linen);--input-border: #3a4150;--input-border-light: #d9cfbb;--input-border-focus: var(--cl-champ);--input-border-error: var(--cl-error);--input-color: var(--cl-ink-dark);--input-color-light: var(--cl-ink);--input-placeholder: #8a93a0;--input-placeholder-light: #8a9099;--input-radius: var(--radius-control);--input-padding-y: 15px;--input-padding-x: 16px;--input-font-size: 14px;--input-transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);--input-focus-shadow: 0 0 0 3px var(--cl-champ-glow-soft);--card-bg-dark: var(--cl-surface);--card-border-dark: var(--cl-line);--card-border-dark-hov: var(--cl-line-strong);--card-shadow-hov: var(--shadow-float);--card-bg-light: var(--cl-card-linen);--card-border-light: var(--cl-line-linen);--card-radius: var(--radius-md);--card-padding: var(--space-6);--card-transition: transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);--nav-height: 80px;--nav-bg: rgba(18, 21, 28, .88);--nav-border: rgba(255, 255, 255, .06);--nav-blur: 12px;--nav-link-color: var(--cl-muted);--nav-link-color-hov: var(--cl-ink-dark);--nav-link-active: var(--cl-champ);--nav-transition: color var(--dur-fast) var(--ease-out);--badge-radius: var(--radius-full);--badge-padding-y: 4px;--badge-padding-x: 10px;--badge-font-size: 11px;--badge-font-weight: var(--cl-type-weight-semi);--bp-sm: 390px;--bp-md: 768px;--bp-lg: 1024px;--cl-overlay-xs: rgba(12, 14, 20, .15);--cl-overlay-soft: rgba(12, 14, 20, .22);--cl-overlay-sm: rgba(12, 14, 20, .55);--cl-overlay-md: rgba(12, 14, 20, .78);--cl-overlay-lg: rgba(12, 14, 20, .88);--cl-overlay-xl: rgba(12, 14, 20, .94);--cl-overlay-bg-soft: rgba(20, 24, 32, .22);--cl-overlay-bg-md: rgba(20, 24, 32, .7);--cl-overlay-bg-xl: rgba(20, 24, 32, .95);--cl-overlay-alt-md: rgba(17, 20, 27, .6);--cl-overlay-alt-xl: rgba(17, 20, 27, .92);--cl-white: #ffffff;--cl-white-tint: rgba(255, 255, 255, .05);--cl-white-border: rgba(255, 255, 255, .06);--cl-white-ring: rgba(255, 255, 255, .25);--cl-champ-tint: rgba(212, 196, 160, .05);--cl-star: #f5c518;--surface-linen: var(--cl-linen);--cl-season-winter: #e8eef4;--cl-season-spring: #b8c8a8;--cl-season-summer: #e8c870;--cl-season-fall: #b06840;--gradient-section-bridge: linear-gradient(to bottom, var(--cl-bg) 0%, var(--cl-alt) 100%);--gradient-bridge-linen: linear-gradient(to bottom, var(--cl-bg) 0%, var(--cl-linen) 100%);--gradient-hero-scrim-left: linear-gradient( to right, rgba(12, 14, 20, .96) 0%, rgba(12, 14, 20, .88) 32%, rgba(12, 14, 20, .5) 52%, transparent 68% );--gradient-hero-bottom: linear-gradient( to top, rgba(12, 14, 20, 1) 0%, rgba(12, 14, 20, .7) 35%, rgba(12, 14, 20, 0) 100% );--gradient-hero-bottom-linen: linear-gradient( to top, rgba(242, 237, 228, 1) 0%, rgba(242, 237, 228, .7) 35%, rgba(242, 237, 228, 0) 100% );--bg: var(--cl-bg);--surface: var(--cl-surface);--warm: var(--cl-warm);--alt: var(--cl-alt);--ink-dark: var(--cl-ink-dark);--muted: var(--cl-muted);--subtle: var(--cl-subtle);--line: var(--cl-line);--linen: var(--cl-linen);--card-linen: var(--cl-card-linen);--card-linen-2: var(--cl-card-linen-2);--ink: var(--cl-ink);--sub: var(--cl-sub);--line-linen: var(--cl-line-linen);--champ: var(--cl-champ);--champ-dk: var(--cl-champ-dk);--champ-glow: var(--cl-champ-glow);--champ-glow-soft: var(--cl-champ-glow-soft);--font-display: var(--cl-type-display);--font-body: var(--cl-type-body);--r-sm: var(--radius-sm);--r-md: var(--radius-md);--r-lg: var(--radius-lg)}:root{--swatch-warm: #ffd97a;--swatch-ice: #7ec8f8;--swatch-champ: #d4c4a0;--swatch-rose: #f5a0a0;--swatch-rgb: conic-gradient(#ff4e4e, #ffd700, #44ff88, #4ea8ff, #a855f7, #ff4e4e)}:root{--scene-christmas-1: #c41e1e;--scene-christmas-2: #1a7a1a;--scene-halloween-1: #d4660a;--scene-halloween-2: #6b1fa3;--scene-july4-1: #1a3fa3;--scene-july4-2: #c41e1e}.site-header.nav--light{--nav-bg: rgba(242, 237, 228, .93);--nav-border: var(--cl-line-linen);--ink-dark: var(--cl-ink);--muted: var(--cl-sub);--champ: var(--cl-champ-deep);--line: var(--cl-line-linen)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--cl-bg);color:var(--cl-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:1120px;margin:0 auto;width:100%;padding-left:clamp(16px,5vw,88px);padding-right:clamp(16px,5vw,88px)}.sec{padding-top:clamp(40px,6vw,104px);padding-bottom:clamp(40px,6vw,104px)}.d{background:var(--bg);color:var(--ink-dark)}.surface{background:var(--surface);color:var(--ink-dark)}.warm{background:var(--cl-linen);color:var(--cl-ink)}.alt2{background:var(--alt);color:var(--ink-dark)}.linen{background:var(--linen);color:var(--ink)}.eyeD{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--champ);font-weight:600;font-family:var(--font-body)}.eyeL{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--champ-dk);font-weight:700;font-family:var(--font-body)}.h1{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,5.4vw,68px);line-height:1.02;letter-spacing:-.015em;margin:14px 0}.h2{font-family:var(--font-display);font-weight:400;font-size:clamp(24px,3.2vw,42px);line-height:1.08;letter-spacing:-.01em;margin:8px 0 18px}.h3{font-family:var(--font-display);font-weight:500;font-size:clamp(18px,1.6vw,22px);line-height:1.2;margin:0}.ital{font-style:italic;color:var(--champ)}.subD{color:var(--muted);font-size:clamp(15px,1.15vw,17px);line-height:1.65;max-width:52ch}.subL{color:var(--sub);font-size:clamp(15px,1.15vw,17px);line-height:1.7;max-width:60ch}.mist{color:var(--muted);font-size:13.5px;line-height:1.55}.note{font-size:11px;color:var(--cl-subtle);font-style:italic}.noteL{font-size:11px;color:var(--cl-note);font-style:italic}.ph{display:inline-block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--champ-dk);border:1px dashed var(--champ-dk);border-radius:var(--cl-radius-sm);padding:1px 5px;vertical-align:middle;margin-left:6px;font-weight:600}.prose p{color:var(--sub);font-size:clamp(15px,1.15vw,17px);line-height:1.8;max-width:68ch}.prose h2{color:var(--ink)}.prose ul{color:var(--sub);line-height:1.9;max-width:66ch}.prose a{color:var(--champ-dk)}.wm{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.06em;color:var(--ink-dark);text-decoration:none;font-style:normal}.wm i{font-weight:300;color:var(--champ);letter-spacing:.28em;font-style:normal;padding-left:.1em}.btnC,.btnN,.gh,.cta{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-body);font-weight:600;border-radius:var(--r-sm);transition:transform .18s ease,box-shadow .25s ease,background .2s ease,color .2s ease;border:1px solid transparent;text-decoration:none;line-height:1;min-height:44px}.btnC{background:var(--champ);color:var(--ink);font-size:15px;padding:14px 22px;box-shadow:0 6px 24px -8px var(--champ-glow)}.btnC:hover{transform:translateY(-2px);box-shadow:0 12px 32px -8px var(--champ-glow)}.btnN{background:var(--ink);color:var(--ink-dark);font-size:15px;padding:14px 22px}.btnN:hover{transform:translateY(-2px);box-shadow:0 12px 30px -12px var(--cl-overlay-bg-md)}.gh{background:transparent;border-color:var(--champ);color:var(--champ);font-size:14px;padding:12px 20px}.gh:hover{background:var(--champ);color:var(--ink)}.cta{background:var(--champ);color:var(--ink);font-weight:700;font-size:12.5px;padding:10px 16px}.cta:hover{transform:translateY(-1px)}.link{color:var(--champ);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.link:hover{border-color:var(--champ)}.cardD{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--space-6);transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease}.cardD:hover{border-color:var(--cl-line-strong);transform:translateY(-3px);box-shadow:var(--shadow-float)}.cardL{background:var(--card-linen);border:1px solid var(--line-linen);border-radius:var(--r-md);padding:var(--space-6);transition:transform .2s ease,box-shadow .25s ease}.cardL:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px var(--cl-overlay-bg-soft)}.g2{display:grid;grid-template-columns:1fr;gap:20px}.g3{display:grid;grid-template-columns:1fr;gap:18px}.g4{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.g2,.g3{grid-template-columns:1fr 1fr}.g4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:var(--space-2) var(--space-4);font-size:13px;color:var(--cl-ink-dark);margin:4px 6px 0 0;cursor:pointer;transition:all .18s ease;font-family:var(--font-body);min-height:44px}.chip:hover{border-color:var(--champ);color:var(--champ)}.chip.on{background:var(--champ);color:var(--ink);font-weight:700;border-color:var(--champ)}.chipL{display:inline-flex;align-items:center;border:1px solid var(--line-linen);background:var(--card-linen);border-radius:999px;padding:var(--space-2) var(--space-4);font-size:13px;color:var(--sub);margin:4px 6px 0 0;transition:all .18s ease;text-decoration:none;min-height:44px}.chipL:hover{border-color:var(--champ-dk);color:var(--ink)}.badge{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);color:var(--champ);font-weight:600;line-height:1}.num{font-family:var(--font-display);color:var(--champ);font-size:26px;font-weight:600}.stars{color:var(--champ);letter-spacing:3px;font-size:14px}.field{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-sm);padding:var(--input-padding-y) var(--input-padding-x);color:var(--ink-dark);font-size:var(--input-font-size);width:100%;font-family:var(--font-body);min-height:44px}.field::placeholder{color:var(--input-placeholder)}.field:focus-visible{outline:none;border-color:var(--input-border-focus);box-shadow:var(--input-focus-shadow)}.fieldL{background:var(--input-bg-light);border:1px solid var(--input-border-light);border-radius:var(--r-sm);padding:var(--input-padding-y) var(--input-padding-x);color:var(--ink);font-size:var(--input-font-size);width:100%;font-family:var(--font-body);min-height:44px}.fieldL::placeholder{color:var(--input-placeholder-light)}.fieldL:focus-visible{outline:none;border-color:var(--champ-dk);box-shadow:0 0 0 3px var(--champ-glow-soft)}.bar{height:11px;background:var(--cl-line-linen);border-radius:var(--cl-radius-sm);margin:10px 0}.divider-d{height:1px;background:var(--line);border:0}.divider-l{height:1px;background:var(--line-linen);border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--champ);outline-offset:2px}.acc{border:1px solid var(--line);border-radius:var(--cl-radius-md);margin:8px 0;overflow:hidden;background:var(--surface)}.acc>summary{padding:var(--space-5) var(--space-5);font-size:15px;color:var(--ink-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;min-height:44px}.acc>summary::-webkit-details-marker{display:none}.acc>summary .pm{color:var(--champ);transition:transform .2s ease;font-size:20px;line-height:1;flex-shrink:0}.acc[open]>summary .pm{transform:rotate(45deg)}.acc .acca{padding:0 var(--space-5) var(--space-5);color:var(--muted);font-size:14px;line-height:1.65}.accL{border:1px solid var(--line-linen);border-radius:var(--cl-radius-md);margin:8px 0;overflow:hidden;background:var(--card-linen)}.accL>summary{padding:var(--space-5) var(--space-5);font-size:15px;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;min-height:44px}.accL>summary::-webkit-details-marker{display:none}.accL>summary .pm{color:var(--cl-champ-deep);transition:transform .2s ease;font-size:20px;line-height:1;flex-shrink:0}.accL[open]>summary .pm{transform:rotate(45deg)}.accL .acca{padding:0 var(--space-5) var(--space-5);color:var(--sub);font-size:14px;line-height:1.65}.section-bridge-to-linen{position:relative}.section-bridge-to-linen:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--cl-linen));pointer-events:none;z-index:1}.section-bridge-to-dark{position:relative}.section-bridge-to-dark:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--cl-bg));pointer-events:none;z-index:1}@media(prefers-reduced-motion:no-preference){html.anim-ready .reveal,html.anim-ready [data-gsap=stagger]>*{opacity:.4;transform:translateY(12px);animation:reveal-failsafe .5s ease-out 2.5s forwards}html.gsap-ok .reveal,html.gsap-ok [data-gsap=stagger]>*{animation:none}}@keyframes reveal-failsafe{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal,[data-gsap=stagger]>*{opacity:1!important;transform:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}img-comparison-slider{--divider-width: 3px;--divider-color: var(--cl-white);--default-handle-opacity: 1;width:100%;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);touch-action:pan-y}img-comparison-slider img{width:100%;height:100%;object-fit:cover;display:block}.ba-label{position:absolute;bottom:16px;font-size:12.5px;font-weight:600;color:var(--cl-white);background:var(--cl-overlay-sm);padding:6px 12px;border-radius:999px;backdrop-filter:blur(4px);z-index:2;pointer-events:none}.ba-label.left{left:16px}.ba-label.right{right:16px;color:var(--champ)}.ba-wrap{position:relative}.icon-btn{all:unset;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-sm);color:var(--muted);cursor:pointer;flex-shrink:0;transition:color .15s ease,background .15s ease}.icon-btn:hover{color:var(--champ);background:#ffffff0f}.icon-btn:focus-visible{outline:2px solid var(--champ);outline-offset:2px}.preset-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;transition:box-shadow .3s ease;display:block}.preset-dot--sm{width:10px;height:10px}.preset-dot--rgb{background:var(--swatch-rgb)}.preset-chip-swatch{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--cl-radius-md);background:transparent;border:none;text-align:left;width:100%}.preset-chip-swatch:hover{background:#ffffff0f}.preset-chip-swatch.on{background:#ffffff1a}.preset-chip-text{display:flex;flex-direction:column;gap:2px}.preset-chip-name{font-family:var(--font-body);font-size:12px;color:#ffffff6b;line-height:1.2;transition:color .2s ease}.preset-chip-swatch.on .preset-chip-name{color:var(--cl-white);font-weight:600}.preset-chip-sub{font-family:var(--font-body);font-size:10px;color:#ffffff3d}.preset-chip-swatch.on .preset-dot{box-shadow:0 0 10px 2px currentColor}html,body{overflow-x:hidden}