:root{--background:#faf9fc;--foreground:#211b2b;--primary:#7444d9;--primary-foreground:#fff;--muted:#f0edf5;--muted-foreground:#6f687a;--border:#e6e1ed;--accent:#f0e8ff}body{background:var(--background)}::selection{color:#281441;background:#dfc8ff}.topbar{border-color:#ebe7f0;height:80px;padding:0 max(32px,50vw - 640px)}.brand{letter-spacing:-1.6px;gap:9px;font-size:28px;font-weight:700}.brand>svg{width:27px;height:27px;color:var(--primary);stroke-width:1.6px}.top-caption{color:#83788d;letter-spacing:2px;font-size:12px}.account-controls{gap:22px}.credits-link{color:#64516f;font-size:14px}.outline-button{border-color:var(--border);border-radius:9px;min-height:44px;font-size:14px}.account-controls .outline-button{background:var(--foreground);color:#fff;border-color:var(--foreground);padding:11px 19px;font-size:14px}.account-controls .outline-button:hover{background:#4c3364}.workspace{max-width:1344px;padding:38px 32px 0}.page-heading{align-items:flex-end;gap:32px;margin-bottom:30px}.page-heading .eyebrow{color:#795c96;letter-spacing:1.6px;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.page-heading h1{font-family:var(--font-editorial), Georgia, serif;letter-spacing:-2.3px;margin:0;font-size:clamp(48px,5.5vw,78px);font-weight:400;line-height:1.06}.page-heading h1 em{color:var(--primary);white-space:nowrap;font-family:inherit}.heading-aside{flex-shrink:0;max-width:325px;padding-bottom:2px}.intro{color:#786e82;font-size:16px;line-height:1.65}.mode-badge{color:#64596f;background:0 0;border:0;margin-top:10px;padding:0;font-size:12px;display:inline-flex}.mode-badge>span{background:var(--primary);width:5px;height:5px}.studio-tabs-list{border-bottom:1px solid var(--border);margin-bottom:26px;gap:28px!important;width:100%!important;padding:0!important}.studio-tabs-list [data-slot=tabs-trigger]{color:#84798e;gap:8px;min-height:44px;font-size:14px;font-weight:500;padding:0 0 16px!important}.studio-tabs-list [data-slot=tabs-trigger][data-active]{color:var(--foreground)}.studio-tabs-list [data-slot=tabs-trigger]:after{height:2px;background:var(--foreground)!important}.tab-count{text-align:center;color:#6d5c82;background:#eee8f5;border-radius:20px;min-width:20px;padding:1px 5px}.fitting-grid{grid-template-columns:minmax(0,1.75fr) minmax(360px,1fr);align-items:start;gap:30px}.preview{background:#fff;border:1px solid #e1dce8;border-radius:18px;grid-area:1/1;box-shadow:0 12px 40px #38204306}.controls{border:1px solid var(--border);background:#fff;border-radius:18px;grid-area:1/2;min-width:0;padding:26px}.controls-heading{border-bottom:1px solid #eee9f3;margin-bottom:20px;padding-bottom:22px}.controls-heading .eyebrow{color:#9b76b6;letter-spacing:1.6px;font-size:12px}.controls-heading h2{font-family:var(--font-editorial), Georgia, serif;letter-spacing:-.4px;margin:6px 0;font-size:32px;font-weight:400;line-height:1.15}.controls-heading p{color:#827589;margin:8px 0 0;font-size:14px;line-height:1.5}.step-heading{gap:9px;margin-bottom:12px}.step-heading h2{letter-spacing:-.2px;font-size:15px;font-weight:600}.step-number{color:#835bb2;background:#f0e8fc;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:grid}.step-heading .icon-button{color:#aa9cb8;width:32px;min-width:32px;height:32px;min-height:32px}.photo-drop{background:#f7f2ff;border:1px dashed #ccb9e8;border-radius:12px;gap:8px;min-height:218px;margin-bottom:26px;padding:20px 14px}.photo-drop:hover{border-color:var(--primary);background:#f0e6ff}.upload-icon{color:#9468c0;width:42px;height:42px;box-shadow:none;background:#fff;border-radius:12px}.upload-icon svg{width:22px}.photo-drop strong{font-size:14px;font-weight:550}.photo-drop>span:not(.upload-icon):not(.small-button){color:#867694;font-size:13px}.small-button{color:#654281;background:#fff;border:1px solid #dfd3ed;border-radius:7px;margin:4px 0 1px;padding:9px 15px;font-size:13px}.photo-drop small{color:#8b7e97;font-size:12px}.product-link-form{margin-bottom:14px}.product-link-form>label{color:#817589;font-size:13px}.product-link-input{color:#a193b0;border-color:#e0d9e9;border-radius:8px;padding:12px}.product-link-input input{color:var(--foreground);font-size:13px}.product-link-input input::placeholder{color:#a89db4}.product-link-input:focus-within{border-color:#ab7fe0;box-shadow:0 0 0 3px #7444d911}.import-button{color:#8054aa;background:#f9f6fd;border-color:#e6dcf2;min-height:40px;font-size:13px}.garment-drop{background:#fff;border-color:#dfd5e8;border-radius:10px;padding:16px 12px}.garment-drop:hover{background:#faf5fd;border-color:#a984c8}.garment-drop strong{white-space:normal;max-width:100%;font-size:13px}.garment-drop small{color:#8b7e97;font-size:12px;line-height:1.5}.garment-drop>span{min-width:0}.sample-pick{background:#fff6f8;border-color:#eddde3;border-radius:10px;gap:12px;margin:12px 0 22px;padding:10px}.sample-pick img{object-position:center 45%;border-radius:6px;width:54px;height:70px}.sample-pick .eyebrow{color:#ae7a8c;letter-spacing:1px;font-size:12px}.sample-pick strong{color:#6c384a;font-size:14px}.sample-pick p:last-child{color:#a47787;font-size:12px}.sample-pick>svg{color:#ac6581}.primary-button{background:var(--primary);border-radius:10px;padding:16px 18px;font-size:15px;font-weight:550;box-shadow:0 5px 16px #7444d921}.primary-button:hover{background:#6332c4}.credit-meter{background:#f6f2fc;border-color:#ece3f7;border-radius:10px;margin:20px 0 16px;padding:15px}.credit-meter>div{color:#70459e;font-size:14px}.credit-meter p{color:#8a789e;font-size:12px}.consent{color:#8b7e95;font-size:12px}.privacy-note{color:#8c7d9b;font-size:12px;line-height:1.5}.preview-top{color:#79678d;letter-spacing:1.2px;background:#fff;flex-wrap:wrap;gap:12px;padding:16px 20px;font-size:12px}.preview-top>span:first-child{gap:7px}.mirror-image{background:#d5d2dd;height:570px}.comparison-control{color:#82708f;background:#fbf9fd;border-bottom:0;padding:16px 24px 8px;font-size:13px}.comparison-hint{color:#9786a3;background:#fbf9fd;padding-bottom:16px;font-size:12px}.comparison-divider span{color:#71409b;width:42px;height:42px}.comparison-labels span{color:#614974;border-radius:6px;padding:8px 12px;font-size:12px}.sample-story{background:linear-gradient(110deg,#fcfaff,#f3eafb);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.sample-story .eyebrow{color:#a080b2;letter-spacing:1.4px;font-size:12px}.sample-story p{font:32px / 1.1 var(--font-editorial), Georgia, serif;color:#4b335b;margin:7px 0 0}.sample-story em{color:#9771ad}.sample-disclosure{color:#967ea7;text-align:right;font-size:12px;line-height:1.5}.preview-bottom{color:#a292b0;border-top:1px solid #f0eaf5;padding:14px 20px;font-size:12px}.preview-bottom>span:first-child{color:#94829f}.customer-promise{color:#fff;background:#2b1a3e;border:0;border-radius:16px;margin-top:32px;padding:30px 36px}.customer-promise strong{font:34px / 1.1 var(--font-editorial), Georgia, serif}.customer-promise p{color:#c1aed2;margin:8px 0 0;font-size:14px;line-height:1.6}.customer-promise>a{color:#ebd5ff;white-space:nowrap;border-bottom:1px solid #78628d;padding-bottom:6px}.footer,.footer button{color:#a091ab;font-size:12px}.notice{color:#745788;background:#f4eefb;border-color:#e3d7f0;border-radius:10px}.notice.error{color:#94382b;background:#fff2f0;border-color:#f1d1cb}.saved-heading h2,.content-page h1,.content-page h1 em,.dialog-title,.signup-dialog .dialog-title em{font-family:var(--font-editorial), Georgia, serif;font-weight:400}.content-page h1{font-size:clamp(44px,5vw,72px)}.content-page h1 em{color:var(--primary)}.saved-heading h2{font-size:44px}.empty-state{background:#f4eefb;border-color:#dbcaec;border-radius:18px}.empty-state>svg{color:#ac86ca}.look-card,.credit-card,.account-panel,.contact-card{border-color:var(--border);border-radius:16px}.credit-card.featured{background:#f3eafa;border-color:#dac4f2}.credit-card h2{font-family:var(--font-editorial), Georgia, serif;font-size:32px}.card-label,.dialog-icon{color:#9265b5}.marketing-consent{border-color:var(--border);color:var(--foreground);background:#fff}.mobile-preview-cta{color:var(--primary)}@media (min-width:1100px){.preview{position:sticky;top:20px}}@media (max-width:1100px){.heading-aside{max-width:230px}.heading-aside br{display:none}.page-heading h1{max-width:640px;font-size:62px}.fitting-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:20px}.controls{padding:22px}.sample-story{padding:20px}.sample-story p{font-size:28px}}@media (max-width:850px){.workspace{padding:28px 24px 0}.page-heading{margin-bottom:24px;display:block}.page-heading h1{letter-spacing:-1.4px;font-size:clamp(44px,7.5vw,62px)}.heading-aside{justify-content:space-between;align-items:center;gap:20px;max-width:none;margin-top:14px;display:flex}.heading-aside .intro{font-size:13px}.mode-badge{flex-shrink:0;margin:0}.fitting-grid{grid-template-columns:minmax(0,1fr);gap:24px}.preview,.controls{grid-area:auto}.first-visit .preview{grid-row:1}.first-visit .mirror-image,.mirror-image{height:min(105vw,600px)}.mobile-preview-cta{background:#f0e6fc;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:15px;font-size:14px;display:flex}.controls-heading h2{font-size:36px}.photo-drop{min-height:220px}.controls-heading .eyebrow,.sample-pick .eyebrow{font-size:12px}}@media (max-width:480px){.topbar{flex-wrap:nowrap;height:auto;min-height:72px;padding:14px 20px}.brand{letter-spacing:-1.3px;gap:7px;font-size:24px}.brand>svg{width:23px}.account-controls .credits-link{display:none}.account-controls .outline-button{min-height:40px;padding:9px 12px;font-size:12px}.workspace{padding:26px 18px 0}.page-heading h1{max-width:330px;font-size:48px;line-height:1.02}.page-heading .eyebrow{letter-spacing:1.1px;font-size:12px}.heading-aside .intro{max-width:280px;font-size:13px}.heading-aside .mode-badge{display:none}.studio-tabs-list{margin-bottom:20px;gap:24px!important}.studio-tabs-list [data-slot=tabs-trigger]{font-size:13px;padding-bottom:13px!important}.preview-top{letter-spacing:.8px;gap:8px;padding:12px;font-size:12px}.preview-top>span:first-child svg{width:13px}.sample-story{padding:19px 16px}.sample-story p{font-size:27px}.sample-story .eyebrow{font-size:12px}.sample-disclosure{max-width:85px;font-size:12px}.controls{padding:22px}.customer-promise{gap:20px;padding:26px}.customer-promise strong{font-size:32px}.footer{line-height:1.6}}.product-shortcut{color:var(--muted-foreground);margin:0 0 18px;font-size:12px}.product-shortcut summary{color:var(--primary);cursor:pointer;align-items:center;gap:6px;padding:6px 0;display:flex}.product-shortcut p{margin:10px 0;line-height:1.65}.product-shortcut code{background:var(--muted);color:var(--foreground);overflow-wrap:anywhere;border-radius:8px;padding:12px;display:block}.product-shortcut .text-link{font-size:12px}.product-shortcut .shortcut-bookmark{cursor:grab;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:inline-flex}.controls .step-heading[data-next] h2{color:var(--primary)}.controls .step-heading[data-next] .step-number{background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 14%, transparent)}.controls .step-heading[data-complete] .step-number{color:#2f7250;background:#e6f3ec}:root .controls[data-next-step=photo] .photo-drop,:root .controls[data-next-step=outfit] .product-link-input,:root .controls[data-next-step=outfit] .garment-drop{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent)}.controls[data-next-step=consent] .consent{color:var(--foreground);box-shadow:0 0 0 5px var(--accent), 0 0 0 7px color-mix(in srgb, var(--primary) 45%, transparent);background:var(--accent);border-radius:3px}.controls[data-next-step=consent] .consent [data-slot=checkbox]{border-color:var(--primary)}.controls:is([data-next-step=generate],[data-next-step=credits],[data-next-step=sample])>.primary-button{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 23%, transparent), 0 6px 20px color-mix(in srgb, var(--primary) 20%, transparent)}
.header-actions,.theme-control{align-items:center;gap:20px;display:flex}.theme-control{color:var(--muted-foreground);gap:9px;min-height:44px}.theme-moon,.dark .theme-sun{display:none}.dark .theme-moon{display:block}.sample-selector{border-top:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.sample-selector>span{color:var(--muted-foreground);font-size:12px}.sample-selector [data-slot=toggle-group]{border:1px solid var(--border);background:var(--muted);border-radius:24px;gap:4px;padding:4px}.sample-selector [data-slot=toggle-group-item]{min-width:70px;min-height:36px;color:var(--muted-foreground);border-radius:20px;padding:7px 16px;font-size:13px}.sample-selector [data-slot=toggle-group-item][data-pressed]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 8px #39205118}:root.dark{--background:#15111b;--foreground:#f3eefa;--primary:#bd93ff;--primary-foreground:#20112f;--popover:#241c30;--muted:#2d2438;--muted-foreground:#baadc9;--border:#43344f;--accent:#39274d;--surface:#211a2b}:root.dark :is(.topbar,.controls,.preview,.preview-top,.outline-button,.account-panel,.credit-card,.contact-card,.google-button,.result-actions button,.small-button,.upload-icon,.photo-actions,.marketing-consent,.marketing-preferences,.look-card,.info-dialog,.garment-drop,.product-link-input,.model-select,.model-results-grid button,.share-actions button){background:var(--surface);color:var(--foreground);border-color:var(--border)}:root.dark :is(.photo-drop,.credit-meter,.empty-state,.credit-card.featured,.notice,.comparison-control,.comparison-hint,.step-number,.tab-count,.import-button,.mobile-preview-cta,.model-testing,.generation-receipt){background:var(--muted);color:var(--foreground);border-color:var(--border)}:root.dark .sample-pick{background:#342332;border-color:#614055}:root.dark .sample-pick strong{color:#ffd1e2}:root.dark .sample-pick :is(.eyebrow,p:last-child,svg){color:#d9a6bb}:root.dark .sample-story{background:linear-gradient(110deg,#2c2039,#382348)}:root.dark .sample-story p{color:#eee0fa}:root.dark .sample-story em{color:#d0a8ed}:root.dark :is(.controls-heading,.preview-bottom){border-color:var(--border)}:root.dark :is(.top-caption,.credits-link,.intro,.mode-badge,.controls-heading p,.product-link-form>label,.garment-drop small,.photo-drop small,.photo-drop>span:not(.upload-icon):not(.small-button),.credit-meter p,.consent,.privacy-note,.preview-top,.preview-bottom,.preview-bottom>span:first-child,.sample-disclosure,.sample-story .eyebrow,.footer,.footer button,.page-intro,.credit-card p,.credit-card small,.credit-fine-print,.account-panel p,.legal-page p,.legal-page li,.legal-page .legal-date,.dialog-description,.dialog-note,.privacy-copy,.look-info p,.empty-state p,.saved-heading p,.product-selection-note,.model-footnote,.model-testing p,.model-results p){color:var(--muted-foreground)}:root.dark :is(.page-heading .eyebrow,.controls-heading .eyebrow,.card-label,.dialog-icon,.credit-meter>div,.step-number,.small-button,.import-button,.upload-icon,.mobile-preview-cta){color:var(--primary)}:root.dark .studio-tabs-list [data-slot=tabs-trigger]{color:var(--muted-foreground)}:root.dark .studio-tabs-list [data-slot=tabs-trigger][data-active]{color:var(--foreground)}:root.dark :is(.primary-button,.account-controls .outline-button){background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}:root.dark :is(.primary-button,.account-controls .outline-button):hover{background:#caf}:root.dark .import-button-ready:not(:disabled){background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}:root.dark .import-button-ready:not(:disabled):hover{background:#caf;border-color:#caf}:root.dark :is(.photo-drop,.garment-drop,.google-button,.small-button):hover{border-color:var(--primary);background:#392b46}:root.dark .notice.error{color:#ffbec2;background:#401f2a;border-color:#794250}:root.dark .danger-button{color:#fff;background:#a32c39}:root.dark .danger-text{color:#ffa4b0}:root.dark .customer-promise{border:1px solid var(--border);background:#2c203b}:root.dark .product-link-input input{color:var(--foreground)}:root.dark .product-link-input input::placeholder{color:#a79ab7}:root.dark :focus-visible{outline-color:var(--primary)}@media (max-width:650px){.header-actions{gap:14px}.topbar:has(.account-add-credits){flex-wrap:wrap;gap:10px;height:auto;padding-top:14px;padding-bottom:14px}.topbar:has(.account-add-credits) .header-actions{justify-content:flex-end;width:100%}.account-controls:has(.account-add-credits){flex-wrap:wrap;justify-content:flex-end;gap:6px}.account-add-credits{padding:10px 14px;font-size:13px}.account-profile span{display:none}.topbar:has(.credit-balance-link){flex-wrap:wrap;gap:10px;height:auto;padding-top:14px;padding-bottom:14px;position:relative}.topbar:has(.credit-balance-link) .header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;width:100%}.topbar:has(.credit-balance-link) .theme-control{position:absolute;top:14px;right:20px}.credit-balance-link{font-size:12px}}@media (max-width:380px){.topbar{flex-wrap:wrap;gap:8px}.header-actions{justify-content:flex-end;width:100%}.sample-selector{padding:10px 12px}}:root.dark .compare-button,:root.dark .photo-overlay>button{color:var(--foreground);background:#241c30ed;border-color:#736082}:root.dark .generating-overlay{background:#211a2bdd}:root.dark .generating-orb,:root.dark .dialog-icon{background:var(--muted)}:root.dark .setup-list{color:var(--muted-foreground)}:root.dark .privacy-copy strong{color:var(--foreground)}:root.dark .controls .step-heading[data-next] .step-number{background:var(--primary);color:var(--primary-foreground)}:root.dark .controls .step-heading[data-complete] .step-number{color:#9cddb7;background:#243d32}:root.dark .controls[data-next-step=consent] .consent{color:var(--foreground)}.brand-mark,.brand>.brand-mark{color:#214bea;flex-shrink:0;width:36px;height:28px}:root.dark .brand-mark{color:#f4f0ff}.brand .brand-dot{color:#214bea}:root.dark .brand .brand-dot{color:#c4d0ff}.brand.footer-brand{letter-spacing:-.8px;gap:8px;font-size:20px}.footer-brand .brand-mark{width:28px;height:22px}.dialog-icon .brand-mark{width:34px;height:30px}.generating-orb .brand-mark{width:44px;height:36px}@media (max-width:480px){.brand>.brand-mark{width:28px;height:24px}}