.portrait-framing{border-top:1px solid var(--studio-line);margin:20px 0;padding:18px 0}.portrait-framing button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.framing-workspace{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);gap:28px;padding-top:22px;display:grid}.framing-workspace canvas{object-fit:contain;background:#e5eadd;border-radius:12px;width:100%;max-height:420px;margin-top:16px;display:block}.framing-workspace p{font-size:13px;line-height:1.7}.framing-controls input[type=range]{accent-color:#1f4438;background:0 0;border:0;min-height:40px;padding:0}.framing-dimensions{font-variant-numeric:tabular-nums;color:var(--studio-muted)}.framing-workspace [role=alert]{color:#704c29;grid-column:1/-1}@media (max-width:680px){.framing-workspace{grid-template-columns:1fr;gap:14px}}
.browser-camera{min-width:0;margin-top:18px}.browser-camera>button,.camera-actions button{justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.camera-intro,.camera-limit,.camera-mirror-note{color:var(--planner-muted,#52685c);max-width:68ch;font-size:.8rem;line-height:1.65}.camera-panel{background:#f5f8f0;border:1px solid #cedacb;border-radius:20px;margin-top:16px;padding:20px}.camera-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.camera-panel-head h3{margin:0!important}.camera-panel-head button{min-width:44px;min-height:44px;padding:8px!important}.camera-view{background:#1b2b23;border-radius:12px;position:relative;overflow:hidden}.camera-view video,.camera-review{object-fit:contain;border-radius:12px;width:100%;max-height:560px;display:block}.camera-mirrored{transform:scaleX(-1)}.camera-frame{pointer-events:none;border:1px dashed #ffffffa0;border-radius:45%;position:absolute;inset:12% 22%}.camera-model-state{font-size:.85rem;font-weight:600}.camera-advice{background:#fff;border:1px solid #dce3d6;border-radius:12px;padding:14px 16px;font-size:.85rem;line-height:1.65}.camera-advice ul{margin:8px 0 0;padding-left:18px}.camera-advice p{margin:7px 0 0}.camera-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}@media (max-width:600px){.camera-panel{border-radius:14px;padding:12px}.camera-actions>button{flex:145px}.camera-view video,.camera-review{max-height:440px}}
.planner-saved-looks{border-top:1px solid var(--studio-line,#d6dfd2);color:var(--studio-ink,#1f4438);margin-top:38px;padding:34px 0 8px}.planner-saved-looks p{overflow-wrap:anywhere;max-width:75ch}.saved-looks-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.saved-looks-heading h2{margin-bottom:8px}.saved-looks-heading>span{color:var(--studio-muted,#526653);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.saved-looks-heading p,.saved-looks-list p{color:var(--studio-muted,#526653);font-size:13px}.saved-look-save,.saved-look-rename{flex-wrap:wrap;align-items:end;gap:12px;max-width:720px;margin:22px 0;display:flex}.saved-look-save label,.saved-look-rename label{flex:240px;min-width:0;margin:0}.saved-look-save button,.saved-look-rename button{margin-bottom:1px}.saved-looks-list{margin:24px 0;padding:0;list-style:none}.saved-looks-list>li{border-bottom:1px solid var(--studio-line,#d6dfd2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:19px 0;display:flex}.saved-looks-list>li>div:first-child{flex:200px;min-width:0}.saved-looks-list .saved-look-open{text-align:left;max-width:100%;min-height:44px;color:var(--studio-ink,#1f4438);text-underline-offset:5px;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;padding:0;font-size:16px;font-weight:650;text-decoration:underline;display:block}.saved-looks-list .saved-look-open:hover{color:#426f47;background:0 0}.saved-looks-list p{margin:5px 0 0}.saved-look-row-actions,.saved-look-detail-actions{flex-wrap:wrap;gap:9px;display:flex}.saved-look-rename{flex-basis:100%;margin:4px 0}.saved-looks-error{color:#6f531e;background:#faf5e8;border:1px solid #dfcfaa;border-radius:10px;padding:15px 18px}.saved-looks-error button{margin:5px 8px 5px 0}.saved-looks-empty{padding:18px 0}.saved-look-detail{overflow-wrap:anywhere;background:#fafbf7;border:1px solid #bacdae;border-radius:17px;max-width:850px;margin:26px 0;padding:28px}.saved-look-detail h3{font:450 28px/1.25 Skinwise Fraunces,Georgia,serif}.saved-look-detail>ul{padding:0;list-style:none}.saved-look-detail li{border-bottom:1px solid var(--studio-line,#d6dfd2);align-items:center;gap:14px;padding:15px 0;display:flex}.saved-look-detail li>i{border:1px solid #0002;border-radius:50%;flex-shrink:0;width:28px;height:28px}.saved-look-detail li strong,.saved-look-detail li span{display:block}.saved-look-detail li span{color:var(--studio-muted,#526653);margin-top:5px;font-size:13px}.saved-look-detail-actions{margin-top:24px}.saved-look-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:560px){.planner-saved-looks{margin-top:30px;padding-top:29px}.saved-look-detail{padding:20px}.saved-look-save button,.saved-look-row-actions{width:100%}.saved-look-row-actions button,.saved-look-detail-actions button{flex:1}.saved-look-detail-actions{flex-direction:column;align-items:stretch}.saved-look-detail-actions button{overflow-wrap:normal;flex:none;width:100%}}@media print{body[data-skinwise-print-saved-look] .planner-shell>.planner-handoff{display:none!important}body[data-skinwise-print-saved-look] .planner-shell>.planner-saved-looks{border:0;margin:0;padding:0;display:block!important}body[data-skinwise-print-saved-look] .planner-saved-looks>:not(.saved-look-detail){display:none!important}body[data-skinwise-print-saved-look] .saved-look-detail{break-inside:avoid;background:#fff;border:0;max-width:none;margin:0;padding:0}body[data-skinwise-print-saved-look] .saved-look-detail *{color:#000!important}body[data-skinwise-print-saved-look] .saved-look-detail-actions{display:none!important}}
.planner-guidance{border-top:1px solid var(--studio-line,#d8dfd2);overflow-wrap:anywhere;max-width:100%;margin-top:38px;padding:34px 0 8px}.planner-guidance>p{max-width:74ch;color:var(--studio-muted,#526357);font-size:14px}.planner-guidance>label,.planner-guidance>select{max-width:760px}.planner-guidance details{border:1px solid var(--studio-line,#d8dfd2);background:#fff;border-radius:12px;max-width:900px;margin:18px 0;padding:3px 22px}.planner-guidance details p{color:var(--studio-muted,#526357);font-size:13px}.planner-guidance summary{cursor:pointer;min-height:44px;padding:13px 0;font-size:13px;font-weight:650;display:list-item}.planner-guidance a{color:var(--studio-ink,#1f4438);text-underline-offset:4px;text-decoration:underline}.planner-guidance li{margin:18px 0;font-size:14px;line-height:1.8}.planner-guidance select{white-space:normal}.planner-guidance [aria-live]{color:#3a5330;background:var(--studio-sage,#edf2e7);border:1px solid #d1debf;border-radius:10px;max-width:900px;margin:22px 0;padding:16px 20px;font-size:13px}.planner-guidance [aria-live] p{margin:0}@media (max-width:560px){.planner-guidance{margin-top:30px;padding-top:29px}.planner-guidance details{padding-inline:17px}.planner-guidance ul{padding-left:18px}.planner-guidance>label:has(input[type=checkbox]){min-height:44px}}
@font-face{font-family:Skinwise Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Skinwise Fraunces;src:url(/fonts/fraunces-latin.woff2)format("woff2");font-style:normal;font-weight:400 500;font-display:swap}.planner-shell{--studio-ink:#1f4438;--studio-muted:#526357;--studio-line:#d8dfd2;--studio-paper:#fafbf7;--studio-sage:#edf2e7;--studio-lilac:#f0edf6;--workspace-accent:#1f4438;background:var(--studio-paper);width:100%;max-width:1440px;min-height:100vh;color:var(--studio-ink);caret-color:var(--studio-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:auto;padding:0 48px 64px;font-family:Skinwise Manrope,Segoe UI,sans-serif;font-size:14px;line-height:1.7}.planner-shell *{box-sizing:border-box}.planner-shell ::selection{color:#163729;background:#d5e3ca}.planner-shell [id]{scroll-margin-top:112px}.planner-shell a{color:var(--studio-ink);text-underline-offset:4px}.planner-shell :is(button,a,input,select,textarea,summary){touch-action:manipulation;-webkit-tap-highlight-color:#d5e3ca}.planner-shell :is(button,input,select,textarea,a,summary):focus-visible{outline-offset:4px;outline:3px solid #527a37}.planner-shell :is(h1,h2,h3){color:var(--studio-ink);text-wrap:balance}.planner-shell h1{letter-spacing:-.035em;max-width:650px;margin:0 0 20px;font-family:Skinwise Fraunces,Georgia,serif;font-size:clamp(36px,3.8vw,54px);font-weight:430;line-height:1.1}.planner-shell h2{letter-spacing:-.025em;margin:0 0 15px;font-family:Skinwise Fraunces,Georgia,serif;font-size:29px;font-weight:450;line-height:1.25}.planner-shell h3{margin:0 0 11px;font:650 17px/1.45 Skinwise Manrope,sans-serif}.planner-shell p{max-width:74ch;margin:8px 0 18px}.planner-small{color:var(--studio-muted);font-size:12px;line-height:1.75}.planner-section-kicker,.product-workspace-label{display:none}.planner-skip{z-index:60;border:2px solid var(--studio-ink);background:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:24px}.planner-skip:focus{top:8px}.product-rail{z-index:40;background:var(--studio-paper);border-bottom:1px solid var(--studio-line);align-items:center;gap:26px;min-height:84px;display:flex;position:sticky;top:0}.product-brand{color:var(--studio-ink);letter-spacing:-.04em;flex-shrink:0;align-items:center;gap:10px;font:500 29px/1.1 Skinwise Fraunces,Georgia,serif;text-decoration:none;display:flex}.product-brand-mark,.planner-logo{background:var(--studio-ink);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.product-rail nav{scrollbar-color:#adbda2 var(--studio-paper);scrollbar-width:thin;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.product-rail nav a{min-height:44px;color:var(--studio-muted);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;padding:9px 10px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.product-rail nav a svg{flex-shrink:0;width:16px;height:16px}.product-rail nav a:hover{color:var(--studio-ink);background:#f0f4e9}.product-rail nav a[aria-current]{color:#244332;background:#e5eddd}.product-rail-note{flex-shrink:0}.product-rail-note a{align-items:center;gap:7px;min-height:44px;font-size:12px;text-decoration:none;display:flex}.product-rail-note a:hover{text-decoration:underline}.product-rail-note p{display:none}.planner-top{justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 0;display:flex}.workspace-breadcrumb{color:var(--studio-muted);align-items:center;gap:10px;font-size:12px;display:flex}.workspace-breadcrumb strong{color:var(--studio-ink);font-weight:600}.workspace-breadcrumb svg{width:14px;height:14px}.planner-header-actions{align-items:center;gap:18px;display:flex}.workspace-status{color:var(--studio-muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.workspace-status:before{content:"";background:#778273;border-radius:50%;flex-shrink:0;width:6px;height:6px}.workspace-status>span{display:none}.workspace-status[data-state=configured]:before,.workspace-status[data-state=live]:before{background:#3c774c}.workspace-status[data-state=unavailable]:before,.workspace-status[data-state=unconfigured]:before{background:#a57220}.workspace-status[data-state=checking]:before{display:none}.studio-intro{grid-template-columns:minmax(0,1.35fr) minmax(290px,.8fr);align-items:center;gap:50px;padding:25px 0 34px;display:grid}.studio-intro-copy>p{max-width:57ch;color:var(--studio-muted);margin:0 0 24px;font-size:15px;line-height:1.8}.studio-intro-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.studio-intro-actions a{border:1px solid var(--studio-line);border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 20px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.studio-intro-actions .planner-primary-link{background:var(--studio-ink);border-color:var(--studio-ink);color:#fff}.studio-intro-actions .planner-primary-link:hover{background:#315847}.studio-intro-actions .studio-secondary-link:hover{background:var(--studio-sage)}.studio-palette{isolation:isolate;background:#e7eedf;border:1px solid #dbe4d3;border-radius:20px 70px 20px 20px;min-height:278px;position:relative;overflow:hidden}.planner-art-compact{transform-origin:0 0;filter:drop-shadow(8px 14px 11px #253b3519);width:185px;height:230px;position:absolute;top:24px;left:15%;transform:rotate(-18deg)scale(.85)}.planner-art-mirror{background:#dfe8df;border:10px solid #d6cbbd;border-radius:50% 50% 8px 8px;width:163px;height:116px;margin-left:11px;box-shadow:inset 0 0 0 2px #faf9f1}.planner-art-mirror:after{content:"";border-left:1px solid #fafffa80;width:55px;height:70px;margin:13px 0 0 62px;display:block;transform:rotate(28deg)}.planner-art-powder{background:#bd8280;border:13px solid #e2d7c8;border-radius:50%;width:185px;height:129px;margin-top:-7px;box-shadow:inset 0 0 0 5px #cc9893,inset 0 0 0 6px #b77877,0 4px #b9ad9d}.planner-art-lipstick{filter:drop-shadow(5px 8px 5px #253b3522);width:46px;height:155px;position:absolute;top:58px;right:17%;transform:rotate(21deg)scale(.9)}.planner-art-lipstick i{background:#a95262;border-radius:23px 5px 2px 2px;width:30px;height:68px;position:absolute;top:0;left:8px}.planner-art-lipstick b{background:#607b69;border:1px solid #5b7563;border-radius:3px 3px 8px 8px;width:46px;height:92px;position:absolute;top:60px;box-shadow:inset 7px 0 #77907e,inset -5px 0 #4b6454}.planner-art-lipstick b:before{content:"";background:#c5b69c;height:8px;position:absolute;inset:14px 0 auto}.studio-palette-content{color:var(--studio-muted);background:#fafbf7;border-radius:10px;gap:7px;padding:12px 15px;font-size:12px;display:grid;position:absolute;inset:auto 18px 17px;box-shadow:0 5px 15px #253b350a}.studio-palette-content strong{color:var(--studio-ink);font-weight:650;display:block}.studio-palette-content p{margin:0;font-size:11px}.studio-palette-label{color:var(--studio-ink);align-items:center;gap:8px;font-weight:650;display:flex}.studio-palette-label svg{flex-shrink:0}.studio-swatches{flex-wrap:wrap;gap:5px;display:flex}.studio-swatches a{border:1px solid #1f443820;border-radius:50%;width:30px;height:30px;display:block}.studio-swatches a:hover{outline-offset:2px;outline:2px solid #6a8757}.studio-intro-copy>.studio-intro-note{max-width:66ch;margin:15px 0 0;font-size:11px;line-height:1.7}.studio-brand-dot{color:#719454}.workspace-summary{border-block:1px solid var(--studio-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 26px;display:grid}.workspace-summary>span{color:var(--studio-muted);align-items:center;gap:8px;padding:14px 18px;font-size:12px;display:flex}.workspace-summary>span:first-child{padding-left:0}.workspace-summary>span:last-child{padding-right:0}.workspace-summary strong{color:var(--studio-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.planner-progress{border:1px solid var(--studio-line);background:#fff;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 28px;display:grid;overflow:hidden}.planner-progress a{min-width:0;color:var(--studio-ink);border-right:1px solid var(--studio-line);align-items:center;gap:14px;padding:18px 22px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.planner-progress a:last-child{border:0}.planner-progress a:hover{background:var(--studio-sage)}.planner-progress strong{background:var(--studio-sage);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:12px;font-weight:650;display:grid}.planner-progress small{color:var(--studio-muted);font-size:11px;font-weight:400;display:block}.planner-progress a>svg{flex-shrink:0;width:16px;height:16px;margin-left:auto}.planner-shell button{appearance:none;border:1px solid var(--studio-ink);background:var(--studio-ink);color:#fff;cursor:pointer;border-radius:9px;min-height:44px;padding:11px 17px;font:650 13px/1.45 Skinwise Manrope,sans-serif;transition:background .15s,border-color .15s}.planner-shell button:hover:not(:disabled){background:#315847;border-color:#315847}.planner-shell button:disabled{color:#697466;cursor:not-allowed;box-shadow:none;background:#e6eadf;border-color:#d6ddce}.planner-shell button[aria-pressed=true]{color:#23442e;background:#e0ebd6;border-color:#6a8757;box-shadow:inset 0 0 0 1px #6a8757}.planner-header-actions button{min-height:38px;color:var(--studio-muted);border-color:var(--studio-line);background:0 0;padding:8px 13px;font-size:11px}.planner-header-actions button:hover:not(:disabled){color:var(--studio-ink);background:var(--studio-sage);border-color:#aab99d}.planner-shell summary{cursor:pointer;min-height:44px;padding:11px 0;font-size:13px;font-weight:650}.planner-recovery{border:1px solid var(--studio-line);color:var(--studio-muted);background:#f1f4ed;border-radius:10px;margin:0 0 28px;padding:0 18px;font-size:13px}.planner-recovery[open]{padding-bottom:18px}.planner-workspace-heading{justify-content:space-between;align-items:center;gap:16px;margin:34px 0 17px;display:flex}.planner-workspace-heading h2{margin:0}.planner-workspace-heading>span{color:var(--studio-muted);font-size:12px}.planner-inputs{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}.planner-inputs>section{border:1px solid var(--studio-line);background:#fff;border-radius:17px;min-width:0;padding:28px}.planner-inputs>section>p{color:var(--studio-muted);font-size:13px}.planner-shell label{color:var(--studio-ink);margin:18px 0;font-size:13px;font-weight:600;display:block}.planner-shell input:not([type=checkbox]),.planner-shell select,.planner-shell textarea{width:100%;min-width:0;max-width:100%;min-height:46px;color:var(--studio-ink);background:#fcfdf9;border:1px solid #c6d0bd;border-radius:8px;margin-top:7px;padding:11px 13px;font:400 14px/1.55 Skinwise Manrope,sans-serif;display:block}.planner-shell input::placeholder,.planner-shell textarea::placeholder{color:#64715d;opacity:1}.planner-shell :is(input,select,textarea):hover{border-color:#8c9f7e}.planner-shell input:disabled{color:#6c7765;background:#eef1e8}.planner-shell input[type=color]{cursor:pointer;padding:4px}.planner-shell input[type=checkbox]{accent-color:#355b40;flex-shrink:0;width:18px;height:18px}.planner-shell input[type=file]{background:#fff;border-style:dashed;padding:9px;font-size:12px}.planner-shell input[type=file]::file-selector-button{color:var(--studio-ink);font:inherit;cursor:pointer;background:#e5eddd;border:0;border-radius:5px;margin-right:10px;padding:8px 11px;font-weight:600}.planner-inline{align-items:flex-end;gap:12px;display:flex}.planner-inline>label{flex:1;min-width:0}.planner-shell fieldset{border:1px solid var(--studio-line);background:#fafbf7;border-radius:9px;margin:23px 0 18px;padding:10px 14px}.planner-shell legend{color:var(--studio-muted);padding:0 6px;font-size:12px}.planner-category{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.planner-category strong{flex:1;font-size:13px}.planner-category label,.planner-consent{align-items:center;gap:7px;display:flex!important}.planner-category label{min-height:36px;margin:5px 0;font-size:12px;font-weight:400}.planner-kit{overflow-wrap:anywhere;margin:16px 0 0;padding:0;list-style:none}.planner-kit li{border-bottom:1px solid var(--studio-line);flex-wrap:wrap;align-items:center;gap:10px;padding:15px 0;display:flex}.planner-kit i{border:1px solid #1f443820;border-radius:50%;flex-shrink:0;width:30px;height:30px;display:block}.planner-kit li>span{flex:1;min-width:100px}.planner-kit strong,.planner-kit small{display:block}.planner-kit strong{font-size:13px;font-weight:650}.planner-kit small{color:var(--studio-muted);font-size:12px}.planner-kit button{border-color:var(--studio-line);min-height:38px;color:var(--studio-muted);background:#fff;padding:7px 11px;font-size:12px}.planner-kit button:hover:not(:disabled){color:var(--studio-ink);background:var(--studio-sage);border-color:#aab99d}.planner-kit-file{border-top:1px solid var(--studio-line);color:var(--studio-muted);margin:22px 0 0;padding-top:6px;font-size:13px}.planner-text{width:100%;color:var(--studio-ink)!important;background:#f6f9f0!important;border-style:dashed!important;border-color:#afc29c!important}.planner-message,.provider-notice{color:#6f531e;overflow-wrap:anywhere;background:#faf5e8;border:1px solid #dfcfaa;border-radius:10px;margin:16px 0;padding:14px 17px;font-size:13px}.planner-message p{margin:0 0 10px}.planner-results,.planner-comparison,.planner-handoff,.planner-observations{border-top:1px solid var(--studio-line);margin-top:38px;padding:34px 0 8px}.planner-results>p,.planner-comparison>p,.planner-handoff>p,.planner-observations>p{color:var(--studio-muted);font-size:14px}.planner-photo{background:var(--studio-sage);border:1px solid #d1debf;border-radius:15px;margin:26px 0;padding:25px 28px}.planner-photo>label:not(.planner-consent){max-width:720px}.planner-photo-heading{align-items:flex-start;gap:13px;display:flex}.planner-photo-heading>svg{color:#4c6a3e;flex-shrink:0;margin-top:2px}.planner-photo-heading p{color:var(--studio-muted);margin:4px 0 15px;font-size:13px}.planner-consent{max-width:84ch;line-height:1.75;align-items:flex-start!important;font-size:13px!important;font-weight:400!important}.planner-consent input{margin-top:4px}.planner-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.planner-cards article{border:1px solid var(--studio-line);background:#fff;border-radius:15px;min-width:0;padding:22px}.planner-cards article h3{font-size:16px}.planner-cards article p,.planner-cards article ul{color:var(--studio-muted);font-size:13px}.planner-cards article ul{min-height:65px;padding-left:18px}.planner-cards button{width:100%;margin-top:10px}.planner-preview{object-fit:contain;background:#eef2e9;border-radius:9px;width:100%;height:auto;max-height:420px;margin:15px 0;display:block}.planner-empty{min-height:200px;color:var(--studio-muted);text-align:center;background:#f6f8f1;border:1px dashed #c4d1b8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:15px 0;padding:25px;font-size:12px;line-height:1.75;display:flex}.planner-empty svg{color:#748766}.planner-product-dot{border:1px solid #1f443820;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.planner-pair{grid-template-columns:1fr 1fr;gap:20px;max-width:900px;display:grid}.planner-pair figure{min-width:0;margin:0}.planner-pair figcaption{color:var(--studio-muted);font-size:13px}.planner-actions,.planner-plan-actions{flex-wrap:wrap;gap:11px;margin:20px 0;display:flex}.planner-catalog{border:1px solid var(--studio-line);background:#fff;border-radius:13px;margin:26px 0;padding:5px 24px}.planner-catalog summary{font-size:14px}.planner-catalog>p{color:var(--studio-muted);font-size:13px}.planner-catalog-search{max-width:600px}.planner-catalog ol{overscroll-behavior:contain;scrollbar-color:#adbda2 #f2f5ec;scrollbar-width:thin;max-height:580px;margin:0;padding:0;list-style:none;overflow:auto}.planner-catalog li{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:22px;padding:18px 0;display:flex}.planner-catalog li>div{min-width:0}.planner-catalog strong,.planner-catalog span{overflow-wrap:anywhere;display:block}.planner-catalog strong{font-size:13px;font-weight:650}.planner-catalog span{color:var(--studio-muted);font-variant-numeric:tabular-nums;margin-top:5px;font-size:12px}.planner-catalog-actions{flex-shrink:0;gap:9px;display:flex}.planner-catalog-actions button{padding:10px 13px;font-size:12px}.planner-catalog-actions button+button{color:var(--studio-ink);background:#f5f8ef;border-color:#c5d2ba}.planner-selection-basis{background:var(--studio-sage);border:1px solid #d1debf;border-radius:10px;padding:14px 17px}.planner-plan-card{overflow-wrap:anywhere;background:#fff;border:1px solid #bacdae;border-radius:17px;max-width:850px;margin:24px 0;padding:30px;box-shadow:0 5px 18px #29442b06}.planner-plan-card h3{font:450 29px/1.25 Skinwise Fraunces,Georgia,serif}.planner-plan-card p{color:var(--studio-muted);font-size:13px}.planner-plan-card ul{padding:0;list-style:none}.planner-plan-card li{border-bottom:1px solid var(--studio-line);padding:14px 0}.planner-plan-card li strong,.planner-plan-card li span{display:block}.planner-plan-card li strong{font-size:14px}.planner-plan-card li span{color:var(--studio-muted);font-size:12px}.planner-observations form{background:#f4f0f8;border:1px solid #dfd7e9;border-radius:15px;max-width:900px;padding:25px 28px}.planner-observations textarea{resize:vertical;min-height:116px}.planner-observations ul{max-width:900px;padding:0;list-style:none}.planner-observations li{border-bottom:1px solid var(--studio-line);overflow-wrap:anywhere;padding:20px 0;font-size:13px}.planner-observations [role=alert]{color:#6f531e;background:#faf5e8;border:1px solid #dfcfaa;border-radius:9px;padding:14px 17px}.planner-footer{border-top:1px solid var(--studio-line);color:var(--studio-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:48px;padding-top:23px;font-size:12px;display:flex}.planner-footer a{color:var(--studio-ink);align-items:center;gap:8px;text-decoration:none;display:flex}@media (max-width:1250px){.planner-shell{padding-inline:32px}.product-rail{gap:16px}.product-rail nav{justify-content:flex-start}.product-rail nav a{padding-inline:9px;font-size:11px}.product-rail nav a svg{display:none}.product-brand{font-size:27px}.studio-intro{gap:35px}.workspace-summary>span{padding-inline:10px;font-size:11px}}@media (max-width:1000px){.product-rail{grid-template-columns:1fr auto;gap:4px 20px;padding-top:17px;display:grid}.product-rail nav{grid-area:2/1/auto/-1;width:100%;padding-block:8px}.product-rail nav a{font-size:12px}.product-rail-note{grid-area:1/2}.planner-shell [id]{scroll-margin-top:146px}.studio-intro{grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:28px}.planner-shell h1{font-size:39px}.studio-intro-copy>p{font-size:14px}.studio-palette{min-height:275px}.planner-art-compact{left:10%}.planner-art-lipstick{right:12%}.planner-inputs{gap:20px}.planner-inputs>section{padding:23px}.planner-progress a{gap:11px;padding:16px}.planner-catalog li{flex-direction:column;align-items:stretch;gap:13px}}@media (max-width:760px){.planner-shell{padding:0 22px 40px}.planner-top{flex-wrap:wrap;gap:10px;padding-block:15px}.planner-header-actions{gap:12px}.studio-intro{grid-template-columns:minmax(0,1fr) 220px;gap:22px;padding-top:18px}.planner-shell h1{font-size:35px}.studio-palette{border-top-right-radius:50px;min-height:270px}.planner-art-compact{top:30px;left:13%;transform:rotate(-18deg)scale(.7)}.planner-art-lipstick{top:66px;right:8%;transform:rotate(21deg)scale(.72)}.studio-palette-content{flex-direction:column;align-items:flex-start;gap:7px;padding:10px 12px;inset-inline:12px}.workspace-summary{grid-template-columns:1fr 1fr}.workspace-summary>span{padding:12px 0;font-size:12px}.workspace-summary>span:nth-child(2n){padding-left:16px}.workspace-summary>span:nth-child(-n+2){border-bottom:1px solid var(--studio-line)}.planner-inputs{grid-template-columns:1fr}.planner-shell input:not([type=checkbox]),.planner-shell select,.planner-shell textarea{font-size:16px}.planner-shell input[type=file]{font-size:12px}.planner-shell input[type=file]::file-selector-button{min-height:36px}.planner-category label,.planner-kit button{min-height:44px}}@media (max-width:560px){.planner-shell{padding-inline:18px}.product-rail{gap:3px 12px;padding-top:16px}.product-brand{font-size:27px}.product-brand-mark{width:32px;height:32px}.product-rail-note a{gap:6px;font-size:11px}.product-rail nav{width:calc(100% + 10px);margin-inline:-5px;padding-bottom:10px}.product-rail nav a{padding-inline:10px;font-size:12px}.workspace-breadcrumb{font-size:11px}.planner-header-actions{justify-content:space-between;width:100%}.workspace-status{font-size:11px}.planner-header-actions button{min-height:44px;padding:9px 12px}.planner-top{gap:6px;padding-block:13px}.studio-intro{grid-template-columns:1fr;gap:26px;padding-top:18px;padding-bottom:27px}.planner-shell h1{max-width:430px;margin-bottom:17px;font-size:39px}.studio-intro-copy>p{margin-bottom:22px;font-size:14px}.studio-intro-actions{gap:10px}.studio-intro-actions a{padding-inline:15px;font-size:12px}.studio-palette{border-radius:16px 48px 16px 16px;min-height:200px}.planner-art-compact{top:13px;left:15%;transform:rotate(-18deg)scale(.62)}.planner-art-lipstick{top:13px;right:18%;transform:rotate(21deg)scale(.7)}.studio-palette-content{flex-direction:row;align-items:center;padding:10px 13px;inset:auto 14px 12px}.studio-palette-content strong{font-size:12px}.studio-palette-content p{font-size:10px}.studio-swatches a{width:44px;height:44px}.studio-palette:has(.studio-swatches){min-height:310px}.workspace-summary{margin-bottom:24px}.workspace-summary>span{flex-wrap:wrap;gap:5px;font-size:11px}.workspace-summary strong{font-size:13px}.planner-progress{border-radius:11px;margin-bottom:24px}.planner-progress a{padding:14px 10px;font-size:11px;display:block}.planner-progress strong{width:28px;height:28px;margin-bottom:10px;font-size:11px}.planner-progress small{margin-top:3px;font-size:10px}.planner-progress a>svg{display:none}.planner-shell h2{font-size:27px}.planner-workspace-heading{margin-top:28px}.planner-workspace-heading>span{display:none}.planner-inputs>section{border-radius:14px;padding:23px 20px}.planner-inline{flex-wrap:wrap;gap:10px}.planner-inline>label{min-width:85px}.planner-category{gap:7px}.planner-category strong{font-size:12px}.planner-category label{font-size:11px}.planner-shell fieldset{padding:7px 10px}.planner-cards{grid-template-columns:1fr}.planner-cards article{padding:20px}.planner-photo{margin:23px 0;padding:20px}.planner-photo-heading>svg{width:22px;height:22px}.planner-results,.planner-comparison,.planner-handoff,.planner-observations{margin-top:30px;padding-top:29px}.planner-catalog{padding-inline:18px}.planner-catalog-actions{flex-wrap:wrap}.planner-catalog-actions button{flex:1;min-width:110px}.planner-pair{gap:10px}.planner-pair .planner-empty{min-height:155px;padding:14px}.planner-plan-card{padding:23px}.planner-observations form{padding:20px}.planner-footer{flex-direction:column;align-items:flex-start;gap:14px}.planner-actions button,.planner-plan-actions button{flex-grow:1}}@media (max-width:370px){.planner-shell{padding-inline:15px}.planner-shell h1{font-size:35px}.product-brand{gap:7px;font-size:25px}.product-rail-note a{font-size:10px}.product-rail-note a>svg:first-child{display:none}.studio-intro-actions a{padding-inline:13px;font-size:11px}.planner-inputs>section{padding-inline:16px}.planner-category label{gap:4px;font-size:10px}.workspace-summary>span{font-size:10px}}@media (prefers-reduced-motion:reduce){.planner-shell button{transition:none}.planner-shell{scroll-behavior:auto}}@media (forced-colors:active){.planner-shell button[aria-pressed=true],.product-rail nav a[aria-current]{outline:2px solid highlight}.product-brand-mark{border:1px solid buttontext}}@media print{body{background:#fff!important}.planner-shell{background:#fff;max-width:none;margin:0;padding:0}.planner-shell>:not(.planner-handoff){display:none!important}.planner-handoff{border:0;margin:0;padding:0}.planner-handoff>:not(.planner-plan-card){display:none!important}.planner-plan-card{max-width:none;box-shadow:none;break-inside:avoid;background:#fff;border:0;margin:0;padding:0}.planner-plan-actions{display:none!important}.planner-plan-card *{color:#000!important}}
