.dialog-content{padding:42px 40px}
.dialog-content h2{margin-bottom:22px}
.dialog-content label{margin:12px 0}
.dialog-content input[type="color"]{height:38px;padding:4px 0;cursor:pointer}
.dialog-content label small{display:block;color:#89928e;font-weight:400;margin-top:4px;line-height:1.35}
.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.form-grid label:last-child{grid-column:1/-1}
.match-score{position:absolute;top:28px;left:28px;background:var(--ink);color:#fff;padding:7px 10px;font:600 11px var(--sans);letter-spacing:.06em}
.reason-list{display:flex;flex-wrap:wrap;gap:5px;margin:10px 48px 0 0}
.reason-list span{border:1px solid var(--line);border-radius:14px;padding:4px 8px;font-size:9px;color:#67746e}
.look-items{font-size:10px!important;color:#89938e!important;margin-top:8px!important}
@media(max-width:620px){.form-grid{grid-template-columns:1fr}.form-grid label:last-child{grid-column:auto}}

.mobile-nav{display:none}
@media(max-width:620px){
  body{padding-bottom:86px;-webkit-tap-highlight-color:transparent}
  .topbar{position:sticky;top:0;height:58px;padding:0 18px;background:rgba(250,248,242,.94);backdrop-filter:blur(14px);z-index:9}
  .topbar .brand{font-size:12px;letter-spacing:.12em}.brand-mark{width:32px;height:32px}.topbar nav{display:none}
  .hero{min-height:350px;padding:52px 22px 36px}.hero-art{right:-35%;top:10px;width:95vw;height:350px}.sun{width:245px;height:245px}.hanger{font-size:150px}.fabric-a{width:130px;height:190px}.fabric-b{width:115px;height:175px}
  .hero h1{font-size:48px;margin:18px 0}.hero>p{font-size:14px;line-height:1.7;max-width:78%}.hero-meta{margin-top:28px;gap:22px}.hero-meta strong{font-size:19px}.hero-meta span{font-size:9px}
  .workspace{padding:52px 16px 92px}.section-heading{margin-bottom:24px}.section-heading>div{gap:10px}.section-heading h2{font-size:23px}
  .upload-card{height:104px;border-radius:14px;flex-direction:row;text-align:left;justify-content:flex-start;padding:0 20px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;column-gap:12px}.upload-icon{grid-row:1/-1;width:46px;height:46px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%}.upload-card strong{align-self:end}.upload-card small{align-self:start}
  .clothes-grid{grid-auto-columns:144px;gap:10px}.clothing-card{height:196px;border-radius:10px}.card-label{left:7px;right:7px;bottom:7px;padding:8px;font-size:10px}.delete-item{opacity:1}
  .filter-row{margin:16px -16px 0;padding:0 16px 6px}.filter-chip{min-height:40px;padding:8px 16px}
  .generator-heading{margin-top:64px}.generator{border-radius:15px;padding:26px 20px;gap:28px}.choice-row{display:grid;grid-template-columns:1fr 1fr}.choice-row span{min-height:44px;display:grid;place-items:center;text-align:center}.generate-button{min-height:58px;border-radius:10px;font-size:15px}
  .results{margin-top:62px}.results-title h2{font-size:23px}.look-card{border-radius:14px;padding:12px}.look-visual{height:330px;border-radius:9px;overflow:hidden}.look-info{padding:16px 5px 8px}.look-info h3{font-size:20px}.match-score{top:22px;left:22px;border-radius:16px}.save-look{width:44px;height:44px;right:16px;bottom:16px}
  dialog{max-height:92dvh;overflow:auto;border-radius:18px 18px 0 0;margin:auto 0 0;width:100%;max-width:none}.preview-wrap{height:210px}.dialog-content{padding:28px 22px 35px}.dialog-content input,.dialog-content select{min-height:44px}.save-item{min-height:54px;border-radius:10px;position:sticky;bottom:0}
  .mobile-nav{position:fixed;display:grid;grid-template-columns:1fr 74px 1fr;align-items:center;left:0;right:0;bottom:0;height:76px;padding:5px max(22px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-bottom));background:rgba(250,248,242,.96);border-top:1px solid var(--line);backdrop-filter:blur(18px);z-index:15}
  .mobile-tab{border:0;background:transparent;color:#7d8984;font:500 10px var(--sans);display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;height:54px}.mobile-tab span{font-size:20px}.mobile-tab.active{color:var(--ink)}
  .mobile-capture{width:58px;height:58px;border:5px solid var(--paper);border-radius:50%;background:var(--coral);color:#fff;font-size:30px;transform:translateY(-15px);box-shadow:0 10px 24px rgba(228,110,80,.35);justify-self:center}
  .toast{bottom:94px;white-space:nowrap}
}