:root{--bg-base: #F2F2F0;--bg-elevated: #FFFFFF;--bg-inset: #F2F2F0;--border-subtle: #E4E4E4;--border-strong: #111111;--text-primary: #111111;--text-secondary: #4A4A4A;--text-muted: #686868;--text-placeholder: #A8A8A8;--accent: #C6351F;--accent-strong: #A82B19;--accent-subtle: rgba(198, 53, 31, .1);--on-accent: #FFFFFF;--danger: #A3291C;--on-danger: #FFFFFF;--success: #1F6B3D;--on-success: #FFFFFF;--warn: #8A5A00;--on-warn: #FFFFFF;--verdict-sharp: #218645;--on-verdict-sharp: #FFFFFF;--verdict-works: #1A61CC;--on-verdict-works: #FFFFFF;--verdict-risky: #674D00;--on-verdict-risky: #FFFFFF;--verdict-mismatch: #611C12;--on-verdict-mismatch: #FFFFFF;--font-sans: "Archivo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--tracking-wide: .08em;--text-display: 2rem;--text-title: 1.5rem;--text-body: 1rem;--text-label: .875rem;--text-micro: .75rem;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--weight-black: 900;--weight-bold: 700;--weight-semibold: 600;--weight-medium: 500;--weight-regular: 400;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--radius-card: 16px;--radius-pill: 999px;--hit-min: 44px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .08);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .1), 0 -8px 32px rgba(0, 0, 0, .14);--glass-surface-bg: rgba(255, 255, 255, .72);--glass-surface-edge: rgba(17, 17, 17, .1);--glass-blur: 20px;--glass-saturate: 1.8;--header-bg: #111111;--header-fg: #F5F5F3;--motion-fast: .2s;--motion-normal: .35s;--motion-spin: .9s;--motion-ease: cubic-bezier(.25, .46, .45, .94);--motion-ease-out: cubic-bezier(0, 0, .58, 1);--bp-desktop: 900px;--stroke-hairline: 1px;--stroke-medium: 2px;--overlay-scrim: rgba(0, 0, 0, .4);--shell-max-width: 480px;--shell-columns: 1fr;--shell-nav-display: none;--shell-tabbar-display: flex;--shell-inspector-display: none;--wardrobe-card-min-width: 104px;--sheet-max-width: 480px;--banner-inset-start: var(--space-16);--banner-inset-end: var(--space-16);--banner-bottom: calc(var(--hit-min) + var(--space-24));--banner-max-width: none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base: #18181A;--bg-elevated: #222224;--bg-inset: #101012;--border-subtle: #333335;--border-strong: #F5F5F3;--text-primary: #F5F5F3;--text-secondary: #C7C7C5;--text-muted: #9A9A98;--text-placeholder: #6B6B69;--accent: #FF6B4A;--accent-strong: #FF8B6E;--accent-subtle: rgba(255, 107, 74, .16);--on-accent: #1A0800;--danger: #FF7A68;--on-danger: #1D0400;--success: #4FCB80;--on-success: #0A2412;--warn: #E3A93A;--on-warn: #241800;--verdict-sharp: #4FCB80;--on-verdict-sharp: #14110D;--verdict-works: #5B9CFF;--on-verdict-works: #14110D;--verdict-risky: #E8B93A;--on-verdict-risky: #14110D;--verdict-mismatch: #F0604A;--on-verdict-mismatch: #14110D;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .5), 0 -8px 32px rgba(0, 0, 0, .6);--overlay-scrim: rgba(0, 0, 0, .6);--glass-surface-bg: rgba(34, 34, 36, .72);--glass-surface-edge: rgba(245, 245, 243, .12)}}[data-theme=dark]{--bg-base: #18181A;--bg-elevated: #222224;--bg-inset: #101012;--border-subtle: #333335;--border-strong: #F5F5F3;--text-primary: #F5F5F3;--text-secondary: #C7C7C5;--text-muted: #9A9A98;--text-placeholder: #6B6B69;--accent: #FF6B4A;--accent-strong: #FF8B6E;--accent-subtle: rgba(255, 107, 74, .16);--on-accent: #1A0800;--danger: #FF7A68;--on-danger: #1D0400;--success: #4FCB80;--on-success: #0A2412;--warn: #E3A93A;--on-warn: #241800;--verdict-sharp: #4FCB80;--on-verdict-sharp: #14110D;--verdict-works: #5B9CFF;--on-verdict-works: #14110D;--verdict-risky: #E8B93A;--on-verdict-risky: #14110D;--verdict-mismatch: #F0604A;--on-verdict-mismatch: #14110D;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .5);--shadow-sheet: 0 -2px 12px rgba(0, 0, 0, .5), 0 -8px 32px rgba(0, 0, 0, .6);--overlay-scrim: rgba(0, 0, 0, .6);--glass-surface-bg: rgba(34, 34, 36, .72);--glass-surface-edge: rgba(245, 245, 243, .12)}@media(min-width:900px){:root{--shell-max-width: none;--shell-columns: 220px 1fr 340px;--shell-nav-display: flex;--shell-tabbar-display: none;--shell-inspector-display: flex;--banner-inset-start: auto;--banner-bottom: var(--space-24);--banner-max-width: 420px}}:root[data-display-size=sm]{font-size:87.5%}:root[data-display-size=lg]{font-size:115%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-body);line-height:var(--leading-normal);letter-spacing:-.01em;text-rendering:optimizeLegibility;overscroll-behavior:none}button,input,select,textarea{font-family:inherit;line-height:var(--leading-snug)}.skip-to-content{position:absolute;top:-100%;left:var(--space-16);z-index:100;padding:var(--space-8) var(--space-16);background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.skip-to-content:focus{top:var(--space-16)}.app{display:flex;flex-direction:column;height:100%;max-width:var(--shell-max-width);margin-inline:auto}.app-loading{display:flex;align-items:center;justify-content:center;height:100%}.app-header{display:var(--shell-tabbar-display);align-items:center;justify-content:space-between;gap:var(--space-12);min-height:calc(var(--hit-min) + var(--space-16));padding:var(--space-16);background:var(--header-bg);color:var(--header-fg);flex:0 0 auto}.app-header h1{font-size:var(--text-title);font-weight:var(--weight-black);line-height:var(--leading-tight);margin:0;color:var(--header-fg)}.app-header-end{display:flex;align-items:center;gap:var(--space-8)}.settings-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--hit-min);height:var(--hit-min);border-radius:var(--radius-pill);color:var(--header-fg);background:transparent;flex:0 0 auto;transition:color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease)}.settings-icon-btn svg{width:1.25em;height:1.25em}.settings-icon-btn:hover,.settings-icon-btn.active{color:var(--accent)}.settings-icon-wrap{position:relative;display:inline-flex}.settings-trash-badge{position:absolute;top:calc(var(--space-4) * -1);right:calc(var(--space-4) * -1);min-width:1.1em;height:1.1em;padding:0 .25em;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:var(--text-micro);font-weight:var(--weight-bold);line-height:1.1em;text-align:center}.shell{flex:1;min-height:0;display:grid;grid-template-columns:var(--shell-columns)}.shell-nav{display:var(--shell-nav-display);flex-direction:column;gap:var(--space-4);padding:var(--space-16) var(--space-12);border-right:var(--stroke-medium) solid var(--border-strong);background:var(--bg-elevated);overflow-y:auto;overflow-x:hidden;min-height:0}.shell-nav-brand{font-size:var(--text-title);font-weight:var(--weight-black);padding:0 var(--space-12) var(--space-16)}.wordmark-defs{position:absolute;width:0;height:0}.wordmark{position:relative;display:inline-flex;white-space:nowrap}.wordmark-s-slot{position:relative;display:inline-block}.wordmark-s{position:relative;z-index:1}.wordmark-paintx{position:absolute;z-index:2;top:42%;left:58%;width:1.05em;height:1.05em;transform:translate(-50%,-50%) rotate(-11deg);overflow:visible;pointer-events:none}.wordmark-paintx-bleed,.wordmark-paintx-core{fill:none;stroke:var(--accent);stroke-linecap:round}.wordmark-paintx-bleed{stroke-width:34;opacity:.22}.wordmark-paintx-core{stroke-width:21;opacity:.94}.content{overflow-y:auto;overflow-x:hidden;min-height:0;padding:var(--space-16) 0 var(--space-8)}.shell-inspector{display:var(--shell-inspector-display);flex-direction:column;padding:var(--space-16);border-left:var(--stroke-hairline) solid var(--border-subtle);background:var(--bg-elevated);overflow-y:auto;overflow-x:hidden;min-height:0}.nav-link{display:flex;align-items:center;gap:var(--space-12);min-height:var(--hit-min);padding:var(--space-8) var(--space-12);border-radius:var(--radius-pill);color:var(--text-muted);text-decoration:none;font-size:var(--text-label);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease)}.nav-link.active{background:var(--accent);color:var(--on-accent);font-weight:var(--weight-bold)}.nav-link svg{width:1.25em;height:1.25em;flex:0 0 auto}.tabbar{display:var(--shell-tabbar-display);flex:0 0 auto;border-top:var(--stroke-medium) solid var(--border-strong);background:var(--bg-elevated)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:calc(var(--hit-min) + var(--space-12));padding:var(--space-8) 0;font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--text-muted);text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:color var(--motion-fast) var(--motion-ease)}.tab.active{color:var(--accent);font-weight:var(--weight-semibold)}.tab svg{width:1.4em;height:1.4em;flex:0 0 auto}.profile-switcher{display:flex;flex-wrap:wrap;gap:var(--space-8)}.profile-switcher-error{font-size:var(--text-micro);color:var(--danger);margin:var(--space-4) 0 0}@supports (backdrop-filter: blur(0)) or (-webkit-backdrop-filter: blur(0)){.glass-surface{background:var(--glass-surface-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.shell-nav.glass-surface{border-right:var(--stroke-hairline) solid var(--glass-surface-edge)}.shell-inspector.glass-surface{border-left:var(--stroke-hairline) solid var(--glass-surface-edge)}.tabbar.glass-surface{border-top:var(--stroke-hairline) solid var(--glass-surface-edge)}.sheet.glass-surface{border-color:var(--glass-surface-edge);background:var(--glass-surface-bg)}}@media(prefers-reduced-transparency:reduce){.glass-surface{-webkit-backdrop-filter:none;backdrop-filter:none}.shell-nav.glass-surface{background:var(--bg-elevated);border-right:var(--stroke-medium) solid var(--border-strong)}.shell-inspector.glass-surface{background:var(--bg-elevated);border-left:var(--stroke-hairline) solid var(--border-subtle)}.tabbar.glass-surface{background:var(--bg-elevated);border-top:var(--stroke-medium) solid var(--border-strong)}.sheet.glass-surface{background:var(--bg-elevated);border-color:var(--border-strong)}}.gutter{padding-left:var(--space-16);padding-right:var(--space-16)}.row{display:flex;align-items:center;gap:var(--space-8)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.col{display:flex;flex-direction:column;gap:var(--space-8)}.grow{flex:1 1 auto;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:0;height:0;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.ai-limit-hint{font-size:var(--text-label);color:var(--text-muted);margin:0}.ai-limit-hint a{color:var(--accent-strong);font-weight:var(--weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:calc(var(--space-32) + var(--space-4));padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);border:var(--stroke-medium) solid transparent;font-size:var(--text-micro);font-weight:var(--weight-bold);line-height:var(--leading-snug);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-full{width:100%}.btn-primary{background:var(--border-strong);color:var(--bg-base)}.btn-primary:not(:disabled):hover{opacity:.85}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:not(:disabled):hover{border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:not(:disabled):hover{background:var(--accent-subtle)}.btn-danger{background:var(--danger);color:var(--on-danger)}.chip{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-12);min-height:calc(var(--space-32) + var(--space-4));border-radius:var(--radius-pill);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--bg-elevated);color:var(--text-primary);border:var(--stroke-medium) solid var(--border-subtle);transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}button.chip{cursor:pointer;font-family:inherit}button.chip:disabled{cursor:not-allowed;opacity:.5}.chip:not(:disabled):not(.active):hover{border-color:var(--border-strong)}.chip.active{background:var(--border-strong);color:var(--bg-base);border-color:var(--border-strong);font-weight:var(--weight-bold)}.swatch{display:inline-flex;align-items:center;gap:var(--space-8)}.swatch-color{display:inline-block;border-radius:var(--radius-pill);border:var(--stroke-hairline) solid var(--border-subtle);background-color:var(--swatch-hex)}@supports (color: oklch(0% 0 0)){.swatch-color{background-color:var(--swatch-oklch)}}.swatch-sm .swatch-color{width:var(--space-16);height:var(--space-16)}.swatch-md .swatch-color{width:var(--space-24);height:var(--space-24)}.swatch-lg .swatch-color{width:var(--space-32);height:var(--space-32)}.swatch-label{font-size:var(--text-label);color:var(--text-secondary)}.garment-thumb{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:calc(var(--radius-card) / 3);overflow:hidden;background:var(--bg-inset)}.garment-thumb-sm{width:var(--space-16);height:var(--space-16)}.garment-thumb-md{width:var(--space-24);height:var(--space-24)}.garment-thumb-lg{width:var(--space-32);height:var(--space-32)}.garment-thumb-photo{width:100%;height:100%;object-fit:cover}.garment-thumb-photo.cutout{object-fit:contain}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);text-align:center;padding:var(--space-32) var(--space-16);color:var(--text-muted)}.empty-state p{margin:0}.spinner{display:inline-block;width:1.5em;height:1.5em;border:var(--stroke-medium) solid var(--border-subtle);border-top-color:var(--accent);border-radius:var(--radius-pill);animation:spin var(--motion-spin) linear infinite}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:100}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim)}.sheet{position:relative;background:var(--bg-elevated);border:var(--stroke-medium) solid var(--border-strong);border-bottom:none;border-radius:var(--radius-card) var(--radius-card) 0 0;width:100%;max-width:var(--sheet-max-width);max-height:70vh;overflow-y:auto;overflow-x:hidden;padding:var(--space-16) var(--space-16) var(--space-32);box-shadow:var(--shadow-sheet);animation:sheet-present var(--motion-normal) var(--motion-ease-out)}.sheet-handle{width:var(--space-32);height:var(--space-4);background:var(--border-strong);border-radius:var(--radius-pill);margin:0 auto var(--space-16)}.sheet-title{font-size:var(--text-title);font-weight:var(--weight-black);margin:0 0 var(--space-12)}.sheet-actions{display:flex;gap:var(--space-12)}.sheet-actions>*{flex:1;min-height:var(--hit-min)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-present{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.verdict-badge{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-24);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--weight-black);line-height:var(--leading-snug);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.verdict-badge-score{font-variant-numeric:tabular-nums;opacity:.85}.verdict-badge-sm{padding:var(--space-4) var(--space-12);font-size:var(--text-micro);gap:var(--space-4)}.verdict-sharp{background:var(--verdict-sharp);color:var(--on-verdict-sharp)}.verdict-works{background:var(--verdict-works);color:var(--on-verdict-works)}.verdict-risky{background:var(--verdict-risky);color:var(--on-verdict-risky)}.verdict-mismatch{background:var(--verdict-mismatch);color:var(--on-verdict-mismatch)}.status-banner{position:fixed;left:var(--banner-inset-start);right:var(--banner-inset-end);bottom:var(--banner-bottom);max-width:var(--banner-max-width);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-card);box-shadow:var(--shadow-card);font-size:var(--text-label);line-height:var(--leading-snug)}.status-banner-offline{background:var(--warn);color:var(--on-warn)}.status-banner-update{background:var(--accent);color:var(--on-accent)}.status-banner-undo{background:var(--border-strong);color:var(--bg-base)}.status-banner-undo .btn-secondary{background:transparent;border-color:var(--bg-base);color:var(--bg-base)}