:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#302a30;background:#faf7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}.site-header{height:74px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:#4b2837;text-decoration:none;font-size:22px;font-weight:800}.brand small{display:block;font-size:11px;font-weight:400;color:#8a777e}.brand-mark{background:#6c344b;color:#fff;border-radius:12px;padding:8px}.site-header nav{display:flex;gap:6px;margin-left:auto}.nav,.account-button{background:transparent;color:#614d56;padding:10px 16px;border-radius:999px}.nav.active{background:#f0e2e6;color:#6c344b;font-weight:700}.account-button{border:1px solid #d8c7cc}main{max-width:1180px;margin:auto;padding:22px 24px 80px}.hero{background:linear-gradient(115deg,#fae8e7,#f6eee6);border-radius:28px;padding:45px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero h1,.page-heading h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.04em;margin:10px 0}.hero p{color:#6b5c61}.eyebrow{letter-spacing:.24em;font-size:11px;font-weight:700;color:#9a6c78}.primary{background:#753b51;color:#fff;padding:13px 20px;border-radius:14px;font-weight:700}.secondary{background:#f2e9eb;color:#63364a;padding:11px 16px;border-radius:12px}.text-button{background:transparent;color:#753b51;text-decoration:underline}.wide{width:100%}.today-layout{display:grid;grid-template-columns:minmax(260px,330px) 1fr;gap:24px;margin-top:28px}.today-settings,.look-panel,.item-card,.record-card,.empty-state{background:#fff;border:1px solid #eee6e6;border-radius:22px;padding:24px;box-shadow:0 8px 26px #4c1f3009}.section-title{display:flex;align-items:center;gap:10px}.section-title h2{font-size:20px}.step{background:#f4e7ea;color:#874d60;border-radius:50%;padding:7px;font-size:12px}.today-settings label,dialog label{display:block;font-weight:650;font-size:13px;margin:15px 0 7px}.today-settings select,.today-settings .location-button,dialog input:not([type=file]),dialog select{width:100%;background:#fff;border:1px solid #d9cdd0;border-radius:12px;padding:12px;color:#302a30}.today-settings .location-button{text-align:left}.today-settings .primary{margin-top:20px}.quiet{color:#80747a;font-size:13px;line-height:1.6}.manual-weather{margin-top:16px;color:#715c65}.look-collage{min-height:250px}.look-reason{font-size:16px;line-height:1.6}.look-actions,.generation-tools,.dialog-actions,.data-actions,.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.generation-tools{border-top:1px solid #eee;padding-top:18px}.generation-tools img{display:block;max-width:100%;max-height:650px;border-radius:16px;margin-top:10px}.sample-banner{background:#f9f1e8;margin-top:24px;padding:16px 20px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sample-banner button{background:transparent;color:#753b51;font-weight:700}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{color:#81737a}.closet-grid,.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.item-card,.record-card{padding:14px}.item-photo{height:230px;background:#f6f2f1;border-radius:15px;overflow:hidden}.item-photo img{width:100%;height:100%;object-fit:contain}.item-copy{display:flex;flex-direction:column;gap:6px;padding:15px 2px}.item-copy span,.record-card span{font-size:13px;color:#84787d}.card-actions button{background:#f5eff0;color:#6e4a5a;border-radius:8px;padding:7px}.record-images{display:flex;height:190px;gap:5px}.record-images img,.record-images .sample-art{min-width:0;flex:1;object-fit:contain;background:#f5f1ef;border-radius:10px}.record-card{display:flex;flex-direction:column;gap:9px}.record-card button{align-self:flex-start;background:#f1e5e8;color:#71384d;padding:8px 12px;border-radius:9px}.sample-art{display:grid;place-items:center;color:#6c344b;background:#f6ecee;padding:10px;text-align:center}.sample-bottom{background:#dbe5f2}.sample-shoes{background:#e5e3e4}.empty-state{text-align:center;color:#705e65;padding:40px}.empty-state h2,.empty-state h3{color:#432d37}footer{text-align:center;color:#a19499;padding:30px}dialog{border:0;border-radius:22px;box-shadow:0 20px 90px #39233355;padding:26px;width:min(540px,calc(100% - 24px));max-height:90vh;overflow:auto}dialog::backdrop{background:#27202580}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{margin:0}.close-dialog{font-size:27px;background:transparent;color:#725b65}.photo-picker{display:block;border:2px dashed #cfb7c0;border-radius:15px;padding:25px;text-align:center;color:#6d3850;cursor:pointer}.photo-picker input,.import-label input{display:none}.intake-preview,.tryon-preview{display:block;max-width:100%;max-height:340px;object-fit:contain;margin:14px auto;border-radius:12px}.intake-summary{background:#f8f1f3;padding:15px;border-radius:12px;display:flex;flex-direction:column;gap:5px}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.field-grid label{min-width:0}.backup-tools{margin-top:18px}.backup-tools button,.backup-tools label{display:inline-block;margin:8px}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto!important}.error{color:#b6384f}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#34242d;color:#fff;padding:12px 19px;border-radius:10px;display:none;z-index:20}.toast.visible{display:block}.startup-error{padding:25px;color:#9c314b}@media(max-width:760px){.site-header{height:62px;padding:0 14px;gap:7px}.brand{font-size:18px}.brand small{display:none}.site-header nav{gap:0}.nav,.account-button{padding:8px 9px;font-size:13px}main{padding:10px 14px 55px}.hero{padding:28px 23px;display:block}.hero-upload{margin-top:10px;width:100%}.today-layout{grid-template-columns:1fr}.look-panel{order:-1}.page-heading{align-items:flex-start}.page-heading .primary{white-space:nowrap}.field-grid{grid-template-columns:1fr 1fr}.sample-banner{display:block}}.outfit-collage{background:#f7f5f1;border:1px solid #ece6df;border-radius:8px;margin:0 0 22px;overflow:hidden}.collage-heading{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;color:#54474a;font-size:14px;border-bottom:1px solid #e9e3dc}.collage-heading span:last-child{font-size:12px;color:#817775}.collage-board{position:relative;width:min(100%,550px);aspect-ratio:5/6;margin:0 auto;isolation:isolate}.collage-piece{position:absolute;margin:0;display:flex;align-items:center;justify-content:center;min-width:0}.collage-piece .garment-visual{display:block;border:0;border-radius:0;background-color:transparent;width:100%;height:100%;max-width:100%;max-height:none!important;object-fit:contain;aspect-ratio:auto}.collage-piece img{display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;object-fit:contain}.collage-piece .sample-art{width:100%;height:100%}.look-panel{min-width:0}.look-collage{max-width:100%;overflow:hidden}.collage-piece .demo-art,.collage-piece .extra-art{height:auto;aspect-ratio:1;mix-blend-mode:multiply}.collage-piece.is-sample{mix-blend-mode:multiply}.collage-top{left:26%;top:9%;width:48%;height:40%;z-index:3}.collage-bottom{left:24%;top:42%;width:52%;height:44%;z-index:2}.collage-dress{left:23%;top:14%;width:54%;height:66%;z-index:3}.collage-shoes{left:38%;top:81%;width:24%;height:19%;z-index:3}.collage-hat{left:40%;top:0;width:20%;height:17%;z-index:4}.collage-outer{left:0;top:20%;width:31%;height:34%;z-index:4}.collage-necklace{left:78%;top:22%;width:16%;height:17%;z-index:4}.collage-earrings{left:79%;top:7%;width:14%;height:13%;z-index:4}.collage-scarf{left:4%;top:3%;width:22%;height:20%;z-index:4}.collage-belt{left:78%;top:44%;width:21%;height:15%;z-index:4}.collage-bag{left:76%;top:59%;width:23%;height:22%;z-index:4}.collage-key{display:flex;flex-wrap:wrap;gap:8px 18px;padding:16px 18px 5px;border-top:1px solid #e9e3dc;background:#ffffff60}.collage-key>span{font-size:13px;color:#796d70;line-height:1.7}.collage-key b{font-weight:500;color:#4d4145;margin-right:3px}.collage-key small{margin-left:5px;color:#877b7f;font-size:11px}.collage-note{font-size:13px!important;line-height:1.7!important;color:#817573;padding:10px 18px 16px;margin:0!important;background:#ffffff60}.collage-missing{display:none;text-align:center;font-size:14px;color:#847475}.collage-missing small{display:block;font-size:12px;margin-top:5px}.collage-piece.is-missing{border:1px dashed #cdbec2;border-radius:8px}.collage-piece.is-missing .collage-missing{display:block}.collage-extras{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;padding:10px 18px}.collage-extras .collage-piece{position:relative;width:100px;height:100px}.collage-empty{padding:65px 20px;text-align:center;color:var(--muted)}.collage-empty h3{font-size:18px}.collage-empty p{font-size:14px}.collage-empty button{margin-top:10px}.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}.trial-model.is-collage{height:auto;background:transparent;overflow:visible}.trial-model.is-collage .collage-board{max-width:440px}.trial-model.is-collage .collage-key{padding-left:0;padding-right:0}.recommended-ai-tools{display:grid;gap:10px;margin:0 0 20px;padding:14px 18px;border:1px solid #e8dce0;border-radius:8px;background:#fff}.recommended-ai-views{display:flex;flex-wrap:wrap;gap:7px}.recommended-ai-views button{padding:8px 13px;border:1px solid #e5d9dd;border-radius:6px;background:#fff;color:#65575b;font-size:13px}.recommended-ai-views button.selected{border-color:#9b6878;background:#fbf5f7;color:#713e50}.recommended-ai-views button:disabled{opacity:.55}.recommended-ai-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recommended-ai-actions [data-generate-outfit]{min-height:42px}.personal-tryon-tools{display:grid;gap:9px;padding:14px;border:1px solid #ece6df;border-radius:7px;background:#faf8f5}.personal-tryon-tools h3{margin:0;color:#514247;font-size:15px}.personal-tryon-tools input[type=file]{max-width:100%}.personal-tryon-tools [data-generate-tryon]{min-height:42px}.tryon-person-preview{display:block;width:min(100%,320px);max-height:380px;object-fit:contain;object-position:top center;border:1px solid #ece6df;border-radius:7px;background:#fff}.personal-tryon-tools .helper,.recommended-ai-disclosure,.recommended-ai-status{margin:0;color:#786c6f;font-size:12px;line-height:1.65}.recommended-ai-status{min-height:20px;color:#704456}.recommended-ai-result{position:relative;width:min(100%,590px);margin:0 auto 20px;padding:10px;border:1px solid #ece6df;border-radius:8px;background:#fff}.recommended-ai-result>span{position:absolute;top:18px;left:18px;z-index:1;padding:4px 9px;border-radius:5px;background:#722f45e8;color:#fff;font-size:11px}.recommended-ai-result img{display:block;width:100%;max-height:720px;aspect-ratio:3/4;object-fit:contain;border-radius:5px;background:#f7f5f1}.recommended-ai-result figcaption{margin-top:9px;color:#786c6f;font-size:12px;line-height:1.6}@media(max-width:700px){.preview-controls{flex-wrap:wrap}.preview-tabs{max-width:100%}.preview-tabs button{font-size:13px;padding:7px 9px}.collage-heading{padding:12px;font-size:13px}.collage-heading span:last-child{font-size:11px}.collage-board{min-height:340px}.collage-key{padding:12px 12px 3px;gap:6px 12px}.collage-note{padding:9px 12px 13px;font-size:12px!important}.collage-key>span{font-size:12px}.collage-missing{font-size:12px}}@media(max-width:700px){.recommended-ai-tools{gap:9px;padding:12px}.recommended-ai-views button{flex:1;padding:8px 9px}.recommended-ai-actions [data-generate-outfit],.recommended-ai-actions [data-generate-tryon]{flex:1}.recommended-ai-result{padding:7px}.recommended-ai-result img{max-height:560px}.personal-tryon-tools{padding:12px}.tryon-person-preview{max-width:100%;max-height:330px}}.outfit-collage>.recommended-ai-result{width:100%;max-width:none;margin:0;padding:14px 18px;border:0;border-top:1px solid #ece6df;border-radius:0;background:#fff}.outfit-collage>.recommended-ai-result img{max-height:720px;aspect-ratio:4/5}.outfit-collage>.recommended-ai-result figcaption{margin-top:10px}@media(max-width:700px){.outfit-collage>.recommended-ai-result{padding:12px}.outfit-collage>.recommended-ai-result img{max-height:560px}}#city-dialog{width:min(620px,calc(100vw - 28px))}.region-picker{margin-top:18px}.region-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.region-selects select{min-width:0;width:100%;height:42px;padding:8px;border:1px solid var(--border);border-radius:5px;background:#fff;font-size:13px}.region-picker>[type=button]{margin-top:12px}.region-picker+.helper{margin-top:16px}.region-picker summary{padding:5px 0}.region-picker+.helper,#region-weather-note{line-height:1.7}@media(max-width:520px){#city-dialog{padding:20px 16px}.region-selects{grid-template-columns:1fr}.region-selects select{height:44px}.search-row{gap:7px}.search-row .primary{padding:8px 12px}.city-result{line-height:1.55}}
