.hair-hero,.hair-workspace,.hair-showcase,.hair-explainer,.hair-faq,.hair-related,.hair-home{overflow-wrap:anywhere;hyphens:auto}.hair-hero{text-align:center;padding-top:42px;padding-bottom:30px}.hair-hero h1{letter-spacing:-.035em;color:#203b30;margin:0 0 16px;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.2}.hair-hero>p{color:#526159;max-width:720px;margin:auto;font-size:16px;line-height:1.7}.hair-hero-details{color:#526159;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:18px;font-size:14px;display:flex}.hair-tool-shell{padding-bottom:36px}.hair-workspace{color:#263c30;background:#fff;border:1px solid #dce5df;border-radius:16px;grid-template-columns:minmax(280px,330px) minmax(0,1fr);grid-template-areas:"upload styles""color styles""generate styles";align-items:start;gap:24px 30px;padding:28px;display:grid}.hair-controls{display:contents}.hair-photo-step{grid-area:upload}.hair-style-step{border-left:1px solid #e4e9e5;grid-area:styles;min-width:0;padding-left:30px}.hair-color-step{grid-area:color}.hair-step-title{align-items:center;gap:10px;margin-bottom:14px;display:flex}.hair-step-title h2{font-size:18px;font-weight:650;line-height:1.4}.hair-step-title>small,.hair-step-title>svg,.hair-style-count{color:#59695f;margin-left:auto;font-size:13px}.hair-upload{color:#305943;background:#f8faf8;border:2px dashed #c6d4cb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:260px;padding:24px 16px;display:flex}.hair-upload>svg{width:34px;height:34px}.hair-upload strong{font-size:16px;font-weight:600;display:block}.hair-upload small{color:#5f6d64;margin-top:5px;font-size:13px;display:block}.hair-upload.has-photo{gap:10px;min-height:260px;padding:12px}.hair-upload.has-photo img{object-fit:contain;border-radius:7px;width:100%;height:190px}.hair-hint{color:#617067;margin-top:10px;font-size:13px;line-height:1.6}.hair-hint button,.hair-hint a{color:#276c4e;text-decoration:underline}.hair-audiences{border-bottom:1px solid #e1e7e2;gap:24px;margin-bottom:16px;display:flex}.hair-audiences button{color:#69756c;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 2px 10px;font-size:16px}.hair-audiences button[aria-pressed=true]{color:#235b40;border-bottom-color:#2c6949;font-weight:650}.hair-search{color:#69766d;border:1px solid #dce3de;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.hair-search input{color:#354c3d;background:0 0;outline:none;width:100%;min-width:0;font-size:14px}.hair-categories{flex-wrap:wrap;gap:7px;padding:14px 0;display:flex}.hair-categories button{white-space:nowrap;color:#56635b;background:#f2f5f2;border-radius:6px;padding:7px 11px;font-size:13px}.hair-categories button[aria-pressed=true]{color:#fff;background:#2e6648}.hair-keep{color:#52665a;text-align:left;border:1px solid #dfe6df;border-radius:8px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:13px}.hair-keep>span{align-items:center;gap:8px;display:flex}.hair-keep[aria-pressed=true]{color:#24563a;background:#f0f6ef;border-color:#689978}.hair-preset-grid{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:14px 10px;max-height:462px;padding:2px 7px 4px 2px;display:grid;overflow-y:auto}.hair-preset{background:#fff;border:2px solid #0000;border-radius:9px;align-self:start;min-width:0;transition:border-color .15s;position:relative;overflow:hidden}.hair-preset:hover{border-color:#abc2b2}.hair-preset[aria-pressed=true]{background:#f0f6ef;border-color:#34704d}.hair-preset img{aspect-ratio:1;object-fit:contain;background:#ededeb;border-radius:6px;width:100%;height:auto;display:block}.hair-preset>span:last-child{text-align:center;overflow-wrap:anywhere;hyphens:auto;justify-content:center;align-items:center;min-height:38px;padding:7px 3px;font-size:12px;font-weight:550;line-height:1.35;display:flex}.hair-preset .hair-selected-check{color:#fff;background:#34704d;border:1px solid #fff;border-radius:50%;padding:3px;position:absolute;top:7px;right:7px}.hair-empty-search{grid-column:1/-1;min-height:80px;padding:14px;font-size:14px}.hair-colors{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px 4px;display:grid}.hair-colors button{border:2px solid #0000;border-radius:50%;justify-self:center;width:32px;height:32px;padding:3px;position:relative}.hair-colors button>span{border:1px solid #00000015;border-radius:50%;width:100%;height:100%;display:block}.hair-colors button[aria-pressed=true]{border-color:#34704d}.hair-colors button>svg{color:#fff;background:#34704d;border-radius:50%;padding:1px;position:absolute;bottom:-2px;right:-3px}.hair-generate-panel{grid-area:generate}.hair-generate-panel>div:first-child{flex-direction:column;gap:6px;margin-bottom:16px;font-size:15px;display:flex}.hair-generate-panel>div:first-child>span{color:#617067;font-size:13px}.hair-generate-panel b{margin:0 5px}.hair-primary,.hair-outline{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 18px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.hair-primary{color:#fff;background:#2e6648;border:1px solid #2e6648}.hair-primary:hover:not(:disabled){background:#245339}.hair-outline{color:#305b40;background:#fff;border:1px solid #cbd7c9}.hair-outline:hover:not(:disabled){background:#f3f6ef}.hair-generate-panel>.hair-primary{width:100%}.hair-credit-balance{color:#5e6e63;text-align:center;margin-top:12px;font-size:13px}.hair-credit-balance a{color:#396443;text-decoration:underline}.hair-workspace button{cursor:pointer}.hair-workspace button:disabled{cursor:not-allowed;opacity:.55}.hair-workspace :focus-visible{outline-offset:3px;outline:2px solid #34704d}.hair-results{border-top:1px solid #e1e7e2;grid-column:1/-1;min-width:0;padding-top:28px}.hair-board-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hair-board-heading h2{font-size:24px;font-weight:650}.hair-board-heading>span{color:#5d6b61;white-space:nowrap;font-size:14px}.hair-board-copy{color:#617067;margin:8px 0 20px;font-size:14px}.hair-preview{background:#f2f4f1;border:1px solid #e0e6e0;border-radius:12px;justify-content:center;align-items:center;min-height:380px;display:flex;position:relative;overflow:hidden}.hair-preview>img{object-fit:contain;width:100%;height:480px}.hair-preview-label{text-align:center;background:#fffffff2;border:1px solid #dce5df;border-radius:7px;max-width:90%;padding:9px 15px;font-size:14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hair-preview-empty{text-align:center;color:#617067;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:380px;padding:40px 20px;display:flex}.hair-preview-empty h3{color:#344c3e;margin:16px 0 12px;font-size:24px;font-weight:600;line-height:1.3}.hair-preview-empty p{max-width:400px;font-size:15px;line-height:1.7}.hair-preview-empty>.hair-outline{margin-top:22px}.hair-message{color:#775b39;background:#fff9ed;border-radius:8px;grid-column:1/-1;padding:12px 16px;font-size:14px;line-height:1.7}.hair-message:empty{display:none}.hair-compare-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:26px 0 16px;display:flex}.hair-compare-heading h3{font-size:18px;font-weight:600}.hair-compare-heading button{color:#59695f;align-items:center;gap:6px;padding:8px;font-size:14px;display:flex}.hair-compare-heading button[aria-pressed=true]{color:#a74766}.hair-compare-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.hair-compare-grid>div,.hair-look{background:#fff;border:1px solid #dfe6de;border-radius:10px;min-width:0;overflow:hidden}.hair-compare-original>img,.hair-look-select>img{object-fit:contain;background:#f0f2ed;width:100%;height:170px}.hair-compare-grid strong{padding:10px 10px 3px;font-size:14px;line-height:1.4;display:block}.hair-compare-grid small{color:#617067;padding:2px 10px 10px;font-size:12px;line-height:1.4;display:block}.hair-look.is-focused{border-color:#34704d;box-shadow:0 0 0 1px #34704d}.hair-look-select{text-align:left;width:100%}.hair-look-wait{color:#617067;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:170px;font-size:12px;display:flex}.hair-look-actions{border-top:1px solid #e7ece5;justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.hair-look-actions button{color:#617067;padding:8px}.hair-look-actions button[aria-pressed=true]{color:#a74766}.hair-compare-another{color:#376449;border:1px dashed #b7cdbb;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin:18px 0;padding:14px;font-size:14px;display:flex}.hair-result-downloads{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hair-salon-notes{background:#f5f8f2;border:1px solid #e0e8d9;border-radius:10px;margin-top:20px;padding:20px}.hair-salon-notes h3{margin-bottom:8px;font-size:18px;font-weight:600}.hair-salon-notes p{color:#52694e;font-size:14px;line-height:1.7}.hair-salon-notes small{color:#617067;margin-top:8px;font-size:13px;line-height:1.7;display:block}.hair-continue{margin-top:24px}.hair-continue h3{font-size:18px;font-weight:600}.hair-continue>div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hair-continue button{color:#3f6248;background:#fff;border:1px solid #dce4d8;border-radius:7px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.hair-expiry{color:#617067;margin-top:18px;font-size:13px;line-height:1.7}.hair-spin{animation:1.3s linear infinite hair-spin}@keyframes hair-spin{to{transform:rotate(360deg)}}.hair-explainer{grid-template-columns:1fr 1fr;gap:70px;padding-top:32px;padding-bottom:64px;display:grid}.hair-explainer h2{color:#2f4937;margin-bottom:16px;font-size:28px;font-weight:650;line-height:1.3}.hair-explainer p{color:#617067;font-size:15px;line-height:1.8}.hair-explainer ol{gap:24px;list-style:none;display:grid}.hair-explainer strong{color:#395640;font-size:17px;font-weight:600}.hair-explainer li p{margin-top:8px}.hair-faq{max-width:850px;padding-bottom:56px}.hair-faq h2,.hair-related h2{color:#34503c;margin-bottom:24px;font-size:26px;font-weight:650}.hair-faq details{border-bottom:1px solid #dfe6d9;padding:18px 0}.hair-faq summary{color:#3e5749;cursor:pointer;font-size:16px;font-weight:550}.hair-faq p{color:#617067;margin-top:14px;font-size:14px;line-height:1.8}.hair-faq a{text-decoration:underline}.hair-related{padding-bottom:64px}.hair-related>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.hair-related a{color:#426248;background:#fff;border:1px solid #dce5d6;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:16px;font-size:14px;text-decoration:none;display:flex}.hair-related a:hover{background:#f6f8f2}.hair-home{padding-top:44px;padding-bottom:44px}.hair-home-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.hair-home-heading h2{color:#2d4935;font-size:26px;font-weight:650}.hair-home-heading>a{color:#426b4d;font-size:14px}.hair-home-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hair-home-card{color:#344f3c;background:#fff;border:1px solid #dfe5d8;border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.hair-home-art{background:#efefed;overflow:hidden}.hair-home-art img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.hair-home-card>div:last-child{padding:18px}.hair-home-card h3{overflow-wrap:anywhere;hyphens:auto;font-size:16px;font-weight:600}.hair-home-card p{color:#617067;margin:8px 0 12px;font-size:14px;line-height:1.7}.hair-home-card small{color:#54744c;font-size:12px}.hair-home-card:hover{border-color:#90ae83}@media (width<=1100px){.hair-workspace{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:22px;padding:24px}.hair-style-step{padding-left:22px}.hair-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:470px}}@media (width<=800px){.hair-workspace{flex-direction:column;gap:24px;padding:20px;display:flex}.hair-workspace>*,.hair-controls>*{width:100%;min-width:0}.hair-photo-step{order:1}.hair-style-step{border-left:0;order:2;padding-left:0}.hair-color-step{order:3}.hair-generate-panel{order:4}.hair-message{order:5}.hair-results{order:6}.hair-upload,.hair-upload.has-photo{min-height:190px}.hair-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:410px}.hair-colors{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px 4px}.hair-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hair-compare-original>img,.hair-look-select>img,.hair-look-wait{height:130px}.hair-explainer{grid-template-columns:1fr;gap:28px}.hair-related>div,.hair-home-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.hair-hero{padding-top:28px;padding-bottom:24px}.hair-hero>p{font-size:15px}.hair-hero-details{gap:6px 16px;font-size:13px}.hair-workspace{border-radius:12px;padding:16px}.hair-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 7px;max-height:400px}.hair-categories{gap:6px}.hair-categories button{padding:7px 9px;font-size:12px}.hair-preview>img{height:360px}.hair-preview,.hair-preview-empty{min-height:320px}.hair-board-heading h2{font-size:22px}.hair-compare-grid strong{padding:8px 6px 3px;font-size:12px}.hair-compare-grid small{padding:2px 6px 8px}.hair-result-downloads{flex-direction:column}.hair-home-heading{flex-direction:column;align-items:start;gap:10px}.hair-home-card>div:last-child{padding:14px}.hair-home-card h3{font-size:15px}.hair-home-card p{font-size:13px}.hair-related>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hair-spin{animation-duration:3s}.hair-workspace *{scroll-behavior:auto!important;transition:none!important}}.hair-showcase{padding-top:24px;padding-bottom:56px;scroll-margin-top:88px}.hair-showcase>h2{color:#2f4937;margin-bottom:12px;font-size:clamp(24px,3vw,30px);font-weight:650;line-height:1.3}.hair-showcase>p{color:#617067;font-size:15px;line-height:1.7}.hair-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;margin-top:24px;display:grid}.hair-showcase-grid figure{min-width:0;margin:0}.hair-showcase-grid figcaption{padding-top:14px}.hair-showcase-grid h3{color:#304c3b;margin-bottom:6px;font-size:17px;font-weight:600}.hair-showcase-grid p{color:#617067;font-size:14px;line-height:1.7}.hair-showcase .hair-showcase-note{margin-top:22px;font-size:14px}@media (width<=1050px){.hair-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.hair-showcase-grid{grid-template-columns:1fr;gap:26px}}.hair-mode-color{grid-template-areas:"upload color""generate color"}.hair-mode-color .hair-color-step{border-left:1px solid #e4e9e5;padding-left:30px}.hair-preserve-copy{color:#59695f;margin-bottom:20px;font-size:14px;line-height:1.6}.hair-mode-color .hair-colors{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.hair-mode-color .hair-colors button{border:1px solid #dce3de;border-radius:9px;flex-direction:column;align-items:center;gap:9px;width:100%;height:auto;padding:12px 5px;display:flex}.hair-mode-color .hair-colors button[aria-pressed=true]{background:#f0f6ef;border-color:#34704d}.hair-mode-color .hair-colors button>span:first-child{border-radius:50%;width:42px;height:42px}.hair-mode-color .hair-colors .hair-color-name{width:auto;height:auto;box-shadow:none;color:#354c3d;overflow-wrap:anywhere;hyphens:auto;border:0;font-size:13px;line-height:1.3}.hair-mode-color .hair-colors button>svg{top:43px;bottom:auto;right:calc(50% - 24px)}.hair-mode-bangs,.hair-mode-bald{grid-template-areas:"upload styles""generate styles"}.hair-mode-bangs .hair-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.hair-mode-bald .hair-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}.hair-mode-bob .hair-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hair-browse-all{color:#276c4e;align-items:center;gap:8px;margin-top:18px;font-size:14px;display:inline-flex}.hair-previous{border:1px solid #dce5df;border-radius:10px;margin-top:22px;padding:16px}.hair-previous summary{cursor:pointer;font-size:15px;font-weight:600}.hair-previous p{color:#617067;margin:10px 0 16px;font-size:14px}.hair-previous>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hair-previous button{text-align:left;border:1px solid #e4e9e5;border-radius:8px;align-items:center;gap:12px;padding:8px;font-size:14px;display:flex}.hair-previous img{object-fit:contain;border-radius:5px;width:64px;height:64px}.hair-previous small{color:#617067;margin-top:4px;font-size:12px;display:block}.hair-home-price{color:#526159;margin:22px 0 0;font-size:14px;line-height:1.6}.hair-showcase-grid.has-three-examples{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1050px){.hair-mode-color .hair-colors{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=800px){.hair-mode-color .hair-color-step{border:0;padding-left:0}.hair-mode-color .hair-colors{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hair-previous>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.hair-mode-color .hair-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.hair-mode-bob .hair-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hair-previous>div,.hair-showcase-grid.has-three-examples{grid-template-columns:1fr}}