.try-on-studio{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-lg);background:var(--paper,#fff);width:100%;max-width:780px;color:var(--burgundy,#302b32);font-family:Pretendard, var(--font-body,sans-serif);overflow-wrap:anywhere;margin:24px auto;padding:20px 16px;scroll-margin-top:120px;line-height:1.65;container:try-on/inline-size}.try-on-studio *{box-sizing:border-box}.to-heading{margin-bottom:18px}.try-on-studio .eyebrow{color:var(--burgundy-light,#665866);letter-spacing:0;margin:0;font-size:11px;font-weight:650}.to-heading .eyebrow{background:var(--pink-light,#fff0f5);border-radius:99px;padding:4px 10px;display:inline-block}.to-heading h2{letter-spacing:-.7px;word-break:keep-all;margin:10px 0 6px;font-family:inherit;font-size:23px;font-weight:750;line-height:1.35}.to-heading>p{color:var(--muted,#756d78);margin:0;font-size:12px}.to-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.to-photo-column{border-radius:var(--radius-card);background:var(--pink-light,#fff0f5);min-width:0;padding:12px}.to-photo{border-radius:var(--radius-control);background:var(--ivory,#fffdf8);justify-content:center;align-items:center;min-height:180px;display:flex;position:relative;overflow:hidden}.to-photo canvas{object-fit:contain;width:100%;height:auto;max-height:440px;display:block}.to-photo-label{border:1px solid var(--line,#ebe5ed);background:var(--paper,#fff);color:var(--burgundy,#302b32);letter-spacing:.04em;pointer-events:none;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:700;position:absolute;top:10px;left:10px}.to-comparison{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-control);background:var(--paper,#fff);gap:4px;max-width:300px;margin:12px auto 0;padding:4px;display:flex}.to-comparison button{border-radius:var(--radius-card);min-width:0;min-height:40px;color:var(--muted,#756d78);font:inherit;cursor:pointer;border:0;flex:1;padding:8px;font-size:12px}.to-comparison button[aria-pressed=true]{color:var(--burgundy,#302b32);box-shadow:inset 0 0 0 2px var(--pink,#ee6590);font-weight:750}.to-photo-note{color:var(--muted,#756d78);text-align:center;margin:10px 4px 2px;font-size:11px}.to-controls{gap:12px;min-width:0;display:grid}.to-season{border-radius:var(--radius-card);background:var(--sage-light,#eaf5e9);padding:14px 16px}.to-season p{margin:5px 0 0;font-size:17px;font-weight:750;line-height:1.5}.to-season p span{color:var(--muted,#756d78);margin-top:3px;font-size:11px;font-weight:400;display:block}.to-picker{border-radius:var(--radius-card);background:var(--pink-light,#fff0f5);border:0;min-width:0;margin:0;padding:14px}.to-picker+.to-picker{background:#f3efff}.to-picker legend{float:left;flex-wrap:wrap;align-items:center;gap:7px;width:100%;margin:0 0 12px;padding:0;font-family:inherit;font-size:14px;font-weight:750;line-height:1.5;display:flex}.to-picker legend>span{border-radius:var(--radius-sm);background:var(--paper,#fff);width:24px;height:24px;color:var(--burgundy-light,#665866);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.to-picker legend small{color:var(--muted,#756d78);font-size:10px;font-weight:400}.to-color-options{clear:both;flex-wrap:wrap;gap:6px;display:flex}.to-color{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:4px;display:flex}.to-color>span{border:1px solid #302b3220;border-radius:50%;width:32px;height:32px;display:block}.to-color.is-selected{border-color:var(--burgundy,#302b32)}.to-color:not(:disabled):hover{outline:2px solid var(--pink,#ee6590);outline-offset:1px}.to-no-color>span{background:var(--paper,#fff);color:var(--muted,#756d78);justify-content:center;align-items:center;font-size:22px;font-weight:400;display:flex}.to-picker:disabled .to-color{cursor:not-allowed;opacity:1}.to-color-caption{min-height:18px;color:var(--muted,#756d78);align-items:center;gap:6px;margin:8px 0 0;font-size:10px;display:flex}.to-color-caption i{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block}.to-strength{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-card);background:var(--ivory,#fffdf8);padding:14px 16px}.to-strength>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.to-strength label{font-size:13px;font-weight:650}.to-strength output{border-radius:var(--radius-control);background:var(--pink-light,#fff0f5);font-variant-numeric:tabular-nums;padding:2px 8px;font-size:11px;font-weight:650}.to-strength input{width:100%;height:24px;accent-color:var(--pink,#ee6590);cursor:pointer;margin:10px 0 4px;display:block}.to-range-labels{color:var(--muted,#756d78);font-size:10px}.to-actions{flex-wrap:wrap;gap:8px;display:flex}.to-actions .button{justify-content:center;align-items:center;gap:7px;min-height:44px;padding:11px 14px;font-size:12px;display:inline-flex}.to-actions .button-primary{flex:180px}.to-actions .button-ghost{flex:110px}.to-actions .button:disabled{cursor:not-allowed}.to-download-status{color:var(--muted,#756d78);margin:0;font-size:11px}.to-download-status:empty{display:none}.to-error{border:1px solid var(--pink,#ee6590);border-radius:var(--radius-control);background:var(--pink-light,#fff0f5);margin:0;padding:12px;font-size:12px}.to-disclaimer{color:var(--muted,#756d78);margin:0;font-size:11px;line-height:1.7}.to-quality{border-radius:var(--radius-control);background:var(--ivory,#fffdf8);color:var(--muted,#756d78);margin:0;padding:12px 12px 12px 28px;font-size:11px}.try-on-studio button:focus-visible,.try-on-studio input:focus-visible{outline:2px solid var(--burgundy,#302b32);outline-offset:3px}.try-on-studio:focus-visible{outline:2px solid var(--pink,#ee6590);outline-offset:3px}@container try-on (min-width:640px){.to-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.to-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.to-photo canvas{max-height:520px}}@media (max-width:600px){.try-on-studio{margin-block:16px;padding:18px 12px;scroll-margin-top:100px}}@media (prefers-reduced-motion:reduce){.try-on-studio *,.try-on-studio :before,.try-on-studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.try-on-studio button:hover{transform:none}}@media print{.try-on-studio{display:none!important}}
.color-home{max-width:1160px;color:var(--ink);margin-inline:auto;padding-inline:32px}.color-home *{min-width:0}.color-home__hero{grid-template-columns:1.04fr 1fr;align-items:center;gap:24px;min-height:595px;padding:58px 0 60px;display:grid}.color-home__hero-copy{padding-bottom:14px}.color-home__introduction{color:var(--muted);margin-bottom:22px;font-size:15px}.color-home__hero h1>span{display:block}.color-home__hero-description{max-width:375px;color:var(--muted);word-break:keep-all;margin-top:24px;font-size:17px;line-height:1.8}.color-home__primary{justify-content:space-between;min-width:222px;min-height:56px;margin-top:30px;font-size:16px}.color-home__quiet{color:var(--muted);align-items:center;gap:7px;margin-top:15px;font-size:12px;line-height:1.6;display:flex}.color-home__palette-object{align-self:center;padding-top:0}.color-home__fan{width:100%;height:auto;overflow:visible}.color-home__fan-caption{color:var(--muted);justify-content:center;align-items:center;gap:14px;margin-top:-13px;font-size:12px;display:flex}.color-home__fan-caption>span:first-child{color:var(--ink);font-size:15px}.color-home__fan-caption>span+span{border-left:1px solid #c9d4d0;padding-left:14px}.color-home__hero-families{justify-content:center;align-items:center;gap:5px;margin-top:18px;display:flex}.color-home__hero-families button{border-radius:var(--radius-lg);min-height:44px;color:var(--muted);border:1px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.color-home__hero-families button[aria-pressed=true]{border-color:var(--line);color:var(--ink);background:#fff}.color-home__hero-families i{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #183b3b12}.color-home__principles{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;padding-block:26px;display:grid}.color-home__principles p{color:var(--muted);justify-content:center;align-items:center;gap:13px;font-size:14px;display:flex}.color-home__principles p+p{border-left:1px solid var(--line)}.color-home__principles strong{color:var(--ink);font-weight:550}.color-home__principles svg{color:#55716b;stroke-width:1.4px}.color-home__section{padding:96px 0;scroll-margin-top:105px}.color-home__section-heading h2{letter-spacing:-1.5px;font-size:35px;font-weight:620;line-height:1.4}.color-home__section-intro{color:var(--muted);word-break:keep-all;margin-top:18px;font-size:16px;line-height:1.9}.color-home__promise{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-inline:38px;display:grid}.color-home__inline-link{color:var(--ink);margin-top:20px;font-weight:550}.color-home__share-example{border-radius:var(--radius-xs);background:#fff;border:1px solid #e3e8e5;justify-self:end;width:100%;max-width:426px;padding:28px 30px 25px;transform:rotate(1.5deg);box-shadow:0 13px 26px -20px #183b3b30}.color-home__example-top,.color-home__example-bottom{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.color-home__example-top>span{letter-spacing:.7px;color:var(--ink);font-size:14px;font-weight:650}.color-home__example-top small{font-size:11px}.color-home__example-title{margin:32px 0 23px}.color-home__example-title>p{color:var(--muted);font-size:13px}.color-home__example-title>strong{letter-spacing:-1px;font-size:30px;font-weight:600;line-height:1.5}.color-home__example-swatches{height:115px;display:flex}.color-home__example-swatches>span{flex:1}.color-home__example-caption{word-break:keep-all;color:var(--muted);margin:17px 0 22px;font-size:13px;line-height:1.7}.color-home__example-bottom{border-top:1px solid var(--line);padding-top:15px;font-size:10px}.color-home__example-bottom span:first-child{word-break:keep-all;max-width:78%}.color-home__example-bottom span:last-child{white-space:nowrap}.color-home__start{border-block:1px solid var(--line)}.color-home__capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.color-home__upload{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;padding:28px}.color-home__upload.is-dragging{border-color:var(--ink);box-shadow:inset 0 0 0 2px #183b3b}.color-home__upload-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-home__upload-head strong{font-size:19px;font-weight:600;display:block}.color-home__upload-head small{color:var(--muted);margin-top:3px;font-size:13px;display:block}.color-home__upload-head>span{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);padding:3px 8px;font-size:12px}.color-home__upload--face .color-home__upload-head>span{color:var(--ink);background:#edf3f1}.color-home__upload .button{width:100%;margin-top:22px;font-size:15px}.capture-guide{margin-top:24px}.capture-guide__art{border-radius:var(--radius-sm);background:#f0f4f2;height:156px;overflow:hidden}.capture-guide--body .capture-guide__art{background:#f1f4f5}.capture-guide__diagram{width:100%;height:100%;display:block}.capture-guide__title{margin-top:19px;font-size:15px;font-weight:600}.capture-guide__tips{flex-wrap:wrap;gap:7px 14px;margin:10px 0 0;padding:0;list-style:none;display:flex}.capture-guide__tips li{color:#49655e;align-items:center;gap:5px;font-size:12px;display:flex}.capture-guide__note{color:var(--muted);word-break:keep-all;min-height:47px;margin-top:12px;font-size:13px;line-height:1.8}.color-home__capture-notes{justify-content:space-between;align-items:start;gap:24px;margin-top:24px;display:flex}.color-home__privacy{color:#48655e;align-items:center;gap:8px;font-size:13px;line-height:1.7;display:flex}.color-home__file-note{color:var(--muted);text-align:right;font-size:12px;line-height:1.8}.color-home__manual-clothes{color:var(--muted);word-break:keep-all;max-width:750px;margin-top:15px;font-size:12px;line-height:1.8}.color-home__error{margin-top:18px}.color-home__palette-section{grid-template-columns:.8fr 1.2fr;gap:52px;display:grid}.color-home__family-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.color-home__family-tabs button{min-height:48px;color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;font-size:15px}.color-home__family-tabs button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);font-weight:650}.color-home__season-tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.color-home__season-tabs button{border-radius:var(--radius-lg);border:1px solid var(--line);min-height:44px;color:var(--muted);padding:9px 15px;font-size:13px}.color-home__season-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.color-home__swatches{border-radius:var(--radius-xs);min-height:137px;display:flex;overflow:hidden}.color-home__swatches>span{flex:1;justify-content:center;align-items:end;min-width:0;display:flex}.color-home__swatches small{text-align:center;color:#263e39;white-space:nowrap;background:#ffffffdc;width:100%;font-size:11px;line-height:2.8}.color-home__palette-detail{justify-content:space-between;align-items:center;gap:15px;margin-top:19px;display:flex}.color-home__palette-detail h3{font-size:21px;font-weight:600}.color-home__palette-detail p{color:var(--muted);word-break:keep-all;margin-top:5px;font-size:13px;line-height:1.7}.color-home__palette-detail .text-button{white-space:nowrap;color:var(--ink);font-size:13px}.color-home__reference-note{color:var(--muted);margin-top:17px;font-size:12px;line-height:1.7}.color-home__faq{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:52px;display:grid}.color-home__faq details{border-bottom:1px solid var(--line)}.color-home__faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-size:16px;font-weight:550;line-height:1.6;list-style:none;display:flex}.color-home__faq details:first-child summary{min-height:55px;padding-top:6px}.color-home__faq summary::-webkit-details-marker{display:none}.color-home__faq details[open] svg{transform:rotate(180deg)}.color-home__faq details p{color:var(--muted);word-break:keep-all;padding:0 0 22px;font-size:14px;line-height:1.9}.color-home__signoff{text-align:center;border-radius:var(--radius-control);background:#e9efec;margin:0 0 76px;padding:70px 24px 78px}.color-home__signoff>p{letter-spacing:-1px;font-size:30px;font-weight:550;line-height:1.5}.color-home__signoff .button{justify-content:space-between;min-width:216px;margin-top:26px}.color-home__signoff>span{color:var(--muted);margin-top:16px;font-size:13px;display:block}.mobile-line{display:none}@media (min-width:1280px){.color-home__hero{gap:45px}}@media (max-width:900px){.color-home{padding-inline:28px}.color-home__hero{gap:15px;min-height:540px}.color-home__hero h1{letter-spacing:-1.5px;font-size:38px}.color-home__hero-description{font-size:16px}.color-home__quiet{align-items:flex-start;max-width:270px}.color-home__quiet svg{margin-top:3px}.color-home__hero-families button{padding-inline:10px}.color-home__promise{gap:40px;padding-inline:0}.color-home__section-heading h2{font-size:30px}.color-home__section{padding-block:72px}.color-home__share-example{padding:24px}.color-home__capture-grid{gap:18px}.color-home__upload{padding:21px}.color-home__capture-notes{display:block}.color-home__file-note{text-align:left;margin-top:12px}.color-home__palette-section,.color-home__faq{grid-template-columns:.72fr 1.28fr;gap:30px}.color-home__palette-detail{display:block}.color-home__palette-detail .text-button{margin-top:8px}.color-home__swatches small{font-size:10px}.color-home__principles{gap:12px}.color-home__principles p{gap:9px;font-size:13px}.color-home__principles p span{max-width:120px}}@media (max-width:720px){.color-home{padding-inline:22px}.color-home__hero{grid-template-columns:1fr;gap:0;min-height:0;padding:44px 0 35px}.color-home__hero-copy{padding-bottom:0}.color-home__introduction{margin-bottom:17px;font-size:13px}.color-home__hero h1{letter-spacing:-1.5px;font-size:36px;line-height:1.3}.color-home__hero-description{max-width:320px;margin-top:18px;font-size:15px;line-height:1.85}.color-home__primary{min-width:213px;min-height:54px;margin-top:24px;font-size:15px}.color-home__quiet{max-width:none;margin-top:13px;font-size:11px}.color-home__quiet svg{margin-top:1px}.color-home__palette-object{justify-self:center;width:100%;max-width:420px;margin-top:13px}.color-home__fan{margin-top:0}.color-home__fan-caption{margin-top:-13px;font-size:11px}.color-home__fan-caption>span:first-child{font-size:14px}.color-home__hero-families{margin-top:12px}.color-home__hero-families button{padding-inline:14px}.color-home__principles{gap:9px;padding-block:21px}.color-home__principles p{text-align:center;flex-direction:column;gap:9px;font-size:11px;line-height:1.7;display:flex}.color-home__principles strong{font-size:12px;display:block}.color-home__principles p+p{border-left:1px solid var(--line)}.color-home__section{padding-block:60px}.color-home__section-heading h2{letter-spacing:-1.1px;font-size:29px;line-height:1.4}.color-home__section-intro{margin-top:14px;font-size:15px;line-height:1.85}.color-home__promise{grid-template-columns:1fr;gap:34px}.color-home__inline-link{margin-top:13px;font-size:14px}.color-home__share-example{justify-self:center;width:calc(100% - 14px);max-width:360px;padding:24px;transform:rotate(1deg)}.color-home__example-title{margin-top:25px}.color-home__example-swatches{height:111px}.color-home__example-top small,.color-home__example-bottom{font-size:10px}.color-home__capture-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.color-home__upload{padding:22px}.color-home__upload-head strong{font-size:18px}.capture-guide__art{height:154px}.capture-guide__note{min-height:0}.color-home__capture-notes{margin-top:20px}.color-home__privacy{align-items:flex-start;font-size:12px}.color-home__privacy svg{margin-top:3px}.color-home__file-note{margin-top:13px}.color-home__manual-clothes{margin-top:12px}.color-home__palette-section,.color-home__faq{grid-template-columns:1fr;gap:27px}.color-home__season-tabs{gap:6px;margin-block:17px}.color-home__season-tabs button{white-space:nowrap;flex:1;padding:9px 12px;font-size:12px}.color-home__swatches{min-height:130px}.color-home__swatches small{font-size:9px;line-height:3.1}.color-home__palette-detail h3{font-size:21px}.color-home__palette-detail p{font-size:13px}.color-home__palette-detail .text-button{margin-top:5px}.color-home__reference-note{font-size:11px}.color-home__faq summary{padding-block:20px;font-size:15px}.color-home__faq details p{font-size:14px}.color-home__signoff{margin-bottom:40px;padding:46px 18px}.color-home__signoff>p{font-size:26px}.color-home__signoff .button{min-width:210px;font-size:15px}.desktop-line{display:none}.mobile-line{display:block}}@media (max-width:380px){.color-home{padding-inline:19px}.color-home__hero h1{letter-spacing:-1.4px;font-size:33px}.color-home__hero-description{font-size:14px}.color-home__quiet{font-size:10.5px}.color-home__section-heading h2{font-size:27px}.color-home__upload{padding:19px}.color-home__season-tabs button{padding-inline:9px;font-size:11px}.color-home__share-example{padding:21px}.capture-guide__tips{gap:7px 10px}.color-home__example-bottom{align-items:start}.color-home__example-bottom>span:first-child{max-width:180px}}@media (prefers-reduced-motion:reduce){.color-home *,.color-home :before,.color-home :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.color-home__hero,.color-home__principles,.color-home__promise,.color-home__start,.color-home__faq,.color-home__signoff{display:none!important}.color-home{max-width:none}.color-home__palette-section{padding:0}.color-home__season-tabs{flex-wrap:wrap;overflow:visible}}.color-home__reference-note,.color-home__quiet{font-size:12px}.color-home__hero{grid-template:"copy palette""actions palette"/minmax(0,1.2fr) minmax(0,1fr);align-content:center;align-items:center;gap:24px 18px;min-height:600px;padding-block:58px 62px}.color-home__hero-copy{grid-area:copy;align-self:end;padding:0}.color-home__introduction{margin-bottom:17px;font-size:14px;line-height:1.6}.color-home__hero h1{letter-spacing:-2.9px;font-size:clamp(42px,4.45vw,64px);font-weight:620;line-height:1.18}.color-home__hero-description{max-width:405px;margin-top:24px;font-size:17px;line-height:1.8}.color-home__hero-actions{grid-area:actions;align-self:start}.color-home__primary{border-radius:var(--radius-card);min-width:226px;min-height:56px;margin-top:0;padding-inline:24px;font-size:16px}.color-home__quiet{max-width:none;margin-top:13px;font-size:12px;line-height:1.6}.color-home__palette-object{grid-area:palette;align-self:center;width:100%;max-width:none;margin:0;padding:0}.color-home__fan{width:100%;max-width:495px;margin:0 auto;display:block;overflow:visible}.color-home__fan-sheet{transform-origin:0 13px}.color-home__fan-caption{justify-content:center;gap:12px;margin-top:-7px;font-size:12px;line-height:1.6;display:flex}.color-home__fan-caption>span:first-child{font-size:14px;font-weight:550}.color-home__fan-caption>span+span{padding-left:12px}.color-home__hero-families{background:#e9eeeb;border:1px solid #dfe5e2;border-radius:28px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(100%,298px);margin:13px auto 0;padding:3px;display:grid;position:relative}.color-home__hero-families button{z-index:1;border-radius:var(--radius-lg);color:#586d63;background:0 0;border:0;justify-content:center;gap:7px;min-height:44px;padding:8px 7px;font-size:13px;position:relative}.color-home__hero-families button[aria-pressed=true]{color:var(--ink);background:0 0;font-weight:600}.color-home__hero-families i{width:9px;height:9px}.color-home__family-indicator{border-radius:var(--radius-lg);pointer-events:none;background:#fff;width:calc(25% - 1.5px);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #183b3b0d}.color-home__palette-object[data-interacted=true] .color-home__family-indicator,.color-home__palette-object[data-interacted=true] .color-home__fan-sheet{transition:transform .22s var(--ease)}.color-home__palette-object[data-interacted=true] .color-home__fan-color{transition:fill .22s var(--ease)}.color-home__principles{padding-block:25px}.color-home__principles p{font-size:14px}.color-home__section-heading h2{font-size:36px;font-weight:600;line-height:1.35}.color-home__example-caption,.color-home__palette-detail p,.color-home__faq details p{font-size:15px}.color-home__example-top small,.color-home__example-bottom{font-size:12px}.color-home__example-bottom span:first-child{max-width:72%}.color-home__share-example{border-radius:var(--radius-sm);transform:rotate(1.5deg)}.color-home__section-intro{font-size:16px;line-height:1.85}.color-home__swatches small{font-size:12px}.color-home__season-tabs button{font-size:14px}.color-home__signoff .button{border-radius:var(--radius-card)}@media (max-width:1100px) and (min-width:721px){.color-home__hero{column-gap:10px;min-height:560px}.color-home__hero h1{letter-spacing:-1.7px;font-size:clamp(38px,4.2vw,48px)}.color-home__hero-description{max-width:370px;font-size:16px}.color-home__hero-families{width:270px}.color-home__hero-families button{padding-inline:4px;font-size:12px}.color-home__section-heading h2{font-size:31px}}@media (max-width:720px){.color-home__hero{grid-template:"copy""palette""actions"/minmax(0,1fr);gap:0;min-height:0;padding:24px 0 25px}.color-home__hero-copy{text-align:center;width:100%}.color-home__introduction{margin-bottom:12px;font-size:12px;line-height:1.6}.color-home__hero h1{letter-spacing:-1.75px;font-size:38px;font-weight:620;line-height:1.18}.color-home__hero-description{word-break:keep-all;max-width:325px;margin:14px auto 0;font-size:15px;line-height:1.75}.color-home__palette-object{justify-self:center;width:100%;max-width:none;margin-top:6px}.color-home__fan{max-width:270px;margin-inline:auto}.color-home__fan-caption{margin-top:-9px;font-size:12px;line-height:1.5}.color-home__fan-caption>span:first-child{font-size:13px}.color-home__hero-families{width:280px;margin-top:9px}.color-home__hero-families button{min-height:44px;padding-inline:6px;font-size:13px}.color-home__hero-actions{text-align:center;width:100%;margin-top:18px}.color-home__primary{border-radius:var(--radius-card);width:min(100%,322px);min-width:0;min-height:54px;margin:0 auto;padding-inline:23px;font-size:16px}.color-home__quiet{justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;line-height:1.6}.color-home__quiet svg{width:14px;height:14px;margin-top:0}.color-home__principles{padding-block:21px}.color-home__principles p{font-size:12px;line-height:1.65}.color-home__principles strong{font-size:12px;font-weight:550}.color-home__section-heading h2{letter-spacing:-1.3px;font-size:30px;line-height:1.35}.color-home__section-intro{font-size:15px;line-height:1.85}.color-home__share-example{border-radius:var(--radius-control);width:100%;padding:25px;transform:none}.color-home__example-caption{font-size:15px;line-height:1.75}.color-home__example-top small,.color-home__example-bottom{font-size:12px}.color-home__example-bottom{align-items:flex-start}.color-home__example-bottom span:first-child{max-width:70%}.color-home__example-bottom span:last-child{white-space:normal}.color-home__season-tabs button{white-space:normal;padding-inline:10px;font-size:13px}.color-home__swatches small{font-size:11px}.color-home__palette-detail p,.color-home__faq details p{font-size:15px}.color-home__faq summary{font-size:16px}.color-home__signoff>p{font-size:29px}}@media (max-width:380px){.color-home__hero h1{letter-spacing:-1.6px;font-size:35px}.color-home__hero-description{max-width:300px;font-size:15px}.color-home__fan{max-width:260px}.color-home__hero-families{width:min(100%,280px)}.color-home__quiet{gap:5px;font-size:12px}.color-home__quiet span{word-break:keep-all;max-width:285px}.color-home__section-heading h2{font-size:28px}.color-home__example-bottom>span:first-child{max-width:175px}}@media (prefers-reduced-motion:reduce){.color-home__palette-object[data-interacted=true] .color-home__family-indicator,.color-home__palette-object[data-interacted=true] .color-home__fan-sheet,.color-home__palette-object[data-interacted=true] .color-home__fan-color{transition:none!important}}.color-home__swatches{flex-wrap:wrap}.color-home__swatches>span{flex:1 1 0;min-width:max-content;min-height:130px}.color-home__swatches small{min-width:max-content;padding-inline:3px}.color-home__hero-families button{flex-wrap:wrap;row-gap:2px}.color-home__upload,.color-home__share-example{border-radius:var(--radius-lg);border-color:var(--line);box-shadow:var(--shadow-card)}.color-home__upload--face{background:#fff}.color-home__signoff{border-radius:var(--radius-lg);background:#eaf2ee}.color-home__faq details{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;margin-bottom:10px;padding-inline:20px}.color-home__faq details:first-child summary{padding-top:20px}.color-home__hero-description,.color-home__section-intro{color:var(--text-body)}.color-home__section-heading h2{font-weight:700}.color-home__family-tabs{border-radius:var(--radius-control);background:#eaf0ed;border:0;gap:4px;padding:5px}.color-home__family-tabs button{border-radius:var(--radius-sm);border:0;margin:0}.color-home__family-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #183b3b0c}
.photo-review{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-lg);background:var(--paper,#fff);width:100%;max-width:920px;color:var(--burgundy,#302b32);font-family:Pretendard, var(--font-body,sans-serif);overflow-wrap:anywhere;margin:24px auto;padding:20px 16px}.photo-review *{box-sizing:border-box}.photo-review__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.photo-review__heading p,.photo-review__heading h2,.photo-review__notice,.photo-review__body p,.photo-review__failure p,.photo-review__failure span,.photo-review__empty{margin:0}.photo-review__heading>div>p,.photo-review__index{color:var(--burgundy-light,#665866);font-size:12px;font-weight:700}.photo-review__heading h2{letter-spacing:-.04em;margin-top:5px;font-size:clamp(20px,4vw,28px);line-height:1.35}.photo-review__back,.photo-review__select{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-card);background:var(--paper,#fff);min-height:44px;color:inherit;font:inherit;cursor:pointer;font-size:14px;font-weight:700}.photo-review__back{padding:10px 13px}.photo-review__notice{color:var(--muted,#756d78);margin-top:14px;font-size:12px;line-height:1.6}.photo-review__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;margin-top:16px;display:grid}.photo-review__card,.photo-review__failure{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-card);background:var(--ivory,#fffdf8);min-width:0;overflow:hidden}.photo-review__card>img{aspect-ratio:1;object-fit:cover;background:#eee;width:100%;display:block}.photo-review__body{gap:9px;padding:12px;display:grid}.photo-review__candidate{font-size:13px;font-weight:700;line-height:1.45}.photo-review__colors,.photo-review__quality{color:var(--muted,#756d78);gap:5px;margin:0;padding:0;font-size:12px;line-height:1.5;list-style:none;display:grid}.photo-review__colors li{align-items:center;gap:6px;display:flex}.photo-review__swatch{border:1px solid #302b3240;border-radius:50%;flex:0 0 14px;width:14px;height:14px;display:inline-block}.photo-review__quality{padding-left:18px;list-style:outside}.photo-review__toggle{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700;display:flex}.photo-review__toggle input{width:18px;height:18px;accent-color:var(--pink,#ee6590)}.photo-review__select{width:100%;padding:10px 12px}.photo-review__select[aria-pressed=true]{border-color:var(--burgundy,#302b32);background:var(--pink-light,#fff0f5)}.photo-review__failure{background:var(--pink-light,#fff0f5);border-style:dashed;align-content:start;gap:8px;padding:16px;display:grid}.photo-review__failure p{color:var(--muted,#756d78);font-size:12px}.photo-review__failure strong{font-size:15px;line-height:1.4}.photo-review__failure span{color:var(--muted,#756d78);font-size:12px;line-height:1.6}.photo-review__empty{border-radius:var(--radius-control);background:var(--pink-light,#fff0f5);margin-top:16px;padding:14px;font-size:14px}.photo-review button:focus-visible,.photo-review input:focus-visible{outline:2px solid var(--burgundy,#302b32);outline-offset:3px}@media (max-width:420px){.photo-review{margin-block:16px;padding:18px 12px}.photo-review__back{width:100%}}@media (prefers-reduced-motion:reduce){.photo-review *,.photo-review :before,.photo-review :after{transition:none!important;animation:none!important}}
.outfit-studio{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-lg);background:var(--paper,#fff);width:100%;max-width:780px;color:var(--burgundy,#302b32);font-family:Pretendard, var(--font-body,sans-serif);overflow-wrap:anywhere;margin:24px auto;padding:20px 16px;font-size:14px;line-height:1.6;container:outfit/inline-size}.outfit-studio *{box-sizing:border-box}.outfit-heading{margin-bottom:18px}.outfit-studio .eyebrow{color:var(--burgundy-light,#665866);margin:0;font-size:12px;font-weight:700}.outfit-heading .eyebrow{background:var(--pink-light,#fff0f5);border-radius:99px;padding:4px 10px;display:inline-block}.outfit-heading h2{letter-spacing:-.6px;margin:9px 0 6px;font-size:clamp(21px,5vw,26px);line-height:1.35}.outfit-heading>p{max-width:530px;color:var(--muted,#756d78);margin:0;font-size:14px}.outfit-picker{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-card);background:var(--ivory,#fffdf8);gap:14px;padding:14px;display:grid}.outfit-slots{border:0;min-width:0;margin:0;padding:0}.outfit-slots legend,.outfit-manual>label{margin-bottom:8px;font-size:14px;font-weight:750;display:block}.outfit-slots>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.outfit-slot{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-control);background:var(--paper,#fff);cursor:pointer;min-width:0;min-height:54px;padding:9px 8px;display:block;position:relative}.outfit-slot:has(input:checked){border-color:var(--burgundy,#302b32);box-shadow:inset 0 0 0 1px var(--burgundy,#302b32)}.outfit-slot input{opacity:0;cursor:pointer;position:absolute;inset:0}.outfit-slot span{gap:1px;display:grid}.outfit-slot strong{font-size:14px}.outfit-slot small{color:var(--muted,#756d78);font-size:12px;line-height:1.3}.outfit-manual>div{grid-template-columns:48px auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.outfit-manual input[type=color]{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-card);background:var(--paper,#fff);cursor:pointer;width:48px;height:44px;padding:3px}.outfit-manual output{border-radius:var(--radius-control);background:var(--pink-light,#fff0f5);min-width:67px;color:var(--burgundy,#302b32);font-variant-numeric:tabular-nums;padding:4px 7px;font-size:13px;font-weight:750}.outfit-manual span{min-width:0;color:var(--muted,#756d78);font-size:12px}.outfit-photo-area{margin-top:14px}.outfit-canvas-wrap{border-radius:var(--radius-card);background:#f2eef0;justify-content:center;min-height:72px;display:flex;position:relative;overflow:hidden}.outfit-canvas{opacity:0;width:min(100%,640px);height:auto;min-height:1px;display:block}.outfit-canvas.is-ready{opacity:1;cursor:crosshair}.outfit-photo-state{color:var(--muted,#756d78);text-align:center;place-items:center;padding:16px;font-size:14px;display:grid;position:absolute;inset:0}.outfit-photo-note,.outfit-keyboard-note{color:var(--muted,#756d78);margin:8px 2px 0;font-size:12px}.outfit-keyboard-note{border-left:2px solid var(--pink,#ee6590);padding-left:11px}.outfit-no-photo{border:1px dashed var(--line,#d8ced8);border-radius:var(--radius-card);color:var(--muted,#756d78);background:var(--ivory,#fffdf8);align-items:flex-start;gap:10px;margin-top:14px;padding:15px;display:flex}.outfit-no-photo svg{color:var(--burgundy-light,#665866);flex:none}.outfit-no-photo strong{color:var(--burgundy,#302b32);font-size:14px;display:block}.outfit-no-photo p{margin:3px 0 0;font-size:13px}.outfit-selected{border-radius:var(--radius-card);background:var(--pink-light,#fff0f5);margin-top:14px;padding:14px;position:relative}.outfit-selected>.eyebrow{margin-bottom:9px}.outfit-selected ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.outfit-selected li{border-radius:var(--radius-card);background:color-mix(in srgb, var(--paper,#fff) 82%, transparent);align-items:center;gap:7px;min-width:0;padding:7px;display:flex}.outfit-mini-swatch{border:1px solid #302b3220;border-radius:50%;flex:none;width:28px;height:28px}.outfit-selected strong,.outfit-selected small{display:block}.outfit-selected strong{font-size:13px}.outfit-selected small{color:var(--muted,#756d78);font-size:12px;line-height:1.35}.outfit-reset{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-card);background:var(--paper,#fff);min-height:44px;color:var(--burgundy,#302b32);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:9px 12px;font-size:13px;font-weight:700;display:inline-flex}.outfit-options{margin-top:18px}.outfit-options-heading{margin-bottom:11px}.outfit-options h3{margin:4px 0 0;font-size:19px;line-height:1.35}.outfit-options-heading>p{color:var(--muted,#756d78);margin:6px 0 0;font-size:12px}.outfit-options ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.outfit-option{border:1px solid var(--line,#ebe5ed);border-radius:var(--radius-card);background:var(--paper,#fff);gap:12px;padding:14px;display:grid}.outfit-option h4{margin:0;font-size:15px;line-height:1.4}.outfit-option p{color:var(--muted,#756d78);margin:4px 0 0;font-size:13px}.outfit-option dl{grid-template-columns:repeat(3,minmax(98px,1fr));gap:7px;margin:0;display:grid}.outfit-option dl>div{border-radius:var(--radius-card);background:var(--ivory,#fffdf8);min-width:0;padding:8px}.outfit-option dt{color:var(--muted,#756d78);font-size:12px}.outfit-option dd{font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:4px 0 0;font-size:12px;display:flex}.outfit-option dd i{border:1px solid #302b3220;border-radius:50%;flex:none;width:19px;height:19px}.outfit-option dd span{overflow-wrap:normal;white-space:nowrap;word-break:normal;min-width:0}.outfit-studio button:focus-visible,.outfit-studio input:focus-visible,.outfit-studio canvas:focus-visible{outline:2px solid var(--burgundy,#302b32);outline-offset:3px}@container outfit (min-width:600px){.outfit-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.outfit-heading>p{flex:0 330px}.outfit-picker{grid-template-columns:minmax(0,1fr) minmax(210px,.8fr);align-items:end}.outfit-options-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.outfit-options-heading>p{text-align:right;max-width:315px}.outfit-option{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center}}@media (max-width:420px){.outfit-studio{border-radius:var(--radius-card);margin-block:16px;padding:18px 12px}.outfit-slots>div,.outfit-selected ul{grid-template-columns:1fr}.outfit-manual>div{grid-template-columns:48px minmax(0,1fr)}.outfit-manual span{grid-column:1/-1}.outfit-option dl{grid-template-columns:1fr}.outfit-option dl>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.outfit-option dd{margin-top:0}}@media (prefers-reduced-motion:reduce){.outfit-studio *,.outfit-studio :before,.outfit-studio :after{transition:none!important;animation:none!important}}@media print{.outfit-studio{border:0;max-width:none;margin:12px 0;padding:0}.outfit-interactive,.outfit-photo-area,.outfit-no-photo,.outfit-selected{display:none!important}.outfit-option{break-inside:avoid;grid-template-columns:1fr;gap:10px}.outfit-option dl{grid-template-columns:repeat(3,minmax(98px,1fr))}}
.mini-navigation.mini-navigation{inset:auto auto calc(16px + env(safe-area-inset-bottom)) 50%;z-index:35;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #d5dfd9c9;border-radius:36px;align-items:stretch;gap:4px;width:calc(100% - 40px);max-width:352px;margin:0;padding:7px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 28px #183b3b16}.mini-navigation__slot{display:contents}.mini-navigation.mini-navigation a,.mini-navigation.mini-navigation button{color:#65756f;text-align:center;border:0;border-radius:27px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:50px;padding:6px 3px;font-size:12px;line-height:1.35;text-decoration:none;transition:background-color .16s,color .16s;display:flex}.mini-navigation.mini-navigation a span,.mini-navigation.mini-navigation button span{white-space:normal;overflow-wrap:anywhere;max-width:100%}.mini-navigation svg{flex-shrink:0}.mini-navigation.mini-navigation a[aria-current=location]{color:var(--ink);background:#e8f0ed}.mini-navigation.mini-navigation .mini-navigation__start{background:var(--ink);color:#fff}.mini-navigation :is(a,button):focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (hover:hover){.mini-navigation.mini-navigation a:hover{color:var(--ink);background:#edf3f0}.mini-navigation .mini-navigation__start:hover{background:#315950}}.mini-navigation.mini-navigation button:disabled{opacity:.6;cursor:wait}.mini-navigation[data-in-flow=true]{width:calc(100% - 40px);box-shadow:none;margin:24px auto;position:static;inset:auto;transform:none}#welcome-overview,#start,#palettes{outline-offset:6px;scroll-margin-top:100px}main[data-stage=welcome]~.site-footer,main[data-stage=report]~.site-footer{padding-bottom:calc(32px + var(--tonemoa-bottom-clearance,100px))}@media (min-width:721px){main[data-stage=report] .mvp-workspace{padding-bottom:calc(32px + var(--tonemoa-bottom-clearance,100px))}}@media (prefers-reduced-motion:reduce){.mini-navigation.mini-navigation a,.mini-navigation.mini-navigation button{transition:none}}@media print{.mini-navigation.mini-navigation{display:none!important}}
.mvp-workspace{background:#f4f6f6;border:0;max-width:1040px;margin-inline:auto;padding:40px 28px 64px}.mvp-workspace>.field-hint,.mvp-workspace .review-decision p{font-size:14px}.mvp-workspace .text-button,.mvp-workspace .button{min-height:44px;font-size:14px}.mvp-workspace .eyebrow{font-size:12px}.mvp-workspace input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){font-size:16px}.mvp-workspace .stepper li{font-size:12px}.mvp-workspace .question-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:36px}.mvp-workspace .photo-aside{text-align:left;display:block}.mvp-workspace .photo-source-group{padding:16px}.mvp-workspace .photo-source-heading strong{font-size:15px}.mvp-workspace .photo-source-heading span,.mvp-workspace .mini-photo-card>span{font-size:12px}.mvp-workspace .mini-photo-card>button,.mvp-workspace .body-preview-card>button{width:44px;height:44px;top:5px;right:5px}.mvp-workspace .mini-photo-add{min-height:100px;font-size:14px}.mvp-workspace .photo-source-group>p{font-size:12px}.mvp-workspace .check-row{min-height:64px}.mvp-workspace .check-row strong{font-size:15px}.mvp-workspace .check-row small,.mvp-workspace .field-hint{font-size:12px}.mvp-workspace .natural-colors>legend{font-size:13px}.mvp-workspace .color-choice{min-height:44px;padding-right:8px;font-size:14px}.mvp-workspace .focus-options label{min-height:44px;font-size:14px}.mvp-workspace .question-group>legend>span{font-size:15px}.mvp-workspace .question-content>.muted{font-size:14px}.mvp-workspace .question-content h1{font-size:32px}.mvp-workspace .processing-status{font-size:15px}.body-photo-options{border-radius:var(--radius-control);background:#fff;border:1px solid #dce4e2;margin-top:12px;padding:14px}.body-photo-options>summary{cursor:pointer;align-content:center;min-height:44px;font-size:14px;font-weight:650}.body-photo-options>summary>span{color:#637273;margin-left:5px;font-size:12px;font-weight:400}.body-photo-options .body-preview-card{grid-template-columns:64px 1fr;margin-top:12px;padding:10px}.body-photo-options .body-preview-card strong{padding-right:25px;font-size:13px}.body-photo-options .body-photo-add{padding:12px}.body-photo-options .body-photo-add strong{font-size:14px}.body-photo-options .body-photo-add small{font-size:12px}.review-decision{border-radius:var(--radius-card);background:#edf3ef;border:1px solid #c6dace;margin:24px 0;padding:24px}.review-decision.is-conflicting{background:#f7f3e6;border-color:#e2d5ae}.review-decision>strong{font-size:18px}.review-decision>p{color:#637273;margin-top:8px}.review-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;display:flex}.mvp-results{max-width:900px;margin-inline:auto}.result-utility{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:14px 0 24px;display:flex}.photo-warning{border-radius:var(--radius-control);background:#f7f4e9;border:1px solid #e2d7b8;margin:16px 0 28px;padding:16px 20px}.photo-warning summary{cursor:pointer;align-content:center;min-height:44px;font-size:14px}.photo-warning ul{margin:12px 0 0;padding-left:20px}.report-detail{border-radius:var(--radius-card);background:#fff;border:1px solid #dce4e2;margin-block:28px;overflow:hidden}.report-detail>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:64px;padding:22px 24px;font-size:17px;font-weight:700;list-style:none;display:flex}.report-detail>summary::-webkit-details-marker{display:none}.report-detail[open]>summary{border-bottom:1px solid #dce4e2}.report-detail>.color-report{border:0;border-radius:0;margin:0}.report-detail .cr-cover{padding:24px}.report-detail .cr-reader{display:block}.report-detail .cr-contents{max-height:none;position:static}.report-detail .cr-contents ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.mvp-workspace .cr-contents a{min-height:44px;font-size:13px}.mvp-workspace .cr-chapter p,.mvp-workspace .cr-chapter li{font-size:15px}.mvp-workspace .cr-color-code,.mvp-workspace .cr-apply{font-size:12px}.mvp-workspace .to-color{min-height:44px}.mvp-workspace .to-comparison button{min-height:44px;font-size:14px}.mvp-workspace .to-color-code,.mvp-workspace .to-range-labels,.mvp-workspace .to-disclaimer{font-size:12px}.mvp-workspace .to-strength input{min-height:44px}.mvp-workspace .manual-inputs label{font-size:14px}.mvp-workspace .manual-inputs input{width:44px;height:44px}.mvp-workspace .manual-inputs span,.mvp-workspace .manual-adjust summary span{font-size:12px}.body-result-actions{flex-wrap:wrap;gap:12px;margin:28px 0 12px;display:flex}.optional-advice{border-radius:var(--radius-control);border:1px solid #dce4e2;margin-top:20px;padding:20px}.optional-advice>p{margin-bottom:12px}.restart-note{text-align:center;padding:28px 10px 0}.restart-note>p{margin-bottom:12px}.upload-status{color:#fff;z-index:50;white-space:nowrap;background:#183b3b;border-radius:30px;padding:12px 20px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}@media (max-width:640px){.mvp-workspace{border:0;padding:24px 18px 48px}.mvp-workspace .question-layout{flex-direction:column;gap:28px;display:flex}.mvp-workspace .photo-aside{display:block}.mvp-workspace .face-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mvp-workspace .stepper{gap:5px}.mvp-workspace .stepper li{flex-direction:column;flex:1;align-items:center;gap:4px;font-size:12px}.mvp-workspace .question-actions{flex-wrap:wrap}.mvp-workspace .question-actions .button{flex:1}.mvp-workspace .question-content h1{font-size:28px}.review-decision{padding:20px}.review-actions>.button{width:100%}.report-detail>summary{padding:18px;font-size:15px}.report-detail .cr-contents ol{grid-template-columns:1fr}.mvp-workspace .manual-inputs{flex-direction:column;align-items:flex-start}}@media print{.mvp-workspace{border:0;max-width:none;padding:0}.report-detail{border:0;overflow:visible}.report-detail>summary,.photo-warning>summary,.result-utility{display:none!important}.report-detail>*{display:block}.mvp-results{max-width:none}.photo-warning{break-inside:avoid}.photo-warning ul{display:block}.report-detail .cr-contents{display:none}.site-footer{display:none!important}.mvp-workspace .cr-chapter p,.mvp-workspace .cr-chapter li{font-size:14px;line-height:1.75}.mvp-workspace .cr-chapter>.eyebrow{font-size:12px}.report-detail{margin-top:20px}.report-detail .cr-cover{padding:18px}.mvp-workspace .cr-swatches .cr-color-code{white-space:nowrap}.rs-share-shortcut{display:none!important}}html{scroll-padding-bottom:var(--tonemoa-bottom-clearance,0px)}.journey-progress-caption{display:none}.mvp-workspace .stepper .stepper-label{width:auto;height:auto;color:inherit;background:0 0;border-radius:0;font-size:12px;display:inline}.mvp-workspace .question-layout{grid-template-areas:"photos intro""photos questions";align-items:start;row-gap:0}.question-intro{grid-area:intro;padding-bottom:20px}.question-intro h1{letter-spacing:-1.5px;margin:10px 0 14px;font-size:38px;font-weight:600;line-height:1.35}.question-intro>.muted{font-size:15px;line-height:1.8}.question-layout>.photo-aside{grid-area:photos}.question-layout>.question-content{grid-area:questions}.mvp-workspace .question-group:first-child{margin-top:8px}.mvp-workspace .question-group{border:0;margin-top:28px;padding-top:0}.mvp-workspace .question-group>legend{color:var(--ink);padding:0 0 12px}.mvp-workspace .check-row{border:1px solid #0000;border-bottom-color:var(--line);background:#fff;margin:0;padding:16px;transition:background-color .16s,border-color .16s}.mvp-workspace .question-group>div:first-of-type>.check-row{border-radius:14px 14px 0 0}.mvp-workspace .question-group>div:last-of-type>.check-row{border-bottom-color:#0000;border-radius:0 0 14px 14px}.mvp-workspace .check-row:has(input:checked){background:#e7efeb;border-color:#b5cbc1}.mvp-workspace .check-row:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.mvp-workspace .check-row input{width:22px;height:22px}.mvp-workspace .natural-colors{border-radius:var(--radius-card);margin-top:10px;padding:10px 14px 16px}.mvp-workspace .focus-options{flex-wrap:wrap;gap:8px;margin-top:0;display:flex}.mvp-workspace .focus-options label{border-radius:var(--radius-card);text-align:center;white-space:nowrap;flex:auto;justify-content:center;padding:12px 10px;font-size:13px;line-height:1.5}.mvp-workspace .focus-options input{opacity:1;flex-shrink:0;width:15px;height:15px;position:static}.mvp-workspace .focus-options label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.mvp-workspace .focus-options label.selected{color:var(--ink);background:#e7efeb;border-color:#a7c0b5}.result-navigation{border:1px solid var(--line);background:#fff;border-radius:28px;justify-content:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto 32px;padding:5px;display:flex}.result-navigation a{color:#65756f;white-space:nowrap;border-radius:23px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 18px;font-size:13px;transition:color .16s,background-color .16s;display:flex}.result-navigation a[aria-current=location]{color:var(--ink);background:#e8f0ed}#my-color-card,#outfit-colors,#report-detail,#try-on{outline-offset:5px;scroll-margin-top:105px}@media (max-width:720px){.mvp-workspace{padding-top:20px}.journey-progress{margin-bottom:28px}.journey-progress-caption{color:var(--muted);justify-content:space-between;align-items:center;padding-bottom:12px;font-size:12px;display:flex}.journey-progress-caption>span:first-child{color:var(--ink);font-weight:550}.mvp-workspace .journey-progress .stepper{border:0;gap:6px;margin:0;padding:0}.mvp-workspace .journey-progress .stepper li{border-radius:var(--radius-xs);background:#dfe7e3;flex:1;height:3px;display:block;position:relative}.mvp-workspace .journey-progress .stepper li.is-active{background:#688a7c}.mvp-workspace .journey-progress .stepper li[aria-current=step]{background:var(--ink)}.mvp-workspace .journey-progress .stepper li>span{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.mvp-workspace .question-layout{grid-template-columns:1fr;grid-template-areas:"intro""photos""questions";gap:0;display:grid}.question-intro{padding-bottom:24px}.question-intro h1{letter-spacing:-1px;margin:8px 0 12px;font-size:30px;line-height:1.35}.question-intro>.muted{font-size:14px}.mvp-workspace .photo-source-group{border-radius:var(--radius-control);margin-bottom:0;padding:14px}.mvp-workspace .photo-source-heading{margin-bottom:12px}.mvp-workspace .face-preview-grid{scroll-snap-type:x proximity;gap:8px;padding:2px 0 4px;display:flex;overflow-x:auto}.mvp-workspace .mini-photo-card,.mvp-workspace .mini-photo-add{scroll-snap-align:start;border-radius:var(--radius-control);flex:0 0 92px;width:92px;height:92px;min-height:92px}.mvp-workspace .mini-photo-add{gap:5px;font-size:12px}.mvp-workspace .mini-photo-card>button{background:#ffffffda;width:44px;height:44px;top:0;right:0}.mvp-workspace .mini-photo-card>span{padding:2px 5px;font-size:10px;bottom:5px;left:5px}.mvp-workspace .photo-source-group>p{margin-top:8px;font-size:12px;line-height:1.7}.mvp-workspace .body-photo-options{background:0 0;border:0;margin:0 0 10px;padding:0 5px}.mvp-workspace .body-photo-options>summary{min-height:46px;font-size:13px;font-weight:500}.mvp-workspace .question-content{padding-top:8px}.mvp-workspace .check-row{gap:11px;padding:14px 12px}.mvp-workspace .check-row strong{font-size:14px}.mvp-workspace .check-row small{font-size:12px}.mvp-workspace .question-actions{z-index:35;max-width:none;padding:12px 20px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8faf9f2;border-top:1px solid #d9e2ded9;flex-wrap:nowrap;gap:15px;margin:0;position:fixed;inset:auto 0 0}.mvp-workspace .question-actions .button{border-radius:var(--radius-control);flex:1;min-height:52px;padding-inline:12px;font-size:14px}.mvp-workspace .question-actions>.text-button{min-width:64px;font-size:13px}main[data-stage=questions] .mvp-workspace{padding-bottom:calc(32px + var(--tonemoa-bottom-clearance,100px))}main[data-stage=questions]~.site-footer{display:none}.mvp-workspace .question-actions+.field-hint{margin-top:20px;font-size:12px;line-height:1.8}main[data-stage=report] .mvp-workspace{padding-bottom:calc(32px + var(--tonemoa-bottom-clearance,100px))}.result-navigation{bottom:calc(12px + env(safe-area-inset-bottom));z-index:35;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border-color:#d5dfd9d9;gap:2px;width:calc(100% - 32px);max-width:420px;margin:0;padding:5px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 22px #183b3b12}.result-navigation a{border-radius:22px;flex-direction:column;flex:1;gap:4px;min-width:0;min-height:48px;padding:7px 5px;font-size:11px}.result-navigation a span{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%;line-height:1.4}.mvp-workspace .question-actions[data-in-flow=true]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex-direction:column-reverse;align-items:stretch;gap:10px;margin-top:24px;padding:0;position:static}.mvp-workspace .question-actions[data-in-flow=true]>.button{word-break:keep-all;width:100%}.mvp-workspace .question-actions[data-in-flow=true]>.text-button{justify-content:center}.result-navigation[data-in-flow=true]{width:100%;box-shadow:none;margin:0 auto 28px;position:static;transform:none}#my-color-card,#outfit-colors,#report-detail,#try-on{scroll-margin-top:80px}.mvp-workspace .processing{min-height:60vh;padding-top:50px}}@media (prefers-reduced-motion:reduce){.mvp-workspace .check-row,.result-navigation a{transition:none}}@media print{.result-navigation,.journey-progress{display:none!important}#my-color-card,#outfit-colors{display:block!important}}