.customizer-shell{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}
.custom-controls{background:#0d151c;border:1px solid #263844;padding:25px;position:sticky;top:100px}
.control-group{padding:18px 0;border-top:1px solid #263844}
.control-group:first-child{border-top:0;padding-top:0}
.control-group label,.control-title{display:block;color:#c7d4dc;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.style-options,.placement-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.product-options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.choice{position:relative}
.choice input{position:absolute;opacity:0}
.choice span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:7px;border:1px solid #334854;color:#99aab5;font-size:.68rem;text-align:center;cursor:pointer;text-transform:uppercase}
.choice input:checked+span{border-color:#73d9ff;background:rgba(115,217,255,.12);color:white}
.color-row{display:grid;grid-template-columns:1fr 58px;gap:10px;align-items:center;margin:10px 0}
.color-row label{margin:0}
.color-row input[type=color]{width:58px;height:38px;background:none;border:1px solid #334854;padding:2px;cursor:pointer}
.custom-controls input[type=text],.custom-controls select{width:100%;background:#081016;color:white;border:1px solid #334854;padding:12px}
.switch-row{display:flex!important;align-items:center;gap:9px;margin:12px 0 0!important;color:#aebfc9!important;cursor:pointer}.switch-row input{accent-color:#73d9ff;width:17px;height:17px}
.drag-help{color:#91a5b1;font-size:.72rem;line-height:1.6;margin:0 0 12px}.mini-btn{background:transparent;border:1px solid #456071;color:#d7e5ec;padding:10px 14px;text-transform:uppercase;font-size:.65rem;font-weight:900;letter-spacing:.09em;cursor:pointer}.mini-btn:hover{border-color:#73d9ff;color:#73d9ff}
.logo-upload{display:block;border:1px dashed #527184;padding:16px!important;color:#9db0bc!important;text-align:center;cursor:pointer}
.logo-upload input{display:none}
.preview-stage{background:linear-gradient(150deg,#dbe5eb,#f7fafb);border:1px solid #314550;min-height:680px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.preview-stage:before{content:"";position:absolute;width:520px;height:520px;border:2px solid rgba(34,103,143,.12);border-radius:50%;right:-220px;top:70px}
.preview-head{padding:18px 22px;background:#091118;color:#a9bbc6;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between}
.canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:25px;position:relative}
#gloveCanvas{display:block;max-width:100%;height:auto;filter:drop-shadow(0 25px 25px rgba(4,15,22,.2));cursor:grab;touch-action:none}#gloveCanvas.is-dragging{cursor:grabbing}
.concept-note{padding:15px 22px;background:#e7eef2;color:#4a5e6a;font-size:.72rem;border-top:1px solid #c4d1d8}
.config-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.config-chip{background:#101b23;border:1px solid #2e424f;padding:10px;font-size:.67rem;color:#a9bbc6}
.config-chip strong{display:block;color:white;text-transform:uppercase;font-size:.62rem;letter-spacing:.08em}
.customizer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:900px){.customizer-shell{grid-template-columns:1fr}.custom-controls{position:static}.preview-stage{min-height:520px}}
@media(max-width:480px){.style-options,.placement-options,.product-options{grid-template-columns:1fr}.customizer-actions .btn{width:100%}.config-summary{grid-template-columns:1fr}.canvas-wrap{padding:10px}}