body.suk-designer-active{margin:0!important;padding:0!important;overflow-x:hidden!important;max-width:100vw!important}.suk-designer-wrap *{margin:0;padding:0}.suk-designer-wrap{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;padding:0!important;min-height:100vh;width:100vw!important;max-width:100vw!important;position:relative;left:50%;right:50%;margin:0 -50vw!important;overflow-x:hidden!important;zoom:1!important}.suk-designer-wrap>*{padding-left:20px;padding-right:20px;overflow-x:hidden!important}.suk-designer-wrap *{box-sizing:border-box}.suk-designer-wrap h1,.suk-designer-wrap h2,.suk-designer-wrap h3,.suk-designer-wrap h4,.suk-designer-wrap p{margin:0;padding:0;font-weight:inherit;line-height:1.4}.suk-designer-wrap button{border:none;background:none;padding:0;font:inherit;cursor:pointer}.suk-designer-wrap input,.suk-designer-wrap select,.suk-designer-wrap textarea{margin:0;padding:0;font:inherit}.suk-designer-wrap .demo-header{text-align:center;color:#fff;margin-bottom:30px;padding:30px 20px}.suk-designer-wrap .demo-header h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.suk-designer-wrap .demo-header p{font-size:1.1em;opacity:.9}.suk-designer-wrap #apparel-designer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:30px;padding:0 20px 40px}.suk-designer-wrap .designer-controls{background:#f8f9fa;border-radius:12px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,.2);max-height:90vh;overflow-y:auto}.suk-designer-wrap .control-section{margin-bottom:25px}.suk-designer-wrap .control-section h3{margin:0 0 15px;color:#333;font-size:16px;font-weight:600;position:relative;padding-right:30px}.suk-designer-wrap .step-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#2d3436;letter-spacing:.2px}.suk-designer-wrap .step-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#16171d,#33343d);color:#fff;font-size:12px;font-weight:700;flex-shrink:0;line-height:1}.suk-mobile-accordion .suk-designer-wrap .control-section h3{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suk-mobile-accordion .suk-designer-wrap .control-section h3:after{content:"▼";position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s;font-size:12px}.suk-mobile-accordion .suk-designer-wrap .control-section.collapsed h3:after{transform:translateY(-50%) rotate(-90deg)}.suk-designer-wrap .control-section-content{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;padding:2px}.suk-designer-wrap .control-section.collapsed .control-section-content{max-height:0!important;opacity:0;pointer-events:none}.suk-designer-wrap .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:4px}.suk-designer-wrap .product-card{border:2px solid #e0e3e8;border-radius:12px;padding:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fff;min-height:240px;max-height:280px;display:flex;flex-direction:column;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.04)}.suk-designer-wrap .product-design-badge{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#16171d;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px rgba(108,92,231,.35)}.suk-designer-wrap .product-card:hover{border-color:#16171d;transform:translateY(-3px);box-shadow:0 8px 24px rgba(108,92,231,.12)}.suk-designer-wrap .product-card.selected{border-color:#16171d;border-width:2px;background:linear-gradient(135deg,#f6f6f9,#f6f6f9);box-shadow:0 4px 16px rgba(108,92,231,.15)}.suk-designer-wrap .product-card img{width:100%;height:140px;min-height:140px;max-height:140px;-o-object-fit:contain;object-fit:contain;border-radius:8px;margin-bottom:10px;background:#f8f9fa;flex-shrink:0}.suk-designer-wrap .product-card h4,.suk-designer-wrap .product-name{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:6px;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.suk-designer-wrap .product-card .price,.suk-designer-wrap .product-price{font-size:16px;color:#16171d;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.suk-designer-wrap .talle-selector{display:flex;gap:8px;flex-wrap:wrap}.suk-designer-wrap .talle-btn{padding:8px 12px;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;min-width:50px;transition:all .2s}.suk-designer-wrap .talle-btn:hover{border-color:#16171d}.suk-designer-wrap .talle-btn.active{background:#16171d;color:#fff;border-color:#16171d}.suk-designer-wrap .cantidad-selector{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:14px 20px;border-radius:12px;justify-content:center;border:1px solid #e0e3e8}.suk-designer-wrap .cantidad-btn{width:40px;height:40px;border:2px solid #e0e3e8;background:#fff;color:#636e72;border-radius:10px;cursor:pointer;font-size:20px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center}.suk-designer-wrap .cantidad-btn:hover{border-color:#16171d;color:#16171d;background:#f6f6f9}.suk-designer-wrap .cantidad-btn:active{transform:scale(.93);background:#16171d;color:#fff;border-color:#16171d}.suk-designer-wrap #cantidad-input{width:64px;height:40px;border:2px solid #e0e3e8;border-radius:10px;text-align:center;font-size:18px;font-weight:700;color:#2d3436;background:#fff}.suk-designer-wrap .cantidad-info{margin-top:12px;text-align:center;color:#636e72;font-size:13px}.suk-designer-wrap .cantidad-total{margin-top:4px;text-align:center;font-size:15px;color:#2d3436}.suk-designer-wrap .cantidad-total strong{color:#16171d;font-size:22px;font-weight:800}.suk-designer-wrap .design-type-toggle,.suk-designer-wrap .view-toggle{display:flex;gap:10px;background:#fff;padding:4px;border-radius:8px}.suk-designer-wrap .design-type-btn,.suk-designer-wrap .view-btn{flex:1;padding:10px;border:2px solid #e0e3e8;background:transparent;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s;font-size:14px;color:#636e72}.suk-designer-wrap .design-type-btn:hover,.suk-designer-wrap .view-btn:hover{border-color:#16171d;color:#16171d}.suk-designer-wrap .design-type-btn.active,.suk-designer-wrap .view-btn.active{background:#16171d;color:#fff;border-color:#16171d}.suk-designer-wrap .upload-area{border:2px dashed #d0d4db;border-radius:14px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fafbfc,#f4f5f7)}.suk-designer-wrap .upload-area.drag-over,.suk-designer-wrap .upload-area:hover{border-color:#16171d;border-style:solid;background:linear-gradient(135deg,#f6f6f9,#f6f6f9);transform:translateY(-2px);box-shadow:0 8px 24px rgba(108,92,231,.1)}.suk-designer-wrap .upload-content svg{color:#16171d;margin-bottom:12px;opacity:.5;transition:opacity .2s}.suk-designer-wrap .upload-area:hover .upload-content svg{opacity:.8}.suk-designer-wrap .upload-title{margin:0 0 4px;color:#2d3436;font-size:14px;font-weight:600}.suk-designer-wrap .upload-subtitle{margin:0;color:#b2bec3;font-size:12px;font-weight:400}.suk-designer-wrap .upload-content p{margin:0;color:#666;font-size:14px}.suk-designer-wrap .text-controls{background:#fff;padding:20px;border-radius:8px}.suk-designer-wrap .text-controls input[type=text]{width:100%;padding:12px;margin-bottom:15px;border:2px solid #ddd;border-radius:6px;font-size:15px}.suk-designer-wrap .text-control-row{display:flex;gap:15px;margin-bottom:15px}.suk-designer-wrap .control-group{flex:1;display:flex;flex-direction:column}.suk-designer-wrap .control-group label{font-size:13px;font-weight:600;color:#555;margin-bottom:6px}.suk-designer-wrap .control-group input[type=number],.suk-designer-wrap .control-group select{padding:10px;border:2px solid #ddd;border-radius:6px;font-size:14px}.suk-designer-wrap .color-picker-group{flex:1}.suk-designer-wrap .color-picker-wrapper{display:flex;gap:10px;align-items:center}.suk-designer-wrap .color-picker-wrapper input[type=color]{width:60px;height:42px;border:2px solid #ddd;border-radius:6px;cursor:pointer}.suk-designer-wrap .color-preview{flex:1;padding:10px;background:#f5f5f5;border:2px solid #ddd;border-radius:6px;text-align:center;font-family:monospace;font-weight:600;font-size:14px}.suk-designer-wrap .add-text-btn{width:100%;padding:14px;background:#16171d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:15px;margin-top:5px}.suk-designer-wrap .add-text-btn:hover{background:#5568d3}.suk-designer-wrap .clip-shapes-container{margin-top:8px;padding:10px;background:#f8f9fa;border-radius:10px;border:1px solid #e0e3e8;max-height:260px;overflow-y:auto}.suk-designer-wrap .clip-shapes-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ba4ab;margin:6px 0 4px 2px}.suk-designer-wrap .clip-shapes-label:first-child{margin-top:0}.suk-designer-wrap .clip-shapes-grid{display:flex;gap:5px;flex-wrap:wrap}.suk-designer-wrap .clip-shape-btn{width:38px;height:38px;border:2px solid #e0e3e8;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#636e72;transition:all .2s;padding:0}.suk-designer-wrap .clip-shape-btn:hover{border-color:#16171d;color:#16171d;transform:translateY(-1px)}.suk-designer-wrap .clip-shape-btn.active{border-color:#16171d;background:rgba(108,92,231,.08);color:#16171d;box-shadow:0 2px 8px rgba(108,92,231,.2)}.suk-designer-wrap .clip-shape-reset{color:#e17055}.suk-designer-wrap .clip-shape-reset:hover{border-color:#e17055;color:#e17055}.suk-designer-wrap .active-filters-panel{margin-top:10px;padding-top:10px;border-top:1px solid #e0e3e8}.suk-designer-wrap .active-filters-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.suk-designer-wrap .active-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 10px;background:rgba(108,92,231,.1);border:1px solid rgba(108,92,231,.25);border-radius:20px;font-size:11px;font-weight:600;color:#16171d;white-space:nowrap}.suk-designer-wrap .active-filter-chip .chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(108,92,231,.15);border:none;cursor:pointer;font-size:10px;line-height:1;color:#16171d;padding:0;transition:all .15s}.suk-designer-wrap .active-filter-chip .chip-remove:hover{background:#e17055;color:#fff}.suk-designer-wrap .active-filter-chip.chip-tool{background:rgba(0,184,148,.1);border-color:rgba(0,184,148,.25);color:#16a34a}.suk-designer-wrap .active-filter-chip.chip-tool .chip-remove{background:rgba(0,184,148,.15);color:#16a34a}.suk-designer-wrap .active-filter-chip.chip-tool .chip-remove:hover{background:#e17055;color:#fff}.suk-designer-wrap #edit-controls{background:#fff!important;padding:20px!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;margin-top:20px!important;min-height:200px!important;visibility:visible!important;opacity:1!important;position:relative;z-index:9999;pointer-events:auto}.suk-designer-wrap #edit-controls *{pointer-events:auto}.suk-designer-wrap .edit-buttons-compact{display:flex!important;gap:6px!important;margin-bottom:10px!important}.suk-designer-wrap .edit-btn-sm{flex:1;padding:8px!important;border:2px solid #ddd!important;background:#fff!important;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s;text-align:center}.suk-designer-wrap .edit-btn-sm:hover{background:#f6f6f9!important;border-color:#16171d!important}.suk-designer-wrap .delete-btn-sm{background:#fff0f0!important;border-color:#fcc!important}.suk-designer-wrap .delete-btn-sm:hover{background:#ffe0e0!important;border-color:#dc3545!important}.suk-designer-wrap .control-section[style*="display: none"],.suk-designer-wrap .control-section[style="display:none;"]{opacity:0}.suk-designer-wrap .control-section{transition:opacity .3s ease-in-out;opacity:1}.suk-designer-wrap .filter-mini-preview{display:none;text-align:center;margin-bottom:10px;background:#f8f9fa;border-radius:8px;padding:8px;border:1px solid #e0e0e0}.suk-designer-wrap .filter-mini-preview canvas{border-radius:4px;max-width:100%}.suk-designer-wrap .filter-section{margin-bottom:12px}.suk-designer-wrap .filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:8px}.suk-designer-wrap .filter-tools-grid{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.suk-designer-wrap .filter-tool-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#f8f9fa;border:2px solid #e0e3e8;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;color:#636e72;transition:all .2s}.suk-designer-wrap .filter-tool-btn:hover{border-color:#16171d;color:#16171d}.suk-designer-wrap .filter-tool-btn.active{background:linear-gradient(135deg,#16171d,#33343d);border-color:#16171d;color:#fff}.suk-designer-wrap .filter-tool-icon{font-size:16px;line-height:1}.suk-designer-wrap .filter-tool-text{font-size:11px;font-weight:600;white-space:nowrap}.suk-designer-wrap .filter-tools-section .filter-slider-row{margin-top:4px}.suk-designer-wrap .filter-slider-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.suk-designer-wrap .filter-slider-icon{font-size:14px;width:22px;text-align:center;flex-shrink:0}.suk-designer-wrap .filter-range{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;outline:none;cursor:pointer}.suk-designer-wrap .filter-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#16171d;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.suk-designer-wrap .filter-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#16171d;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.suk-designer-wrap .filter-slider-val{font-size:11px;font-weight:600;color:#555;width:30px;text-align:right;flex-shrink:0;font-family:monospace}.suk-designer-wrap .filter-effects-grid{display:flex;flex-wrap:wrap;gap:6px}.suk-designer-wrap .filter-chip{padding:5px 10px;border-radius:20px;border:1.5px solid #e0e3e8;background:#f8f9fa;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;color:#636e72;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.2px}.suk-designer-wrap .filter-chip:hover{border-color:#16171d;color:#16171d;background:#f6f6f9}.suk-designer-wrap .filter-chip.active{border-color:#16171d;background:linear-gradient(135deg,#16171d,#33343d);color:#fff;box-shadow:0 2px 8px rgba(108,92,231,.3)}.suk-designer-wrap .filter-reset-btn{width:calc(100% - 4px);padding:8px;border:1px solid #ddd;background:#f8f9fa;border-radius:6px;font-size:12px;font-weight:600;color:#888;cursor:pointer;transition:all .2s;margin:8px 2px 0}.suk-designer-wrap .filter-reset-btn:hover{background:#e9ecef;color:#555}.suk-designer-wrap .scale-control{background:#fff;padding:15px;border-radius:8px;border:1px solid #ddd}.suk-designer-wrap .scale-control label{display:block;margin-bottom:10px;font-weight:500;color:#333}.suk-designer-wrap #scale-slider{width:100%;margin-bottom:5px}.suk-designer-wrap #scale-value{display:inline-block;margin-left:10px;font-weight:600;color:#16171d}.suk-designer-wrap .designer-canvas-wrapper{background:#fff;border-radius:12px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;flex-direction:column}.suk-designer-wrap .canvas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.suk-designer-wrap .canvas-header h3{margin:0;color:#2d3436;font-size:16px;font-weight:700;letter-spacing:.2px}.suk-designer-wrap .current-view{background:linear-gradient(135deg,#f6f6f9,#f6f6f9);padding:6px 14px;border-radius:20px;color:#16171d;font-weight:600;font-size:12px;border:1px solid rgba(108,92,231,.15);letter-spacing:.2px}.suk-designer-wrap .suk-canvas-area{position:relative}.suk-designer-wrap .suk-canvas-empty{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:1;transition:opacity .4s}.suk-designer-wrap .suk-canvas-empty.hidden{opacity:0}.suk-designer-wrap .suk-empty-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#b2bec3}.suk-designer-wrap .suk-empty-sub{margin:0;font-size:12px;color:#dfe6e9}.suk-designer-wrap .suk-canvas-area canvas{transition:opacity .25s ease-in-out}.suk-designer-wrap .suk-canvas-area canvas.suk-view-switching{opacity:.3}.suk-designer-wrap .designer-canvas-wrapper>.suk-canvas-area{flex:1;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;padding:20px;min-height:600px;position:relative;width:100%;max-width:700px;margin:0 auto}.suk-designer-wrap .designer-canvas-wrapper>.suk-canvas-area>.canvas-container{width:700px;height:700px;position:relative;display:block;margin:0 auto}.suk-designer-wrap #designer-canvas{box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:8px}.suk-designer-wrap .canvas-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px}.suk-designer-wrap .canvas-actions-left{display:flex;gap:6px;flex-shrink:0}.suk-designer-wrap .canvas-actions-right{display:flex;gap:8px;flex:1}.suk-designer-wrap .redo-btn,.suk-designer-wrap .undo-btn{background:#f0f0f0;color:#333;padding:8px 12px;font-size:12px;flex:none}.suk-designer-wrap .redo-btn:hover:not(:disabled),.suk-designer-wrap .undo-btn:hover:not(:disabled){background:#e0e0e0;transform:translateY(-1px)}.suk-designer-wrap .redo-btn:disabled,.suk-designer-wrap .undo-btn:disabled{opacity:.4;cursor:not-allowed}.suk-designer-wrap .action-btn{flex:1;padding:10px 14px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.suk-designer-wrap .add-order-btn{background:transparent;color:#636e72;border:2px solid #e0e3e8;flex:1}.suk-designer-wrap .add-order-btn:hover{border-color:#16171d;color:#16171d;transform:translateY(-1px)}.suk-designer-wrap .order-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#16171d;color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;padding:0 5px;margin-left:6px;vertical-align:middle}.suk-designer-wrap .clear-btn{background:#f8f9fa;color:#636e72;border:2px solid #e0e3e8;flex:none}.suk-designer-wrap .clear-btn:hover{border-color:#e17055;color:#e17055}.suk-designer-wrap .suk-preview-main-btn{display:block;width:100%;padding:16px 24px;margin-top:16px;background:linear-gradient(135deg,#16171d,#33343d);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:.3px}.suk-designer-wrap .suk-preview-main-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(108,92,231,.4);background:linear-gradient(135deg,#33343d,#4a3cc0)}.suk-designer-wrap .suk-preview-main-btn:active{transform:translateY(0)}#suk-toast-container{position:fixed;top:24px;right:24px;z-index:999999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.suk-toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;color:#fff;pointer-events:auto;opacity:0;transform:translateX(40px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px rgba(0,0,0,.15);max-width:400px;line-height:1.4}.suk-toast-show{opacity:1;transform:translateX(0)}.suk-toast-hide{opacity:0;transform:translateX(40px)}.suk-toast-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}.suk-toast-success{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-left:4px solid #16a34a}.suk-toast-success .suk-toast-icon{background:#16a34a}.suk-toast-error{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-left:4px solid #e17055}.suk-toast-error .suk-toast-icon{background:#e17055}.suk-toast-warning{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-left:4px solid #fdcb6e}.suk-toast-warning .suk-toast-icon{background:#fdcb6e;color:#1e1e2e}.suk-toast-info{background:linear-gradient(135deg,#1e1e2e,#2d2d44);border-left:4px solid #16171d}.suk-toast-info .suk-toast-icon{background:#16171d}@media (max-width:768px){#suk-toast-container{top:12px;right:12px;left:12px}.suk-toast{max-width:100%;font-size:13px;padding:12px 16px}}.suk-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.98);z-index:99999;justify-content:center;align-items:center;padding:20px}@media (max-width:768px){.suk-modal{padding:8px}}.suk-modal.active{display:flex}.suk-modal-content{background:#1a1a2e!important;color:#fff!important;border-radius:16px;padding:30px;max-width:1000px;width:100%;position:relative;z-index:100000;max-height:90vh;overflow-y:auto;border:1px solid hsla(0,0%,100%,.06);box-shadow:0 25px 60px rgba(0,0,0,.5)}.suk-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.08)}.suk-modal-header-inner{display:flex;align-items:center;gap:12px}.suk-modal-icon{font-size:24px}.suk-modal-header h2{color:#fff!important;margin:0;font-size:20px;font-weight:700;letter-spacing:.3px}.suk-close-modal{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:50%!important;background:hsla(0,0%,100%,.08)!important;border:1px solid hsla(0,0%,100%,.12)!important;cursor:pointer!important;color:hsla(0,0%,100%,.6)!important;padding:0!important;position:static!important;flex-shrink:0!important;transition:all .2s!important}.suk-close-modal:hover{background:hsla(0,0%,100%,.15)!important;color:#fff!important}.suk-preview-slide-actions{display:flex;gap:8px;align-items:center}.suk-preview-edit-btn{background:rgba(108,92,231,.15);border:1px solid rgba(108,92,231,.3);color:#16171d;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.suk-preview-edit-btn:hover{background:rgba(108,92,231,.25);border-color:#16171d}.suk-preview-remove-btn{background:rgba(225,112,85,.15)!important;border:1px solid rgba(225,112,85,.3)!important;color:#e17055!important;width:32px!important;height:32px!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important}.suk-preview-remove-btn:hover{background:rgba(225,112,85,.25)!important;border-color:#e17055!important}.suk-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.suk-preview-item{text-align:center;background:#f8f9fa;padding:20px;border-radius:8px}.suk-preview-item h3{margin-bottom:15px;color:#333}.suk-preview-item canvas{display:block;margin:0 auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;z-index:10;background:#fff}.suk-modal-buy-btn{width:100%!important;padding:18px!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border:none!important;border-radius:12px!important;font-size:18px!important;font-weight:700!important;cursor:pointer!important;display:block!important;text-align:center!important;line-height:1.4!important;margin-top:16px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;transition:all .3s;letter-spacing:.3px}.suk-modal-buy-btn:hover{background:linear-gradient(135deg,#15803d,#009371)!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,184,148,.4);color:#fff!important}.suk-designer-wrap .layers-list{display:flex;flex-direction:column;gap:4px}.suk-designer-wrap .layer-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:2px solid transparent;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.suk-designer-wrap .layer-row:hover{background:#eef0f4}.suk-designer-wrap .layer-row.active{border-color:#16171d;background:#f6f6f9}.suk-designer-wrap .layer-row.dragging{opacity:.5;border-color:#16171d;border-style:dashed}.suk-designer-wrap .layer-row.drag-over{border-top:3px solid #16171d}.suk-designer-wrap .layer-drag-handle{cursor:grab;color:#aaa;font-size:16px;padding:2px;flex-shrink:0;line-height:1}.suk-designer-wrap .layer-drag-handle:active{cursor:grabbing}.suk-designer-wrap .layer-thumb{width:36px;height:36px;border-radius:4px;background:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-size:16px;color:#16171d;font-weight:700}.suk-designer-wrap .layer-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.suk-designer-wrap .layer-name{flex:1;font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.suk-designer-wrap .layer-actions{display:flex;gap:4px;flex-shrink:0}.suk-designer-wrap .layer-action-btn{width:28px;height:28px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s;color:#666}.suk-designer-wrap .layer-action-btn:hover{background:#e0e0e0}.suk-designer-wrap .layer-action-btn.hidden-layer{color:#ccc}.suk-designer-wrap .layer-action-btn.delete-layer:hover{background:#fde8e8;color:#e74c3c}.suk-designer-wrap .layers-empty{text-align:center;padding:16px;color:#999;font-size:13px}.suk-preview-carousel{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:16px}.suk-preview-carousel-content{flex:1;overflow:hidden}.suk-preview-slide{display:none;animation:suk-fade-in .3s ease}.suk-preview-slide.active{display:block}.suk-preview-slide-title{text-align:center;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.9);margin-bottom:10px;padding:8px 14px;background:hsla(0,0%,100%,.06);border-radius:8px;border:1px solid hsla(0,0%,100%,.08)}.suk-preview-slide-header{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}.suk-preview-slide-header .suk-preview-slide-title{flex:1;margin-bottom:0}.suk-preview-slide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.suk-preview-slide-item h4{text-align:center;font-size:13px;color:hsla(0,0%,100%,.5);margin-bottom:6px}.suk-preview-slide-item img{max-width:100%;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.suk-carousel-arrow{width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;border:1px solid hsla(0,0%,100%,.2)!important;background:hsla(0,0%,100%,.1)!important;font-size:0!important;line-height:1!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;transition:all .2s;flex-shrink:0!important;padding:0!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.suk-carousel-arrow:hover{border-color:#16171d!important;background:rgba(108,92,231,.25)!important}.suk-carousel-arrow:disabled{opacity:.15;cursor:not-allowed}.suk-carousel-arrow:disabled:hover{border-color:hsla(0,0%,100%,.2)!important;background:hsla(0,0%,100%,.1)!important}.suk-preview-badges{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.suk-preview-summary{font-size:13px;color:hsla(0,0%,100%,.5);margin:0}.suk-preview-badge{padding:8px 18px!important;border-radius:20px!important;border:1px solid hsla(0,0%,100%,.12)!important;background:hsla(0,0%,100%,.06)!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s;color:hsla(0,0%,100%,.6)!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.suk-preview-badge.active{border-color:#16171d!important;background:#16171d!important;color:#fff!important}.suk-preview-badge:hover:not(.active){border-color:rgba(108,92,231,.4);color:hsla(0,0%,100%,.8)}.suk-preview-badge .badge-count{display:inline-block;background:hsla(0,0%,100%,.15);border-radius:10px;padding:0 6px;margin-left:4px;font-size:11px}.suk-preview-badge.active .badge-count{background:hsla(0,0%,100%,.3)}@keyframes suk-fade-in{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.suk-designer-wrap #apparel-designer-container{grid-template-columns:1fr}.suk-designer-wrap .designer-controls{max-height:none}.suk-preview-grid{grid-template-columns:1fr}}@media (max-width:768px){.suk-designer-wrap{padding:10px}.suk-designer-wrap .demo-header h1{font-size:1.8em}.suk-designer-wrap .demo-header p{font-size:.95em}.suk-designer-wrap #apparel-designer-container{grid-template-columns:1fr;gap:20px;padding:0 10px 40px}.suk-designer-wrap .designer-controls{padding:15px;border-radius:10px;max-height:none;width:100%;max-width:100%}.suk-designer-wrap .designer-canvas-wrapper{padding:15px;width:100%;max-width:100%;overflow-x:hidden}.suk-designer-wrap .control-section{margin-bottom:15px}.suk-designer-wrap .control-section h3{font-size:15px;margin-bottom:10px}.suk-designer-wrap .product-grid{grid-template-columns:1fr;gap:10px}.suk-designer-wrap .product-card{padding:12px!important;min-height:280px!important;max-height:320px!important;display:flex!important;flex-direction:column!important}.suk-designer-wrap .product-card img{height:180px!important;min-height:180px!important;max-height:180px!important;-o-object-fit:contain!important;object-fit:contain!important;flex-shrink:0!important}.suk-designer-wrap .product-card h4{font-size:14px}.suk-designer-wrap .cantidad-selector,.suk-designer-wrap .design-type-toggle,.suk-designer-wrap .talle-selector,.suk-designer-wrap .view-toggle{display:flex;flex-wrap:wrap;gap:8px;width:100%}.suk-designer-wrap .talle-btn{padding:10px 14px;font-size:14px;min-width:55px}.suk-designer-wrap .cantidad-btn{width:50px;height:50px;font-size:26px}.suk-designer-wrap #cantidad-input{width:90px;height:50px;font-size:22px}.suk-designer-wrap .design-type-btn,.suk-designer-wrap .view-btn{padding:12px;font-size:15px;flex:1;min-width:0}.suk-designer-wrap .text-controls{width:100%}.suk-designer-wrap .text-controls input,.suk-designer-wrap .text-controls select{padding:12px;font-size:15px;width:100%;max-width:100%}.suk-designer-wrap .control-group,.suk-designer-wrap .text-control-row{width:100%}.suk-designer-wrap .text-controls button{padding:14px;font-size:15px;width:100%}.suk-designer-wrap .edit-buttons-compact{gap:4px!important}.suk-designer-wrap .edit-btn-sm{padding:10px!important;font-size:18px}.suk-designer-wrap .filter-mini-preview{display:block!important}.suk-designer-wrap .designer-canvas-wrapper{padding:20px;border-radius:10px}.suk-designer-wrap .canvas-header{flex-direction:column;gap:10px;align-items:flex-start}.suk-designer-wrap .current-view{font-size:13px}.suk-designer-wrap .designer-canvas-wrapper>.suk-canvas-area{padding:10px;min-height:auto;width:100%;margin:0 auto}.suk-designer-wrap .designer-canvas-wrapper>.suk-canvas-area>.canvas-container{max-width:100%;margin:0 auto}.suk-designer-wrap .suk-canvas-area{padding:10px;min-height:auto;width:100%;overflow-x:hidden}.suk-designer-wrap #designer-canvas{max-width:100%;max-height:100vh;width:auto!important;height:auto!important;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto}.suk-designer-wrap .canvas-actions{flex-wrap:wrap;gap:8px;margin-top:15px}.suk-designer-wrap .canvas-actions-left{width:100%;justify-content:center}.suk-designer-wrap .canvas-actions-right{width:100%;flex-direction:column;gap:8px}.suk-designer-wrap .action-btn{width:100%;padding:14px;font-size:14px}.suk-designer-wrap .suk-preview-main-btn{font-size:16px;padding:16px 20px}.suk-modal-content{padding:15px;max-height:95vh;overflow-y:auto}.suk-modal-header h2{font-size:1.2em}.suk-close-modal{font-size:28px}.suk-modal-header{margin-bottom:15px}.suk-preview-grid{grid-template-columns:1fr;gap:20px}.suk-preview-item h3{font-size:16px}.suk-preview-item canvas{max-width:100%}.suk-modal-buy-btn{padding:12px!important;font-size:15px!important;position:sticky;bottom:0;z-index:10}.suk-preview-slide-grid{grid-template-columns:1fr;gap:8px}.suk-preview-slide-item img{max-width:100%;height:auto}.suk-carousel-arrow{width:30px;height:30px;font-size:16px;min-width:30px}.suk-preview-badges{gap:6px;flex-wrap:wrap}.suk-preview-badge{padding:6px 12px!important;font-size:12px!important;white-space:normal!important;text-align:center}.suk-preview-summary{font-size:12px;width:100%;text-align:center;margin-bottom:4px}.suk-preview-slide-title{font-size:12px!important;padding:5px 10px!important;word-break:break-word}.suk-preview-slide-header{gap:6px!important}.suk-designer-wrap .action-btn,.suk-designer-wrap .design-type-btn,.suk-designer-wrap .edit-btn-sm,.suk-designer-wrap .product-card,.suk-designer-wrap .talle-btn,.suk-designer-wrap .view-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.suk-designer-wrap .upload-area{padding:40px 20px}.suk-designer-wrap .upload-content svg{width:56px;height:56px}.suk-designer-wrap .upload-content p{font-size:15px}}@media (max-width:480px){.suk-designer-wrap .demo-header h1{font-size:1.5em}.suk-designer-wrap .product-card{min-height:260px!important;max-height:300px!important}.suk-designer-wrap .product-card img{height:160px!important;min-height:160px!important;max-height:160px!important}.suk-designer-wrap .talle-btn{min-width:48px;padding:8px 10px}.suk-designer-wrap .cantidad-btn{width:45px;height:45px}.suk-designer-wrap #cantidad-input{width:75px;height:45px}.suk-designer-wrap .suk-canvas-area{padding:10px;min-height:350px}.suk-designer-wrap .action-btn{padding:14px;font-size:14px}.suk-designer-wrap .suk-preview-main-btn{font-size:15px;padding:14px 18px}}.suk-designer-wrap .canvas-header-right{display:flex;align-items:center;gap:15px}.suk-designer-wrap .zoom-controls{display:flex;gap:5px;background:#fff;padding:4px;border-radius:6px;border:1px solid #ddd}.suk-designer-wrap .zoom-btn{width:32px;height:32px;border:none;background:transparent;cursor:pointer;font-size:18px;font-weight:700;color:#16171d;border-radius:4px;transition:all .2s}.suk-designer-wrap .zoom-btn:hover{background:#f6f6f9}.suk-designer-wrap .zoom-btn:active{background:#16171d;color:#fff}.suk-designer-wrap .upload-area.dragover{border-color:#16171d;background:#f6f6f9}.suk-designer-wrap .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:hsla(0,0%,100%,.9);padding:20px 40px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1000}@media (max-width:768px){.suk-designer-wrap .canvas-header{flex-direction:column;align-items:flex-start;gap:10px}.suk-designer-wrap .canvas-header-right{width:100%;justify-content:space-between}.suk-designer-wrap .zoom-btn{width:40px;height:40px;font-size:20px}.suk-designer-wrap .edit-btn-sm{padding:8px;font-size:16px}}.suk-designer-wrap .designer-controls{scrollbar-width:thin;scrollbar-color:rgba(108,92,231,.3) transparent}.suk-designer-wrap .designer-controls::-webkit-scrollbar{width:6px}.suk-designer-wrap .designer-controls::-webkit-scrollbar-track{background:transparent;border-radius:3px}.suk-designer-wrap .designer-controls::-webkit-scrollbar-thumb{background:rgba(108,92,231,.25);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.suk-designer-wrap .designer-controls::-webkit-scrollbar-thumb:hover{background:rgba(108,92,231,.45)}.suk-modal-content{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) transparent}.suk-modal-content::-webkit-scrollbar{width:5px}.suk-modal-content::-webkit-scrollbar-track{background:transparent}.suk-modal-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:3px}.suk-modal-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}