:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nui-palette-ink:#1d2128;--nui-palette-paper:#fff;--nui-palette-orange:#ff9e20;--nui-palette-orange-dark:#a34800;--nui-palette-pink:#ff62bb;--nui-palette-cyan:#31d9ec;--nui-palette-violet:#9a7dd4;--nui-palette-danger:#b42318;--nui-color-canvas:var(--nui-palette-paper);--nui-color-background:var(--nui-color-canvas);--nui-color-surface:var(--nui-palette-paper);--nui-color-surface-raised:#fffffff5;--nui-color-surface-muted:#ffffffb3;--nui-color-text:var(--nui-palette-ink);--nui-color-text-muted:#394047;--nui-color-text-subtle:#5c6668;--nui-color-label:#4c5557;--nui-color-border:#1d21282e;--nui-color-border-strong:var(--nui-palette-ink);--nui-color-control-border:#8d949b;--nui-color-swatch-border:#8d949b;--nui-color-disabled-surface:#e8ecef;--nui-color-disabled-text:#4c5557;--nui-color-disabled-border:#7a848a;--nui-color-accent:var(--nui-palette-orange);--nui-color-accent-strong:var(--nui-palette-orange-dark);--nui-color-accent-hover:#f28a00;--nui-color-on-accent:var(--nui-palette-ink);--nui-color-selected:var(--nui-palette-cyan);--nui-color-on-selected:var(--nui-palette-ink);--nui-color-focus:var(--nui-palette-ink);--nui-color-danger:var(--nui-palette-danger);--nui-color-danger-hover:#8f1c13;--nui-color-on-danger:#fff;--nui-color-selection:#31d9ec59;--nui-color-decorative-1:var(--nui-palette-orange);--nui-color-decorative-2:var(--nui-palette-pink);--nui-color-decorative-3:var(--nui-palette-cyan);--nui-color-decorative-4:var(--nui-palette-violet);--nui-color-footer:var(--nui-palette-ink);--nui-color-footer-text:#ffffffc7;--nui-color-footer-heading:var(--nui-palette-paper);--nui-color-header-bg:#fffffff5;--nui-footer-stripe-size:12px;--nui-footer-stripe:var(--nui-color-accent);--nui-font-body:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--nui-font-display:"Dela Gothic One", "Mochiy Pop P One", var(--nui-font-body);--nui-font-action:var(--nui-font-body);--nui-font-label:var(--nui-font-body);--nui-font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--nui-font-weight-regular:400;--nui-font-weight-medium:500;--nui-font-weight-bold:800;--nui-font-weight-heavy:900;--nui-font-weight-display:var(--nui-font-weight-bold);--nui-font-weight-action:var(--nui-font-weight-heavy);--nui-font-weight-label:var(--nui-font-weight-bold);--nui-font-size-xs:.75rem;--nui-font-size-sm:.875rem;--nui-font-size-md:1rem;--nui-font-size-lg:1.125rem;--nui-font-size-xl:1.5rem;--nui-font-size-2xl:clamp(1.9rem, 3.6vw, 3.1rem);--nui-font-size-display:clamp(2.45rem, 5.2vw, 4.5rem);--nui-line-height-tight:1.12;--nui-line-height-heading:1.22;--nui-line-height-body:1.72;--nui-line-height-relaxed:1.8;--nui-letter-spacing-heading:0;--nui-letter-spacing-label:.08em;--nui-space-0:0;--nui-space-1:4px;--nui-space-2:8px;--nui-space-3:12px;--nui-space-4:16px;--nui-space-5:20px;--nui-space-6:24px;--nui-space-8:32px;--nui-space-10:40px;--nui-space-12:48px;--nui-space-16:64px;--nui-space-20:80px;--nui-space-24:96px;--nui-space-32:128px;--nui-space-40:160px;--nui-layout-content-max:1180px;--nui-layout-wide-max:1220px;--nui-layout-reading-max:65ch;--nui-layout-gutter:clamp(16px, 4vw, 48px);--nui-layout-gutter-mobile:16px;--nui-layout-section-space:clamp(52px, 7vw, 80px);--nui-layout-header-height:72px;--nui-control-height-sm:44px;--nui-control-height:44px;--nui-control-height-lg:52px;--nui-control-height-pill:44px;--nui-field-height:48px;--nui-icon-button-size:44px;--nui-brand-mark-size:42px;--nui-brand-mark-size-mobile:38px;--nui-border-width-subtle:1px;--nui-border-width:2px;--nui-border-width-card:3px;--nui-border-width-strong:4px;--nui-radius-none:0;--nui-radius-sm:4px;--nui-radius-md:8px;--nui-radius-round:50%;--nui-radius-full:999px;--nui-radius-control:var(--nui-radius-md);--nui-radius-card:var(--nui-radius-md);--nui-radius-panel:var(--nui-radius-md);--nui-radius-pill:var(--nui-radius-full);--nui-radius-swatch:var(--nui-radius-sm);--nui-shadow-sm:0 4px 12px #211a2c33;--nui-shadow-md:0 18px 40px #1f182b1f;--nui-shadow-block-sm:4px 4px 0 var(--nui-color-decorative-2);--nui-shadow-block:5px 5px 0 var(--nui-color-decorative-2);--nui-shadow-block-hover:5px 5px 0 var(--nui-color-decorative-3);--nui-shadow-panel:10px 10px 0 var(--nui-color-decorative-1);--nui-shadow-card:7px 7px 0 #ff9e206b;--nui-shadow-card-hover:10px 10px 0 var(--nui-color-decorative-3);--nui-shadow-focus:0 0 0 4px #31d9ec57;--nui-motion-instant:1ms;--nui-motion-fast:.16s;--nui-motion-medium:.32s;--nui-motion-slow:.48s;--nui-motion-ambient:14s;--nui-ease-standard:ease;--nui-ease-expressive:cubic-bezier(.16, 1, .3, 1);--nui-layer-base:0;--nui-layer-content:10;--nui-layer-sticky:20;--nui-layer-header:40;--nui-layer-overlay:100;--nui-layer-modal:200;--nui-layer-toast:300}:root,[data-nui-theme=color-lab],.nui-theme-color-lab{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--nui-palette-ink:#1d2128;--nui-palette-paper:#fff;--nui-palette-orange:#ff9e20;--nui-palette-orange-dark:#a34800;--nui-palette-pink:#ff62bb;--nui-palette-cyan:#31d9ec;--nui-palette-violet:#9a7dd4;--nui-color-canvas:#fff;--nui-color-background:#fff;--nui-color-surface:#fff;--nui-color-surface-raised:#fffffff5;--nui-color-surface-muted:#ffffffb3;--nui-color-text:#1d2128;--nui-color-text-muted:#394047;--nui-color-text-subtle:#6c6478;--nui-color-label:#4c5557;--nui-color-border:#1d21282e;--nui-color-border-strong:#1d2128;--nui-color-control-border:#8d949b;--nui-color-swatch-border:#8d949b;--nui-color-disabled-surface:#e8ecef;--nui-color-disabled-text:#4c5557;--nui-color-disabled-border:#7a848a;--nui-color-accent:#ff9e20;--nui-color-accent-strong:#a34800;--nui-color-accent-hover:#f28a00;--nui-color-on-accent:#1d2128;--nui-color-selected:#31d9ec;--nui-color-on-selected:#1d2128;--nui-color-focus:#1d2128;--nui-color-danger:#b42318;--nui-color-danger-hover:#8f1c13;--nui-color-on-danger:#fff;--nui-color-selection:#31d9ec59;--nui-color-decorative-1:#ff9e20;--nui-color-decorative-2:#ff62bb;--nui-color-decorative-3:#31d9ec;--nui-color-decorative-4:#9a7dd4;--nui-color-footer:#1d2128;--nui-color-footer-text:#ffffffc7;--nui-color-footer-heading:#fff;--nui-color-header-bg:#fffffff5;--nui-font-body:"Mochiy Pop P One", "BIZ UDPGothic", "Yu Gothic UI", "Hiragino Sans", Meiryo, sans-serif;--nui-font-display:"Dela Gothic One", "Mochiy Pop P One", var(--nui-font-body);--nui-font-action:var(--nui-font-body);--nui-font-label:var(--nui-font-body);--nui-font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--nui-font-weight-display:400;--nui-font-weight-action:900;--nui-font-weight-label:900;--nui-layout-content-max:1180px;--nui-layout-wide-max:1220px;--nui-layout-header-height:72px;--nui-radius-control:0;--nui-radius-card:0;--nui-radius-panel:0;--nui-radius-pill:0;--nui-radius-swatch:0;--nui-shadow-block-sm:4px 4px 0 #ff62bb;--nui-shadow-block:5px 5px 0 #ff62bb;--nui-shadow-block-hover:5px 5px 0 #31d9ec;--nui-shadow-panel:10px 10px 0 #ff9e20;--nui-shadow-sm:0 4px 12px #211a2c33;--nui-shadow-md:0 18px 40px #1f182b1f;--nui-shadow-card:7px 7px 0 #ff9e206b;--nui-shadow-card-hover:10px 10px 0 #31d9ec;--nui-shadow-focus:0 0 0 4px #31d9ec57;--nui-footer-stripe-size:12px;--nui-footer-stripe:linear-gradient(90deg, #ff9e20 0 42%, #ff62bb 42% 62%, #31d9ec 62% 82%, #9a7dd4 82% 100%)}:root{color:var(--nui-color-text);background:var(--nui-color-canvas);font-family:var(--nui-font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}#root,#root>.nui-app-shell{min-height:100dvh}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--nui-color-border-strong);outline-offset:3px;box-shadow:var(--nui-shadow-focus)}@media (forced-colors:active){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:none;outline-color:highlight}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}._appShell_amjxf_1{--accent:var(--nui-color-accent);--accent-dark:var(--nui-color-accent-strong);--pink:var(--nui-color-decorative-2);--cyan:var(--nui-color-decorative-3);--violet:var(--nui-color-decorative-4);--note-accent-rgb:255, 98, 187;--ink:var(--nui-color-text);--paper:var(--nui-color-surface);isolation:isolate;background:var(--nui-color-canvas);min-height:100vh;line-height:normal;position:relative;overflow-x:clip}._appShell_amjxf_1:before{z-index:0;clip-path:polygon(0 0,100% 0,100% 58%,0 100%);content:"";pointer-events:none;background:linear-gradient(135deg,#ffa026 0 52%,#ff62bb 52% 70%,#31d9ec 70% 100%);height:430px;display:none;position:absolute;inset:0 0 auto}._header_amjxf_59{z-index:20;border-top:4px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-bottom:1px solid #1d212829;width:100%;margin:0;padding:0;position:sticky;top:0}._headerInner_amjxf_85{justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0 10px;display:flex}._brand_amjxf_105{color:#1d2128;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:flex}._brandIcon_amjxf_129{flex:none;width:42px;height:42px;display:block;transform:translateY(-4px)}._brand_amjxf_105 span{font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:1.04rem;font-weight:400;transform:translateY(-2px)}._hero_amjxf_159{z-index:1;width:min(1220px,100% - 48px);margin:0 auto;padding:0 0 66px;position:relative}._heroCopy_amjxf_175{padding:clamp(26px,4vw,48px) 0 clamp(42px,4vw,56px)}._heroLayout_amjxf_183{display:block}._heroLeft_amjxf_191,._heroRight_amjxf_193{min-width:0}._heroLeft_amjxf_191{padding-top:34px}._heroCopy_amjxf_175 h1{color:#1d2128;letter-spacing:0;max-width:1100px;margin:12px 0 16px;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:clamp(2.45rem,5.2vw,4.5rem);font-weight:400;line-height:1.12}._eyebrow_amjxf_231,._sectionLabel_amjxf_233,._panelLabel_amjxf_235,._patternName_amjxf_237{color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:.78rem;font-weight:900;display:inline-flex}._lead_amjxf_261{color:#394047;max-width:960px;margin:0;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.8}._tagList_amjxf_277 span,._presetGrid_amjxf_279 span,._pill_amjxf_281,._pillActive_amjxf_283{color:#1d2128;background:#ffffffbd;border:2px solid #1d2128;border-radius:999px;font-size:.86rem;font-weight:800}._headingLine_amjxf_301{display:block}._previewStrip_amjxf_309,._composer_amjxf_311,._featureCard_amjxf_313,._stepGrid_amjxf_315 article,._savedGrid_amjxf_317 article{border:3px solid var(--ink);box-shadow:none;background:#fffffff5;border-radius:8px}._previewStrip_amjxf_309{grid-template-columns:.8fr 1.2fr;align-items:center;gap:18px;margin-top:38px;padding:16px;display:grid}._previewStrip_amjxf_309 p,._previewStrip_amjxf_309 strong{margin:0;display:block}._previewStrip_amjxf_309 p{color:#7b7289;font-size:.82rem;font-weight:800}._previewStrip_amjxf_309 strong{color:#1d2128;margin-top:4px;font-size:1rem}._previewSwatches_amjxf_385,._swatchRow_amjxf_387,._savedSwatches_amjxf_389{border-radius:8px;display:flex;overflow:hidden}._previewSwatches_amjxf_385 span,._swatchRow_amjxf_387 span,._savedSwatches_amjxf_389 span{flex:1;min-height:46px}._composer_amjxf_311{border:4px solid var(--ink);background:var(--paper);padding:18px;scroll-margin-top:92px;box-shadow:10px 10px #ffa026}._composerHeader_amjxf_431,._cardHeader_amjxf_433{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}._composerHeaderActions_amjxf_447{flex:none;align-items:center;gap:10px;display:flex}._composer_amjxf_311 h2,._section_amjxf_233 h2,._splitSection_amjxf_465 h2,._finalCta_amjxf_467 h2{color:#1d2128;letter-spacing:0;margin:8px 0 0;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-weight:400;line-height:1.22}._composer_amjxf_311 h2{font-size:clamp(1.36rem,2.4vw,2rem)}._iconButton_amjxf_493,._miniIconButton_amjxf_495,._lockedButton_amjxf_497,._savedGrid_amjxf_317 button{color:#1d2128;cursor:pointer;background:#fff;border:2px solid #1d2128;border-radius:8px;place-items:center;width:38px;height:38px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-grid}._iconButton_amjxf_493:hover,._miniIconButton_amjxf_495:hover,._savedGrid_amjxf_317 button:hover{background:#31d9ec;border-color:#1d2128;transform:translate(-2px,-2px);box-shadow:4px 4px #ff62bb}._composerBody_amjxf_543{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}._controlsPanel_amjxf_559{gap:12px;display:grid}._colorInputGrid_amjxf_569{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:0;display:grid}._colorPickerLabel_amjxf_583,._textField_amjxf_585,._selectField_amjxf_587{gap:8px;display:grid}._colorPickerLabel_amjxf_583 span,._textField_amjxf_585 span,._selectField_amjxf_587 span{color:#4c5557;font-size:.78rem;font-weight:800}._colorPickerLabel_amjxf_583 input{background:#fff;border:1px solid #261c3729;border-radius:8px;width:100%;height:48px;padding:4px}._wheelPicker_amjxf_631{background:linear-gradient(#fffffffa,#ffa02624),radial-gradient(circle at 28% 18%,#ff62bb4d,#0000 11rem),radial-gradient(circle at 78% 72%,#31d9ec47,#0000 10rem);border:1px solid #1d21282e;border-radius:8px;justify-items:center;gap:12px;padding:14px;display:grid}._wheelHeader_amjxf_657{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}._wheelHeader_amjxf_657 span{color:#4c5557;font-size:.78rem;font-weight:900}._wheelHeader_amjxf_657 strong{color:#1d2128;font-size:.92rem}._colorWheelButton_amjxf_695{aspect-ratio:1;cursor:crosshair;background:radial-gradient(circle,#fff 0%,#ffffff9e 24%,#fff0 66%),conic-gradient(#ff2929 0deg,#ffff29 60deg,#00f500 120deg,#0affff 180deg,#2929ff 240deg,#ff29ff 300deg,#ff2929 360deg);border:0;border-radius:50%;width:min(282px,72vw);position:relative;box-shadow:inset 0 0 0 1px #261c3714,0 18px 40px #1f182b1f}._colorWheelButton_amjxf_695:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff47,#0000 62%);border:1px solid #ffffff73;border-radius:50%;position:absolute;inset:7%}._wheelCursor_amjxf_763{z-index:2;pointer-events:none;border:3px solid #fff;border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #211a2cb8,0 8px 18px #211a2c33}._lightnessSlider_amjxf_787{gap:8px;width:min(520px,100%);display:grid}._lightnessSlider_amjxf_787 span{color:#4c5557;font-size:.78rem;font-weight:800}._lightnessSlider_amjxf_787 input{appearance:none;border-radius:999px;width:100%;height:16px}._lightnessSlider_amjxf_787 input::-webkit-slider-thumb{appearance:none;background:#1d2128;border:3px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 4px 12px #211a2c33}._lightnessSlider_amjxf_787 input::-moz-range-thumb{background:var(--ink);border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 4px 12px #211a2c33}._colorMeta_amjxf_863{color:#4c5557;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}._colorMeta_amjxf_863 span{border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 1px #00000014}._colorMeta_amjxf_863 strong{color:#1d2128;font-size:1.05rem}._colorMeta_amjxf_863 small{font-weight:800}._colorModelGrid_amjxf_913{grid-template-columns:1fr;gap:7px;width:100%;display:grid}._colorModelGrid_amjxf_913 p{background:#ffffff94;border:1px solid #261c371a;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:8px 10px;display:grid}._colorModelGrid_amjxf_913 span{color:#7b7289;font-size:.73rem;font-weight:900}._colorModelGrid_amjxf_913 strong{overflow-wrap:anywhere;color:#1d2128;min-width:0;font-size:.82rem}._textField_amjxf_585 input,._selectField_amjxf_587 select{color:#1d2128;background:#fff;border:2px solid #1d212838;border-radius:8px;width:100%;min-height:48px}._textField_amjxf_585 input{letter-spacing:0;padding:0 12px;font-weight:800}._selectField_amjxf_587{margin-top:14px}._selectField_amjxf_587 select{padding:0 12px}._optionGrid_amjxf_1025{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}._segment_amjxf_1039,._segmentActive_amjxf_1041{color:#1d2128;cursor:pointer;background:#ffffffe6;border:2px solid #1d2128;border-radius:8px;min-height:48px;padding:10px 7px;transition:transform .16s,background .16s,box-shadow .16s,border-color .16s}._segment_amjxf_1039 span,._segmentActive_amjxf_1041 span{font-weight:900;display:block}._segmentActive_amjxf_1041,._pillActive_amjxf_283{color:#1d2128;background:#31d9ec;border-color:#1d2128;box-shadow:5px 5px #ff62bb}._intensityGroup_amjxf_1099,._cardActions_amjxf_1101{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}._pill_amjxf_281,._pillActive_amjxf_283{cursor:pointer;border-width:2px;min-height:38px;padding:0 13px}._primaryButton_amjxf_1131,._cardActions_amjxf_1101 button,._finalCta_amjxf_467 button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex}._primaryButton_amjxf_1131,._finalCta_amjxf_467 button{color:#1d2128;background:#ff9e20;border:2px solid #1d2128;box-shadow:5px 5px #ff62bb}._cardActions_amjxf_1101 button{color:#1d2128;background:#fff;border:2px solid #1d2128}._segment_amjxf_1039:hover,._segmentActive_amjxf_1041:hover,._pill_amjxf_281:hover,._pillActive_amjxf_283:hover,._primaryButton_amjxf_1131:hover,._cardActions_amjxf_1101 button:hover,._historySaveButton_amjxf_1201:hover,._finalCta_amjxf_467 button:hover{color:#1d2128;background:#9a7dd4;border-color:#1d2128;transform:translate(-2px,-2px);box-shadow:5px 5px #31d9ec}._statusText_amjxf_1219{color:#1d2128;background:#ff9e201f;border:1px solid #ff9e2080;border-radius:999px;align-items:center;width:fit-content;min-height:32px;margin:6px 0 0;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}._composerFooterRow_amjxf_1249{align-items:center;gap:12px;margin-top:6px;display:flex}._composerFooterRow_amjxf_1249 ._statusText_amjxf_1219{flex:none;margin:0}._historySaveButton_amjxf_1201{color:#1d2128;cursor:pointer;background:#ffa026;border:2px solid #1d2128;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-weight:900;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:5px 5px #ff62bb}._historySaveButton_amjxf_1201:hover{background:#31d9ec;border-color:#1d2128}._baseColorHistory_amjxf_1319{background:#ffffffa8;border:1px solid #1d21281f;border-radius:999px;flex:auto;justify-content:flex-end;align-items:center;min-width:0;min-height:42px;padding:6px 10px;display:flex}._baseColorHistoryLabel_amjxf_1345{color:#7b7289;flex:none;margin-right:9px;font-size:.72rem;font-weight:900}._baseColorSwatches_amjxf_1361{flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0;display:flex}._baseColorSwatch_amjxf_1361,._baseColorSwatchActive_amjxf_1379{cursor:pointer;border:2px solid #fff;border-radius:50%;width:30px;height:30px;padding:0;box-shadow:inset 0 0 0 1px #1d212829}._baseColorSwatchActive_amjxf_1379{outline-offset:2px;outline:2px solid #1d2128b8}._paletteList_amjxf_1409{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px;display:grid}._paletteCard_amjxf_1423{border:4px solid var(--palette-border-tint,#1d21282e);min-width:0;box-shadow:7px 7px 0 var(--palette-shadow-block,#ff9e206b);content-visibility:auto;contain-intrinsic-size:620px;background:#fffffff5;border-radius:8px;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;animation:.42s both _cardIn_amjxf_1}._paletteCard_amjxf_1423:hover{border-color:#9a7dd4;transform:translate(-3px,-3px);box-shadow:10px 10px #31d9ec}._paletteCardSelected_amjxf_1461{box-shadow:10px 10px 0 var(--palette-shadow-block,#ff9e206b);border-color:#1d2128}._cardHeader_amjxf_433 h3{color:#1d2128;margin:4px 0 0;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:1.24rem;font-weight:400;line-height:1.2}._cardDescription_amjxf_1489{color:#394047;margin:12px 0;line-height:1.72}._tagList_amjxf_277{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}._tagList_amjxf_277 span{padding:6px 9px;font-size:.76rem}._swatchRow_amjxf_387{border:3px solid #1d21282e;height:56px}._ratioWrap_amjxf_1535{margin:14px 0}._ratioBar_amjxf_1543{background:#ff9e202e;border-radius:999px;height:12px;display:flex;overflow:hidden}._chipGrid_amjxf_1559{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}._colorChip_amjxf_1571{background:#ffffffb3;border:3px solid #1d212829;border-radius:8px;grid-template-columns:44px minmax(0,1fr) 30px 30px;align-items:center;gap:7px;min-width:0;min-height:58px;padding:8px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}._colorChip_amjxf_1571:hover{border-color:#9a7dd4;transform:translate(-2px,-2px);box-shadow:5px 5px #31d9ec}._swatch_amjxf_387{border-radius:7px;width:44px;height:32px;display:block;box-shadow:inset 0 0 0 1px #00000014}._colorChip_amjxf_1571 strong,._colorChip_amjxf_1571 span{min-width:0;display:block}._colorChip_amjxf_1571 strong{color:#1d2128;overflow-wrap:normal;word-break:keep-all;font-size:.8rem;line-height:1.12}._colorChip_amjxf_1571 div span{color:#4c5557;overflow-wrap:anywhere;font-size:.73rem;font-weight:900}._miniIconButton_amjxf_495,._lockedButton_amjxf_497{border-radius:7px;width:30px;height:30px}._lockedButton_amjxf_497{color:#1d2128;background:#31d9ec;border-color:#1d2128;box-shadow:4px 4px #ff62bb}._lockedButton_amjxf_497:hover{color:#1d2128;background:#9a7dd4;border-color:#1d2128;transform:translate(-2px,-2px);box-shadow:5px 5px #31d9ec}._roleGrid_amjxf_1713{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}._roleGrid_amjxf_1713 p,._intentList_amjxf_1729 p,._problemGrid_amjxf_1731 p,._solutionList_amjxf_1733 p{background:#fff9;border:3px solid #1d212829;border-radius:8px;margin:0}._roleGrid_amjxf_1713 p{padding:10px}._roleGrid_amjxf_1713 span,._roleGrid_amjxf_1713 strong{display:block}._roleGrid_amjxf_1713 span{color:#7b7289;font-size:.7rem;font-weight:800}._roleGrid_amjxf_1713 strong{color:#1d2128;margin-top:4px;font-size:.78rem}._intentList_amjxf_1729{gap:8px;margin-top:14px;display:grid}._intentList_amjxf_1729 p{padding:10px 12px}._intentList_amjxf_1729 strong,._intentList_amjxf_1729 span{display:block}._intentList_amjxf_1729 strong{color:#1d2128;font-size:.78rem}._intentList_amjxf_1729 span{color:#394047;margin-top:4px;font-size:.86rem;line-height:1.65}._tipList_amjxf_1843{gap:8px;margin-top:14px;display:grid}._tipinfo_amjxf_1855,._tipnotice_amjxf_1857,._tipstrong_amjxf_1859{color:#394047;border-radius:8px;margin:0;padding:10px 12px;font-size:.86rem;line-height:1.65}._tipinfo_amjxf_1855{background:#ff9e201f}._tipnotice_amjxf_1857{background:#ff9e2024}._tipstrong_amjxf_1859{background:#1d212814}._insightPanel_amjxf_1901{border:4px solid var(--ink);box-shadow:10px 10px 0 rgba(var(--note-accent-rgb), .9);content-visibility:auto;contain-intrinsic-size:260px;background:#fffffff0;border-radius:8px;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;margin-top:72px;padding:18px;display:grid}._insightPanel_amjxf_1901 h2{color:#1d2128;margin:7px 0 10px;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:400;line-height:1.25}._insightPanel_amjxf_1901 p{color:#394047;margin:0;line-height:1.72}._insightColumns_amjxf_1959{grid-template-columns:1fr 1fr;gap:14px;display:grid}._insightColumns_amjxf_1959 h3{color:#1d2128;margin:0 0 10px;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:.95rem;font-weight:400}._section_amjxf_233,._splitSection_amjxf_465{width:min(1180px,100% - 32px);margin:0 auto;padding:68px 0}._sectionIntro_amjxf_2001{max-width:900px;margin-bottom:22px}._section_amjxf_233 h2,._splitSection_amjxf_465 h2,._finalCta_amjxf_467 h2{font-size:clamp(1.9rem,3.6vw,3.1rem)}._problemGrid_amjxf_1731,._featureGrid_amjxf_2025,._stepGrid_amjxf_315,._savedGrid_amjxf_317{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}._problemGrid_amjxf_1731{grid-template-columns:repeat(2,minmax(0,1fr))}._problemGrid_amjxf_1731 p,._solutionList_amjxf_1733 p{color:#394047;padding:18px;font-weight:800;line-height:1.65}._splitSection_amjxf_465{grid-template-columns:.9fr 1.1fr;align-items:start;gap:28px;display:grid}._solutionList_amjxf_1733{gap:10px;display:grid}._solutionList_amjxf_1733 strong,._solutionList_amjxf_1733 span{display:block}._solutionList_amjxf_1733 strong{color:#1d2128}._solutionList_amjxf_1733 span{margin-top:5px;font-weight:500}._featureGrid_amjxf_2025{grid-template-columns:repeat(4,minmax(0,1fr))}._featureCard_amjxf_313{padding:18px}._featureCard_amjxf_313 svg{color:#ff9e20}._featureCard_amjxf_313 h3,._stepGrid_amjxf_315 h3{color:#1d2128;margin:12px 0 8px;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:1.02rem;font-weight:400}._featureCard_amjxf_313 p,._stepGrid_amjxf_315 p{color:#394047;margin:0;line-height:1.68}._colorRoleGrid_amjxf_2173{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}._colorRoleCard_amjxf_2185{background:#ffffffd6;border:3px solid #1d21282e;border-left-width:9px;grid-template-columns:minmax(116px,.32fr) minmax(0,1fr);align-items:baseline;gap:18px;padding:20px;display:grid}._colorRoleCard_amjxf_2185:nth-child(3n+1){border-left-color:#ff9e20}._colorRoleCard_amjxf_2185:nth-child(3n+2){border-left-color:#ff62bb}._colorRoleCard_amjxf_2185:nth-child(3n){border-left-color:#31d9ec}._colorRoleCard_amjxf_2185 h3,._patternCard_amjxf_2233 h3{color:#1d2128;margin:0;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:1rem;font-weight:400;line-height:1.4}._colorRoleCard_amjxf_2185 p,._patternCard_amjxf_2233 p{color:#394047;margin:0;line-height:1.7}._patternGrid_amjxf_2265{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}._patternCard_amjxf_2233{background:#fff;border:3px solid #1d21282e;min-height:176px;padding:22px}._patternCard_amjxf_2233:nth-child(-n+2){grid-column:span 2;min-height:156px}._patternCard_amjxf_2233:first-child,._patternCard_amjxf_2233:nth-child(5){background:#ff9e201f}._patternCard_amjxf_2233:nth-child(2),._patternCard_amjxf_2233:nth-child(6){background:#31d9ec1c}._patternCard_amjxf_2233:nth-child(4){background:#ff62bb1a}._patternCard_amjxf_2233 p{margin-top:10px}._presetGrid_amjxf_279{flex-wrap:wrap;gap:10px;display:flex}._presetGrid_amjxf_279 span{background:hsl(calc(330 + var(--preset-index) * 23) 78% 96%);padding:10px 12px}._stepGrid_amjxf_315{grid-template-columns:repeat(3,minmax(0,1fr))}._stepGrid_amjxf_315 article{padding:22px}._stepGrid_amjxf_315 article>span{color:#fff;background:#1d2128;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}._savedGrid_amjxf_317{grid-template-columns:repeat(3,minmax(0,1fr))}._savedGrid_amjxf_317 article{grid-template-columns:minmax(0,1fr) 1.2fr 38px;align-items:center;gap:12px;padding:12px;display:grid}._savedSwatches_amjxf_389{height:42px}._savedGrid_amjxf_317 strong,._savedGrid_amjxf_317 span{display:block}._savedGrid_amjxf_317 span{color:#5c6668;margin-top:2px;font-size:.8rem}._useCasesSection_amjxf_2451{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:38px;width:min(1180px,100% - 32px);margin:0 auto;padding:68px 0;display:grid}._useCasesIntro_amjxf_2471 h2{color:#1d2128;margin:0;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:clamp(1.9rem,3.6vw,3.1rem);font-weight:400;line-height:1.22}._useCasesIntro_amjxf_2471 p{color:#394047;max-width:720px;margin:18px 0 0;line-height:1.8}._useCaseList_amjxf_2503{border-top:3px solid #1d2128;gap:0;margin:0;padding:0;list-style:none;display:grid}._useCaseList_amjxf_2503 li{color:#1d2128;border-bottom:3px solid #1d21282e;padding:17px 12px 17px 46px;font-weight:800;line-height:1.55;position:relative}._useCaseList_amjxf_2503 li:before{content:"";background:#ff9e20;border:2px solid #1d2128;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}._useCaseList_amjxf_2503 li:nth-child(3n+2):before{background:#ff62bb}._useCaseList_amjxf_2503 li:nth-child(3n):before{background:#31d9ec}._relatedToolsSection_amjxf_2579{padding-top:48px}._relatedToolsLead_amjxf_2587{color:#394047;max-width:720px;margin:14px 0 0;line-height:1.8}._relatedToolGrid_amjxf_2601{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}._relatedToolCard_amjxf_2613{color:#1d2128;background:#ff9e2024;border:4px solid #1d2128;align-content:start;gap:12px;min-width:0;min-height:210px;padding:24px;text-decoration:none;transition:transform .16s,background .16s,box-shadow .16s;display:grid;box-shadow:8px 8px #ff62bb}._relatedToolCard_amjxf_2613:nth-child(2){background:#31d9ec24;box-shadow:8px 8px #9a7dd4}._relatedToolCard_amjxf_2613 h3{color:#1d2128;margin:0;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.35}._relatedToolCard_amjxf_2613 p{color:#394047;margin:0;line-height:1.72}._relatedToolAction_amjxf_2689{color:#1d2128;border-top:3px solid #1d2128;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-weight:900;display:flex}._relatedToolCard_amjxf_2613:hover{background:#ff62bb29;transform:translate(-3px,-3px);box-shadow:11px 11px #31d9ec}._relatedToolCard_amjxf_2613:nth-child(2):hover{background:#9a7dd429;box-shadow:11px 11px #ff9e20}._finalCta_amjxf_467{text-align:center;justify-items:center;gap:20px;width:min(980px,100% - 32px);margin:26px auto 76px;padding:58px 24px;display:grid}._footer_amjxf_2755{color:#ffffffc7;background:#1d2128;border-top:4px solid #1d2128;width:100%;margin:0 auto;padding:44px max(18px,50vw - 590px) 46px;position:relative;box-shadow:inset 0 14px #ffa026}._footer_amjxf_2755:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffa026 0 42%,#ff62bb 42% 62%,#31d9ec 62% 82%,#9a7dd4 82% 100%);height:12px;position:absolute;inset:14px 0 auto}._footerBody_amjxf_2795{justify-content:space-between;align-items:center;gap:24px;display:flex}._footer_amjxf_2755 strong{color:#fff;font-family:Dela Gothic One,Mochiy Pop P One,sans-serif;font-size:1.08rem;font-weight:400}._footer_amjxf_2755 p{max-width:760px;margin:6px 0 0;line-height:1.65}._footerLinks_amjxf_2835{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}._footerSocialLinks_amjxf_2851{border-inline-start:2px solid #ffffff9e;flex:none;align-items:center;gap:10px;margin-inline-start:2px;padding-inline-start:12px;display:flex}._footerLinks_amjxf_2835 a{color:#1d2128;white-space:nowrap;background:#ffa026;border:2px solid #fff;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-size:.9rem;font-weight:900;text-decoration:none;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:5px 5px #ff62bb}._footerLinks_amjxf_2835 a._footerIconLink_amjxf_2907{background:var(--footer-icon-background);flex:0 0 48px;justify-content:center;align-items:center;gap:0;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;display:inline-flex;overflow:hidden}._footerIconLinkX_amjxf_2937{--footer-icon-background:#000}._footerIconLinkBooth_amjxf_2945{--footer-icon-background:#fc4d50}._footerSocialIcon_amjxf_2953{object-fit:contain;width:28px;height:28px;display:block}._footerLinks_amjxf_2835 a:hover{background:#31d9ec;transform:translate(-1px,-1px);box-shadow:6px 6px #9a7dd4}._footerLinks_amjxf_2835 a._footerIconLink_amjxf_2907:hover{background:var(--footer-icon-background)}._previewStrip_amjxf_309,._composer_amjxf_311,._featureCard_amjxf_313,._stepGrid_amjxf_315 article,._savedGrid_amjxf_317 article,._wheelPicker_amjxf_631,._colorPickerLabel_amjxf_583 input,._textField_amjxf_585 input,._selectField_amjxf_587 select,._segment_amjxf_1039,._segmentActive_amjxf_1041,._pill_amjxf_281,._pillActive_amjxf_283,._primaryButton_amjxf_1131,._cardActions_amjxf_1101 button,._historySaveButton_amjxf_1201,._baseColorHistory_amjxf_1319,._paletteCard_amjxf_1423,._swatchRow_amjxf_387,._ratioBar_amjxf_1543,._colorChip_amjxf_1571,._swatch_amjxf_387,._roleGrid_amjxf_1713 p,._intentList_amjxf_1729 p,._problemGrid_amjxf_1731 p,._solutionList_amjxf_1733 p,._tipinfo_amjxf_1855,._tipnotice_amjxf_1857,._tipstrong_amjxf_1859,._insightPanel_amjxf_1901,._footerLinks_amjxf_2835 a,._iconButton_amjxf_493,._miniIconButton_amjxf_495,._lockedButton_amjxf_497,._savedGrid_amjxf_317 button,._tagList_amjxf_277 span,._presetGrid_amjxf_279 span,._statusText_amjxf_1219,._colorMeta_amjxf_863 span,._baseColorSwatch_amjxf_1361,._baseColorSwatchActive_amjxf_1379,._stepGrid_amjxf_315 article>span{border-radius:0}@keyframes _cardIn_amjxf_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){._heroLayout_amjxf_183,._splitSection_amjxf_465,._composerBody_amjxf_543,._insightPanel_amjxf_1901,._useCasesSection_amjxf_2451{grid-template-columns:1fr}._heroLeft_amjxf_191{padding-top:10px}._paletteList_amjxf_1409,._problemGrid_amjxf_1731,._featureGrid_amjxf_2025,._savedGrid_amjxf_317,._colorRoleGrid_amjxf_2173,._patternGrid_amjxf_2265{grid-template-columns:repeat(2,minmax(0,1fr))}._patternCard_amjxf_2233:nth-child(-n+2){grid-column:span 1;min-height:176px}._colorWheelButton_amjxf_695{width:min(320px,76vw)}._footerBody_amjxf_2795{flex-direction:column;align-items:flex-start}._footerLinks_amjxf_2835{justify-content:flex-start;width:100%}}@media (width<=680px){._headerInner_amjxf_85{align-items:flex-start;padding-top:12px}._footerSocialLinks_amjxf_2851{flex-basis:100%;margin-block-start:4px;margin-inline-start:0}._hero_amjxf_159{width:min(1220px,100% - 32px);padding-top:0}._heroCopy_amjxf_175{padding:22px 0 42px}._composerHeader_amjxf_431{flex-direction:column}._composerHeaderActions_amjxf_447{width:100%}._composerHeaderActions_amjxf_447 ._primaryButton_amjxf_1131{flex:1}._heroCopy_amjxf_175 h1{margin-top:10px;font-size:clamp(1.5rem,8vw,2.85rem);line-height:1.2}._heroCopy_amjxf_175 h1 ._headingLine_amjxf_301{white-space:nowrap}._lead_amjxf_261{font-size:1rem}._previewStrip_amjxf_309,._paletteList_amjxf_1409,._problemGrid_amjxf_1731,._featureGrid_amjxf_2025,._stepGrid_amjxf_315,._savedGrid_amjxf_317,._colorRoleGrid_amjxf_2173,._patternGrid_amjxf_2265,._relatedToolGrid_amjxf_2601,._roleGrid_amjxf_1713,._insightColumns_amjxf_1959{grid-template-columns:1fr}._colorRoleCard_amjxf_2185{grid-template-columns:1fr;gap:8px}._section_amjxf_233,._splitSection_amjxf_465,._useCasesSection_amjxf_2451{padding:52px 0}._section_amjxf_233 h2,._splitSection_amjxf_465 h2,._useCasesIntro_amjxf_2471 h2,._finalCta_amjxf_467 h2{font-size:clamp(1.65rem,8vw,2.25rem)}._optionGrid_amjxf_1025,._chipGrid_amjxf_1559{grid-template-columns:1fr}._composerFooterRow_amjxf_1249{flex-direction:column;align-items:stretch}._baseColorHistory_amjxf_1319{border-radius:8px;justify-content:flex-start}._baseColorSwatches_amjxf_1361{justify-content:flex-start}._colorInputGrid_amjxf_569{grid-template-columns:96px minmax(0,1fr)}._composer_amjxf_311,._paletteCard_amjxf_1423{padding:14px}._cardActions_amjxf_1101 button{width:100%}}