@font-face{font-family:Cormorant;src:url('/assets/fonts/cormorant-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('/assets/fonts/cormorant-italic.ttf');font-style:italic;font-display:swap}
:root{--paper:#faf8f5;--ink:#383536;--muted:#706567;--rose:#b7979b;--pale:#eee4e2;--plum:#61464e;--line:#d6c8c8;--ui:'Microsoft YaHei','PingFang SC',sans-serif;--serif:'Noto Serif SC','Songti SC','SimSun',serif;--latin:Cormorant,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--plum);outline-offset:5px}p,h1,h2{margin:0}button,a,select{min-height:44px}.skip{position:absolute;left:20px;top:-100px;z-index:10;padding:10px 20px;background:var(--paper)}.skip:focus{top:10px}
.studio-header{display:flex;align-items:center;gap:40px;padding:20px 4.5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font:18px var(--latin);letter-spacing:.14em}.brand img{object-fit:contain}.back-home{font-size:12px;display:flex;align-items:center;gap:10px;color:var(--muted)}.header-right{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:12px}.header-right>a{display:flex;align-items:center}.languages{display:flex;gap:2px}.languages button{font-size:12px;padding:8px 10px;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--plum);text-decoration:underline;text-underline-offset:7px}
main{width:min(1220px,91%);margin:0 auto}.introduction{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:42px 0 34px}.eyebrow{font-size:10px;letter-spacing:.24em;color:var(--muted)}h1{font-family:var(--latin);font-weight:400;font-size:64px;line-height:1.13;margin:10px 0 10px;letter-spacing:-.035em}h1 em{font-weight:400}.title-dot{color:var(--rose)}.intro-copy{font-size:14px;color:var(--muted)}.preview-label{font-size:11px;color:var(--plum);padding:6px 10px;border:1px solid var(--line);margin-bottom:4px;white-space:nowrap}
.workspace{border-top:1px solid var(--line)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.experience-tabs{display:flex;gap:32px}.experience-tabs button{display:flex;align-items:center;gap:10px;min-height:67px;padding:12px 0;border-bottom:2px solid transparent;color:var(--muted)}.experience-tabs button[aria-selected=true]{border-color:var(--plum);color:var(--plum)}.experience-tabs b{font-size:16px;font-weight:400}.experience-tabs span{font:italic 18px var(--latin)}.local-label{font-size:11px;color:var(--muted)}.local-label>span:first-child{font-size:18px;padding-right:5px}.editor{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:58px}.photo-column,.style-column{min-width:0}.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.small-label{font-size:12px;color:var(--muted)}.view-switch{display:flex;gap:5px}.view-switch button{font-size:12px;padding:7px 12px;min-height:36px;border:1px solid transparent}.view-switch button[aria-pressed=true]{border-color:var(--line);background:var(--pale)}
.photo-stage{--frame:32px;--palette:#b79597;position:relative;background:var(--palette);padding:var(--frame);height:470px;transition:background-color .3s ease}.photo-stage[data-view=photo]{padding:0;background:#eee9e5}.photo-stage[data-view=photo] .fabric-label{display:none}.photo-stage[data-fabric=true]{background-size:cover;background-position:center}.photo-mount{height:100%;overflow:hidden;background:#e6ddd7}.photo-mount>img,.photo-mount>video{width:100%;height:100%;object-fit:contain}.photo-mount>video{transform:scaleX(-1)}.photo-badge{position:absolute;bottom:14px;left:14px;max-width:calc(100% - 28px);background:var(--paper);padding:4px 9px;font-size:10px;line-height:1.5;color:var(--plum)}.fabric-label{position:absolute;top:5px;left:32px;font-family:var(--latin);font-size:16px;color:var(--ink);background:var(--paper);padding:0 6px}.photo-actions{display:flex;gap:10px;align-items:center;margin:16px 0 12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 20px;min-height:46px;font-size:13px;border:1px solid var(--plum);transition:background .2s,color .2s}.button-dark{background:var(--plum);color:var(--paper)}.button-dark img{filter:brightness(0) invert(1)}.button-dark:hover{background:#49353b}.button-line:hover{background:var(--pale)}.quiet-button{padding:7px 10px;text-decoration:underline;text-underline-offset:5px;font-size:12px;color:var(--muted)}.photo-actions>.quiet-button{margin-left:auto}.photo-hint{font-size:12px;color:var(--muted);margin-bottom:3px}.fine{font-size:12px;line-height:1.8;color:var(--muted)}.feedback{font-size:12px;line-height:1.8;color:var(--plum);margin-top:7px}.feedback:empty{margin:0}.feedback[data-error=true]{border-left:2px solid #9b504b;padding-left:10px;color:#8a403b}
.style-column{padding-top:5px}.script{font:italic 27px var(--latin);color:var(--muted);line-height:1.2}.style-column h2{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.5;margin:10px 0 25px;letter-spacing:.02em;text-wrap:balance}.section-label{font-size:12px;color:var(--muted);margin-bottom:13px}.section-label>span:first-child{font-family:var(--latin);font-size:16px;padding-right:6px}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preset{min-width:0;text-align:left;border:1px solid var(--line);padding:12px 10px;font-size:12px;position:relative}.preset[aria-pressed=true]{border-color:var(--plum);background:#eee4e2}.preset[aria-pressed=true]:after{content:'✓';position:absolute;right:5px;top:3px;color:var(--plum)}.swatches{display:flex;margin-bottom:9px;padding-right:10px}.swatches i{width:24px;height:24px;border-radius:50%;display:inline-block;border:1px solid #faf8f5b3;margin-right:-5px}.palette-description{font-size:12px;color:var(--muted);min-height:44px;margin-top:10px;line-height:1.7}#fabric-control{font-size:12px;color:var(--muted);margin:5px 0 18px}#fabric-width{display:block;width:100%;min-height:32px;accent-color:var(--plum)}.reference-block{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:17px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:4px}.reference-block>img{width:76px;height:88px;object-fit:cover}.reference-block .small-label{color:var(--ink);margin-bottom:5px}.reference-block .fine{font-size:11px}.experience-note{font-size:12px;color:var(--muted);margin:16px 0 19px}.generation-actions{display:flex;gap:10px}.generation-actions>.button{width:100%;justify-content:space-between}.generation-actions+.fine{margin-top:10px;font-size:11px}.privacy-line{font-size:11px;line-height:1.8;display:flex;gap:8px;align-items:baseline;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding:16px 0 20px}
.result-section{padding:35px 0;border-top:1px solid var(--line)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.result-heading h2,.future-section h2{font-family:var(--serif);font-weight:400;font-size:26px}.result-heading p:last-child{font-size:12px;color:var(--muted);margin-top:8px}.result-section>img{width:min(760px,100%);height:auto;margin:auto;border:1px solid var(--line)}
.demo-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 0 2px}.demo-panel summary{display:flex;justify-content:space-between;align-items:center;min-height:64px;cursor:pointer;list-style:none;font-size:13px}.demo-panel summary::-webkit-details-marker{display:none}.demo-panel>.fine{margin-bottom:20px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:20px}.demo-grid label{display:block;font-size:12px;margin-bottom:8px}.demo-grid select{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:10px;font-size:14px}.demo-grid p{font-size:12px;margin-top:10px;color:var(--muted)}#timer-panel{padding:10px 0 25px}.timer-line{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:13px}.timer-line output{font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}.timer-line+.fine{margin-top:10px}.future-section{padding:55px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px}.future-section .script{margin-bottom:15px}.future-section ol{margin:0 0 16px;padding-left:21px;font-size:14px;display:grid;gap:10px}.text-link{display:inline-flex;align-items:center;font-size:12px;text-decoration:underline;text-underline-offset:6px;margin-top:12px}
footer{background:var(--pale);padding:30px 4.5%;display:flex;gap:28px;align-items:center;font-size:12px;color:var(--muted)}.footer-brand{font:23px var(--latin);letter-spacing:.1em;color:var(--ink)}footer small{margin-left:auto;font-size:10px}
@media(min-width:1450px){.photo-stage{height:510px}}
@media(max-width:1000px){.editor{gap:28px;grid-template-columns:1.2fr 1fr}.studio-header{gap:25px}.back-home{display:none}.photo-stage{height:440px}.style-column h2{font-size:23px}.presets{gap:6px}.preset{font-size:11px;padding:12px 7px}h1{font-size:57px}.photo-actions .button{padding:10px 14px}.photo-actions>.quiet-button{margin-left:0}}
@media(max-width:700px){body{font-size:16px}.studio-header{padding:14px 20px;gap:14px}.brand{font-size:14px;gap:10px;letter-spacing:.1em}.brand img{width:38px;height:34px}.header-right{gap:0}.header-right>a{display:none}.languages button{padding:7px 8px}.introduction{padding:28px 0 24px;display:block}.eyebrow{font-size:9px;letter-spacing:.17em}h1{font-size:45px;line-height:1.1;margin:10px 0 13px}.intro-copy{font-size:12px;line-height:1.9}.preview-label{display:inline-block;font-size:10px;margin-top:16px;padding:3px 8px}main{width:calc(100% - 36px)}.workspace-heading{margin-bottom:17px}.experience-tabs{width:100%;justify-content:space-between;gap:10px}.experience-tabs button{gap:6px;min-height:61px}.experience-tabs b{font-size:14px}.experience-tabs span{font-size:16px}.local-label{display:none}.editor{display:flex;flex-direction:column;gap:30px}.photo-heading{margin-bottom:8px}.photo-stage{height:350px;--frame:26px}.small-label{font-size:11px}.view-switch button{font-size:11px;min-height:40px;padding:8px 10px}.photo-badge{font-size:9px;left:10px;bottom:10px}.fabric-label{left:26px;font-size:15px}.photo-actions{gap:9px;margin-top:14px}.photo-actions>.button{font-size:13px;flex:1;padding:10px}.photo-actions>.quiet-button{margin-left:0;flex-basis:100%;text-align:left;padding-left:0;min-height:32px}.photo-hint,.fine{font-size:12px}.style-column{padding-top:23px;border-top:1px solid var(--line)}.script{font-size:26px}.style-column h2{font-size:25px;margin-bottom:22px}.presets{gap:9px}.preset{font-size:12px;min-height:88px;padding:13px 10px}.swatches i{width:26px;height:26px}.palette-description{min-height:0;margin-bottom:18px}.reference-block{grid-template-columns:66px 1fr}.reference-block>img{width:66px;height:78px}.reference-block .fine{font-size:12px}.experience-note{font-size:12px}.generation-actions>.button{min-height:52px;font-size:15px}.generation-actions+.fine{font-size:12px}.privacy-line{font-size:11px;line-height:1.9;margin-top:24px}.result-heading{display:block}.result-heading>.button{margin-top:20px;width:100%;font-size:15px}.result-heading h2{font-size:24px}.demo-grid{grid-template-columns:1fr;gap:22px}.demo-grid select{font-size:16px}.demo-panel summary{font-size:13px}.timer-line{gap:15px}.timer-line .button{font-size:13px}.future-section{grid-template-columns:1fr;gap:25px;padding:42px 0}.future-section h2{font-size:24px}.future-section ol{font-size:14px}footer{padding:28px 20px;flex-wrap:wrap;gap:12px 20px}footer small{margin:0;flex-basis:100%}.footer-brand{font-size:21px}}
/* V2: photographs lead the experience; the same source stays aligned under each look. */
.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}
.introduction{padding-top:30px;padding-bottom:26px}h1{font-size:58px}.editor{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px}.photo-stage{height:570px}
.photo-stage:not([data-kind=colour]){padding:0;background:#e8e2dd}.photo-mount{position:relative;background:#e8e2dd}.photo-mount>img{user-select:none;-webkit-user-drag:none}.photo-mount>#effect-photo{position:absolute;inset:0}.photo-mount[data-compare=true]{touch-action:pan-y;cursor:ew-resize}
#compare-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;pointer-events:none;box-shadow:0 0 2px #61464e66;transform:translateX(-50%)}#compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);border-radius:50%;width:38px;height:38px;color:var(--plum);font-size:20px}
#comparison-control{padding-top:9px}.comparison-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}#compare-slider{display:block;width:100%;min-height:30px;accent-color:var(--plum);margin:0}
.presets{gap:11px}.image-preset{padding:0;overflow:hidden}.image-preset img{width:100%;height:139px;object-fit:cover;object-position:50% 28%;background:#e8e2dd}.image-preset>span{display:block;padding:8px 5px;font-size:11px;line-height:1.4;text-align:center;min-height:32px}.image-preset[aria-pressed=true]{outline:1px solid var(--plum);outline-offset:2px}.image-preset[aria-pressed=true]:after{right:6px;top:6px;border-radius:50%;width:20px;height:20px;text-align:center;background:var(--paper);font-size:12px}
.mobile-presets{display:none}.style-column h2{margin-bottom:21px}.palette-description{min-height:0;margin:15px 0}.personal-photo-notice{padding:12px 14px;background:var(--pale);border-left:2px solid var(--rose);font-size:12px;line-height:1.8;margin:14px 0 0}
.nail-elements{display:flex;flex-wrap:wrap;gap:4px 8px;margin:-4px 0 16px}.nail-elements button{font-size:11px;min-height:36px;padding:5px 9px;border-bottom:1px solid var(--line);color:var(--muted)}.nail-elements button[aria-pressed=true]{color:var(--paper);background:var(--plum);border-color:var(--plum)}
.nail-details{margin:16px 0 20px}.nail-details>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.nail-details>div span{font-size:11px;padding:3px 10px;background:var(--pale)}.reference-block{display:none}.experience-note{margin:17px 0}
.season-swatches{display:flex;align-items:center;gap:20px;margin-top:15px;font-size:12px;color:var(--muted)}.season-swatches>div{display:flex;flex:1;height:36px}.season-swatches i{display:block;flex:1}
[data-kind=colour] .presets{grid-template-columns:repeat(4,minmax(0,1fr))}.colour-preset{padding:14px 8px}.colour-preset .swatches{padding-right:0}.colour-preset>span:last-child{display:block}
.season-quiz{border-top:1px solid var(--line);margin-top:18px;padding-top:20px}.season-quiz h3{font:400 21px var(--serif);margin:0 0 12px}.season-quiz>.section-label{margin-bottom:8px}.season-quiz>.section-label>span{font:inherit;padding:0}.season-quiz>.section-label{font-size:0}.season-quiz>.section-label:before{content:'02 /';font:16px var(--latin)}#quiz-content{margin-top:16px}.quiz-progress{font:italic 17px var(--latin);color:var(--muted);margin-bottom:8px}.season-quiz h4{font-size:14px;font-weight:400;margin:0 0 16px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-options button{border:1px solid var(--line);padding:10px 12px;text-align:left;font-size:12px}.quiz-options button[aria-pressed=true]{border-color:var(--plum);background:var(--pale)}.quiz-swatches{display:flex;height:35px;margin-bottom:10px}.quiz-swatches i{flex:1}.quiz-options .quiz-unsure{grid-column:1/-1;text-align:center;min-height:36px;padding:3px}.quiz-navigation{display:flex;justify-content:space-between;margin-top:12px}.quiz-caveat{font-size:11px;margin-top:16px}.quiz-result{border-left:2px solid var(--rose);padding-left:15px}.quiz-result h4{font:400 23px var(--serif);margin:8px 0}.quiz-result p{font-size:12px;color:var(--muted)}.quiz-result>div+div{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.quiz-result .text-link{margin:0}
@media(max-width:1000px) and (min-width:701px){.editor{gap:25px;grid-template-columns:1.1fr 1fr}.photo-stage{height:510px}.image-preset img{height:100px}.preview-label{white-space:normal;max-width:170px}.style-column h2{font-size:22px}[data-kind=colour] .presets{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
  .studio-header{padding:9px 18px}.introduction{padding:17px 0 14px}.introduction .eyebrow{font-size:8px}h1{font-size:39px;margin:5px 0 8px}.intro-copy{font-size:11px;line-height:1.7}.preview-label{font-size:9px;margin-top:10px}
  .workspace-heading{margin-bottom:11px}.experience-tabs button{min-height:51px}.experience-tabs b{font-size:13px}.experience-tabs span{font-size:14px}.photo-heading{margin-bottom:7px}.view-switch{gap:2px}.view-switch button{min-height:36px;padding:6px 9px}.photo-stage{height:350px}.photo-stage[data-kind=colour]{height:290px}.photo-badge{bottom:8px}
  .mobile-presets{display:flex;gap:9px;margin-top:14px;padding:3px 3px 9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--rose) transparent;max-width:100%}.mobile-presets .preset{flex:0 0 86px;scroll-snap-align:start;min-height:0}.mobile-presets .image-preset{padding:0}.mobile-presets .image-preset img{height:91px}.mobile-presets .image-preset>span{font-size:10px;padding:6px 2px;min-height:26px}.mobile-presets .colour-preset{flex-basis:calc((100% - 27px)/4);padding:12px 5px;font-size:11px}.mobile-presets .swatches i{width:22px;height:22px}.mobile-presets .swatches{padding:0}
  #preset-list{display:none}.style-column>.section-label{display:none}.editor{gap:20px}.style-column{padding-top:20px}.style-column h2{font-size:23px;margin:7px 0 16px}.style-column .script{font-size:24px}.nail-elements{margin:0 0 16px}.nail-elements button{min-height:42px;padding:7px 11px;font-size:12px}
  .photo-actions{margin-top:9px}.photo-actions .button{min-height:44px}.photo-actions>.quiet-button{min-height:28px}.photo-hint{font-size:11px}.photo-actions~.fine{font-size:10px}.personal-photo-notice{font-size:11px}.season-swatches{gap:10px;font-size:11px;margin-top:5px}.season-swatches>div{height:28px}.season-quiz{margin-top:16px}.quiz-options button{font-size:12px}.quiz-caveat{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}