:root{--paper:#f5f2ec;--card:#fbfaf7;--ink:#1d1b18;--muted:#7a746b;--line:#e2ddd3;--accent:#7b2d26;--ok:#3d6b4a;--warn:#a8691b;--info:#3c5a85;--serif:"Instrument Serif", Georgia, serif;--sans:Inter, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:14px/1.45 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}img{display:block}.serif{font-family:var(--serif);font-weight:400}h2.serif{margin:0;font-size:30px;line-height:1.1}.shell{flex-direction:column;height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:24px;padding:14px 24px;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;font-size:26px}.brand em{color:var(--accent)}.tabs{flex:1;gap:4px;display:flex}.tab,.person{white-space:nowrap;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 12px}.tab:hover,.person:hover{color:var(--ink)}.tab.active{color:var(--ink);background:var(--card);box-shadow:0 0 0 1px var(--line) inset}.people{background:#ebe6dc;border-radius:999px;gap:4px;padding:3px;display:flex}.person{align-items:center;gap:7px;padding:4px 12px 4px 4px;display:inline-flex}.person.active{background:var(--ink);color:var(--paper)}.avatar{background:#d8d2c7 50% 6.5%/520% no-repeat;border-radius:50%;flex:none;width:24px;height:24px}.person.active .avatar{box-shadow:0 0 0 1.5px var(--paper)}.main{flex:1;min-height:0;overflow:auto}.banner.error{color:var(--accent);background:#f6dcd8;padding:8px 24px}.empty{color:var(--muted);text-align:center;padding:48px}.empty.small{padding:12px;font-size:12px}.btn{border:1px solid var(--line);background:var(--card);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 14px}.btn:hover:not(:disabled){border-color:var(--ink)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.ghost{background:0 0}.note{color:var(--muted);margin-top:8px;font-size:12px}.chip{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#ebe6dc;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.chip-ready,.chip-approved{color:var(--ok);background:#dfeadf}.chip-stale{color:var(--warn);background:#f4e6cf}.chip-requested,.chip-generating{color:var(--info);background:#dde5f0}.chip-rejected{color:var(--accent);background:#f6dcd8}.dot{background:#d5cfc4;border-radius:50%;flex:none;width:8px;height:8px}.dot-ready,.dot-approved{background:var(--ok)}.dot-stale{background:var(--warn)}.dot-requested,.dot-generating{background:var(--info)}.tryon{grid-template-columns:240px minmax(0,1fr) 240px;gap:24px;height:100%;min-height:0;padding:24px;display:grid}.rail{flex-direction:column;min-height:0;display:flex}.rail-title{font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 10px}.rail-items{flex-direction:column;gap:8px;padding-right:2px;display:flex;overflow:auto}.garment{background:var(--card);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.garment:hover{border-color:var(--line)}.garment.active{border-color:var(--ink)}.garment-img{background:#f0ece4;border-radius:8px;flex:none;place-items:center;width:64px;height:72px;display:grid;overflow:hidden}.garment-img img{object-fit:contain;max-width:90%;max-height:90%}.garment-meta{flex-direction:column;flex:1;min-width:0;display:flex}.garment-name{font-weight:500;line-height:1.25}.garment-tags{color:var(--muted);font-size:12px}.stage{flex-direction:column;align-items:center;min-height:0;display:flex}.stage-frame{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;aspect-ratio:2/3;max-width:100%;height:min(68vh,900px);box-shadow:0 1px 0 var(--line), 0 20px 40px -24px #1e191459;background:#e7e4dd;border-radius:16px;position:relative;overflow:hidden}.look-img{object-fit:cover;width:100%;height:100%}.placeholder{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.placeholder .ghost{object-fit:cover;opacity:.22;filter:grayscale();width:100%;height:100%;position:absolute;inset:0}.placeholder-garments{flex-direction:column;align-items:center;gap:8px;height:62%;display:flex;position:relative}.placeholder-garments img{object-fit:contain;filter:drop-shadow(0 8px 12px #0000001f);width:auto;height:48%}.placeholder-note{color:var(--muted);text-align:center;max-width:70%;margin-top:18px;font-size:13px;position:relative}.stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:640px;margin-top:16px;display:flex}.stage-title{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:22px;display:flex}.stage-title .plus{color:var(--muted);font-size:16px}.stage-actions{align-items:center;gap:8px;display:flex}.colorway{width:100%;max-width:640px;margin-top:14px}.colorway form{gap:8px;display:flex}.colorway input{border:1px solid var(--line);background:var(--card);border-radius:999px;flex:1;padding:7px 14px}.variants{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:12px}.chip-btn.active{background:var(--ink);color:var(--paper)}.hint{color:var(--muted);letter-spacing:.06em;margin-top:10px;font-size:11px}.rail-current,.stage-caption,.stage-chip,.hint-touch{display:none}.stage-chip{z-index:1;position:absolute;top:10px;left:10px}.mrows{padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:22px;display:flex}.mrow-head{align-items:center;gap:10px;margin-bottom:8px;padding:0 16px;display:flex}.mrow-head img{object-fit:contain;background:#ece7de;border-radius:9px;width:36px;height:36px;padding:3px}.mrow-name{min-width:0;font:400 21px/1.1 var(--serif);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mrow-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.mrow-cards{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:10px;padding:0 16px 2px;scroll-padding:0 16px;display:flex;overflow-x:auto}.mrow-cards::-webkit-scrollbar{display:none}.rail-items::-webkit-scrollbar{display:none}.mcard{text-align:left;scroll-snap-align:start;cursor:pointer;width:31vw;max-width:170px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:none;justify-content:flex-start;align-self:flex-start;padding:0;display:flex}.mcard-img{aspect-ratio:2/3;background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:12px;display:block;position:relative;overflow:hidden}.mcard-img img{object-fit:cover;width:100%;height:100%}.mcard-img .chip{position:absolute;bottom:6px;left:6px}.mcard-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.mcard:active .mcard-img{transform:scale(.98)}.matrix-view{padding:24px}.matrix-head{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;display:flex}.counts{color:var(--muted);flex:1;gap:16px;display:flex}.matrix-scroll{overflow:auto}.matrix{border-collapse:separate;border-spacing:10px}.matrix th{vertical-align:bottom;font-weight:500}.axis{text-align:center;flex-direction:column;align-items:center;gap:6px;width:140px;font-size:12px;display:flex}.matrix tbody th .axis{text-align:left;flex-direction:row;width:180px}.axis img{object-fit:contain;width:64px;height:64px}.cell{aspect-ratio:2/3;border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:10px;width:140px;padding:0;display:block;position:relative;overflow:hidden}.cell:hover{border-color:var(--ink)}.cell img{object-fit:cover;width:100%;height:100%}.cell-empty{background:repeating-linear-gradient(135deg,#f0ece4 0 8px,#f6f3ee 8px 16px);width:100%;height:100%}.cell .chip{position:absolute;bottom:6px;left:6px}.rig-view{grid-template-columns:minmax(0,1fr) 260px 360px;height:100%;min-height:0;display:grid}.rig-canvas-wrap{min-height:0;position:relative}.rig-canvas{position:absolute;inset:0}.rig-toolbar{gap:6px;display:flex;position:absolute;top:16px;left:16px}.rig-toolbar select{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 10px}.rig-ref{border-left:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex;overflow:auto}.rig-ref>img{border-radius:10px;width:100%}.ref-thumbs{gap:6px;display:flex}.ref-thumbs button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;padding:0;overflow:hidden}.ref-thumbs button.active{border-color:var(--ink)}.ref-thumbs img{object-fit:cover;width:48px;height:56px}.saved-render span{color:var(--muted);font-size:12px}.saved-render img{border-radius:10px;width:100%;margin-top:4px}.rig-panel{border-left:1px solid var(--line);background:var(--card);flex-direction:column;min-height:0;display:flex}.rig-panel-head{padding:16px 20px 8px}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.sliders{flex:1;padding:0 20px;overflow:auto}fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:10px 0}legend{font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:0 6px 0 0}.slider{grid-template-columns:1fr 64px 22px;grid-template-areas:"label label label""range num unit";align-items:center;gap:2px 8px;padding:5px 0;display:grid}.slider-label{grid-area:label;align-items:center;gap:6px;font-size:13px;display:flex}.slider input[type=range]{accent-color:var(--ink);grid-area:range;width:100%}.slider .num{border:1px solid var(--line);background:var(--paper);border-radius:6px;grid-area:num;width:64px;padding:2px 6px}.slider .unit{color:var(--muted);grid-area:unit;font-size:11px}.conf{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.conf.user{background:var(--ink)}.conf.high{background:var(--ok)}.conf.mid{background:var(--warn)}.conf.low{background:var(--accent)}.rig-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.rig-panel>.note{margin:0;padding:0 20px 12px}.base-view{grid-template-columns:320px minmax(0,1fr);gap:32px;padding:24px;display:grid}.base-intro p{color:var(--muted)}.refs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.refs figure,.candidate{margin:0}.refs img{aspect-ratio:2/3;object-fit:cover;border-radius:8px;width:100%}figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:flex}.candidates{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-content:start;gap:20px;display:grid}.candidate img{border:2px solid #0000;border-radius:12px;width:100%}.candidate.approved img{border-color:var(--ok)}@media (width<=900px){.topbar{padding:8px 16px;padding-top:max(8px, env(safe-area-inset-top));gap:8px}.brand{font-size:21px}.tabs{scrollbar-width:none;gap:0;min-width:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.brand,.people{flex:none}.tab{padding:6px 9px;font-size:13px}.people{gap:2px;padding:3px}.person{padding:3px}.person-name{display:none}.avatar{width:30px;height:30px}.person:not(.active) .avatar{opacity:.55}.person.active{background:0 0}.person.active .avatar{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink)}.tryon{height:100%;padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.stage{flex:1;order:1;min-height:0}.stage-frame{border-radius:18px;flex:1 1 0;width:auto;max-width:100%;height:auto;min-height:0}.stage-caption{max-width:100%;font:400 19px/1.2 var(--serif);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;display:block;overflow:hidden}.stage-caption span{color:var(--muted);font:14px var(--sans);margin:0 3px}.stage-chip{display:block}.stage-bar{margin-top:8px}.stage-bar.readonly,.stage-title,.stage .note,.hint-keys{display:none}.hint-touch{text-align:center;letter-spacing:.02em;margin-top:4px;display:block}.colorway{margin-top:8px}.colorway input{font-size:16px}.rail{flex:none;order:2}.rail-bottom{order:3}.rail-title{display:none}.rail-items{scroll-snap-type:x proximity;scrollbar-width:none;flex-direction:row;gap:8px;margin:0 -16px;padding:3px 16px;scroll-padding:0 16px;overflow-x:auto}.garment{scroll-snap-align:start;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex:none;padding:0;position:relative}.garment-meta{display:none}.garment-img{background:#ece7de;border-radius:12px;width:58px;height:62px}.garment.active .garment-img{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink)}.garment .dot{width:6px;height:6px;position:absolute;top:5px;right:5px}.garment .dot-ready,.garment .dot-approved{display:none}.matrix-view{padding:16px 0 0}.matrix-head{gap:4px 16px;margin-bottom:18px;padding:0 16px}.matrix-head h2.serif{font-size:26px}.counts{flex-basis:100%;gap:12px;font-size:13px}.rig-view{grid-template-columns:1fr;height:auto}.rig-canvas-wrap{height:60vh}.base-view{grid-template-columns:1fr;padding:16px}}@media (width<=360px){.topbar{gap:4px}.brand{font-size:18px}.tab{padding:5px 7px}.avatar{width:26px;height:26px}}