:root{--ink:#151714;--muted:#6c7069;--line:#dfe2dc;--paper:#f5f6f2;--white:#ffffff;--signal:#e94d2e;--signal-dark:#b92f18;--teal:#0c7c73;--lime:#d8ff64;--font-geist-sans:"Segoe UI",Arial,sans-serif;--font-geist-mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}body,html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;letter-spacing:0}button,input{font:inherit;letter-spacing:0}button{color:inherit}.app-shell{min-height:100vh}.topbar{background:var(--ink);display:grid;grid-template-columns:1fr auto 1fr;height:58px;padding:0 22px}.brand,.topbar{align-items:center;color:white}.brand{display:inline-flex;font-size:15px;font-weight:700;gap:9px;text-decoration:none;width:max-content}.brand span{background:var(--lime);color:var(--ink);display:inline-flex;height:27px;justify-content:center;width:27px}.brand span,.provider-status{align-items:center;font-family:var(--font-geist-mono)}.provider-status{display:flex;font-size:11px;gap:8px}.provider-status i{background:#83e785;border-radius:50%;box-shadow:0 0 0 3px rgba(131,231,133,.15);height:7px;width:7px}.provider-status span{color:#bfc4bb}.provider-status strong{border:1px solid #4b5048;font-size:9px;padding:3px 6px;text-transform:uppercase}.topbar>.icon-button{justify-self:end}.icon-button{align-items:center;background:transparent;border:1px solid;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.topbar .icon-button{border-color:#454a42;color:#d7dbd4}.studio-heading{align-items:end;display:flex;justify-content:space-between;margin:0 auto;max-width:1600px;padding:28px 28px 23px}.studio-heading p{color:var(--signal-dark);font-family:var(--font-geist-mono);font-size:10px;font-weight:700;margin:0 0 7px;text-transform:uppercase}.studio-heading h1{font-size:clamp(25px,3vw,42px);font-weight:560;line-height:1.05;margin:0;max-width:700px}.mode-switch{background:#e6e9e2;display:flex;padding:3px}.mode-switch button{background:transparent;border:0;cursor:pointer;font-size:12px;font-weight:650;min-height:34px;padding:0 14px}.mode-switch button.active{background:white;box-shadow:0 1px 3px rgba(20,23,20,.12)}.workspace{background:var(--white);border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:290px minmax(460px,1fr) 320px;margin:0 auto 40px;max-width:1600px;min-height:690px}.decision-panel,.input-panel{padding:22px}.input-panel{border-right:1px solid var(--line)}.decision-panel{border-left:1px solid var(--line)}.panel-title{align-items:center;display:flex;gap:12px;margin-bottom:20px}.panel-title>span,.visual-toolbar>div>span{align-items:center;border:1px solid var(--ink);display:inline-flex;font-family:var(--font-geist-mono);font-size:10px;height:25px;justify-content:center;width:25px}.panel-title small,.visual-toolbar small{color:var(--muted);display:block;font-family:var(--font-geist-mono);font-size:9px;text-transform:uppercase}.panel-title h2{font-size:17px;margin:2px 0 0}.upload-field{align-items:center;border:1px solid var(--line);cursor:pointer;display:grid;gap:10px;grid-template-columns:56px 1fr auto;margin-bottom:10px;min-height:72px;padding:7px 10px 7px 7px;transition:border-color .2s,background .2s}.upload-field:hover{background:#fafbf8;border-color:#a9aea4}.upload-field input{display:none}.upload-thumb{background:#eceee9;height:56px;overflow:hidden;position:relative;width:56px}.upload-thumb img{object-fit:cover}.upload-copy{min-width:0}.upload-copy strong{display:block;font-size:11px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-label{align-items:center;color:var(--muted);display:flex;font-family:var(--font-geist-mono);font-size:9px;gap:5px;text-transform:uppercase}.category-control{margin:20px 0}.category-control>label{color:var(--muted);display:block;font-family:var(--font-geist-mono);font-size:9px;margin-bottom:8px;text-transform:uppercase}.category-control>div{display:grid;grid-template-columns:repeat(3,1fr)}.category-control button{background:white;border:1px solid var(--line);cursor:pointer;font-size:10px;height:34px;margin-left:-1px}.category-control button.active{background:var(--ink);border-color:var(--ink);color:white}.run-button{align-items:center;background:var(--signal);border:0;color:white;cursor:pointer;display:flex;font-size:12px;font-weight:750;gap:9px;justify-content:center;min-height:45px;padding:0 14px;width:100%}.run-button:hover{background:var(--signal-dark)}.run-button:disabled{cursor:wait;opacity:.72}.run-button svg:last-child{margin-left:auto}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.privacy-note{align-items:flex-start;color:var(--muted);display:flex;font-size:9px;gap:6px;line-height:1.45;margin:9px 2px 18px}.privacy-note svg{flex:0 0 auto}.error-banner{align-items:flex-start;background:#fff0ec;border:1px solid #f2b5a7;color:#9b2e18;display:flex;font-size:10px;gap:7px;line-height:1.4;margin:-10px 0 12px;padding:9px}.error-banner svg{flex:0 0 auto}.shortlist-block{border-top:1px solid var(--line);padding-top:15px}.section-label{align-items:center;display:flex;font-family:var(--font-geist-mono);font-size:9px;justify-content:space-between;text-transform:uppercase}.section-label>span{color:var(--muted)}.look-list{margin-top:9px}.look-list>button{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;display:grid;gap:9px;grid-template-columns:46px 1fr auto;min-height:57px;padding:5px 4px;text-align:left;width:100%}.look-list>button.active{background:#f2f9e2}.look-thumb{height:46px;overflow:hidden;position:relative;width:46px}.look-thumb img{object-fit:cover}.look-list small{color:var(--muted);display:block;font-family:var(--font-geist-mono);font-size:8px;text-transform:uppercase}.look-list strong{display:block;font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.look-list b{align-items:center;background:var(--ink);color:white;font-family:var(--font-geist-mono);font-size:10px;height:26px;width:30px}.look-list .add-look,.look-list b{display:flex;justify-content:center}.look-list .add-look{color:var(--signal-dark);gap:8px;min-height:39px}.visual-panel{background:#eef0ec;display:flex;flex-direction:column;min-width:0;padding:16px}.visual-toolbar{align-items:center;display:flex;height:36px;justify-content:space-between;margin-bottom:10px}.visual-toolbar>div{align-items:center;display:flex;gap:9px}.visual-toolbar .icon-button{border-color:#aab0a6}.compare-stage{aspect-ratio:1/1;background:#e5e8e3;flex:1;min-height:450px;overflow:hidden;position:relative}.compare-stage>img,.result-layer img{object-fit:cover}.compare-stage>input,.result-layer{inset:0;position:absolute}.compare-stage>input{cursor:ew-resize;height:100%;opacity:0;width:100%;z-index:4}.compare-rule{bottom:0;top:0;width:2px;z-index:3}.compare-rule,.compare-rule span{background:white;position:absolute}.compare-rule span{align-items:center;border:1px solid #cbd0c8;border-radius:50%;display:flex;height:34px;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%);width:34px}.compare-rule svg{transform:rotate(180deg)}.stage-label{background:rgba(21,23,20,.83);color:white;font-family:var(--font-geist-mono);font-size:8px;padding:5px 7px;position:absolute;text-transform:uppercase;top:12px;z-index:2}.stage-label-left{left:12px}.stage-label-right{right:12px}.garment-chip{align-items:center;background:rgba(255,255,255,.94);bottom:12px;display:flex;gap:8px;left:12px;padding:6px;position:absolute;z-index:5}.garment-chip>span{height:45px;overflow:hidden;position:relative;width:45px}.garment-chip img{object-fit:cover}.garment-chip small{color:var(--muted);display:block;font-family:var(--font-geist-mono);font-size:7px;text-transform:uppercase}.garment-chip strong{display:block;font-size:9px;margin-top:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-strip{background:white;border:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;min-height:46px}.evidence-strip>div{align-items:center;border-right:1px solid var(--line);display:grid;gap:2px 6px;grid-template-columns:auto 1fr;padding:8px 10px}.evidence-strip>div:last-child{border:0}.evidence-strip svg{color:var(--teal);grid-row:1/3}.evidence-strip span{color:var(--muted);font-family:var(--font-geist-mono);font-size:7px;text-transform:uppercase}.evidence-strip strong{font-size:9px;text-transform:capitalize}.score-head{align-items:center;display:grid;gap:15px;grid-template-columns:110px 1fr;margin-bottom:25px}.confidence-ring{--score:88;align-items:center;background:conic-gradient(var(--teal) calc(var(--score) * 1%),#e4e8e1 0);border-radius:50%;display:flex;height:110px;justify-content:center;position:relative;width:110px}.confidence-ring:after{background:white;border-radius:50%;content:"";inset:8px;position:absolute}.confidence-ring>div{position:relative;text-align:center;z-index:1}.confidence-ring strong{display:block;font-size:31px;line-height:1}.confidence-ring span{color:var(--muted);font-family:var(--font-geist-mono);font-size:8px}.score-head h3{font-size:18px;line-height:1.15;margin:9px 0 0}.risk{display:inline-flex;font-family:var(--font-geist-mono);font-size:8px;font-weight:700;padding:5px 7px;text-transform:uppercase}.risk-low{background:#dff3dd;color:#1f672e}.risk-moderate{background:#fff2c2;color:#755907}.risk-high{background:#ffe0d8;color:#9b2e18}.metric-list{border-top:1px solid var(--line);padding-top:16px}.metric{margin-bottom:15px}.metric>div:first-child{display:flex;font-size:10px;justify-content:space-between}.metric>div:first-child strong{font-family:var(--font-geist-mono)}.metric-track{background:#e5e8e2;height:5px;margin:7px 0 5px}.metric-track i{background:var(--teal);display:block;height:100%}.metric small{color:var(--muted);font-size:8px}.readout{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.readout ul{list-style:none;margin:13px 0 0;padding:0}.readout li{border-bottom:1px solid #eceeea;font-size:9px;line-height:1.45;padding:8px 0 8px 17px;position:relative}.readout li:before{background:var(--signal);content:"";height:5px;left:2px;position:absolute;top:13px;width:5px}.method-note{align-items:flex-start;background:var(--ink);color:white;display:flex;gap:9px;margin-top:20px;padding:12px}.method-note svg{color:var(--lime);flex:0 0 auto}.method-note strong{display:block;font-size:9px}.method-note span{color:#bfc4bc;display:block;font-size:8px;line-height:1.45;margin-top:5px}@media (max-width:1180px){.workspace{grid-template-columns:270px minmax(420px,1fr)}.decision-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;display:grid;gap:24px;grid-template-columns:220px 1fr 1fr}.decision-panel>.panel-title{grid-column:1/-1;margin-bottom:-5px}.method-note{grid-column:1/-1;margin-top:0}}@media (max-width:760px){.topbar{grid-template-columns:1fr auto;padding:0 14px}.provider-status{display:none}.studio-heading{align-items:stretch;flex-direction:column;gap:18px;padding:22px 15px 18px}.studio-heading h1{font-size:29px}.mode-switch{align-self:stretch}.mode-switch button{flex:1}.workspace{display:flex;flex-direction:column;margin-bottom:0;min-height:0}.input-panel{border-bottom:1px solid var(--line);border-right:0}.visual-panel{min-height:550px;order:-1}.compare-stage{flex:none;min-height:0;width:100%}.evidence-strip{grid-template-columns:1fr}.evidence-strip>div{border-bottom:1px solid var(--line);border-right:0}.decision-panel{display:block}.score-head{margin-top:20px}.method-note,.metric-list,.readout{margin-top:22px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}