.artwork-builder{margin:30px 0 45px;padding:25px;background:#11171c;border:1px solid #394956;border-radius:8px}.artwork-builder>p{max-width:900px;color:#c8d0d8}.builder-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:28px}.builder-toolbar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.builder-toolbar label{margin-top:0}.builder-toolbar select{font-size:14px;padding:10px}#apparel-canvas{display:block;width:100%;max-width:600px;height:auto;margin:auto;touch-action:none;border-radius:5px;border:1px solid #35434e;background:#0b1118}.builder-stage>p{font-size:13px}.upload-zone{padding:25px 18px;border:2px dashed #278ccc;background:#092337;color:white;border-radius:6px;text-align:center}.upload-zone span{display:block;margin-top:8px;font-size:13px;color:#acd8f5}.upload-zone input{font-size:13px;background:#111820;max-width:100%;padding:8px}.upload-zone.dragging{border-color:white;background:#134365}.builder-controls input[type=range]{padding:0;accent-color:#009eff;height:28px}.builder-buttons{display:flex;flex-wrap:wrap;gap:8px}.builder-buttons button{font-size:13px;padding:10px}.builder-controls output{float:right;color:#73ceff}.builder-controls p{font-size:14px;overflow-wrap:anywhere}.builder-controls select{max-width:100%}.builder-error{color:#ffb8ad!important}.builder-files{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.builder-files figure{width:180px;margin:0}.builder-files img{width:100%;height:180px;object-fit:contain;background:#20272e;border:1px solid #465462;border-radius:4px}.builder-files figcaption{overflow-wrap:anywhere;font-size:13px}.builder-files a{display:block;color:#82cfff}.builder-files .preview-file{width:240px}.builder-files .preview-file img{height:280px}.layout-details{font-size:14px;white-space:pre-wrap}#custom-success{margin:40px auto;max-width:750px}#custom-submit-message{scroll-margin-top:30px}@media(max-width:750px){.artwork-builder{padding:16px;margin-top:20px}.builder-grid{grid-template-columns:1fr;gap:10px}.builder-toolbar{gap:6px}.builder-toolbar label{font-size:12px}.builder-toolbar select{font-size:12px;padding:8px 3px}.builder-controls{min-width:0}.builder-files .preview-file{width:180px}.builder-files .preview-file img{height:210px}}
