.bear-gang{max-width:1640px;margin:28px auto 60px;padding:0 24px;color:#182b25}.bear-gang h1{font-size:clamp(28px,3vw,38px);line-height:1.15;margin:12px 0}.bear-gang>p{max-width:850px}.bear-gang h2{font-size:20px;line-height:1.3;margin:4px 0 12px}.bg-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:22px;margin:28px 0}.bg-panel,.bg-preview,.bg-order{min-width:0;border:1px solid #dce5df;border-radius:16px;padding:22px;background:white}.bg-panel-heading,.bg-preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.bg-kicker{font-size:11px;color:#6c7c71;font-weight:bold;letter-spacing:.12em;margin:0 0 7px}.bg-preview{background:#f3f6f4;align-self:start}.bg-viewport{overflow:auto;max-height:720px;padding:20px;background:#e6ece8;border-radius:10px;min-width:0}.bg-sheet{width:100%;min-width:0}.bg-preview canvas,.bg-design-thumb{background-color:#fff;background-image:linear-gradient(45deg,#e1e8e3 25%,transparent 25%),linear-gradient(-45deg,#e1e8e3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e8e3 75%),linear-gradient(-45deg,transparent 75%,#e1e8e3 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.bg-preview canvas{display:block;touch-action:none;border:1px solid #aebdb4;margin:auto;box-shadow:0 4px 18px #102a2015;max-width:none;max-height:none;box-sizing:content-box}.bear-gang button,.bg-upload{background:#155440;color:white;border:1px solid transparent;border-radius:7px;padding:10px 14px;display:inline-block;cursor:pointer;font:inherit;font-weight:600;font-size:14px;white-space:nowrap}.bear-gang button:disabled{opacity:.45;cursor:default}.bear-gang input[type=number]{width:76px;max-width:100%;padding:7px;border:1px solid #bccbc1;border-radius:6px;font:inherit;background:white;color:#182b25;min-width:0}.bg-upload{position:relative;overflow:hidden;flex-shrink:0}.bg-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.bg-upload:focus-within{outline:2px solid #84ac91;outline-offset:3px}.bg-hint{font-size:12px;color:#607066;line-height:1.55}.bg-panel>.bg-hint{margin:12px 0 20px}#gang-designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px;align-items:start;min-height:260px}#gang-designs:empty:before{content:'Add your artwork to start. Size each design without changing its proportions.';border:2px dashed #d2ded6;border-radius:12px;padding:50px 24px;color:#698073;grid-column:1/-1;text-align:center}.bg-design{border:1px solid #d8e3db;border-radius:11px;overflow:hidden;min-width:0;background:#fcfdfc}.bg-design-thumb{width:100%;height:auto!important;aspect-ratio:1/1;max-width:100%;display:block;object-fit:contain}.bg-design strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 12px 0}.bg-fields{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;align-items:end}.bg-fields label{font-size:11px;display:grid;gap:4px;min-width:0}.bg-design .bg-fields input{width:70px;font-size:13px}.bg-design .bg-hint,.bg-design .bg-warning{display:block;font-size:11px;padding:0 12px;margin:0 0 10px}.bg-design-actions{display:flex;gap:6px;padding:0 12px 10px}.bg-design-actions button{font-size:11px;padding:6px 9px;margin:0;background:transparent;color:#355d47;border:1px solid #ccdcd1}.bg-warning{color:#964e1d}.bg-quantity{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#eaf1ec;font-size:12px;gap:8px}.bg-quantity>div{display:flex;align-items:center}.bg-quantity button{padding:7px 10px;border-radius:0}.bg-quantity input{width:52px!important;border-radius:0!important;text-align:center}.bg-quantity button:first-child{border-radius:5px 0 0 5px}.bg-quantity button:last-child{border-radius:0 5px 5px 0}.bg-positions{border-top:1px solid #e0e8e2;font-size:11px;padding:8px 12px}.bg-positions summary{cursor:pointer}.bg-positions .bg-fields{padding:8px 0}.bg-arrange-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid #e1e8e2}.bg-arrange-controls label{font-size:12px}.bg-arrange-controls label span{display:block;margin-top:5px}.bg-tidy{display:flex;align-items:center;gap:6px}.bg-zoom{display:flex;gap:5px}.bg-zoom button{background:white;border:1px solid #cbd9d0;color:#355d47;padding:7px 10px}.bg-order{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px}.bg-order h2{margin-bottom:14px}.bg-order>div{min-width:0}.bg-order-action{align-self:center}#gang-price{font-weight:bold;color:#155440;font-size:17px}#gang-status{font-size:13px;padding:12px;background:#eff5f0;border-radius:8px}#gang-cart{display:block;margin-top:12px}.bg-preview p{font-size:12px}[hidden]{display:none!important}@media(max-width:900px){.bg-layout{grid-template-columns:minmax(0,1fr)}.bg-preview{grid-row:2}.bg-order{grid-template-columns:1fr;gap:10px}.bear-gang{padding:0 16px}.bg-panel,.bg-preview,.bg-order{padding:16px}.bg-viewport{max-height:65vh;padding:12px}#gang-designs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));min-height:160px}.bg-design-thumb{height:auto!important}.bg-panel-heading h2{font-size:18px}.bg-panel-heading{align-items:flex-start}.bg-upload{font-size:12px;padding:9px}.bg-fields{gap:5px}.bg-design .bg-fields input{width:60px}.bg-design-actions{gap:4px;padding-left:8px;padding-right:8px}.bg-design-actions button{padding:6px}.bg-order #gang-add{width:100%}}

.bg-background{display:grid;gap:7px;padding:0 12px 12px;min-width:0}.bg-background label{display:flex;align-items:center;gap:6px;font-size:11px}.bg-background select{width:100%;min-width:0;padding:6px;border:1px solid #bccbc1;border-radius:6px;background:white;color:#182b25;font:inherit;font-size:11px}