:root{--bg:#f6f2ec;--surface:#fffaf4;--surface-strong:#fff;--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,.12)}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}svg{flex:none;width:18px;height:18px}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:rgba(255,250,244,.9);flex-direction:column;gap:28px;height:100vh;padding:24px;display:flex;position:-webkit-sticky;position:sticky;top:0}.mobile-nav-toggle,.mobile-nav-close{background:0 0;border:0;display:none}.mobile-nav-backdrop{display:none}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--ink);width:46px;height:46px;color:var(--surface);letter-spacing:0;border-radius:8px;place-items:center;font-weight:800;display:grid}.brand p,.brand strong{margin:0;display:block}.brand p{color:var(--muted);font-size:13px}.brand strong{font-size:18px}.nav{gap:8px;display:grid}.nav-button,.primary,.secondary,.text-button,.quick-actions button,.decision-row button,.feedback-row button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 14px;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.nav-button{color:var(--muted);background:0 0;justify-content:flex-start}.nav-button.active,.nav-button:hover{color:var(--ink);background:#ece2d6}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-strong)}a.primary,a.secondary,a.nav-button{text-decoration:none}.secondary,.feedback-row button{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}.secondary:hover,.feedback-row button:hover{border-color:#bfae9d}.text-button{color:var(--accent);background:0 0;justify-content:flex-start;padding-left:0}.generate-button{width:100%}.sync-box{color:var(--muted);align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.role-switch,.role-label{color:var(--muted);border-radius:8px;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.role-switch{border:1px solid var(--line);background:rgba(255,255,255,.55);padding:10px 12px}.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{background:var(--rose);border-radius:50%;width:9px;height:9px}.dot.live{background:var(--sage)}.content{min-width:0;padding:32px}.screen{grid-template-columns:minmax(0,1fr);gap:24px;max-width:1180px;margin:0 auto;display:grid}.screen-header,.screen-title{justify-content:space-between;align-items:center;gap:24px;display:flex}.hero{border:1px solid var(--line);background:var(--surface);min-height:360px;box-shadow:var(--shadow);border-radius:8px;padding:30px;overflow:hidden}.hero>div:first-child{max-width:620px}.hero h1,.screen-title h2,.empty-state h2,.empty-state h3{letter-spacing:0;margin:0}.hero h1{max-width:720px;font-size:max(34px,min(5vw,64px));line-height:.98}.hero p{color:var(--muted);font-size:17px;line-height:1.6}.hero-image{aspect-ratio:4/5;background:#eee4d8;border-radius:8px;width:36%;min-width:320px;position:relative;overflow:hidden}.hero-image img,.outfit-image img,.saved-image img,.modal-image img{object-fit:cover;width:100%;height:100%;display:block}.hero-image-empty{text-align:center;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.hero-image-empty svg{width:32px;height:32px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.screen-title h2{font-size:34px}.stat-grid,.queue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat,.queue-card,.task-card,.chat-rule,.admin-section{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;box-shadow:0 10px 28px rgba(62,47,34,.06)}.stat{padding:18px}.stat strong{font-size:34px;display:block}.stat span,.queue-card p,.task-card p,.admin-row span,.payment-note{color:var(--muted)}.quick-actions{flex-wrap:wrap;gap:12px;display:flex}.quick-actions button{background:var(--ink);color:var(--surface)}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented button{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;display:inline-flex}.section-tabs button{gap:8px}.tab-count{min-width:24px;height:24px;color:var(--muted);background:#f2e7da;border-radius:999px;place-items:center;font-size:12px;display:inline-grid}.segmented button.selected,.feedback-row button.selected{border-color:var(--accent);background:#f0d8d2}.segmented button.selected .tab-count{color:var(--accent-strong);background:rgba(255,250,244,.8)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.info-note{border:1px solid var(--line);color:var(--muted);background:#fff8ed;border-radius:8px;gap:4px;padding:14px 16px;line-height:1.5;display:grid}.info-note strong{color:var(--ink)}.item-card,.saved-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;overflow:hidden}.item-card{gap:12px;padding:14px;display:grid}.item-tile{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;width:100%;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:block;position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(62,47,34,.06)}.item-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 34px rgba(62,47,34,.12)}.item-tile:focus-visible{outline-offset:3px;outline:3px solid rgba(143,63,43,.25)}.item-tile-image{aspect-ratio:1;background:#f2e7da;width:100%;position:relative}.item-tile-image img{object-fit:contain;width:100%;height:100%;padding:16px}.item-status-badge{border-radius:999px;max-width:calc(100% - 16px);min-height:24px;padding:4px 8px;font-size:11px;font-weight:800;line-height:1.2;position:absolute;bottom:8px;left:8px;box-shadow:0 8px 18px rgba(62,47,34,.12)}.item-image{aspect-ratio:1;background:#f2e7da;border-radius:8px;width:100%;position:relative;overflow:hidden}.item-image img{object-fit:contain;width:100%;height:100%;padding:18px}.item-meta span{color:var(--muted);font-size:13px}.item-meta h3,.saved-content h3,.task-card h3,.queue-card h3,.admin-section h3{margin:4px 0 6px}.item-meta p,.reason,.comment,.saved-content p,.chat-rule p,.admin-section p{color:var(--muted);margin:0;line-height:1.5}.pill-row,.outfit-items,.feedback-row{flex-wrap:wrap;gap:8px;display:flex}.pill,.outfit-items span{min-height:28px;color:var(--ink);background:#eee4d8;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-works{color:#2f5943;background:#dce8df}.status-question,.status-needs_fit_check{color:#71551a;background:#efe3bf}.status-archive{color:#5f5750;background:#ddd9d4}.feed-screen{max-width:1180px}.outfit-card{border:1px solid var(--line);background:var(--surface-strong);width:100%;max-width:900px;min-height:0;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(280px,1fr);gap:0;margin:0 auto;display:grid;position:relative;overflow:hidden}.outfit-image{background:#fff;height:60vh;position:relative}.outfit-image img{object-fit:contain;padding:0}.outfit-collage{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;padding:18px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.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{background:#fffaf4;border-radius:8px;min-width:0;min-height:0;position:relative;overflow:hidden}.collage-tile img{object-fit:contain;width:100%;height:100%;padding:10px}.outfit-copy{text-align:center;flex-direction:column;gap:14px;padding:22px 28px 26px;display:flex}.outfit-copy h3{margin:0;font-size:30px}.outfit-copy p{color:var(--muted);margin:0;line-height:1.6}.swipe-button{z-index:3;border:1px solid var(--line);width:72px;height:72px;box-shadow:var(--shadow);background:rgba(255,250,244,.94);border-radius:50%;place-items:center;display:grid;position:absolute;top:38%}.swipe-button svg{width:30px;height:30px}.swipe-left{color:var(--accent);left:20px}.swipe-right{color:var(--sage);right:20px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.saved-card{grid-template-columns:44% 1fr;display:grid}.saved-image{background:#f1e7dc;min-height:360px;position:relative}.saved-image img,.modal-image img{object-fit:contain;padding:12px}.outfit-image .collage-tile img,.saved-image .collage-tile img,.modal-image .collage-tile img{object-fit:contain;padding:10px}.saved-image-button{cursor:zoom-in;border:0;width:100%;padding:0;display:block}.saved-content{align-content:start;gap:14px;padding:18px;display:grid}.feedback-row button{min-height:34px;padding:7px 10px;font-size:13px}.payment-note{font-size:13px}.chat-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px;display:grid}.client-chat{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.message-thread{gap:12px;display:grid}.bubble{border-radius:8px;max-width:760px;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{background:#e9f0eb;margin-left:auto}.task-bubble div{justify-content:space-between;gap:12px;display:flex}.task-bubble span{color:var(--sage);font-weight:800}.composer{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:12px;padding:14px;display:grid}.composer textarea{resize:vertical;border:1px solid var(--line);min-height:110px;font:inherit;border-radius:8px;padding:12px}.composer-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal-backdrop{z-index:20;background:rgba(30,27,24,.62);place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.outfit-modal{background:var(--surface-strong);border-radius:8px;gap:16px;width:min(980px,100%);max-height:94vh;padding:18px;display:grid}.item-modal{background:var(--surface-strong);border-radius:8px;gap:18px;width:min(960px,100%);max-height:94vh;padding:18px;display:grid;overflow:auto}.modal-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-top h3{margin:0;font-size:28px}.modal-image{background:#f1e7dc;border-radius:8px;height:min(72vh,760px);position:relative;overflow:hidden}.item-modal-body{grid-template-columns:minmax(260px,.9fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.item-modal-image{background:#f2e7da;border-radius:8px;min-height:540px;position:relative;overflow:hidden}.item-modal-image img{object-fit:contain;width:100%;height:100%;padding:22px}.item-modal-content{gap:16px;display:grid}.item-detail-row,.item-detail-text{gap:6px;display:grid}.item-detail-row span,.item-detail-text span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.item-detail-row strong{font-size:16px}.item-detail-text p{color:var(--ink);margin:0;line-height:1.6}.modal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-list{gap:12px;display:grid}.task-card{gap:14px;padding:16px;display:grid}.task-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.task-card dt{color:var(--muted);font-size:12px}.task-card dd{margin:2px 0 0;font-weight:700}.chat-rule{align-self:start;padding:18px;position:-webkit-sticky;position:sticky;top:24px}.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{gap:16px;margin-bottom:22px;display:grid}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.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));gap:16px;display:grid}.client-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:16px;padding:18px;display:grid}.client-card h3,.client-card p,.client-card dl{margin:0}.client-card p{color:var(--muted);line-height:1.5}.client-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.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{flex-wrap:wrap;gap:10px;display:flex}.client-context{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);align-items:center;gap:16px;margin-bottom:18px;padding:18px;display:grid}.client-context h3,.client-context p{margin:0}.client-context p{color:var(--muted);line-height:1.5}.queue-card{padding:16px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-section{padding:18px}.admin-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.admin-row:last-child{padding-bottom:0}.admin-row strong,.admin-row span{display:block}.monetization{background:#f7e7e3}.empty-state{border:1px solid var(--line);background:var(--surface-strong);text-align:center;border-radius:8px;align-content:center;place-items:center;gap:12px;min-height:460px;padding:30px;display:grid}.empty-state.compact{min-height:280px}.empty-state svg{width:34px;height:34px;color:var(--accent)}.empty-state p{max-width:460px;color:var(--muted);margin:0}.shopping-screen{gap:18px}.shopping-summary{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:24px}.shopping-summary h3{letter-spacing:0;max-width:860px;margin:14px 0 0;font-size:30px;line-height:1.12}.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));gap:16px;display:grid}.shopping-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;align-content:start;gap:16px;padding:20px;display:grid;box-shadow:0 10px 28px rgba(62,47,34,.06)}.shopping-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.shopping-number{color:var(--accent);letter-spacing:.08em;font-size:13px;font-weight:900}.shopping-card h3{letter-spacing:0;margin:0;font-size:24px;line-height:1.15}.shopping-card dl{gap:12px;margin:0;display:grid}.shopping-card dl div{gap:4px;display:grid}.shopping-card dt{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900}.shopping-card dd{color:var(--muted);margin:0;line-height:1.55}.shopping-cta{border:1px solid var(--line);background:var(--ink);color:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.shopping-cta .pill{color:var(--surface);background:rgba(255,255,255,.14)}.shopping-cta h3{letter-spacing:0;margin:12px 0 0;font-size:28px;line-height:1.1}.shopping-cta p{color:rgba(255,250,244,.78);max-width:680px;margin:10px 0 0;line-height:1.6}.cta-link{flex:none;text-decoration:none}.portrait-screen{gap:18px}.portrait-hero{border:1px solid var(--line);background:var(--ink);color:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:28px}.portrait-hero .pill{color:var(--surface);background:rgba(255,255,255,.14)}.portrait-hero h3{letter-spacing:0;max-width:820px;margin:14px 0 0;font-size:34px;line-height:1.08}.portrait-hero p{color:rgba(255,250,244,.78);max-width:920px;margin:16px 0 0;font-size:17px;line-height:1.65}.portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.portrait-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;align-content:start;gap:14px;padding:22px;display:grid;box-shadow:0 10px 28px rgba(62,47,34,.06)}.portrait-card-top{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:900;display:flex}.portrait-number{color:var(--muted)}.portrait-card h3{letter-spacing:0;margin:0;font-size:24px;line-height:1.15}.portrait-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}@media (max-width:980px){.shell{grid-template-columns:1fr}.mobile-nav-toggle{z-index:60;border:1px solid var(--line);background:var(--surface-strong);width:44px;height:44px;box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid;position:fixed;top:18px;left:18px}.mobile-nav-close{width:32px;height:32px;color:var(--muted);border-radius:6px;place-items:center;margin-left:auto;display:grid}.mobile-nav-backdrop{z-index:40;background:rgba(30,27,24,.4);display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar{z-index:50;width:min(320px,85vw);height:100vh;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.content{padding-top:78px}.nav,.stat-grid,.saved-grid,.chat-layout,.queue-grid,.admin-grid,.shopping-grid,.portrait-grid,.outfit-card,.saved-card{grid-template-columns:1fr}.screen-header,.screen-title,.shopping-cta{flex-direction:column;align-items:flex-start}.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,.sidebar,.hero,.outfit-copy{padding:18px}.content{padding-top:78px}.hero h1{font-size:36px}.screen-title h2,.outfit-copy h3{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}}.client-picker{margin-bottom:1.5rem;position:relative}.client-picker-toggle{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:1.15rem;font-weight:600;display:flex}.client-picker-toggle:hover{border-color:var(--accent)}.client-picker-placeholder{color:var(--muted);font-weight:500}.client-picker-backdrop{z-index:40;position:fixed;top:0;bottom:0;left:0;right:0}.client-picker-panel{z-index:50;background:var(--surface);border:1px solid var(--line);max-height:60vh;box-shadow:var(--shadow);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.client-picker-option{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid transparent;border-radius:10px;flex-direction:column;gap:2px;padding:.7rem .9rem;display:flex}.client-picker-option:hover{background:var(--bg)}.client-picker-option.selected{border-color:var(--accent);background:#f0d8d2}.client-picker-line{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.client-picker-line strong{color:var(--ink);font-size:1rem}.client-picker-email,.client-picker-counts{color:var(--muted);font-size:.85rem}.stylist-workspace{--topbar-h:76px}.stylist-topbar{z-index:40;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:1.25rem;padding:0 24px;display:flex;position:-webkit-sticky;position:sticky;top:0}.stylist-topbar-brand{align-items:center;gap:10px;display:flex}.stylist-topbar-brand p{color:var(--muted);margin:0;font-size:.8rem}.stylist-topbar-brand strong{font-size:.95rem;display:block}.stylist-topbar .client-picker{flex:1;max-width:560px;margin-bottom:0}.stylist-topbar-logout{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:.9rem;text-decoration:none;display:inline-flex}.stylist-topbar-logout:hover{color:var(--ink)}.stylist-workspace .shell{min-height:calc(100vh - var(--topbar-h))}.stylist-workspace .sidebar{top:var(--topbar-h);height:calc(100vh - var(--topbar-h))}.stylist-empty{min-height:calc(100vh - var(--topbar-h))}.workbench{max-width:1080px;padding:20px 24px 64px}.workbench-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.workbench-filters{gap:6px;display:flex}.workbench-filters button{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.85rem}.workbench-filters button.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.workbench-filters .count{opacity:.65;font-variant-numeric:tabular-nums;margin-left:4px}.workbench-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.workbench-run{background:var(--accent);color:#fff;cursor:pointer;border:1px solid transparent;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:.88rem;font-weight:600;display:inline-flex}.workbench-run.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.workbench-run:disabled{opacity:.45;cursor:not-allowed}.workbench-run svg{width:16px;height:16px}.workbench-model-select{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);cursor:pointer;border-radius:8px;padding:0 10px;font-size:.85rem}.workbench-model-select:disabled{opacity:.45;cursor:not-allowed}.workbench-notice{color:var(--accent-strong);margin:0 0 12px;font-size:.85rem}.workbench-empty{color:var(--muted);padding:32px 0;font-size:.9rem}.workbench-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wb-item{border:1px solid var(--line);background:var(--surface);border-radius:10px;overflow:hidden}.wb-item.open{border-color:var(--accent)}.wb-head{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.wb-thumb{object-fit:contain;background:#fff;border-radius:6px;flex:none;width:48px;height:48px}.wb-thumb-empty{background:var(--line)}.wb-head-text{flex-direction:column;gap:2px;min-width:0;display:flex}.wb-head-text strong{font-size:.92rem}.wb-sub{color:var(--muted);font-size:.78rem}.wb-approved{color:#2e7d52;margin-left:auto;display:inline-flex}.wb-approved svg{width:18px;height:18px}.wb-badge{border-radius:999px;margin-left:auto;padding:3px 9px;font-size:.72rem}.wb-badge.running{color:#2f5aa8;background:#e7eefb}.wb-badge.failed{color:#ae3a2c;background:#f8e3df}.wb-badge.draft{color:#8a6110;background:#f2e8d4}.wb-body{grid-template-columns:340px 1fr;gap:22px;padding:6px 16px 18px;display:grid}.wb-photo img{background:#fff;border-radius:8px;width:100%;height:auto}.wb-fields{flex-direction:column;gap:12px;display:flex}.wb-fields label{color:var(--muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.wb-fields input[type=text],.wb-fields input:not([type]),.wb-fields textarea,.wb-fields select{font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:7px 10px;font-size:.88rem}.wb-fields textarea{resize:vertical}.wb-toggles{flex-wrap:wrap;gap:18px;display:flex}.wb-check{color:var(--ink);align-items:center;font-size:.85rem;flex-direction:row!important;gap:7px!important}.wb-error{color:#ae3a2c;align-items:center;gap:6px;margin:0;font-size:.82rem;display:flex}.wb-error svg{flex:none;width:15px;height:15px}.wb-actions{gap:10px;margin-top:4px;display:flex}.wb-save,.wb-approve{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-size:.87rem;font-weight:600;display:inline-flex}.wb-save{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.wb-approve{color:#fff;background:#2e7d52;border:none}.wb-save:disabled,.wb-approve:disabled{opacity:.5;cursor:not-allowed}.wb-approve svg{width:16px;height:16px}.wb-multi{flex-direction:column;gap:5px;display:flex;position:relative}.wb-multi-label{color:var(--muted);font-size:.78rem}.wb-multi-label em{opacity:.75;font-style:normal}.wb-chips{flex-wrap:wrap;gap:5px;display:flex}.wb-chip{cursor:pointer;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:.8rem}.wb-chip.primary{border-color:var(--accent);font-weight:600}.wb-multi input{font:inherit;border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:6px 10px;font-size:.85rem}.wb-suggest{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:8px;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.08)}.wb-suggest button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;padding:6px 8px;font-size:.85rem}.wb-suggest button:hover{background:var(--bg)}.spin{animation:1s linear infinite wb-spin}@keyframes wb-spin{to{transform:rotate(360deg)}}@media (max-width:860px){.wb-body{grid-template-columns:1fr}}