.editor-redesign{background:#fcfaf8}.edit-shared-workspace{background:#fff;padding-block:12px 72px}.edit-shared-workspace #hair-color-tool{scroll-margin-top:100px}.edit-container{width:calc(100% - 64px);max-width:1240px;margin-inline:auto}.edit-section{padding-block:88px}.editor-redesign :is(.edit-hero,.edit-workspace-section,.edit-section,.edit-final) h2{letter-spacing:-1.4px;margin-bottom:24px;font-size:44px;line-height:1.15}.editor-redesign :is(.edit-hero,.edit-workspace-section,.edit-section,.edit-final) p{margin-bottom:18px;font-size:16px;line-height:1.65}.editor-redesign :is(.edit-hero,.edit-workspace-section,.edit-section,.edit-final) h3{margin-bottom:16px;font-size:24px;line-height:1.3}.edit-hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;padding-block:28px 16px;display:grid}.edit-hero h1{letter-spacing:-3px;margin:20px 0 26px;font-size:64px;line-height:1.05}.edit-hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin:28px 0;display:flex}.edit-hero-actions>a:not(.button){text-underline-offset:5px;font-size:14px;text-decoration:underline}.edit-inline-labels{color:#706a67;gap:12px;font-size:12px;display:flex}.edit-preview{background:#fff;border:1px solid #e8e1dd;border-radius:28px;margin:0;overflow:hidden;box-shadow:0 18px 60px #22181412}.edit-preview>figcaption{justify-content:space-between;padding:22px;font-size:14px;display:flex}.edit-preview small{color:#918a86;font-size:11px}.edit-preview-body{grid-template-columns:48px minmax(0,1fr) 105px;min-height:465px;display:grid}.preview-rail{border-top:1px solid #e8e1dd;flex-direction:column;align-items:center;gap:28px;padding-top:24px;display:flex}.preview-rail svg{width:18px}.edit-preview-body>.portrait{background-size:cover;width:100%;min-width:0;height:100%}.preview-palette{border-top:1px solid #e8e1dd;flex-wrap:wrap;align-content:start;gap:12px;padding:20px 12px;display:flex}.preview-palette strong{width:100%;margin-bottom:12px;font-size:12px}.preview-palette i{border-radius:50%;width:26px;height:26px}.preview-palette span{margin-top:14px;font-size:10px}.preview-track{background:#b99a8c;width:100%;height:3px}.preview-caption{text-align:center;color:#706a67;padding:18px;font-size:12px}.edit-workspace-section{background:#fff;padding-block:96px;scroll-margin-top:90px}.edit-workspace-section>.edit-container{max-width:1260px}.edit-workspace-section .editor-control-guide{grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px}.edit-workspace-section .editor-control-guide p{font-size:13px}.editor-redesign .editor-workspace{background:#fff;border:1px solid #e8e1dd;border-radius:28px;grid-template-columns:180px minmax(0,1fr) 280px;width:100%;max-width:none;min-height:680px;padding:0;display:grid;overflow:hidden;box-shadow:0 14px 50px #2218140f}.workspace-nav{border-right:1px solid #e8e1dd;padding:24px 16px}.workspace-nav button{cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:48px;margin-bottom:8px;padding:12px;font-size:14px;display:flex}.workspace-nav button[aria-pressed=true]{background:#f7f2ef}.workspace-canvas{background:#f7f2ef;min-width:0;padding:20px;position:relative}.canvas-toolbar{justify-content:center;gap:10px;margin-bottom:18px;display:flex}.canvas-toolbar button{cursor:pointer;background:#fff;border:1px solid #e8e1dd;border-radius:8px;align-items:center;gap:5px;min-height:40px;padding:8px 12px;font-size:12px;display:flex}.canvas-toolbar button:disabled{opacity:.45;cursor:default}.canvas-toolbar button[aria-pressed=true]{border-color:#706a67}.workspace-image{border-radius:16px;place-items:center;height:470px;display:grid;position:relative;overflow:hidden}.workspace-image>img,.workspace-image .uploaded-photo{object-fit:contain;width:100%;height:100%}.workspace-image>.portrait{background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.workspace-image>.comparison{aspect-ratio:auto;width:100%;height:100%}.workspace-download{color:#24201e;width:100%;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8ceca;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:600;display:inline-flex}.workspace-download:hover:not(:disabled){background:#fffaf7}.workspace-download:disabled{cursor:wait;opacity:.65}.workspace-image.is-zoomed>img,.workspace-image.is-zoomed>.portrait{transform:scale(1.02)}.workspace-sample{text-align:center;color:#706a67;margin:10px 0;font-size:11px;display:block}.workspace-canvas .upload-area{background:#fff;min-height:135px;margin:18px 0 0;padding:18px}.workspace-canvas .upload-area p{margin:5px 0;font-size:12px}.workspace-panel{min-width:0;padding:22px 18px}.workspace-panel .tool-prompt{margin:0 0 24px}.workspace-panel .tool-prompt textarea{min-height:76px}.workspace-panel .control-title{gap:12px;font-size:15px}.workspace-panel .selected-name{text-align:right;max-width:105px;font-size:10px}.workspace-panel .swatch-row{flex-wrap:wrap;gap:6px}.workspace-panel .swatch{width:34px;height:34px}.workspace-panel .color-family>span{font-size:12px}.workspace-panel .color-family{margin:15px 0}.workspace-panel .adjust-controls{margin:22px 0}.workspace-panel .button{gap:7px;min-height:48px;padding:14px 10px;font-size:13px}.workspace-panel .status-message{font-size:12px}.workspace-panel-toggle{display:none}.edit-explainer{grid-template-columns:minmax(0,44fr) minmax(0,56fr);align-items:center;gap:60px;display:grid}.edit-explainer>.section-heading{max-width:480px;margin:0}.edit-annotation{height:600px;margin:0;position:relative}.edit-annotation>.portrait{border-radius:24px;width:100%;height:100%}.annotation{background:#ffffffed;border:1px solid #e8e1dd;border-radius:7px;padding:9px 12px;font-size:12px;position:absolute}.annotation:after{content:"";background:#706a67;width:40px;height:1px;position:absolute;top:50%;left:100%}.annotation-0{top:16%;left:2%}.annotation-1{top:40%;right:2%}.annotation-2{bottom:27%;left:2%}.annotation-3{bottom:9%;right:2%}.annotation-1:after,.annotation-3:after{left:auto;right:100%}.edit-annotation figcaption{color:#706a67;font-size:10px;position:absolute;bottom:10px;left:20px}.edit-features{background:#f7f2ef}.edit-feature{border-bottom:1px solid #e8e1dd;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:64px;padding:46px 0;display:grid}.edit-feature:last-child{border-bottom:0}.edit-feature-1>div:first-child,.edit-feature-3>figure:first-child{order:2}.edit-feature-2{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.hair-region-visual{width:100%;max-width:400px;height:440px;margin:auto;position:relative}.hair-region-visual>.portrait{border-radius:20px;width:100%;height:100%}.hair-region-visual svg{width:100%;height:100%;position:absolute;inset:0}.hair-region-visual>span{background:#fff9;padding:8px;font-size:11px;position:absolute;bottom:14px;left:16px}.texture-visual>.portrait{border-radius:20px;width:100%;height:310px}.detail-circles{justify-content:center;gap:16px;margin-top:-40px;display:flex;position:relative}.detail-circles figure{text-align:center;margin:0}.detail-circles figure>div{background-image:url(/images/editor-task-after.png);background-size:500%;border:4px solid #fff;border-radius:50%;width:92px;height:92px}.detail-circles figcaption{margin-top:9px;font-size:12px}.feature-comparison>.comparison{aspect-ratio:auto;width:100%;height:370px}.edit-checks{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:22px;font-size:12px;display:flex}.edit-checks>span{align-items:center;gap:6px;display:flex}.intensity-example{margin:0}.intensity-image{border-radius:20px;height:360px;position:relative;overflow:hidden}.intensity-image>.portrait,.intensity-image>div:not(.portrait){width:100%;height:100%;position:absolute;inset:0}.intensity-image>div>.portrait{width:100%;height:100%}.intensity-example input{accent-color:#171717;width:100%;margin-top:20px}.intensity-labels{justify-content:space-between;font-size:12px;display:flex}.intensity-example figcaption{color:#918a86;margin-top:14px;font-size:11px}.browser-visual{border:1px solid #e8e1dd;border-radius:14px;overflow:hidden}.browser-visual>div:first-child{background:#fff;padding:12px;font-size:10px}.browser-visual span{margin-left:25px}.browser-visual>.portrait{width:100%;height:240px}.edit-how{background:#f8e7dc}.edit-step-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:40px 0;padding:0;list-style:none;display:grid}.edit-step-strip li{border-top:1px solid #c9b8ad;padding-top:18px;font-size:15px}.edit-step-strip span{color:#918a86;margin-bottom:10px;font-size:28px;display:block}.edit-step-notes{grid-template-columns:1fr 1fr;gap:26px 44px;margin:44px 0 0;padding:0;list-style:none;display:grid}.editor-redesign .edit-step-notes h3{font-size:18px}.editor-redesign .edit-step-notes p{font-size:14px}.edit-review-note{margin-top:28px}.edit-scenarios{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.edit-scenarios article:first-child{grid-column:span 2}.edit-scenarios article:last-child{grid-column:span 3;grid-template-columns:1fr 1fr;align-items:center;gap:0 36px;display:grid}.edit-scenarios article:last-child>div:first-child{grid-row:span 2}.edit-scenarios article>.portrait,.edit-scenarios article>.editorial-portrait{background-color:#efe8dd;background-size:contain;border-radius:18px;width:100%;height:260px;margin-bottom:20px}.edit-scenarios article:first-child>.editorial-portrait{height:340px}.editor-redesign .edit-scenarios p{font-size:14px}.edit-control{background:#f7e8eb}.overlay-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.overlay-pair figure{min-width:0;margin:0}.overlay-pair .portrait,.flat-overlay{border-radius:18px;width:100%;height:340px}.flat-overlay{position:relative;overflow:hidden}.flat-overlay>span{mix-blend-mode:color;background:#b8583670;position:absolute;inset:0}.overlay-pair figcaption{text-align:center;padding:14px 0;font-size:13px}.overlay-concept>.small-note{text-align:center;font-size:11px}.edit-inspection>.comparison{aspect-ratio:auto;max-width:860px;height:480px;margin-inline:auto}.edit-faq{display:block}.edit-faq>div:first-child{text-align:center;margin-bottom:40px;position:static}.edit-faq .section-heading,.edit-faq .section-heading h2{max-width:none}.edit-faq .eyebrow{justify-content:center}.edit-faq>.faq{max-width:860px;margin-inline:auto}.edit-faq .faq-item h3 button{font-size:18px;font-weight:600}.edit-faq .faq-item p{font-size:16px;line-height:1.7}.edit-final{color:#fff;background:#171717;border-radius:28px;grid-template-columns:1.1fr 1fr;align-items:center;gap:44px;margin-block:40px 90px;padding:48px;display:grid}.edit-final p{color:#e8e1dd}.edit-final .eyebrow{color:#d6b1bb;margin-bottom:18px}.edit-sequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.edit-sequence figure{margin:0}.edit-sequence .portrait{border-radius:12px;width:100%;height:210px}.edit-sequence figcaption{text-align:center;margin-top:12px;font-size:11px}@media (max-width:1100px){.edit-hero{gap:24px}.edit-hero h1{font-size:52px}.editor-redesign .editor-workspace{grid-template-columns:minmax(0,1fr) 280px}.workspace-nav{border-bottom:1px solid #e8e1dd;grid-column:1/-1;gap:10px;padding:12px;display:flex}.workspace-nav button{justify-content:center;margin:0}.edit-explainer,.edit-feature{gap:32px}.edit-faq{grid-template-columns:220px minmax(0,1fr);gap:30px}.edit-final{padding:32px}.edit-sequence .portrait{height:180px}}@media (max-width:767px){.edit-container{width:calc(100% - 36px)}.edit-section,.edit-workspace-section{padding-block:52px}.edit-hero{grid-template-columns:1fr;padding-block:40px}.edit-hero h1{letter-spacing:-1.8px;font-size:42px}.edit-preview-body{grid-template-columns:38px minmax(0,1fr) 84px;min-height:350px}.preview-palette{gap:9px;padding:14px 8px}.preview-palette i{width:22px;height:22px}.editor-redesign :is(.edit-hero,.edit-workspace-section,.edit-section,.edit-final) h2{font-size:32px}.editor-redesign .editor-workspace{grid-template-columns:minmax(0,1fr)}.workspace-nav{gap:0;padding:8px}.workspace-nav button{flex-direction:column;gap:5px;padding:8px 4px;font-size:11px}.workspace-canvas{padding:14px}.workspace-image{height:360px}.workspace-panel-toggle{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:44px;font-weight:600;display:flex}.workspace-panel-content{padding-top:18px}.edit-workspace-section .editor-control-guide{grid-template-columns:1fr 1fr;gap:20px}.edit-explainer,.edit-feature,.edit-faq,.edit-final{grid-template-columns:minmax(0,1fr)}.edit-annotation{height:460px}.edit-feature-1>div:first-child,.edit-feature-3>figure:first-child{order:0}.edit-feature{gap:28px;padding-block:30px}.edit-step-strip{grid-template-columns:1fr;gap:0}.edit-step-strip li{border-top:0;border-left:1px solid #c9b8ad;align-items:center;gap:18px;padding:10px 18px;display:flex}.edit-step-strip span{margin:0;font-size:23px}.edit-step-notes,.edit-scenarios{grid-template-columns:1fr}.edit-scenarios article:first-child,.edit-scenarios article:last-child{grid-column:auto;display:block}.edit-scenarios article:first-child>.editorial-portrait{height:280px}.overlay-pair .portrait,.flat-overlay{height:230px}.edit-inspection>.comparison{height:340px}.edit-faq>div:first-child{position:static}.edit-faq{gap:8px}.edit-checks{gap:14px}.edit-final{gap:30px;padding:28px 22px}.edit-sequence .portrait{height:170px}}@media (prefers-reduced-motion:no-preference){.workspace-image>img,.workspace-image>.portrait{transition:transform .2s}}.hair-region-visual>.portrait>.portrait-photo{object-fit:contain;object-position:center}.hair-region-visual svg{pointer-events:none}.browser-visual>.editorial-portrait{background:#eee8dd;width:100%;height:300px}.browser-visual>.editorial-portrait .portrait-photo{object-fit:contain}.editor-use-case-visual{background:#efe8dd;border-radius:18px;min-width:0;margin-bottom:20px;padding:18px}.editor-use-case-visual>p{margin:0 0 14px;font-weight:600}.editor-use-case-images{align-items:center;gap:10px;display:flex}.editor-use-case-images figure{flex:1;min-width:0;margin:0}.editor-use-case-images figure>div{aspect-ratio:2/3;border-radius:10px;position:relative;overflow:hidden}.editor-use-case-images img{object-fit:contain}.editor-use-case-images figcaption{text-align:center;padding-top:8px;font-size:12px}.editor-use-case-1 .editor-use-case-images figure>div,.editor-use-case-2 .editor-use-case-images figure>div,.editor-use-case-3 .editor-use-case-images figure>div,.editor-use-case-4 .editor-use-case-images figure>div{aspect-ratio:1}.editor-use-case-0 .editor-use-case-images{max-width:470px;margin-inline:auto}.editor-use-case-5 .editor-use-case-images figure>div{aspect-ratio:1;border-radius:50%}.edit-features .hair-region-visual,.edit-features .texture-visual,.edit-features .edit-feature-2 .feature-comparison{width:100%;max-width:480px;margin-inline:auto}.edit-features .hair-region-visual,.edit-features .texture-visual>.portrait,.edit-features .edit-feature-2 .comparison{aspect-ratio:2/3;height:auto}.edit-features .edit-feature-4 .comparison,.edit-features .intensity-image,.edit-features .browser-visual>.editorial-portrait{aspect-ratio:1;height:auto}.edit-features .portrait-photo,.edit-features .comparison img{object-fit:contain}.editor-redesign .edit-features .edit-feature>div:last-child>h3{margin-bottom:22px;font-size:clamp(26px,2.2vw,30px);line-height:1.3}.editor-redesign .edit-features .edit-feature>div:last-child>p{margin-bottom:22px;font-size:clamp(17px,1.4vw,19px);line-height:1.75}