:root{--berry:#c2185b;--berry-dark:#9e1149;--caramel:#b06a2c;--ink:#2b2420;--muted:#6b6058;--cream:#fbf7f2;--card:#fff;--line:#ece5dd;--green:#2e7d5b;--amber:#c28a1e;--red:#c0392b;--blue:#2f6fb0;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--cream)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:.92rem}.muted{color:var(--muted)}.small{font-size:.78rem}.right{text-align:right}.full{width:100%}.splash{height:100%;color:var(--muted);place-items:center;font-size:1.4rem;display:grid}.btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem .9rem;font-size:.9rem;font-weight:600}.btn-primary{background:var(--berry);color:#fff;border-color:var(--berry)}.btn-primary:hover{background:var(--berry-dark)}.btn-soft{background:var(--cream)}.btn-approve{background:var(--green);color:#fff;border-color:var(--green)}.btn-reject{color:var(--red);border-color:var(--red);background:#fff}.btn:disabled{opacity:.5;cursor:default}.link{color:var(--berry);background:0 0;border:none;padding:.2rem;font-weight:600}.link:hover{text-decoration:underline}.form-error{color:var(--red);background:#fdecea;border-radius:8px;padding:.5rem .7rem;font-size:.85rem}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:.5rem .6rem}.login-wrap{place-items:center;height:100%;padding:24px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);border-radius:18px;width:360px;padding:2rem;box-shadow:0 8px 30px #0000000f}.login-card h1{margin:0}.login-card form{gap:.6rem;margin-top:1.2rem;display:grid}.demo-hint{color:var(--muted);background:var(--cream);border-radius:10px;margin-top:1.4rem;padding:.7rem;font-size:.78rem}.demo-hint ul{margin:.4rem 0 0;padding-left:1rem}code{background:var(--cream);border-radius:5px;padding:.05em .35em}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:1.5rem;padding:.7rem 1.2rem;display:flex}.brand{cursor:pointer;font-size:1.1rem;font-weight:800}.topnav{gap:.3rem;display:flex}.topnav button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:.45rem .8rem;font-weight:600}.topnav button.on{background:var(--cream);color:var(--berry)}.who{align-items:center;gap:1rem;margin-left:auto;font-size:.85rem;display:flex}.content{flex:1;padding:1.2rem;overflow:auto}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;max-width:1000px;margin:0 auto;padding:1.2rem 1.4rem}.panel-head{justify-content:space-between;align-items:center;display:flex}.filters{flex-wrap:wrap;gap:.4rem;margin:.8rem 0;display:flex}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.3rem .8rem;font-size:.82rem}.chip-on{background:var(--berry);color:#fff;border-color:var(--berry)}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;color:var(--muted);border-bottom:2px solid var(--line);padding:.5rem;font-weight:600}.table td{border-bottom:1px solid var(--line);padding:.55rem .5rem}.row-click{cursor:pointer}.row-click:hover{background:var(--cream)}.flag{color:var(--amber);font-size:.8rem}.badge{color:#fff;border-radius:999px;padding:.2rem .55rem;font-size:.74rem;font-weight:700}.badge-draft{background:#8a8178}.badge-pending_approval{background:var(--amber)}.badge-approved{background:var(--green)}.badge-rejected{background:var(--red)}.workspace{gap:1rem;max-width:1200px;height:100%;margin:0 auto;display:flex}.chat-pane,.cart-pane{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.chat-pane{flex:2 1 0}.cart-pane{flex:3 1 0;overflow:auto}.pane-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.chat-log{flex-direction:column;flex:1;gap:.6rem;padding:1rem;display:flex;overflow:auto}.chat-empty{text-align:center;max-width:280px;margin:auto;font-size:.88rem}.bubble{white-space:pre-wrap;border-radius:12px;max-width:80%;padding:.55rem .8rem;font-size:.9rem}.bubble-user{background:var(--berry);color:#fff;align-self:flex-end}.bubble-assistant{background:var(--cream);align-self:flex-start}.bubble-system{background:#efe9f5;align-self:center;font-size:.8rem}.bubble.thinking{align-items:center;gap:4px;display:flex}.bubble.thinking span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s infinite both blink}.bubble.thinking span:nth-child(2){animation-delay:.2s}.bubble.thinking span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.composer{border-top:1px solid var(--line);flex-direction:column;gap:.5rem;padding:.7rem;display:flex}.composer-row{align-items:flex-end;gap:.5rem;display:flex}.composer textarea{resize:vertical;min-height:5.5rem}.attach-btn{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;padding:.4rem .6rem;font-size:1.1rem}.attach-chip{width:64px;height:64px;position:relative}.attach-chip img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:64px;height:64px}.attach-chip .x{border:1px solid var(--line);background:#fff;border-radius:50%;width:20px;height:20px;line-height:1;position:absolute;top:-8px;right:-8px}.bubble-img{border-radius:8px;max-width:180px;margin-bottom:.35rem;display:block}.cart-title{flex-direction:column;flex:1;gap:.2rem;display:flex}.title-input{border:none;padding:.2rem;font-size:1rem;font-weight:700}.title-sub{color:var(--muted);border:none;padding:.2rem;font-size:.85rem}.banner{border-radius:10px;margin:.7rem 1rem 0;padding:.6rem .8rem;font-size:.85rem}.banner-warn{color:var(--amber);background:#fdf3e0}.banner-reject{color:var(--red);background:#fdecea}.banner-ok{color:var(--green);background:#e7f4ee}.builder{border-bottom:1px solid var(--line);padding:1rem}.grid2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.builder label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;display:flex}.checks{flex-wrap:wrap;gap:.8rem;margin:.8rem 0;display:flex}.check{align-items:center;color:var(--ink)!important;flex-direction:row!important;gap:.35rem!important;font-size:.82rem!important}.check input{width:auto}.section-head{justify-content:space-between;align-items:center;margin-top:.8rem;display:flex}.section-head h4{margin:.4rem 0}.topper-row{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.qty{flex:none;width:64px}.topper-block{margin-bottom:.6rem}.topper-block .topper-row{margin-bottom:.25rem}.topper-instruction{font-size:.82rem}.line-instruction{color:var(--caramel);margin-top:.1rem;font-size:.78rem}.x{color:var(--red);background:0 0;border:none;flex:none;font-size:1.1rem}.cart-items{padding:1rem}.cart-group{margin-bottom:.7rem}.cart-group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.2rem;font-size:.74rem}.cart-line{justify-content:space-between;padding:.25rem 0;font-size:.9rem;display:flex}.cart-line-amt{font-variant-numeric:tabular-nums}.type-tag{background:var(--cream);color:var(--muted);border-radius:999px;margin-left:.4rem;padding:.05rem .4rem;font-size:.68rem;display:inline-block}.totals{border-top:1px solid var(--line);padding:1rem}.t-row{font-variant-numeric:tabular-nums;justify-content:space-between;padding:.2rem 0;display:flex}.t-total{border-top:1px solid var(--line);margin-top:.3rem;padding-top:.5rem;font-size:1.3rem;font-weight:800}.cart-actions{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.approve-row{gap:.5rem;display:flex}.approve-row .btn{flex:1}.media-section{border-top:1px solid var(--line)}.media-head{background:var(--cream);justify-content:space-between;align-items:center;padding:.7rem 1rem;font-weight:700;display:flex}.media-head a{color:var(--berry);font-size:.82rem;font-weight:600}.media-empty{color:var(--muted);padding:0 1rem 1rem;font-size:.85rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.4rem;padding:.8rem 1rem 1rem;display:grid}.media-thumb img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:8px;width:100%;display:block}.queue{background:var(--cream);border-radius:12px;margin-bottom:1rem;padding:.8rem}.queue-card{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:.7rem .9rem;display:flex}.queue-card-actions{flex:none;gap:.4rem;display:flex}.ai-note{color:var(--caramel);margin-top:.2rem;font-size:.8rem}.state-badge{color:#fff;border-radius:999px;margin-right:.4rem;padding:.12rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.inline-edit{align-items:center;gap:.3rem;display:flex}.inline-edit input{width:100px}.user-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.8rem 0;display:flex}.user-form input,.user-form select{flex:1;width:auto;min-width:120px}.modal-overlay{z-index:50;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:760px;max-height:90vh;padding:1.2rem;overflow:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.modal-head h3{margin:0}.card-row{flex-wrap:wrap;gap:1rem;display:flex}.quote-card{background:var(--cream);border:1px solid var(--line);border-radius:14px;flex:280px;padding:1.2rem}.qc-brand{font-size:1.1rem;font-weight:800}.qc-sub{color:var(--berry);margin-bottom:.6rem;font-size:.85rem;font-weight:700}.qc-theme{font-weight:700}.qc-spec{color:var(--muted);margin-bottom:.6rem;font-size:.85rem}.qc-lines{border-top:1px dashed #d8cfc4;padding-top:.5rem}.qc-line{font-variant-numeric:tabular-nums;justify-content:space-between;padding:.15rem 0;font-size:.88rem;display:flex}.qc-total{border-top:1px solid #d8cfc4;justify-content:space-between;margin-top:.4rem;padding-top:.5rem;font-size:1.15rem;font-weight:800;display:flex}.qc-notes{color:var(--muted);margin-top:.6rem;font-size:.74rem}.card-text{flex-direction:column;flex:280px;gap:.5rem;display:flex}.card-text textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:.8rem}.card-text-actions{gap:.5rem;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:.5rem;display:grid}.settings-grid label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;display:flex}.panel h3{margin:1.2rem 0 .4rem;font-size:.95rem}.test-results{flex-direction:column;gap:.4rem;margin-top:.8rem;display:flex}.test-results .banner{margin:0}.media-search{margin:.6rem 0 1rem;padding:.6rem .8rem;font-size:1rem}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;display:grid}.thumb-tile{aspect-ratio:1;border:1px solid var(--line);background:var(--cream);cursor:pointer;border-radius:10px;padding:0;position:relative;overflow:hidden}.thumb-tile img{object-fit:cover;width:100%;height:100%;display:block}.thumb-tile:hover{outline:2px solid var(--berry)}.media-status{color:#fff;border-radius:999px;padding:.1rem .4rem;font-size:.68rem;font-weight:700;position:absolute;top:5px;left:5px}.media-pending{background:var(--amber)}.media-failed{background:var(--red)}.pager{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.link.danger{color:var(--red)}.lightbox{max-width:860px}.lightbox-body{flex-wrap:wrap;gap:1rem;display:flex}.lightbox-img{flex:320px;position:relative}.lightbox-img img{border-radius:10px;width:100%}.lightbox-meta{flex-direction:column;flex:260px;gap:.6rem;display:flex}.lightbox-meta label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:600;display:flex}.lightbox-actions{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.image-viewer{border-radius:10px;max-width:92vw;max-height:92vh}.msg-wrap{flex-direction:column;display:flex}.ref-strip{margin:.2rem 0 .4rem}.ref-label{color:var(--muted);margin-bottom:.25rem;font-size:.72rem}.ref-thumbs{flex-wrap:wrap;gap:.4rem;display:flex}.ref-thumbs img{object-fit:cover;border:1px solid var(--line);cursor:pointer;border-radius:8px;width:64px;height:64px}.ref-thumbs img:hover{outline:2px solid var(--berry)}.bubble-img.clickable{cursor:pointer}.bubble-img.clickable:hover{outline:2px solid var(--berry)}.opt-strip{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.3rem 0 .5rem;display:flex}.opt-chip{border:1px solid var(--berry);color:var(--berry);background:#fff;border-radius:999px;padding:.35rem .8rem;font-size:.82rem;font-weight:600}.opt-chip.opt-on{background:var(--berry);color:#fff}.opt-send{padding:.35rem .9rem}.annotator{max-width:760px}.anno-toolbar{flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.6rem;display:flex}.tool-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:36px;height:36px;font-size:1rem}.tool-btn.tool-on{background:var(--berry);border-color:var(--berry)}.tool-sep{background:var(--line);width:1px;height:24px;margin:0 .3rem}.color-dot{width:24px;height:24px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%}.color-dot.color-on{box-shadow:0 0 0 2px var(--ink)}.anno-canvas-wrap{background:var(--cream);border-radius:10px;justify-content:center;padding:.5rem;display:flex;overflow:auto}.anno-send{align-items:flex-end;gap:.5rem;margin-top:.7rem;display:flex}.anno-send textarea{resize:vertical}@media (width<=900px){.workspace{flex-direction:column;height:auto}.grid2{grid-template-columns:1fr}}