:root{--bg:#f6f2ec;--surface:#fffaf4;--surface-strong:#ffffff;--ink:#1e1b18;--muted:#746d64;--line:#ded4c8;--accent:#8f3f2b;--accent-strong:#6f2d20;--sage:#5d7466;--blue:#3f607a;--rose:#cfa5a0;--shadow:0 18px 50px rgba(62,47,34,0.12)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{border:0;font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}svg{width:18px;height:18px;flex:0 0 auto}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(255,250,244,.9);padding:24px;display:flex;flex-direction:column;gap:28px}.mobile-nav-close,.mobile-nav-toggle{display:none;border:0;background:none}.mobile-nav-backdrop{display:none}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--ink);color:var(--surface);border-radius:8px;font-weight:800;letter-spacing:0}.brand p,.brand strong{display:block;margin:0}.brand p{color:var(--muted);font-size:13px}.brand strong{font-size:18px}.nav{display:grid;grid-gap:8px;gap:8px}.decision-row button,.feedback-row button,.nav-button,.primary,.quick-actions button,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;padding:10px 14px;transition:transform .14s ease,background .14s ease,border-color .14s ease}.nav-button{justify-content:flex-start;background:transparent;color:var(--muted)}.nav-button.active,.nav-button:hover{background:#ece2d6;color:var(--ink)}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-strong)}a.nav-button,a.primary,a.secondary{text-decoration:none}.feedback-row button,.secondary{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}.feedback-row button:hover,.secondary:hover{border-color:#bfae9d}.text-button{justify-content:flex-start;background:transparent;color:var(--accent);padding-left:0}.generate-button{width:100%}.sync-box{margin-top:auto;display:flex}.role-label,.role-switch,.sync-box{align-items:center;gap:8px;color:var(--muted);font-size:13px}.role-label,.role-switch{display:inline-flex;border-radius:8px;text-decoration:none}.role-switch{border:1px solid var(--line);padding:10px 12px;background:rgba(255,255,255,.55)}.role-switch:hover{color:var(--ink);border-color:#bfae9d}.role-label{padding:10px 0;font-weight:700}.stylist-shell{background:#f4f1ec}.stylist-note{margin-top:8px}.dot{width:9px;height:9px;border-radius:50%;background:var(--rose)}.dot.live{background:var(--sage)}.content{min-width:0;padding:32px}.screen{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px}.screen-header,.screen-title{display:flex;align-items:center;justify-content:space-between;gap:24px}.hero{min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:30px;box-shadow:var(--shadow)}.hero>div:first-child{max-width:620px}.empty-state h2,.empty-state h3,.hero h1,.screen-title h2{margin:0;letter-spacing:0}.hero h1{font-size:clamp(34px,5vw,64px);line-height:.98;max-width:720px}.hero p{color:var(--muted);font-size:17px;line-height:1.6}.hero-image{position:relative;min-width:320px;width:36%;aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:#eee4d8}.hero-image img,.modal-image img,.outfit-image img,.saved-image img{display:block;width:100%;height:100%;object-fit:cover}.hero-image-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--muted)}.hero-image-empty svg{width:32px;height:32px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.screen-title h2{font-size:34px}.queue-grid,.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.admin-section,.chat-rule,.queue-card,.stat,.task-card{border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);box-shadow:0 10px 28px rgba(62,47,34,.06)}.stat{padding:18px}.stat strong{display:block;font-size:34px}.admin-row span,.payment-note,.queue-card p,.stat span,.task-card p{color:var(--muted)}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.quick-actions button{background:var(--ink);color:var(--surface)}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segmented button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:8px 12px}.section-tabs button{gap:8px}.tab-count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#f2e7da;color:var(--muted);font-size:12px}.feedback-row button.selected,.segmented button.selected{border-color:var(--accent);background:#f0d8d2}.segmented button.selected .tab-count{background:rgba(255,250,244,.8);color:var(--accent-strong)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px}.info-note{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;background:#fff8ed;padding:14px 16px;color:var(--muted);line-height:1.5}.info-note strong{color:var(--ink)}.item-card,.saved-card{border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);overflow:hidden}.item-card{padding:14px;display:grid;grid-gap:12px;gap:12px}.item-tile{position:relative;display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:0;overflow:hidden;box-shadow:0 8px 22px rgba(62,47,34,.06);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.item-tile:hover{border-color:var(--accent);box-shadow:0 14px 34px rgba(62,47,34,.12);transform:translateY(-2px)}.item-tile:focus-visible{outline:3px solid rgba(143,63,43,.25);outline-offset:3px}.item-tile-image{position:relative;width:100%;aspect-ratio:1/1;background:#f2e7da}.item-tile-image img{width:100%;height:100%;object-fit:contain;padding:16px}.item-status-badge{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);min-height:24px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;line-height:1.2;box-shadow:0 8px 18px rgba(62,47,34,.12)}.item-image{position:relative;width:100%;aspect-ratio:1/1;border-radius:8px;background:#f2e7da;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:contain;padding:18px}.item-meta span{color:var(--muted);font-size:13px}.admin-section h3,.item-meta h3,.queue-card h3,.saved-content h3,.task-card h3{margin:4px 0 6px}.admin-section p,.chat-rule p,.comment,.item-meta p,.reason,.saved-content p{margin:0;color:var(--muted);line-height:1.5}.feedback-row,.outfit-items,.pill-row{display:flex;flex-wrap:wrap;gap:8px}.outfit-items span,.pill{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;background:#eee4d8;color:var(--ink);padding:5px 10px;font-size:12px;font-weight:700}.status-works{background:#dce8df;color:#2f5943}.status-needs_fit_check,.status-question{background:#efe3bf;color:#71551a}.status-archive{background:#ddd9d4;color:#5f5750}.feed-screen{max-width:1180px}.outfit-card{position:relative;display:grid;grid-template-columns:minmax(280px,1fr);grid-gap:0;gap:0;width:100%;max-width:900px;min-height:0;margin:0 auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface-strong);box-shadow:var(--shadow)}.outfit-image{position:relative;height:60vh;background:#fff}.outfit-image img{object-fit:contain;padding:0}.outfit-collage{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:10px;gap:10px;padding:18px}.collage-count-1{grid-template-columns:minmax(0,1fr)}.collage-count-3,.collage-count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.collage-tile{position:relative;min-width:0;min-height:0;border-radius:8px;background:#fffaf4;overflow:hidden}.collage-tile img{width:100%;height:100%;object-fit:contain;padding:10px}.outfit-copy{padding:22px 28px 26px;display:flex;flex-direction:column;gap:14px;text-align:center}.outfit-copy h3{margin:0;font-size:30px}.outfit-copy p{margin:0;color:var(--muted);line-height:1.6}.swipe-button{position:absolute;z-index:3;top:38%;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;border:1px solid var(--line);background:rgba(255,250,244,.94);box-shadow:var(--shadow)}.swipe-button svg{width:30px;height:30px}.swipe-left{left:20px;color:var(--accent)}.swipe-right{right:20px;color:var(--sage)}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.saved-card{display:grid;grid-template-columns:44% 1fr}.saved-image{position:relative;min-height:360px;background:#f1e7dc}.modal-image img,.saved-image img{object-fit:contain;padding:12px}.modal-image .collage-tile img,.outfit-image .collage-tile img,.saved-image .collage-tile img{object-fit:contain;padding:10px}.saved-image-button{display:block;width:100%;border:0;padding:0;cursor:zoom-in}.saved-content{padding:18px;display:grid;align-content:start;grid-gap:14px;gap:14px}.feedback-row button{min-height:34px;padding:7px 10px;font-size:13px}.payment-note{font-size:13px}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:18px;gap:18px}.client-chat{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px}.message-thread{display:grid;grid-gap:12px;gap:12px}.bubble{max-width:760px;border-radius:8px;padding:14px 16px;line-height:1.5}.bubble p{margin:6px 0 0}.stylist-bubble{background:var(--surface-strong);border:1px solid var(--line)}.task-bubble{margin-left:auto;background:#e9f0eb}.task-bubble div{display:flex;justify-content:space-between;gap:12px}.task-bubble span{color:var(--sage);font-weight:800}.composer{display:grid;grid-gap:12px;gap:12px;background:var(--surface-strong);padding:14px}.composer,.composer textarea{border:1px solid var(--line);border-radius:8px}.composer textarea{min-height:110px;resize:vertical;padding:12px;font:inherit}.composer-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(30,27,24,.62);padding:24px}.outfit-modal{width:min(980px,100%);grid-gap:16px;gap:16px}.item-modal,.outfit-modal{max-height:94vh;display:grid;border-radius:8px;background:var(--surface-strong);padding:18px}.item-modal{width:min(960px,100%);grid-gap:18px;gap:18px;overflow:auto}.modal-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.modal-top h3{margin:0;font-size:28px}.modal-image{position:relative;height:min(72vh,760px);border-radius:8px;background:#f1e7dc;overflow:hidden}.item-modal-body{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr);grid-gap:22px;gap:22px;align-items:start}.item-modal-image{position:relative;min-height:540px;border-radius:8px;background:#f2e7da;overflow:hidden}.item-modal-image img{width:100%;height:100%;object-fit:contain;padding:22px}.item-modal-content{display:grid;grid-gap:16px;gap:16px}.item-detail-row,.item-detail-text{display:grid;grid-gap:6px;gap:6px}.item-detail-row span,.item-detail-text span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.item-detail-row strong{font-size:16px}.item-detail-text p{margin:0;color:var(--ink);line-height:1.6}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.task-list{display:grid;grid-gap:12px;gap:12px}.task-card{padding:16px;display:grid;grid-gap:14px;gap:14px}.task-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.task-card dt{color:var(--muted);font-size:12px}.task-card dd{margin:2px 0 0;font-weight:700}.chat-rule{position:-webkit-sticky;position:sticky;top:24px;padding:18px;align-self:start}.chat-rule svg,.monetization svg{width:28px;height:28px;color:var(--accent)}.queue-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-list-panel{display:grid;grid-gap:16px;gap:16px;margin-bottom:22px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.section-heading h3,.section-heading p{margin:0}.section-heading>span{color:var(--muted);font-size:14px}.client-list{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card,.client-list{display:grid;grid-gap:16px;gap:16px}.client-card{border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:18px}.client-card dl,.client-card h3,.client-card p{margin:0}.client-card p{color:var(--muted);line-height:1.5}.client-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.client-card dt{color:var(--muted);font-size:12px}.client-card dd{margin:2px 0 0;font-size:20px;font-weight:800}.client-open-link{width:max-content}.client-card-actions{display:flex;flex-wrap:wrap;gap:10px}.client-context{border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:18px;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);grid-gap:16px;gap:16px;align-items:center;margin-bottom:18px}.client-context h3,.client-context p{margin:0}.client-context p{color:var(--muted);line-height:1.5}.queue-card{padding:16px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.admin-section{padding:18px}.admin-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0}.admin-row:last-child{padding-bottom:0}.admin-row span,.admin-row strong{display:block}.monetization{background:#f7e7e3}.empty-state{min-height:460px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);display:grid;place-items:center;align-content:center;text-align:center;grid-gap:12px;gap:12px;padding:30px}.empty-state.compact{min-height:280px}.empty-state svg{width:34px;height:34px;color:var(--accent)}.empty-state p{max-width:460px;margin:0;color:var(--muted)}.shopping-screen{gap:18px}.shopping-summary{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:24px}.shopping-summary h3{max-width:860px;margin:14px 0 0;font-size:30px;line-height:1.12;letter-spacing:0}.shopping-summary p{max-width:920px;color:var(--muted);font-size:16px;line-height:1.65}.shopping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shopping-card,.shopping-grid{display:grid;grid-gap:16px;gap:16px}.shopping-card{align-content:start;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:20px;box-shadow:0 10px 28px rgba(62,47,34,.06)}.shopping-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.shopping-number{color:var(--accent);font-size:13px;font-weight:900;letter-spacing:.08em}.shopping-card h3{margin:0;font-size:24px;line-height:1.15;letter-spacing:0}.shopping-card dl{display:grid;grid-gap:12px;gap:12px;margin:0}.shopping-card dl div{display:grid;grid-gap:4px;gap:4px}.shopping-card dt{color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.shopping-card dd{margin:0;color:var(--muted);line-height:1.55}.shopping-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:8px;background:var(--ink);color:var(--surface);padding:24px;box-shadow:var(--shadow)}.shopping-cta .pill{background:rgba(255,255,255,.14);color:var(--surface)}.shopping-cta h3{margin:12px 0 0;font-size:28px;line-height:1.1;letter-spacing:0}.shopping-cta p{max-width:680px;margin:10px 0 0;color:rgba(255,250,244,.78);line-height:1.6}.cta-link{flex:0 0 auto;text-decoration:none}.portrait-screen{gap:18px}.portrait-hero{border:1px solid var(--line);border-radius:8px;background:var(--ink);color:var(--surface);padding:28px;box-shadow:var(--shadow)}.portrait-hero .pill{background:rgba(255,255,255,.14);color:var(--surface)}.portrait-hero h3{max-width:820px;margin:14px 0 0;font-size:34px;line-height:1.08;letter-spacing:0}.portrait-hero p{max-width:920px;margin:16px 0 0;color:rgba(255,250,244,.78);font-size:17px;line-height:1.65}.portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.portrait-card{display:grid;align-content:start;grid-gap:14px;gap:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:22px;box-shadow:0 10px 28px rgba(62,47,34,.06)}.portrait-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.portrait-number{color:var(--muted)}.portrait-card h3{margin:0;font-size:24px;line-height:1.15;letter-spacing:0}.portrait-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}@media (max-width:980px){.shell{grid-template-columns:1fr}.mobile-nav-toggle{display:grid;place-items:center;position:fixed;top:18px;left:18px;z-index:60;width:44px;height:44px;border-radius:8px;border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow)}.mobile-nav-close{display:grid;place-items:center;margin-left:auto;width:32px;height:32px;border-radius:6px;color:var(--muted)}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(30,27,24,.4);z-index:40}.sidebar{position:fixed;top:0;left:0;z-index:50;width:min(320px,85vw);height:100vh;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto}.sidebar.sidebar-open{transform:translateX(0)}.content{padding-top:78px}.admin-grid,.chat-layout,.nav,.outfit-card,.portrait-grid,.queue-grid,.saved-card,.saved-grid,.shopping-grid,.stat-grid{grid-template-columns:1fr}.screen-header,.screen-title,.shopping-cta{align-items:flex-start;flex-direction:column}.hero-image{width:100%}.swipe-left{left:14px}.swipe-right{right:14px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.item-modal-body{grid-template-columns:1fr}.item-modal-image{min-height:420px}}@media (max-width:620px){.content,.hero,.outfit-copy,.sidebar{padding:18px}.content{padding-top:78px}.hero h1{font-size:36px}.outfit-copy h3,.screen-title h2{font-size:28px}.shopping-summary h3{font-size:24px}.portrait-hero h3{font-size:26px}.task-card dl{grid-template-columns:1fr}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-status-badge{font-size:10px}.item-modal{padding:14px}.item-modal-image{min-height:360px}.decision-row{grid-template-columns:1fr}}