@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f8f7f2;--ink:#293a30;--muted:#73766d;--line:#dcdfd4;--green:#34493c;--soft:#eceee4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #9b7844;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}header{max-width:1300px;margin:auto;padding:28px 42px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:Georgia,serif;letter-spacing:7px;font-size:31px;text-decoration:none;color:var(--ink)}.brand span{display:block;font:8px Arial;letter-spacing:3px;margin-top:5px}.pill{font-size:9px;letter-spacing:1.5px;border:1px solid #cdd3c2;border-radius:20px;padding:7px 10px}header .text{margin-left:auto}.text{border:0;background:none;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:5px}main{max-width:1216px;margin:auto;padding:0 30px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px 0 45px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 16px;color:#777d65}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1{font-size:64px;line-height:1.03;letter-spacing:-1.8px;margin:0 0 22px}h1 em{font-weight:400;color:#79846a}h2{font-size:35px;margin:0 0 9px;line-height:1.12}h3{font-size:27px;margin:5px 0 12px}.lead{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:25px}.primary,.secondary{border-radius:4px;padding:13px 19px;border:1px solid var(--green);font-size:12px;font-weight:600}.primary{background:var(--green);color:white}.primary span{margin-left:25px}.secondary{background:transparent;color:var(--green);border-color:#c7ccbf}.heroart{height:330px;position:relative;background:#e9ebdf;border-radius:130px 130px 3px 3px;overflow:hidden}.artnote{position:absolute;top:33px;left:34px;font-size:9px;letter-spacing:2px;line-height:1.7}.artbottom{position:absolute;bottom:18px;left:34px;font-size:8px;letter-spacing:2px}#heroGarments{display:flex;align-items:center;justify-content:center;height:100%;padding-top:15px}#heroGarments svg{width:46%;filter:drop-shadow(8px 12px 5px #243a241a)}#heroGarments svg+svg{margin-left:-20px;transform:translateY(24px)}.notice{background:#efeee6;border:1px solid #e5e3d8;border-radius:4px;padding:14px 18px;display:flex;gap:13px;color:#666a5c;font-size:11px;line-height:1.7}.notice>span{font-size:21px}.notice strong{color:var(--ink);margin-right:4px}nav{display:flex;margin-top:32px;border-bottom:1px solid var(--line);gap:34px}nav button{background:none;border:0;padding:17px 0;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}nav .active{border-bottom-color:var(--ink);color:var(--ink)}#count{background:#e7e9df;padding:2px 6px;border-radius:20px;margin-left:5px}section{padding:34px 0 55px;min-height:300px}.sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.sectionhead p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.6;margin:8px 0}.actions{display:flex;gap:9px;flex-shrink:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.filters button{background:none;border:1px solid var(--line);border-radius:20px;padding:7px 15px;color:var(--muted);font-size:11px}.filters .selected{background:var(--green);color:white;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-width:0}.imagebox{position:relative;aspect-ratio:1/1.12;border-radius:6px;background:#eeeee6;display:flex;align-items:center;justify-content:center;overflow:hidden}.imagebox svg{width:85%;height:85%}.imagebox img{width:100%;height:100%;object-fit:contain}.badge{position:absolute;top:10px;left:10px;background:#ffffffce;border-radius:3px;font-size:8px;letter-spacing:1px;padding:5px 7px}.card h4{font-weight:500;font-size:13px;margin:12px 0 5px}.cardmeta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.cardtools{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.cardtools select{max-width:120px;background:transparent;border:0;font-size:10px;color:var(--muted);padding:4px 0}.cardtools button{border:0;background:none;font-size:10px;color:#8d7164}.empty{text-align:center;border:1px dashed #c8cdbf;border-radius:8px;padding:40px 20px}.empty p{line-height:1.8;color:var(--muted);font-size:13px}.occasions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.occasions button{padding:22px;border:1px solid var(--line);text-align:left;border-radius:5px;background:transparent;color:var(--ink)}.occasions button span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.occasions .selected{background:#e9edde;border-color:#849477}.planbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:23px 0}label{display:block;font-size:12px;font-weight:500}input,select{padding:10px;border:1px solid #ccd1c5;background:#fffef9;border-radius:4px;color:var(--ink)}label input,label select{margin:8px 0;display:block;max-width:100%;width:100%}.small{font-size:11px;color:var(--muted);line-height:1.7}.outfit{border:1px solid var(--line);padding:24px;border-radius:6px;margin-top:22px;background:#fcfcf7}.outfithead{display:flex;justify-content:space-between;gap:10px;align-items:center}.outfithead .eyebrow{margin-bottom:8px}.outfititems{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.outfititems .imagebox{aspect-ratio:1/1}.outfititems p{font-size:11px;margin:7px 0}.outfititems select{width:100%;font-size:10px}.feedback{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.feedback button{font-size:11px;padding:9px 13px;background:none;border:1px solid #c8cdbf;border-radius:4px;color:var(--ink)}.feedback .selected{background:var(--green);color:white}.feedback select{font-size:11px}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:26px 0;color:var(--muted);font-size:10px}.smallbrand{font-size:21px}footer #export{margin-left:auto}dialog{border:1px solid var(--line);border-radius:10px;padding:28px;background:var(--paper);color:var(--ink);width:620px;max-width:calc(100vw - 30px);max-height:90vh}dialog::backdrop{background:#15291c70;backdrop-filter:blur(3px)}dialog p{color:var(--muted);line-height:1.7}.dialoghead{display:flex;align-items:center;justify-content:space-between}.icon{font-size:25px;background:none;border:0;color:var(--ink)}.drop{padding:25px;text-align:center;border:1px dashed #9fae95;border-radius:5px;margin:20px 0;background:#edf0e6;cursor:pointer}.drop input{margin:15px auto 0;width:100%;font-size:11px;background:transparent;border:0}.reviewrow{display:grid;grid-template-columns:85px 1fr;gap:15px;border-top:1px solid var(--line);padding:17px 0}.reviewrow img{width:85px;height:110px;object-fit:contain;background:#e8eadd}.reviewfields{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px}.reviewfields input,.reviewfields select{font-size:11px;width:100%}.reviewfields label:first-child{grid-column:1/-1}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:13px 22px;border-radius:6px;box-shadow:0 4px 30px #0002;display:none;font-size:12px;z-index:100;max-width:90vw}.statusnote{padding:14px;background:var(--soft);font-size:12px;border-radius:4px;line-height:1.7}.savedDate{color:var(--muted);font-size:11px}.samplehint{font-size:10px;color:#7a705a}
@media(max-width:900px){h1{font-size:53px}.intro{gap:25px}.heroart{height:300px}.sectionhead{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:repeat(3,1fr)}header{padding:23px 30px}.outfititems{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{padding:20px;gap:12px}.brand{font-size:25px}.pill{font-size:7px;padding:6px}header .text{font-size:10px}main{padding:0 20px}.intro{grid-template-columns:1fr;padding:35px 0 24px;gap:20px}h1{font-size:49px}.intro .lead{font-size:13px}.heroart{height:190px;border-radius:70px 70px 3px 3px}#heroGarments svg{width:38%;height:170px}#heroGarments{justify-content:flex-end;padding-right:30px}.artnote{top:30px;left:20px;font-size:8px}.artbottom{left:20px;font-size:7px}.notice{font-size:10px;padding:12px}nav{gap:19px;margin-top:20px}nav button{font-size:10px}h2{font-size:30px}.grid{grid-template-columns:repeat(2,1fr);gap:17px}.actions{flex-wrap:wrap}.primary,.secondary{padding:12px 15px}.occasions{grid-template-columns:1fr;gap:8px}.occasions button{padding:15px}.occasions button span{display:inline;margin-left:10px;font-size:10px}.outfit{padding:15px}.outfititems{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap;gap:15px}footer #export{margin-left:0}.reviewfields{grid-template-columns:1fr}.reviewrow{grid-template-columns:65px 1fr}.reviewrow img{width:65px}dialog{padding:20px}}
/* Capsule workflow: put the wardrobe controls first. */
body{font-size:16px}.workspaceintro{padding:34px 0 23px}.workspaceintro h1{font-size:43px;margin-bottom:12px}.workspaceintro .lead{margin:0;font-size:16px}nav button,.primary,.secondary,.text,label{font-size:14px}.eyebrow,.pill,.small,.notice,.cardmeta,.samplehint,.savedDate{font-size:12px}.brand span{font-size:10px}.filters button{font-size:13px}.card h4{font-size:15px}.cardtools select,.cardtools button{font-size:12px}.sectionhead p:not(.eyebrow){font-size:14px}.badge{font-size:10px}.cardtools{gap:7px;flex-wrap:wrap}.recognize-link{border:0;background:transparent;color:var(--green);font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px;padding:10px 0;line-height:1.5}.capsuleline{display:flex;align-items:center;gap:20px;background:#e8ecdf;border-radius:5px;padding:17px;margin-bottom:22px;font-size:14px}.capsuleline .text{margin-left:auto}.capsulebanner{background:#e8ecdf;padding:23px;border-radius:5px;margin-top:25px}.capsulebanner p{font-size:14px;line-height:1.6;margin-bottom:0}.capsulebanner .eyebrow{font-size:12px;margin-bottom:10px}.checklabel{display:flex;align-items:center;gap:9px;font-size:14px;margin:10px 0}.checklabel input{width:18px;height:18px;margin:0;accent-color:var(--green)}.reviewfields input,.reviewfields select{font-size:14px}.reviewfields label{font-size:13px}.reviewrow{grid-template-columns:115px 1fr}.reviewrow img{width:115px;height:145px}.reviewrow .text{font-size:12px;margin-top:8px}.reviewrow .secondary{font-size:12px;margin:5px 7px 5px 0}.reviewrow .small{margin:5px 0 12px}.excluded{opacity:.55}.pending .small{min-height:40px}.pending .imagebox{filter:saturate(.8)}.outfititems p,.outfititems select,.feedback button,.feedback select{font-size:13px}.outfit>p{line-height:1.7}.occasions button span{font-size:13px}.occasions button{font-size:15px}footer{font-size:12px}.notice{margin-bottom:4px}.sectionhead{align-items:flex-start}.actions{padding-top:5px}
@media(max-width:600px){.workspaceintro{padding:26px 0 18px}.workspaceintro h1{font-size:35px}.workspaceintro .lead{font-size:14px}header{flex-wrap:wrap}header .text{font-size:12px}.pill{font-size:10px}nav{gap:18px}nav button{font-size:12px}.notice{font-size:12px}.capsuleline{display:block;font-size:13px}.capsuleline span{display:block;margin:8px 0}.capsuleline .text{padding:0}.reviewrow{grid-template-columns:75px 1fr}.reviewrow img{width:75px;height:110px}.reviewfields{grid-template-columns:1fr}.occasions button span{display:block;font-size:12px;margin:6px 0 0}.outfithead{flex-wrap:wrap}.cardtools select{max-width:100%}.sectionhead{gap:12px}.outfititems select{padding:8px 3px;font-size:12px}}
.matchgrade{display:inline-block;padding:9px 13px;border-radius:20px;font-size:13px;white-space:normal}.matchgrade.strong{background:#dfeada;color:#2c5436}.matchgrade.workable{background:#e9e7d6;color:#655b24}.matchgrade.weak{background:#f2e2dc;color:#854d36}.matchgrade.uncertain{background:#e7e7e7;color:#535650}.looklayout{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;gap:28px;margin-top:22px}.completevisual{background:#eff0e8;border-radius:8px;padding:18px;text-align:center}.generatedlook{max-width:100%;max-height:720px;display:block;margin:0 auto;border-radius:6px}.lookboard{display:flex;flex-direction:column;align-items:center;gap:8px}.lookboard>div{width:90%;max-width:290px}.lookboard img{max-width:100%;height:185px;object-fit:contain;display:block;margin:auto}.lookboard svg{height:185px;max-width:100%}.lookboard span{display:block;font-size:12px;margin:4px 0 10px}.completevisual>.primary{margin-top:14px}.previewcaption{display:block;font-size:12px;margin:12px 0;color:#676f5c}.assessment{font-size:12px;color:#6e7865;text-transform:uppercase;letter-spacing:1px}.lookexplanation>p{line-height:1.7}.lookcautions{border-left:3px solid #b29973;padding:1px 14px;margin:15px 0;background:#f2eee5;font-size:14px;line-height:1.7}.gapsuggestion{background:#eef0e6;border:1px solid #d1d8c7;padding:20px;margin:20px 0;border-radius:6px}.gapsuggestion p{font-size:14px;line-height:1.7}.piecesdrawer{margin:24px 0}.piecesdrawer summary,.alternatives>summary{cursor:pointer;font-size:15px;font-weight:500;padding:15px 0;line-height:1.6}.piecesdrawer .outfititems{grid-template-columns:repeat(2,1fr)}.alternatives{margin-top:24px;border-top:1px solid var(--line)}.alternatives[open]>summary{border-bottom:1px solid var(--line)}.previewchoices{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.previewchoices label{display:flex;gap:8px;align-items:center}#personThumb{max-width:150px;max-height:180px;object-fit:contain}#previewStatus{font-size:14px;line-height:1.7}#previewResult{margin-top:20px}#previewResult .generatedlook{max-height:560px}.cropcontrols{background:#ecefe4;border-radius:5px;padding:12px;margin:12px 0}.cropcontrols label{display:inline-block;width:45%;margin:5px}.cropcontrols .croporiginal{width:100%;height:200px;object-fit:contain}.cropcontrols input{width:100%}.lookcard h3{font-size:27px;max-width:600px;line-height:1.2}@media(max-width:650px){.looklayout{grid-template-columns:1fr}.lookboard{flex-direction:row;justify-content:center}.lookboard>div{width:48%}.lookboard img{height:170px}.lookboard svg{height:170px}.completevisual{padding:14px}.previewchoices{gap:12px}.lookcard{padding:17px}.lookcard h3{font-size:24px}}

/* Complete silhouette is the primary result, never a stack of source crops. */
.looklayout{grid-template-columns:minmax(300px,1.2fr) minmax(260px,1fr);align-items:start}.completevisual{padding:0 0 20px;overflow:hidden;background:#edeef0}.completevisual .generatedlook{display:block;width:100%;height:auto;max-height:850px;object-fit:contain;border-radius:0}.completevisual>button{margin:16px 16px 0;max-width:calc(100% - 32px)}.previewcaption{display:block;padding:12px 16px 0}.lookpending{min-height:530px;padding:70px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#edeef0,#fafafa);color:#36463e}.lookpending p{max-width:290px;font-size:16px}.lookspinner{width:36px;height:36px;border:3px solid #c7cec8;border-top-color:#354d3f;border-radius:50%;animation:lookspin 1.2s linear infinite;margin-bottom:24px}@keyframes lookspin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.lookspinner{animation:none}}@media(max-width:700px){.looklayout{grid-template-columns:1fr}.lookpending{min-height:400px}.completevisual .generatedlook{max-height:none}}

.occasions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.stylingguide{margin:16px 0 24px;padding:16px;border:1px solid var(--line);line-height:1.6}.stylingguide summary{cursor:pointer;font-weight:600}.stylisttouch{margin:18px 0;padding:16px;background:#edf1ec;border-left:3px solid #34493c}.stylisttouch p{margin:8px 0 0;line-height:1.6}
/* Phone-first pilot: readable controls, short steps, and generous tap areas. */
[hidden]{display:none!important}body{font-size:16px}.pilotstep{max-width:650px;margin:0 auto;padding:34px 24px 60px;min-height:0}.pilotstep h1{font-size:clamp(32px,5vw,48px);line-height:1.12;margin:16px 0}.pilotstep p{font-size:16px;line-height:1.65}.pilotstep label{font-size:16px;margin:16px 0}.pilotstep input[type=email],.pilotstep input[type=number]{font-size:16px;min-height:48px}.pilotstep fieldset{border:1px solid var(--line);padding:16px;border-radius:8px;margin:24px 0}.pilotstep legend{padding:0 8px;font-size:16px}.radiochoice,.checklabel{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.radiochoice input,.checklabel input{width:20px;min-width:20px;height:20px;margin:4px 0 0;accent-color:var(--green)}.pilotstep .primary,.pilotstep .secondary{display:block;min-height:48px;margin:16px 0;text-align:center;text-decoration:none;width:100%}.requiredlabel{font-size:14px;color:var(--muted);font-weight:400;margin-left:8px}.portraitthumb{width:120px;max-height:180px;object-fit:contain}.pilottoolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.pilottoolbar a{font-size:14px;color:var(--green)}#cloudStatus{flex-basis:100%;font-size:14px;color:var(--muted)}#videoDialog video{display:block;width:100%;max-height:70vh;background:#14241d;border-radius:8px}#videoDialog{max-width:480px}.adminscroll{overflow-x:auto}.adminscroll th,.adminscroll td{padding:10px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.primary,.secondary,button,select{font-size:14px;min-height:44px}.small,.cardmeta,.cardtools select,.cardtools button,.filters button,.assessment,.savedDate,.previewcaption{font-size:14px}.reviewfields input,.reviewfields select,label,input,select,.feedback button,.feedback select{font-size:16px}.card h4{font-size:16px}.badge{font-size:12px}.sectionhead p:not(.eyebrow){font-size:16px}.checklabel{font-size:14px}.outfititems select{font-size:14px}.outfititems p{font-size:14px}.workspaceintro{padding:24px 0 12px}.workspaceintro h1{font-size:36px}.workspaceintro .lead{font-size:16px}.notice{font-size:14px}.cardtools{flex-wrap:wrap;gap:5px}.pilotstep .small{font-size:14px}.pilotstep .primary{color:#fff}
@media(max-width:650px){html,body{max-width:100%;overflow-x:clip}header{padding:16px;gap:10px}header .pill{font-size:12px}header .text{font-size:14px;margin-left:auto}main{padding:0 16px}nav{gap:8px;display:grid;grid-template-columns:repeat(3,1fr);position:sticky;top:0;z-index:10;background:var(--paper)}nav button{font-size:14px;min-height:52px;padding:12px 4px}section{padding:24px 0 36px}.pilotstep{padding:28px 20px 48px}.pilotstep h1{font-size:34px}.pilottoolbar{gap:6px}.pilottoolbar .text{font-size:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cardmeta{display:block;line-height:1.5}.cardmeta span{display:block}.filters button{font-size:14px;min-height:44px}.actions{width:100%}.actions .primary{flex:1}.occasions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.occasions button{font-size:14px;padding:14px 10px}.occasions button span{display:block;font-size:14px;margin:8px 0 0;line-height:1.5}.planbar{align-items:stretch;flex-direction:column;gap:10px}.planbar button{width:100%}.lookcard h3{font-size:24px;overflow-wrap:anywhere}.outfithead{align-items:flex-start}.matchgrade{font-size:14px}.reviewrow{grid-template-columns:60px minmax(0,1fr);gap:10px}.reviewrow img{width:60px}.reviewfields{grid-template-columns:minmax(0,1fr)}dialog{padding:18px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:88dvh;overflow-y:auto}.dialoghead h2{font-size:26px}.lookpending{min-height:320px;padding:40px 24px}.primary,.secondary{min-height:48px}footer{font-size:14px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.smallbrand{font-size:24px}}

.onboardingvideo{display:block;width:100%;max-height:48dvh;object-fit:contain;background:#e8edde;border-radius:12px;margin:20px 0}.pilotstep>.primary,.pilotstep>.secondary{margin:8px 8px 8px 0}

#uploadReceipts{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.uploadreceipt{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:5px;padding:8px;max-width:100%;min-width:180px}.uploadreceipt img{width:48px;height:60px;object-fit:contain}.uploadreceipt span{font-size:14px}.uploadreceipt small{display:block;max-width:250px;line-height:1.5;color:var(--muted)}.reviewdetails{margin-top:8px}.reviewdetails summary{cursor:pointer;color:var(--green);padding:10px 0;font-size:14px}.reviewdetails .reviewfields label:first-child{grid-column:auto}#uploadStatus{min-height:24px}#confirmUpload{position:sticky;bottom:0;box-shadow:0 -5px 12px var(--paper)}

/* The pilot's simple journey, retaining the existing paper and green palette. */
header .brand{font-family:Georgia,serif;font-size:24px;letter-spacing:0;line-height:1.2}header .brand span{letter-spacing:3px;font-family:Arial,sans-serif;font-size:11px;margin-top:5px}.pilotstep{max-width:560px}.pilotstep .onboardingvideo{max-width:390px;display:block;margin:20px auto 8px;width:100%;border-radius:12px}.welcomeclosing{font-family:Georgia,serif}#appShell{max-width:780px;margin:auto}.accountmenu{padding-top:14px}.accountmenu>summary{font-size:14px;color:var(--muted);padding:10px 0;cursor:pointer}.accountmenu .pilottoolbar{margin:0}#journeyStepLabel{margin:18px 0 0}#appShell nav{margin-top:8px}#appShell h2{font-size:34px}#wardrobe .sectionhead{margin-bottom:20px}.wardrobedetails,.moreoccasions,.planoptions{margin:20px 0}.wardrobedetails>summary,.moreoccasions>summary,.planoptions>summary{font-size:14px;color:var(--muted);padding:10px 0;cursor:pointer}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}#plan .occasions{grid-template-columns:1fr;gap:10px;margin:20px 0}#plan .occasions button{padding:17px;font-size:16px}#generate{width:100%;margin-top:10px}.looknavigation{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.lookcard{margin-top:0}.lookreactions{display:flex;gap:10px;margin:20px 0 12px}.lookreactions button{flex:1}.lookreactions .selected{background:var(--green);color:white}.lookexplanation>.primary{width:100%}.lookexplanation>.text{display:block;margin:12px auto}.looklayout{grid-template-columns:1fr}.lookboard{flex-direction:row;flex-wrap:wrap;padding:20px 10px;justify-content:center}.lookboard>div{width:30%;min-width:75px}.lookboard img{width:100%;height:165px;object-fit:contain}.lookboard svg{width:100%;height:165px}.piece-summary{font-size:16px;line-height:1.6;margin:10px 0}.reviewrow{grid-template-columns:85px minmax(0,1fr)}.reviewrow img{width:85px;height:115px}#uploadDialog h2{font-size:29px}#uploadDialog{width:620px}#uploadEmailPanel .primary{width:100%}#uploadEmailPanel details{margin-top:12px}#uploadPhotoPanel .small{font-size:13px}.guestAccessNote,#guestAccessNote{font-size:12px}#savedList .outfititems{grid-template-columns:repeat(3,minmax(0,1fr))}#connectionNotice[hidden]{display:none}#confirmUpload{width:100%}#outfits>.capsulebanner{margin-top:0}#outfits>.capsulebanner>p:not(.small):not(.eyebrow){font-size:14px}.lookcard h3{font-size:25px}.lookcard .completevisual .generatedlook{max-height:630px}#outfits>.text{display:block;margin:22px auto}.reviewdetails summary{min-height:44px}#uploadDialog .dialoghead{align-items:flex-start}
@media(max-width:650px){header{padding:16px}header .brand{font-size:22px}header>.text{font-size:13px}#appShell{padding:0 16px}#appShell h2{font-size:30px}#appShell nav button{font-size:13px}#wardrobe .actions{display:flex;flex-direction:column}#wardrobe .actions button{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pilotstep h1{font-size:34px}.pilotstep{padding:22px 20px 40px}.reviewrow{grid-template-columns:65px minmax(0,1fr)}.reviewrow img{width:65px;height:100px}.lookboard img,.lookboard svg{height:130px}.lookboard span{font-size:12px}.lookcard{padding:15px}.lookexplanation .stylisttouch{font-size:14px}.lookcard .looklayout{gap:14px}.accountmenu .pilottoolbar{gap:8px}footer{gap:12px}#savedList .outfititems{grid-template-columns:repeat(2,minmax(0,1fr))}}

.generationwait{padding:24px;text-align:center;background:#eef3ed;border-radius:16px;margin:16px 0}.generationwait[hidden]{display:none}.generationspinner{display:block;width:28px;height:28px;border:3px solid #cad5c7;border-top-color:#48684e;border-radius:50%;margin:0 auto 12px;animation:previewspin 1s linear infinite}@keyframes previewspin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.generationspinner{animation:none}}