:root{--color-green:#0c5f3f;--color-green-hover:#093d26;--color-green-wash:#e6f2ec;--color-green-wash-hover:#dcece3;--color-orange:#ec6c27;--color-orange-hover:#d7532f;--color-red:#fa3838;--color-red-hover:#d92e2e;--color-ink:#231f20;--color-ink-hover:#3a3530;--color-label:#8a887f;--color-border:#ddd9cf;--color-border-panel:#e6e4de;--color-border-subtle:#ece9e2;--color-page-bg:#fbf4ee;--color-cart-bg:#faf9f6;--color-disabled:#e3e3e3;--color-white:#fff;--color-placeholder:#adadad;--color-rail-divider:#f0eee8;--color-rail-hover-bg:#f5f4f0;--color-checkbox-border:#ccc7bc;--font-sans:"Avenir Next", "Nunito Sans", -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{background:var(--color-page-bg);font-family:var(--font-sans);color:var(--color-ink);margin:0}button,input{font-family:var(--font-sans)}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.qb-app{flex-direction:column;min-height:100vh;display:flex}.qb-header{border-bottom:1px solid var(--color-border-panel);background:var(--color-white);align-items:center;gap:12px;padding:18px 24px;display:flex}.qb-mark{border-radius:7px;width:30px;height:30px;display:block}.qb-title{color:var(--color-ink);font-size:14px;font-weight:700}.qb-body{flex:1;min-height:0;display:flex}.qb-rail{border-right:1px solid var(--color-border-panel);background:var(--color-white);flex-direction:column;flex-shrink:0;gap:2px;width:190px;padding:16px 14px;display:flex;overflow-y:auto}.qb-rail-label{color:var(--color-label);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700}.qb-chips-block{border-bottom:1px solid var(--color-rail-divider);flex-direction:column;gap:6px;margin-bottom:8px;padding-bottom:10px;display:flex}.qb-chips{flex-wrap:wrap;gap:5px;display:flex}.qb-chip{cursor:pointer;background:var(--color-ink);color:var(--color-white);border:none;border-radius:14px;padding:4px 9px 4px 10px;font-size:11px;transition:background-color .12s}.qb-chip:hover{background:var(--color-ink-hover)}.qb-clearall{color:var(--color-label);cursor:pointer;background:0 0;border:none;align-self:flex-start;font-size:11.5px;text-decoration:underline;transition:color .12s}.qb-clearall:hover{color:var(--color-ink)}.qb-facet{border-bottom:1px solid var(--color-rail-divider);padding:9px 0}.qb-facet-header{cursor:pointer;width:100%;color:var(--color-ink);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;margin:0 -6px;padding:2px 6px;font-size:12.5px;font-weight:700;transition:background-color .12s;display:flex}.qb-facet-header:hover{background:var(--color-rail-hover-bg)}.qb-facet-caret{color:var(--color-label);font-size:13px}.qb-facet-options{flex-direction:column;gap:1px;margin-top:4px;display:flex}.qb-facet-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;width:100%;padding:6px;transition:background-color .12s;display:flex}.qb-facet-option:hover{background:var(--color-rail-hover-bg)}.qb-facet-option.unavailable{cursor:not-allowed}.qb-facet-option.unavailable:hover{background:0 0}.qb-facet-option.unavailable .qb-facet-option-label{color:var(--color-label)}.qb-facet-option.unavailable .qb-mark-box{border-color:var(--color-border)}.qb-facet-divider{background:var(--color-rail-divider);height:1px;margin:5px 2px}.qb-mark-box{border:1px solid var(--color-checkbox-border);width:15px;height:15px;color:var(--color-white);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex}.qb-mark-box.checked{background:var(--color-green);border-color:var(--color-green)}.qb-mark-box.round{border-radius:50%}.qb-facet-option-label{color:var(--color-ink);font-size:12.5px}.qb-main{border-right:1px solid var(--color-border-panel);flex-direction:column;flex:1;min-width:0;display:flex}.qb-searchbar{border-bottom:1px solid var(--color-border-panel);flex-direction:column;gap:8px;padding:14px 20px;display:flex}.qb-search-wrap{position:relative}.qb-search-input{border:1px solid var(--color-border);border-radius:8px;outline:none;width:100%;padding:11px 36px 11px 14px;font-size:15px}.qb-search-clear{width:24px;height:24px;color:var(--color-label);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:13px;line-height:1;transition:color .12s,background-color .12s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.qb-search-clear:hover{color:var(--color-ink);background:var(--color-rail-hover-bg)}.qb-hint{color:var(--color-placeholder);font-size:11px}.qb-table-head{color:var(--color-label);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 70px 360px 60px;gap:8px;padding:10px 20px;font-size:11px;font-weight:700;display:grid}.qb-table-empty,.qb-table-noresults{color:var(--color-placeholder);text-align:center;padding:36px 24px;font-size:14px}.qb-row{grid-template-columns:1fr 70px 360px 60px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;display:grid}.qb-row:nth-child(odd){background:var(--color-cart-bg)}.qb-row-name{color:var(--color-ink)}.qb-row-size{color:var(--color-label)}.qb-qty-cell{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.qb-pill{cursor:pointer;white-space:nowrap;background:var(--color-white);color:var(--color-ink);border:1px solid var(--color-border);border-radius:7px;padding:6px 8px;font-size:12px;font-weight:700;transition:background-color .12s,border-color .12s}.qb-pill:hover{border-color:var(--color-label)}.qb-pill.active{background:var(--color-green-wash);color:var(--color-green);border:1px solid var(--color-green)}.qb-pill.active:hover{background:var(--color-green-wash-hover)}.qb-pill.more{font-weight:400}.qb-custom-input{border:1px solid var(--color-border);border-radius:6px;flex-shrink:0;width:56px;padding:6px;font-size:12px}.qb-custom-set{background:var(--color-ink);color:var(--color-white);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 8px;font-size:12px;transition:background-color .12s}.qb-custom-set:hover{background:var(--color-ink-hover)}.qb-add-btn{background:var(--color-green);color:var(--color-white);cursor:pointer;border:none;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:700;transition:background-color .12s}.qb-add-btn:hover{background:var(--color-green-hover)}.qb-add-btn:disabled{cursor:default}.qb-add-btn.confirmed{background:var(--color-green-hover);animation:.3s qb-add-pop}@keyframes qb-add-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.qb-cart{background:var(--color-cart-bg);flex-direction:column;flex-shrink:0;gap:14px;width:340px;padding:24px 22px;display:flex}.qb-cart-label{color:var(--color-label);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.qb-cust-input{border:1px solid var(--color-border);border-radius:7px;outline:none;padding:9px 11px;font-size:13px}.qb-cart-list{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.qb-cart-empty{color:var(--color-placeholder);text-align:center;padding:20px 0;font-size:13px}.qb-cart-item{background:var(--color-white);border:1px solid var(--color-border-subtle);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.qb-cart-item-top{justify-content:space-between;gap:8px;display:flex}.qb-cart-item-name{color:var(--color-ink);font-size:12.5px;font-weight:700;line-height:1.3}.qb-cart-remove{color:var(--color-red);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:12px;transition:color .12s}.qb-cart-remove:hover{color:var(--color-red-hover);text-decoration:underline}.qb-cart-item-bottom{justify-content:space-between;align-items:baseline;display:flex}.qb-cart-item-meta{color:var(--color-label);font-size:11px}.qb-cart-item-total{color:var(--color-ink);font-size:13px;font-weight:700}.qb-genbtn{color:var(--color-white);cursor:pointer;background:var(--color-orange);border:none;border-radius:8px;padding:12px;font-size:13.5px;font-weight:700;transition:background-color .12s}.qb-genbtn:hover{background:var(--color-orange-hover)}.qb-genbtn.disabled,.qb-genbtn:disabled{cursor:not-allowed;background:var(--color-disabled);color:var(--color-ink);font-weight:400}