.garment-preview{position:sticky;top:20px;padding:20px;min-height:0}.view-modes{display:flex;gap:7px;margin:18px 0 12px}.view-modes button,.surface-tabs button{border:1px solid #b6c9bc;background:#f9fbf7;border-radius:4px;color:#375446;font:inherit;font-size:11px;padding:9px 12px;cursor:pointer}.view-modes button{flex:1}.view-modes button[aria-pressed=true],.surface-tabs button[aria-pressed=true]{background:#335e4e;border-color:#335e4e;color:white}.surface-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.surface-tabs button{flex:1;padding:8px 5px;font-size:9px;white-space:nowrap}.designer-stage{width:100%;aspect-ratio:1000/1050;position:relative;border:1px solid #d1dbcf;background:#edf1e8;border-radius:4px;overflow:hidden}.designer-stage canvas{width:100%;height:100%;display:block;touch-action:none}.designer-stage #shirt-flat{cursor:grab}.designer-stage #shirt-flat:active{cursor:grabbing}.garment-preview #view-help,.garment-preview #image-caption{font-size:10px;text-align:left;line-height:1.8;margin-top:12px}.garment-preview #image-caption{font-size:9px;color:#6f7f72;margin-top:6px}.guide-toggle,.aspect-lock{display:flex!important;align-items:center;gap:7px;font-size:10px!important;font-weight:400!important;margin:12px 0!important}.guide-toggle input,.aspect-lock input{width:14px!important;height:14px;min-height:0!important;padding:0!important;accent-color:#008e88}.garment-preview #download-mockup{font-size:10px;margin-top:7px}.scale-status{font-size:10px;text-align:left!important;color:#537365!important;margin-top:10px;background:#dce9dc;padding:9px 11px;border-radius:3px;line-height:1.7}.scale-status.pending{background:#f3eddc;color:#85682d!important}.designer-status{font-size:10px;line-height:1.8;margin:10px 0;color:#007c74}.designer-status:empty{display:none}.designer-status.error{color:#a03d2c}.color-note,.file-note{font-size:9px;color:#708073;line-height:1.8;margin-top:10px}.garment-spec{font-size:11px;line-height:1.8;margin-top:13px;background:#eaf0e7;padding:12px}.garment-spec:empty{display:none}#size-reference{font-size:11px;margin-top:16px;border-block:1px solid #d4ddd1;padding:12px 0}#size-reference summary{cursor:pointer;font-weight:600}#size-measurements{font-size:10px;line-height:1.9;margin-top:10px;color:#627967}.logo-controls{margin-top:26px;border-top:1px solid #cdd8ca;padding-top:24px}.logo-controls h3{font-size:19px;letter-spacing:-.4px}.logo-controls>p:first-of-type{font-size:11px;line-height:1.8;color:#6b7c6e;margin-top:8px}.logo-upload{display:flex!important;align-items:center;justify-content:center;position:relative;background:#e1f2e7;border:1px dashed #6b9d87;border-radius:4px;cursor:pointer;padding:16px!important;font-size:12px!important;margin-top:16px!important;color:#007d72}.logo-upload input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.logo-controls fieldset{border:0;margin:0;padding:0}.logo-controls fieldset:disabled{opacity:.5}.logo-controls input[type=number]{min-width:0}.angle-controls{display:grid;grid-template-columns:1fr 72px;gap:12px;align-items:center}.angle-controls input[type=range]{accent-color:#008e88;border:0;padding:0;min-height:25px;background:none}.logo-actions{display:flex;gap:8px;margin-top:14px}.logo-actions button{font:inherit;font-size:10px;padding:9px 13px;border:1px solid #c1d1c3;border-radius:4px;background:#fff;cursor:pointer;color:#385943}.logo-actions button:last-child{color:#965b4c}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.order-line .edit-designs{display:inline-block;margin-top:6px;font:inherit;font-size:10px;color:#007c72;border:0;border-bottom:1px solid #9dc4b2;padding:3px 0;background:none;cursor:pointer}@media(max-width:680px){.garment-preview{position:static;padding:14px}.surface-tabs button{font-size:8px;padding:8px 3px}.view-modes button{font-size:10px}.designer-stage{max-height:560px}.configuration{gap:25px}.garment-config{padding-top:0}.logo-controls{padding-top:20px;margin-top:20px}}
.designer-stage canvas[hidden]{display:none!important}
.neck-label-detail{display:flex;align-items:center;gap:14px;margin-top:12px;border-top:1px solid #d1dbcf;padding-top:12px}.neck-label-detail canvas{width:144px;height:60px;flex:none;border-radius:4px}.neck-label-detail p{margin:0;text-align:left;font-size:10px;line-height:1.65;color:#456550}.neck-label-detail span,.neck-label-detail strong{display:block;font-size:9px;font-weight:400;color:#728575}.neck-label-detail strong{color:#365e4a;font-weight:600}