/* Isolated black / chrome / purple colour proposal. */
:root{color-scheme:dark;--paper:#101114;--ink:#f0f1f5;--muted:#a9adb8;--line:#353740;--lilac:#7a32da;--lilac-light:#291d3d;--white:#18191f;--green:#9ac0a1}
body{background:radial-gradient(ellipse at 87% 0%,#24173355,transparent 43%),#101114;color:var(--ink)}
.topbar{border-color:#3e414a;background:linear-gradient(180deg,#ffffff04,transparent)}
.wordmark{letter-spacing:-2px;color:#e8ecf3}
.wordmark span{color:#a96cff}
.brand-signature{color:#b5b7c0}
.brand-lockup .wordmark,.intro h1 em{background:linear-gradient(180deg,#ffffff 4%,#c0c5cf 33%,#6e7481 48%,#f6f8fc 53%,#b4bbc7 74%,#f6f8fc 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 2px 12px #c2d2ff0b}
.brand-lockup .wordmark span{color:#a96cff;-webkit-text-fill-color:#a96cff}
.intro h1 em{padding-right:5px}
.star,.note-spark{color:#a36cf2}.intro-note p{color:#bfc4ce}
.nav-link{color:#b4b7c1}.nav-link.active{color:#f0f1f5;border-color:#b4b9c5}.count{background:#292b33;color:#bec3cf}
.privacy-badge{border-color:#494d59;background:linear-gradient(145deg,#ffffff07,#ffffff01);color:#d4d8e1}.status-dot{background:#a686d8}
.quick-start{border-color:#45434f;border-radius:16px;background:linear-gradient(120deg,#24212d,#1a1c22 64%,#202229);box-shadow:inset 0 1px 0 #ffffff0b;font-family:Studio,'Helvetica Neue',Arial,sans-serif}
.quick-start-kicker{color:#b9bdc9}.quick-start h2{color:#e8eaf0;letter-spacing:-.5px}.quick-start-spark{color:#a36cf2}
.quick-start h3,.guide-you h3,.guide-selection h3{color:#dedfe7}
.quick-start-steps p,.quick-start-finish{color:#bcc0cb}.quick-start-finish{border-color:#42434c}.quick-start-finish strong{color:#bd93ff}
.guide-number,.guide-you .guide-number,.guide-selection .guide-number{background:linear-gradient(145deg,#9b60e5,#5a249b);color:#fff;border:1px solid #b48bde66;box-shadow:inset 0 1px 1px #ffffff25}
.gift-note{background:#11121680;border-color:#41434e;color:#bfc3cc}.gift-note strong{color:#d7c2f5}.gift-note>span:first-child{color:#a97de9}
.mode-badge{background:#202127;color:#c4c8d2;border-color:#50535e}
.photo-card{background:linear-gradient(150deg,#202127,#17181d);border-color:#494c56;box-shadow:inset 0 1px 0 #ffffff06}.card-heading{border-bottom:1px solid #363942}.card-heading h3{color:#e1e4eb}
.reference-well{background:linear-gradient(140deg,#24262e,#191b21)}.person-well{background-color:#201b2a;background-image:radial-gradient(#63527655 .6px,transparent .6px)}
.upload-symbol,.portrait-mark{color:#aaa3bb}.upload-empty h4{color:#e5e7ed}.upload-empty p,.file-hint{color:#afb2bf}.photo-footer p{color:#a9adb9}
.button.primary{background:linear-gradient(150deg,#8a43e6,#6927bd);border-color:#a369ec;color:#fff;box-shadow:inset 0 1px 0 #ffffff26}.button.primary:hover:not(:disabled){background:linear-gradient(150deg,#9a54f3,#7935cd);border-color:#b380f6}
.button.dark{background:linear-gradient(175deg,#f5f7fb,#9da5b4 48%,#dce1e9 51%,#b5bdc9);color:#13151b;border-color:#d1d7e3;box-shadow:inset 0 1px 0 #fff8}.button.dark:hover:not(:disabled){background:#e2e6ed}
.button.secondary{border-color:#545865;color:#e0e3ec;background:#ffffff02}.button.secondary:hover:not(:disabled){background:#30313a}
.text-button,.example-photo-button,.upload-empty .example-photo-button,.selection-tools .text-button{color:#c3a0f5}.danger{color:#e6a3a3}
.controls{border-color:#424550}.segmented{background:#18191e;border-color:#454850}.segmented button{color:#aeb3c0}.segmented button.selected{background:#3b225a;color:#f3eaff;border-color:#9861d4}
.garment-option{background:#1b1d23;border-color:#424550;color:#c3c7d2}.garment-option.selected{background:#30203f;border-color:#9861d4;color:#f3edfc}
select,input{background:#1b1c23;border-color:#4c505c;color:#e0e4ec}.crop-help,.photo-type-label,.preservation-note p,.selection-tools p,.action-note,.small-copy{color:#aeb3c0}
.preservation-note{border-color:#3f424b}.preservation-note strong{color:#d3c0ed}.crop-details{border-color:#3f424b}
.image-tag,.crop-box span,.compare-label{background:#14151de8;color:#e0e4ee}.comparison-line{background:#d2d8e3}.comparison-line span{background:linear-gradient(#e7ebf2,#9aa4b5);color:#111318;border-color:#f2f5fa}
.result-frame,.comparison-stage{background:#20222a}.result-tabs button{color:#c5cad4;border-color:#4c505c}.result-tabs button.selected{background:#7131c4;color:#fff}.result-info .review-note{color:#b4bac7}
.saved-storage-note{background:#201b2b;border-color:#4c405e}.saved-storage-note strong{color:#d3b8f7}.saved-storage-note p,.saved-storage-note .saved-device-note{color:#bbc0cc}.saved-storage-note .saved-password-note{border-color:#514459}
.saved-empty{background:#1b1c22;border-color:#50545f}.saved-empty p{color:#aeb4c0}.saved-card{background:#1c1e24;border-color:#454955}.saved-card-info p{color:#adb3c0}
.footer{border-color:#3d414b;color:#abb1bf}.footer .wordmark{color:#d6dce5}
dialog{background:#191a20;border-color:#545764;color:#e5e7ef;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#07070caa}.example-choice{background:#22242c;border-color:#4b4f5c}.example-choice:hover{background:#31223f;border-color:#9764d2}.example-choice img,.consent-images,.export-preview{background:#262932}.example-choice span{color:#b8bfcc}.privacy-points{color:#c4cad5}
.toast{background:#d7dce6;color:#15171d}.lock-screen{background:radial-gradient(ellipse at 80% 30%,#42245a66,transparent 55%),#101114}
.birthday-badge{filter:drop-shadow(0 4px 12px #0007)}
@media(max-width:600px){.quick-start{padding:20px}.brand-lockup .wordmark{letter-spacing:-1.7px}}

/* Give the full wardrobe headline room at every screen size. */
#studio-title{font-size:clamp(38px,4.8vw,64px);line-height:1.08;letter-spacing:-2.4px}#studio-title em{letter-spacing:-2.6px}.intro>div:first-child{min-width:0}.intro:has(.birthday-badge) .intro-note{margin-right:20px;flex-shrink:0}
@media(max-width:900px) and (min-width:601px){#studio-title{font-size:clamp(35px,5.4vw,48px)}#studio-title .star{display:none}.intro:has(.birthday-badge) .intro-note{margin-left:15px;margin-right:0;min-width:160px}.birthday-badge{width:155px}}
@media(max-width:600px){.intro:has(.birthday-badge) #studio-title{width:100%;max-width:none;min-height:0;font-size:clamp(31px,8.9vw,43px);letter-spacing:-1.6px;line-height:1.12}.intro:has(.birthday-badge) #studio-title em{letter-spacing:-1.7px;white-space:nowrap}.intro:has(.birthday-badge) .intro-note{top:auto;bottom:28px;right:0;margin:0;width:108px;min-width:0}.birthday-badge{width:108px}.intro-copy{max-width:calc(100% - 120px);min-height:110px;margin-top:28px}.intro{padding-bottom:28px}}
@media(max-width:350px){.intro:has(.birthday-badge) #studio-title{font-size:31px}.intro:has(.birthday-badge) .intro-note{width:96px;bottom:24px}.birthday-badge{width:96px}.intro-copy{max-width:calc(100% - 106px);min-height:112px;font-size:10px}}