.usbc{scroll-margin-top:128px;--warm:#f4f0e8;--paper:#fbf8f2;--charcoal:#252525;--ink:#171717;--muted:#746d64;--line:#d9d0c2;--burgundy:#6e2434;--emerald:#174c3a;--gold:#b8954f;--white:#fff;--panel:#fffdf9;--shadow:0 18px 48px rgba(30,24,18,.08);width:100%;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.usbc *{box-sizing:border-box}.usbc button,.usbc input{font:inherit}.usbc button{cursor:pointer}.usbc button:focus-visible,.usbc input:focus-visible{outline:2px solid var(--burgundy);outline-offset:2px}
.usbc-shell{width:100%;height:var(--usbc-shell-height,min(820px,calc(100vh - 28px)));min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) 292px 360px;background:#ede9e3;border:1px solid #d4cbc0;overflow:hidden;box-shadow:var(--shadow)}
.usbc-preview-panel{min-width:0;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 45%,#fff 0,#f3f0eb 48%,#e5e0d8 100%);overflow:hidden}
.usbc-preview-topbar{position:absolute;z-index:7;top:16px;left:16px;right:16px;display:flex;justify-content:flex-start;align-items:flex-start;pointer-events:none}.usbc-preview-topbar>*{pointer-events:auto}
.usbc-view-tabs{display:flex;border:1px solid #cec6bb;background:#fff;box-shadow:0 4px 12px rgba(23,18,13,.06)}.usbc-view-tabs button{border:0;background:#fff;padding:9px 16px;font-size:11px;font-weight:850;color:#4f4942}.usbc-view-tabs button.is-active{background:var(--charcoal);color:#fff}
.usbc-link-toggle{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #cec6bb;padding:9px 11px;font-size:10px;font-weight:850;color:#403a35;box-shadow:0 4px 12px rgba(23,18,13,.06)}.usbc-link-toggle input{width:16px;height:16px;accent-color:var(--burgundy)}
.usbc-preview-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;padding:58px 18px 56px;transition:.18s ease;overflow:hidden}.usbc-preview-card{display:none;position:relative;min-width:0;align-items:center;justify-content:center;width:100%;height:100%}.usbc-preview-card.is-visible{display:flex}.usbc-preview-card .usbc-preview-label{display:none;position:absolute;top:0;left:50%;transform:translate(-50%,-110%);font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#756b61}
.usbc-canvas{display:block;width:min(62vh,620px);max-width:90%;height:auto;filter:drop-shadow(0 22px 22px rgba(36,28,22,.15));transition:transform .18s ease;will-change:transform;cursor:default}.usbc.is-zoomed .usbc-preview-card.is-visible .usbc-canvas{cursor:zoom-in}.usbc-loading{position:absolute;padding:10px 14px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;color:var(--muted);z-index:3}.usbc.is-ready .usbc-loading{display:none}
.usbc-preview-toolbar{position:absolute;z-index:8;left:50%;bottom:66px;transform:translateX(-50%);display:flex;gap:7px;padding:6px;background:rgba(255,253,249,.96);border:1px solid rgba(158,145,130,.55);box-shadow:0 10px 24px rgba(35,28,21,.11);backdrop-filter:blur(10px)}.usbc-tool-btn{min-width:36px;height:34px;border:1px solid #d4cbc0;background:#fff;color:#332e2a;padding:0 10px;font-size:14px;font-weight:800}.usbc-tool-btn:disabled{opacity:.3;cursor:not-allowed}.usbc-tool-btn.is-active{background:var(--charcoal);color:#fff}.usbc-tool-quote{font-size:10px;min-width:auto;padding:0 12px;background:var(--burgundy);color:#fff;border-color:var(--burgundy)}
.usbc-preview-footer{height:56px;border-top:1px solid rgba(117,104,90,.16);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 16px;background:rgba(255,253,249,.86);backdrop-filter:blur(10px)}.usbc-preview-copy{display:flex;flex-direction:column;gap:1px}.usbc-preview-copy strong{font-family:Georgia,serif;font-size:18px}.usbc-preview-copy span{font-size:10px;color:var(--muted)}
.usbc-panel{min-width:0;overflow:auto;background:var(--panel);scrollbar-width:thin;scrollbar-color:#b6ab9d transparent}.usbc-panel::-webkit-scrollbar{width:7px}.usbc-panel::-webkit-scrollbar-thumb{background:#b6ab9d;border-radius:10px}.usbc-panel-primary{border-left:1px solid var(--line);padding:16px 15px}.usbc-panel-gallery{border-left:1px solid var(--line);padding:16px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.usbc-panel-intro h2,.usbc-gallery-header h2{font-family:Georgia,serif;font-size:22px;line-height:1.1;margin:0 0 5px}.usbc-panel-intro p,.usbc-gallery-header p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.usbc-panel-intro{margin-bottom:12px}
.usbc-control-block{padding:12px 0;border-top:1px solid var(--line)}.usbc-control-block:first-of-type{border-top:0}.usbc-control-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.usbc-control-head h3{font-size:12px;margin:0}.usbc-link-btn,.usbc-back-btn{border:0;background:none;padding:0;color:var(--burgundy);font-size:10px;font-weight:900}.usbc-back-btn{margin-bottom:10px;font-size:11px}.usbc-control-block.is-disabled{opacity:.58}.usbc-control-block.is-disabled .usbc-link-btn,.usbc-control-block.is-disabled .usbc-current-card{pointer-events:none}
.usbc-current-card{width:100%;display:grid;grid-template-columns:54px 1fr;gap:9px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;padding:7px;transition:.16s border-color,.16s background}.usbc-current-card:hover{border-color:#a9957f}.usbc-control-block.is-active .usbc-current-card{border-color:var(--burgundy);background:#fbf0ed;box-shadow:inset 3px 0 0 var(--burgundy)}
.usbc-current-thumb{width:54px;height:46px;display:block;background:#eee center/cover no-repeat;border:1px solid #ddd4c9}.usbc-current-card b{display:block;font-size:10px;line-height:1.25;margin-bottom:2px}.usbc-current-card small{display:block;font-size:9px;color:var(--muted)}.usbc-none-thumb{display:grid;place-items:center;font-size:9px;color:#7e766d;background:#f2eee8}
.usbc-colours{display:grid;gap:6px}.usbc-colour-btn{width:100%;display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;padding:8px;transition:.16s border-color,.16s background,.16s box-shadow}.usbc-colour-btn:hover{border-color:#a9957f}.usbc-colour-btn.is-active{border-color:var(--burgundy);background:#fbf0ed;box-shadow:inset 4px 0 0 var(--burgundy),0 0 0 1px rgba(110,36,52,.15)}.usbc-colour-btn strong{font-size:10px;display:block}.usbc-colour-btn small{font-size:9px;color:var(--muted);display:block;margin-top:1px}.usbc-colour-chip{width:32px;height:22px;border:1px solid rgba(0,0,0,.18);justify-self:end}
.usbc-summary{margin-top:10px;background:#f7f2ea;border:1px solid var(--line);padding:9px;font-size:9px;line-height:1.5;color:#635c53}.usbc-summary strong{color:var(--ink)}
.usbc-gallery-header{margin-bottom:10px}.usbc-stepper{margin-top:12px}.usbc-stepper-track{height:4px;background:#eadfce;border-radius:999px;overflow:hidden}.usbc-stepper-fill{display:block;height:100%;width:0;background:var(--burgundy);transition:width .2s ease}.usbc-stepper-steps{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.usbc-step{display:flex;align-items:center;gap:7px;color:#9a9083}.usbc-step span{width:18px;height:18px;border-radius:999px;border:1px solid currentColor;display:grid;place-items:center;font-size:9px;font-weight:900}.usbc-step small{font-size:10px;font-weight:800}.usbc-step.is-active,.usbc-step.is-done{color:var(--charcoal)}.usbc-step.is-active span,.usbc-step.is-done span{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.usbc-section-label{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--emerald);font-weight:900;margin:13px 0 7px}.usbc-section-label:first-child{margin-top:0}
.usbc-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.usbc-option{position:relative;border:1px solid var(--line);background:#fff;padding:6px;text-align:left;color:var(--ink)}.usbc-option:hover{border-color:#a9937b}.usbc-option.is-previewing,.usbc-option.is-selected{outline:2px solid var(--burgundy);outline-offset:-2px}.usbc-option-thumb{height:68px;background:#f0ebe4 center/cover no-repeat;border:1px solid #e0d8ce;margin-bottom:5px;display:grid;place-items:center;overflow:hidden}.usbc-option-thumb img{width:100%;height:100%;object-fit:contain;display:block}.usbc-option b{display:block;font-size:9px;line-height:1.25}.usbc-option small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.usbc-option-check{display:none;position:absolute;right:7px;top:7px;width:18px;height:18px;background:var(--burgundy);color:#fff;align-items:center;justify-content:center;font-size:10px;font-weight:900}.usbc-option.is-previewing .usbc-option-check,.usbc-option.is-selected .usbc-option-check{display:flex}
.usbc-gallery-content{flex:1;min-height:0;overflow:auto;padding:0 2px 14px 0;scrollbar-width:thin;scrollbar-color:#b6ab9d transparent}.usbc-gallery-content::-webkit-scrollbar{width:7px}.usbc-gallery-content::-webkit-scrollbar-thumb{background:#b6ab9d;border-radius:10px}.usbc-gallery-action{position:relative;flex:0 0 auto;z-index:6;margin:0 -2px -2px;padding:12px 2px 2px;border-top:1px solid var(--line);background:#fffdf9;box-shadow:0 -10px 22px rgba(255,253,249,.96)}.usbc-primary-btn,.usbc-secondary-btn{border:0;padding:12px 14px;font-size:10px;font-weight:900}.usbc-primary-btn{width:100%;background:var(--charcoal);color:#fff}.usbc-primary-btn:disabled{opacity:.35;cursor:not-allowed}.usbc-secondary-btn{background:#eee7dc;color:#39332d}
.usbc-placement-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.usbc-place-btn{border:1px solid var(--line);background:#fff;padding:8px;text-align:center;font-size:9px;font-weight:900;color:#403a35}.usbc-place-btn.is-active{outline:2px solid var(--burgundy);outline-offset:-2px;background:#fbf0ed}.usbc-mini-shirt{height:60px;margin-bottom:3px}.usbc-mini-shirt svg{display:block;width:100%;height:100%}
.usbc-check-list{display:grid;gap:7px}.usbc-check{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;padding:10px 9px;font-size:10px;font-weight:900}.usbc-check input{width:16px;height:16px;accent-color:var(--burgundy)}
.usbc-range-block{margin-top:12px;padding:10px;border:1px solid var(--line);background:#fff}.usbc-range-block label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;margin-bottom:8px}.usbc-range-value{color:var(--burgundy)}.usbc-range-block input[type=range]{width:100%}.usbc-palette-note{font-size:9px;line-height:1.45;color:var(--muted);background:#f7f2ea;border:1px solid var(--line);padding:9px;margin-top:10px}
.usbc-swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.usbc-swatch{aspect-ratio:1/1;border:1px solid rgba(0,0,0,.12);position:relative;background:#ddd}.usbc-swatch.is-selected::after{content:'✓';position:absolute;inset:auto 3px 3px auto;width:17px;height:17px;display:grid;place-items:center;background:rgba(0,0,0,.72);color:#fff;font-size:9px;font-weight:900}.usbc-palette-list{display:grid;gap:8px;margin-bottom:14px}.usbc-palette-btn{display:grid;grid-template-columns:repeat(4,18px) 1fr;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;padding:8px;text-align:left}.usbc-palette-chip{width:18px;height:18px;border:1px solid rgba(0,0,0,.12)}.usbc-palette-btn b{font-size:10px;display:block}.usbc-palette-btn small{font-size:8px;color:var(--muted);display:block}.usbc-inline-note{font-size:9px;color:var(--muted);line-height:1.45;margin:0 0 12px}
.usbc-download-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:flex-start;justify-content:center;background:rgba(22,18,15,.72);padding:118px 18px 18px;overflow-y:auto}.usbc-download-modal.is-open{display:flex}.usbc-download-card{width:min(980px,100%);max-height:calc(100vh - 136px);overflow:auto;background:#fffdf9;border:1px solid #d6ccbf;box-shadow:0 28px 70px rgba(0,0,0,.24);position:relative;padding:16px}.usbc-modal-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:1px solid var(--line);background:#fff;font-size:20px}.usbc-download-copy h3{font-family:Georgia,serif;margin:0 0 4px;font-size:21px}.usbc-download-copy p{margin:0 42px 10px 0;color:var(--muted);font-size:10px}.usbc-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.usbc-review-card{padding:8px;border:1px solid var(--line);background:#fff;text-align:center}.usbc-review-card canvas{display:block;width:100%;height:auto;background:#efeae3}.usbc-review-card strong{display:block;margin-top:5px;font-size:11px}.usbc-review-loading{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}.usbc-review-summary{margin-top:10px;padding:12px;border:1px solid var(--line);background:#fff;color:#4b4540;font-size:11px;line-height:1.55}.usbc-review-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.usbc-review-summary-grid strong{color:#252525}.usbc-review-colours{grid-column:1/-1}.usbc-review-summary em{display:block;margin-top:8px;color:var(--muted);font-size:10px}.usbc-download-actions{position:sticky;bottom:-16px;display:flex;gap:8px;justify-content:flex-end;margin-top:10px;padding:10px 0 0;background:#fffdf9}.usbc-download-actions .usbc-primary-btn{width:auto;min-width:160px}
@media(max-width:1120px){.usbc-shell{grid-template-columns:minmax(0,1fr) 270px 330px}.usbc-canvas{max-width:94%}.usbc-swatch-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.usbc-shell{height:auto!important;min-height:0;grid-template-columns:1fr 1fr;grid-template-areas:"preview preview" "primary gallery"}.usbc-preview-panel{grid-area:preview;min-height:600px}.usbc-panel-primary{grid-area:primary;border-left:0;border-top:1px solid var(--line)}.usbc-panel-gallery{grid-area:gallery;border-top:1px solid var(--line)}.usbc-preview-stage{min-height:510px}.usbc-canvas{width:min(70vw,600px)}}
@media(max-width:640px){.usbc-shell{display:block;min-height:0;height:auto!important}.usbc-preview-panel{min-height:520px}.usbc-panel{border-left:0;border-top:1px solid var(--line);max-height:none}.usbc-preview-topbar{top:9px;left:9px;right:9px}.usbc-link-toggle{font-size:9px;padding:8px}.usbc-preview-stage{padding:56px 5px 60px;min-height:450px;gap:4px}.usbc-canvas{width:96%;max-width:96%}.usbc-preview-toolbar{bottom:60px;gap:4px;padding:4px}.usbc-tool-btn{min-width:31px;height:31px;padding:0 7px}.usbc-tool-quote{font-size:9px}.usbc-gallery-grid{grid-template-columns:repeat(2,1fr)}.usbc-swatch-grid{grid-template-columns:repeat(5,1fr)}.usbc-download-modal{padding:96px 10px 10px}.usbc-download-card{max-height:calc(100vh - 108px)}.usbc-review-grid{grid-template-columns:1fr}.usbc-review-summary-grid{grid-template-columns:1fr}.usbc-review-colours{grid-column:auto}.usbc-download-actions{display:grid;grid-template-columns:1fr}.usbc-download-actions .usbc-primary-btn{width:100%}}