:root{--bg:#f7f5ef;--paper:#fffefa;--ink:#29282a;--muted:#77746f;--line:#e4dfd5;--purple:#6c5685;--pale:#eee8f2;--sage:#e7eddf;--orange:#d5a171;font-family:Inter,"Pretendard","Malgun Gothic","Apple SD Gothic Neo",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.65}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a08ab8;outline-offset:4px}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0}.wrap{max-width:1200px;margin:auto;padding:0 44px}svg{display:inline-block;vertical-align:middle}.header{height:99px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand-mark{width:33px;height:35px;border-radius:10px;background:var(--purple);color:white;text-align:center;font-family:Georgia,serif;font-size:33px;line-height:31px;font-weight:400;position:relative}.brand-mark span{font:11px sans-serif;position:absolute;top:2px;right:1px}.brand-en{font-size:10px;letter-spacing:2px;font-weight:500;margin-left:5px}.private-pill{font-size:11px;color:#716d68;display:flex;align-items:center;gap:7px}.private-pill i{width:5px;height:5px;border-radius:50%;background:#8b9d73}.text-btn{border:0;background:none;font-size:12px;color:#625c68;min-height:44px}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:54px;align-items:center;padding:65px 0 70px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:600;color:#8c7c68;margin:0 0 19px}.hero h1{font-size:53px;letter-spacing:-2.7px;line-height:1.27;font-weight:500;margin:0 0 23px;position:relative}.hero h1>span{color:var(--purple);position:relative}.hero h1>span:after{content:'';display:block;position:absolute;bottom:-5px;left:-5px;right:-5px;height:10px;border-top:2px solid #bbaa8e;border-radius:50%;transform:rotate(-3deg)}.hero-spark{width:26px;height:26px;color:#c8a36f;margin-left:12px;vertical-align:top;margin-top:20px}.hero-desc{font-size:14px;color:var(--muted);line-height:1.9}.hero-notes{display:flex;gap:19px;font-size:10px;color:#716a60;margin-top:28px}.hero-board{border-radius:5px;background:#eae7dc;padding:20px 25px;position:relative;transform:rotate(2deg);max-width:440px;box-shadow:3px 9px 20px #655d4410}.board-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#726b5c}.wardrobe-hero{height:270px;text-align:center}.wardrobe-hero svg{height:100%;max-width:100%}.swatch-row{display:flex;align-items:center;gap:6px;border-top:1px solid #d8d2c4;padding-top:13px}.swatch-row>span{width:16px;height:16px;border-radius:50%;background:var(--c);border:1px solid #b8af9f}.swatch-row p{font-size:10px;margin:0 0 0 8px;color:#6e685d}.float-note{position:absolute;right:-15px;bottom:48px;font-size:11px;background:#fffaf0;border:1px solid #e5d9bd;padding:10px 15px;transform:rotate(-6deg);box-shadow:2px 4px 12px #453c2920;border-radius:3px}.float-note span{color:#bc8a58;margin-left:8px}.studio{border-top:1px solid var(--line);padding-top:37px}.studio-head{display:flex;align-items:flex-end;justify-content:space-between}.studio-head .eyebrow{margin-bottom:7px;font-size:9px}.studio-head h2{font-size:26px;font-weight:500;letter-spacing:-1px;margin:0}.step-note{font-size:10px;color:#928c81}.step-note span{margin:0 9px;color:#b8ada0}.tabs{display:flex;gap:6px;margin:26px 0 0;border-bottom:1px solid var(--line)}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#97908a;padding:15px 23px;font-size:13px;min-height:52px}.tabs button[aria-selected=true]{border-bottom-color:var(--purple);color:var(--purple);font-weight:700}.tabs span{font-size:10px;letter-spacing:1px;margin-right:9px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0;background:var(--paper)}.input-column{padding:30px;border-right:1px solid var(--line)}.panel-label{display:flex;align-items:center;gap:9px;margin-bottom:17px}.panel-label h3{font-size:13px;font-weight:600;margin:0}.number{width:20px;height:20px;border-radius:50%;font-size:10px;display:grid;place-items:center;background:var(--pale);color:var(--purple)}.tiny-tag,.optional{margin-left:auto;color:#8a8378;font-size:9px}.dropzone{border:1px dashed #c8c0b0;border-radius:7px;min-height:289px;background:#f9f7f1;text-align:center;overflow:hidden;transition:.2s}.dropzone.drag{background:var(--pale);border-color:var(--purple)}#emptyUpload{padding:25px 15px}.upload-icon{width:45px;height:45px;margin:auto auto 14px;background:#ede9e1;border-radius:50%;display:grid;place-items:center}.upload-icon svg{width:21px;height:21px;color:#8e806c}.dropzone h4{font-size:15px;font-weight:600;margin:0 0 8px}.dropzone p{font-size:12px;color:#8b8378;margin:0 0 17px}.upload-actions{display:flex;justify-content:center;gap:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:5px;padding:11px 18px;font-size:12px;min-height:45px;font-weight:600;transition:.2s}.btn svg{width:16px;height:16px}.dark{background:#34312e;color:#fff}.light{background:#eae5dc;color:#625a4f}.primary{background:var(--purple);color:white}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.45;cursor:not-allowed}.dropzone small{display:block;font-size:9px;line-height:1.8;color:#9b9286;margin-top:14px}.photo-meta{font-size:10px;color:#928b80;margin-top:9px}#photoPreview{position:relative;line-height:0;background:#e8e4db}#previewCanvas{max-width:100%;height:auto;max-height:420px;object-fit:contain}.photo-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px}.photo-actions button{background:#fffef9e8;border:1px solid #d7d1c7;border-radius:5px;min-height:40px;font-size:11px;padding:6px 12px;color:#49433f}#waistControl{margin:15px 0;background:#f4f0f7;padding:12px;border-radius:6px}#waistControl label{display:flex;justify-content:space-between;font-size:11px}input[type=range]{width:100%;accent-color:var(--purple);height:28px}#waistControl small{font-size:10px;color:#7e7188;display:block}.settings-label{margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:10px;color:#7f786e;display:block}.form-grid select{display:block;width:100%;height:43px;margin-top:6px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:#fffefa;color:#47403a;font-size:11px;min-width:0}.check-row{display:flex;align-items:center;font-size:11px;color:#746c60;gap:8px;margin:13px 0}.check-row input,.consent-row input{accent-color:var(--purple);width:16px;height:16px;flex-shrink:0}.consent-row{display:flex;align-items:flex-start;gap:8px;margin:23px 0 16px;color:#8a8175;font-size:10px}.consent-row input{margin-top:1px}.analyze{width:100%;font-size:13px;min-height:49px}.analyze svg:last-child{margin-left:auto}.analyze span{margin-right:auto}.micro-note{font-size:10px;color:#8d8176}.status{font-size:11px;margin:10px 0;min-height:18px;color:var(--purple)}.status.error{color:#a04b3f}.demo-link{display:block;margin:0 auto;background:none;border:0;font-size:10px;color:#83748b;text-decoration:underline;text-underline-offset:4px;min-height:40px}.result-column{padding:30px;background:#f2f0e8;min-width:0}.result-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:8px 10px 0;height:100%}.result-kicker{font-size:9px;color:#9d8b74;letter-spacing:2px}.empty-art{width:103px;height:122px;position:relative;margin:40px 0 23px}.face{display:block;width:89px;height:103px;background:#e9dfc8;border-radius:45% 45% 40% 40%;color:#aa947a;font-size:66px;line-height:80px;transform:rotate(-8deg);border:1px solid #d5c5a6}.face:before,.face:after{content:'';position:absolute;width:4px;height:4px;background:#9a856d;top:45px;border-radius:50%}.face:before{left:28px}.face:after{right:28px}.little-spark{position:absolute;right:-9px;top:-20px;color:#b6a1c8;font-size:28px}.result-empty h3{font-size:25px;line-height:1.5;letter-spacing:-1px;font-weight:400;margin:0}.result-empty>p{font-size:12px;line-height:1.9;color:#8a8173;margin-top:17px}.empty-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:18px}.empty-tags span{font-size:9px;border:1px solid #ded7c9;border-radius:20px;padding:5px 10px;color:#8a8070}.honest-note{border-top:1px solid #ded7c9;margin-top:auto;padding:26px 0 0;width:100%;text-align:left;font-size:10px;color:#8a8071}.honest-note b{font-size:11px;color:#6c6255}.honest-note p{margin:8px 0}.honest-note small{font-size:10px;line-height:1.8;display:block}.result-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#8b7e6e;letter-spacing:1px}.sample-badge{background:#f1dcb8;color:#795b32;padding:4px 9px;border-radius:20px;font-size:10px;letter-spacing:0}.score-box{display:flex;align-items:center;gap:24px;margin:24px 0}.score-ring{--score:0;background:conic-gradient(var(--purple) calc(var(--score)*1%),#e0d9e7 0);padding:7px;width:116px;height:116px;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.score-ring>div{width:102px;height:102px;border-radius:50%;background:#f2f0e8;display:grid;align-content:center;text-align:center}.score-ring strong{font-family:Georgia,serif;font-size:39px;line-height:1.1;font-weight:400}.score-ring small{font-size:8px;color:#9b8e7d;margin-top:4px}.score-copy h3{font-size:19px;line-height:1.5;font-weight:500;margin:0 0 9px}.score-copy p{font-size:11px;color:#85796a;margin:0}.result-subnote{font-size:10px;color:#8c8174;line-height:1.8}.result-block{border-top:1px solid #ded7c9;margin-top:23px;padding-top:19px}.result-block h4{font-size:12px;font-weight:600;margin:0 0 13px;display:flex;justify-content:space-between}.palette-detected{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-item{display:flex;align-items:center;gap:10px;background:#fffaf0;padding:10px;border-radius:5px}.color-square{width:34px;height:34px;border-radius:6px;border:1px solid #00000013;flex-shrink:0}.color-item b{font-size:11px;display:block}.color-item small{font-size:9px;color:#9a8e80;display:block}.feedback{font-size:12px;line-height:1.9;background:#e8eddf;border:1px solid #d5dfc4;padding:17px;border-radius:6px;margin:20px 0}.feedback p{margin:4px 0}.feedback b{color:#64784e;font-size:12px}.mini-looks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.look-card{padding:13px;background:#fffaf0;border-radius:6px;border:1px solid #e2d9c9;min-width:0}.look-card svg{width:100%;height:105px}.look-card b{display:block;font-size:11px;margin-top:5px}.look-card p{font-size:10px;margin:4px 0;color:#91816b}.outfit-labels{display:flex;gap:4px;flex-wrap:wrap}.outfit-labels span{font-size:8px;color:#786b59;display:flex;gap:3px;align-items:center}.outfit-labels i{width:7px;height:7px;border-radius:50%;display:inline-block;border:1px solid #0002}.accessory-list{display:flex;flex-wrap:wrap;gap:7px}.accessory-list span{font-size:10px;background:#eae4f0;border:1px solid #d9cee4;color:#756083;padding:7px 10px;border-radius:20px}.result-actions{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.result-actions button{flex:1;min-height:43px;font-size:10px;white-space:nowrap}.more-btn{display:block;background:none;border:1px solid #d4c9dc;color:var(--purple);font-size:10px;width:100%;padding:10px;border-radius:5px;margin-top:12px;min-height:43px}.shape-info{display:flex;gap:16px;align-items:center;padding:20px 0}.shape-info svg{width:65px;height:85px;flex-shrink:0}.shape-info h3{font-size:20px;margin:0 0 5px;font-weight:500}.shape-info p{font-size:10px;color:#877a6a;margin:0}.shape-select{width:100%;min-height:42px;border:1px solid #dcd3c1;border-radius:5px;background:#fffaf1;color:#776652;font-size:11px;padding:7px}.hair-card{border:1px solid #ded5c3;background:#fffaf1;border-radius:6px;padding:14px;margin-top:12px;display:grid;grid-template-columns:90px 1fr;gap:13px}.hair-card svg{width:90px;height:90px}.hair-card h4{font-size:12px;font-weight:600;margin:4px 0 6px}.hair-card p{font-size:10px;color:#8e7f6b;line-height:1.8;margin:0}.hair-tag{font-size:8px;display:inline-block;background:#eee7f2;color:#8b739d;padding:2px 6px;border-radius:10px}.hair-card details{grid-column:1/-1;font-size:10px;border-top:1px solid #e8dfce;padding-top:9px;color:#8d7c68}.hair-card summary{min-height:35px;cursor:pointer;color:#786486}.hair-card details button{min-height:40px;background:#eee8f3;color:#715c82;border:0;padding:7px 11px;border-radius:5px;font-size:10px}.guide-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:45px 0;border-bottom:1px solid var(--line)}.guide-strip>div+div{border-left:1px solid var(--line);padding-left:25px}.guide-strip span{font-size:8px;letter-spacing:1.5px;color:#9b8a71}.guide-strip h3{font-size:14px;font-weight:500;margin:12px 0 9px}.guide-strip p{font-size:11px;color:#8f8475;line-height:1.9;margin:0}.sources{padding:32px 0 37px}.sources h3{font-size:13px;font-weight:500;margin:0}.sources h3 span{color:#a890b7}.sources p{font-size:10px;color:#928777}.sources>div{display:flex;gap:18px;flex-wrap:wrap;margin:17px 0}.sources a{font-size:9px;color:#887397;text-decoration:underline;text-underline-offset:4px}.sources small{font-size:9px;color:#a39989;display:block}footer.wrap{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:94px;gap:15px}footer .brand{font-size:17px}footer .brand-en{font-size:8px}footer p,footer>span{font-size:8px;color:#a39786}footer p span{color:#bba7cc;margin-left:7px}dialog{max-width:490px;width:calc(100% - 36px);background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:33px;color:var(--ink);box-shadow:0 15px 70px #0002}dialog::backdrop{background:#29252b66}dialog h2{font-size:25px;font-weight:500}dialog p:not(.eyebrow){font-size:12px;color:#82786c;line-height:1.9}.dialog-close{position:absolute;right:14px;top:10px;width:40px;height:40px;border:0;background:none;font-size:25px;color:#84798b}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#37313e;color:white;padding:13px 21px;border-radius:7px;font-size:12px;z-index:5;max-width:90%;text-align:center}.busy{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.55}}@media(min-width:1300px){.wrap{max-width:1220px}.hero{gap:80px}}@media(max-width:850px){.wrap{padding:0 25px}.hero{gap:30px}.hero h1{font-size:43px}.brand-en{display:none}.hero-board{padding:18px}.wardrobe-hero{height:230px}.hero-notes{gap:10px;font-size:9px}.input-column,.result-column{padding:23px}.score-box{gap:16px}.score-ring{width:96px;height:96px}.score-ring>div{width:82px;height:82px}.score-copy h3{font-size:17px}.score-ring strong{font-size:34px}.mini-looks{grid-template-columns:1fr}.step-note{display:none}.hair-card{grid-template-columns:72px 1fr}.hair-card svg{width:72px;height:80px}}@media(max-width:600px){.wrap{padding:0 20px}.header{height:75px;gap:10px}.brand{font-size:21px}.brand-mark{width:29px;height:31px;font-size:29px;line-height:28px}.private-pill{display:none}.text-btn{font-size:11px}.hero{grid-template-columns:1fr;gap:30px;padding:36px 0 43px}.hero .eyebrow{font-size:8px;margin-bottom:16px}.hero h1{font-size:42px;letter-spacing:-2px;margin-bottom:20px}.hero-desc{font-size:12px}.hero-notes{font-size:9px;margin-top:20px;gap:18px}.hero-board{max-width:100%;margin:0 8px 0 3px;transform:rotate(1.2deg);padding:17px 21px}.wardrobe-hero{height:204px}.board-top{font-size:7px}.swatch-row p{font-size:9px}.float-note{right:-8px;bottom:42px;font-size:10px;padding:8px 12px}.studio{padding-top:28px}.studio-head h2{font-size:23px}.studio-head .eyebrow{font-size:7px;letter-spacing:1.8px}.tabs{margin-top:20px;gap:0}.tabs button{flex:1;padding:14px 5px;font-size:12px}.tabs span{font-size:9px;margin-right:7px}.studio-grid{grid-template-columns:1fr}.input-column{border-right:0;border-bottom:1px solid var(--line);padding:23px 18px}.result-column{padding:25px 18px}.panel-label h3{font-size:12px}.dropzone{min-height:283px}.form-grid select{font-size:12px;min-height:46px}.form-grid label{font-size:11px}.consent-row{font-size:11px;gap:9px}.consent-row input,.check-row input{width:19px;height:19px}.check-row{font-size:12px;min-height:35px}.photo-meta{font-size:10px}.status{font-size:12px}.analyze{min-height:53px}.demo-link{font-size:11px;min-height:44px}.result-empty{padding:2px 5px 5px;min-height:450px}.empty-art{margin:26px 0 17px}.result-empty h3{font-size:24px}.result-empty>p{font-size:12px}.honest-note{margin-top:30px;padding-top:20px;font-size:11px}.honest-note small{font-size:10px}.score-ring{width:111px;height:111px}.score-ring>div{width:97px;height:97px}.score-ring strong{font-size:38px}.score-copy h3{font-size:18px}.score-copy p{font-size:11px}.mini-looks{grid-template-columns:1fr 1fr}.look-card{padding:11px}.look-card svg{height:95px}.result-block h4{font-size:13px}.result-subnote{font-size:11px}.hair-card{grid-template-columns:85px 1fr;padding:13px}.hair-card svg{width:85px;height:90px}.hair-card h4{font-size:13px}.hair-card p,.hair-card details{font-size:11px}.hair-card summary{min-height:40px}.guide-strip{grid-template-columns:1fr;gap:22px;padding:30px 0}.guide-strip>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:22px}.guide-strip h3{margin:7px 0;font-size:14px}.guide-strip p{font-size:12px}.sources>div{gap:13px;flex-direction:column}.sources a,.sources small{font-size:10px}.sources p{font-size:11px}footer.wrap{min-height:104px;flex-wrap:wrap;gap:0;padding-top:20px;padding-bottom:20px}footer p{font-size:9px}footer>span{width:100%;font-size:9px}.result-actions button{min-height:46px;font-size:11px}dialog{padding:28px 23px}dialog p:not(.eyebrow){font-size:13px}.toast{bottom:calc(18px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){.hair-tag,.outfit-labels span{font-size:10px}.board-top{font-size:9px}.studio-head .eyebrow{font-size:9px}.tiny-tag,.optional{font-size:10px}.result-kicker,.empty-tags span{font-size:10px}}

.style-preference-label{grid-column:1/-1}.style-preference-label small{display:block;margin-top:7px;line-height:1.8;font-size:10px;color:#8c8177}@media(max-width:600px){.style-preference-label small{font-size:11px}}