#global-spinner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0adb;z-index:999999;display:flex;align-items:center;justify-content:center}.spinner-box{text-align:center;font-family:Arial,sans-serif;color:#f7f9ff}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#111827;border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 12px}.customizer-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#1f2937;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 10px 40px #0003;z-index:10000;display:flex;align-items:center;gap:12px;max-width:90vw;opacity:0;transition:transform .3s ease,opacity .3s ease}.customizer-notification.show{transform:translate(-50%) translateY(0);opacity:1}.customizer-notification .notification-icon{width:24px;height:24px;flex-shrink:0}.customizer-notification .notification-content{flex:1}.customizer-notification .notification-title{font-weight:600;font-size:14px;margin-bottom:2px}.customizer-notification .notification-message{font-size:13px;opacity:.85}.customizer-notification .notification-action{background:#fff;color:#1f2937;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease;white-space:nowrap}.customizer-notification .notification-action:hover{background:#f3f4f6}.customizer-notification .notification-close{background:none;border:none;color:#fff;opacity:.6;cursor:pointer;padding:4px;margin-left:8px;transition:opacity .2s ease}.customizer-notification .notification-close:hover{opacity:1}.section-btn.needs-attention{animation:pulse-attention 1.5s ease-in-out 3;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}@keyframes pulse-attention{0%,to{box-shadow:0 0 0 3px #ef444433}50%{box-shadow:0 0 0 6px #ef44444d}}body.customizer-open .section.section-blends.section-full{padding:0}body.customizer-open .header__wrapper,body.customizer-open header,body.customizer-open .header,body.customizer-open #shopify-section-header,body.customizer-open .announcement-bar,body.customizer-open .shopify-section--announcement-bar,body.customizer-open footer,body.customizer-open .footer,body.customizer-open #shopify-section-footer,body.customizer-open .shopify-section--footer{display:none!important}body.customizer-open{overflow:hidden}body.customizer-open #MainContent,body.customizer-open main{padding:0!important;margin:0!important;max-width:100vw!important}body.customizer-open .container-custom{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;max-width:100vw!important;margin:0!important;padding:0!important;z-index:9998;background:#f8f9fa;display:flex!important;flex-direction:column}@keyframes spin{to{transform:rotate(360deg)}}body{margin:0;padding:0;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.mode-buttons button.active-mode{background:#111827;color:#fff;border:1px solid #111827}.page-title{font-size:20px;font-weight:600;margin:0;padding:10px 20px;letter-spacing:-.02em;color:#1a1a1a;background:#f8f9fa;position:relative;z-index:10;display:flex;justify-content:center;align-items:center}.page-title span{flex:1;text-align:center}.close-customizer-btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:transparent;border:1px solid rgba(0,0,0,.2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#1a1a1a}.close-customizer-btn:hover{background:#1a1a1a;color:#fff;border-color:#1a1a1a}#customizer-inline-wrapper,.container-custom{position:relative;z-index:1;background:#f8f9fa;min-height:100vh;padding-bottom:0}.container-custom{min-width:100%;width:100%;margin:0;padding:0;box-sizing:border-box;display:none;background:#f8f9fa;min-height:100vh;position:relative;z-index:1;order:-1}.createContent{border-radius:0;background:#fff;border:none;box-shadow:none;padding:20px;display:flex;gap:16px;box-sizing:border-box;min-height:100vh;height:100vh;align-items:stretch;margin:0;width:100%}.createAdd{width:420px;height:765px;min-height:765px;max-height:765px;overflow-y:auto;background:#f9fafb;border-radius:12px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d;padding:24px 24px 80px;box-sizing:border-box;position:relative;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column}.side-switch{display:inline-flex;border-radius:8px;border:none;background:#f1f3f5;overflow:hidden;margin-bottom:16px;width:100%;text-align:center;box-shadow:inset 0 1px 2px #0000000d}.side-switch button{border:none;background:transparent;padding:10px 20px;font-size:13px;font-weight:500;cursor:pointer;text-transform:uppercase;letter-spacing:.025em;width:100%;transition:all .2s ease}.side-switch button.active-side{background:#1a1a1a;color:#fff;box-shadow:0 1px 3px #00000026;border-radius:6px}.side-switch button:not(.active-side):hover{background:#00000008}.section-list{margin-top:0;border-radius:10px;border:none;overflow:hidden;flex:1;display:flex;flex-direction:column;overflow-y:auto;gap:10px}.section-btn{width:100%;text-align:left;border:none;background:#fff;padding:18px 20px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;transition:all .15s ease;border-radius:8px;box-shadow:0 1px 2px #0000000d}.section-btn.expanded{background:#fff;color:#111827;border-radius:8px 8px 0 0;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014}.section-btn span.label{font-weight:700;font-size:15px;letter-spacing:.025em}.section-btn span.arrow{font-size:14px;color:#9ca3af;transition:transform .18s}.section-btn.expanded span.arrow{transform:rotate(90deg);color:#111827}.section-btn:hover:not(.expanded){background:#f8f9fa}.section-content{padding:16px;background:#fff;display:none;overflow:visible;position:relative;border-radius:0 0 8px 8px;margin-top:-8px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d}.section-btn.expanded+.section-content{display:block}.createAdd::-webkit-scrollbar{width:6px}.createAdd::-webkit-scrollbar-track{background:transparent}.createAdd::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.createAdd::-webkit-scrollbar-thumb:hover{background:#0003}.createAddcont{margin-top:14px}.titlenav ul{list-style:none;margin:0 0 6px;padding:0}.titlenav li{display:inline-block;padding:6px 12px;background:#f1f3f5;border-radius:8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;transition:all .2s ease;cursor:pointer}.titlenav li.on{background:#1a1a1a;color:#fff;box-shadow:0 1px 2px #00000026}.ImagesList{height:150px;overflow:auto;border:none;border-radius:8px;padding:8px;margin-top:8px;background:#f8f9fa;box-shadow:inset 0 1px 3px #0000000d}.ImagesList li{width:50%;height:110px;overflow:hidden;float:left;margin:4px 0;padding:4px;box-sizing:border-box}.ImagesList .item{padding-left:24px;position:relative}.img_side{position:relative;border:none;overflow:hidden;width:112px;height:96px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #00000014;transition:box-shadow .2s ease}.img_side img{vertical-align:middle;width:100%;height:100%;object-fit:contain}.check_label .img_icon{position:absolute;top:0;left:4px;display:block;width:18px;height:18px;background:url(check.png) center center no-repeat;cursor:pointer;background-size:contain}.check_label.on .img_icon{background:url(check_on.png) center center no-repeat;background-size:contain}.ImagesList li .close{display:none;position:absolute;top:2px;right:2px;cursor:pointer;z-index:50}.ImagesList li .close img{width:16px;height:16px;display:block;object-fit:contain}.ImagesList li:hover .close{display:block}.panel-box{margin-top:0;padding:20px;border-radius:10px;border:none;background:#fff;box-shadow:0 1px 3px #0000000f}.panel-box h4{margin:0 0 12px;font-size:13px;font-weight:600;color:#1a1a1a}.teamwall-label{font-size:12px!important;font-weight:500!important;color:#6b7280!important;margin-bottom:8px!important}#content_team_wall{display:flex;flex-direction:column;height:100%}#content_team_wall .panel-box{display:flex;flex-direction:column;flex:1;height:100%;padding:12px 12px 0}.teamwall-textarea{flex:1;width:100%;min-height:200px;max-height:400px;box-sizing:border-box;resize:vertical;font-size:14px;line-height:1.6;padding:12px 14px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#f8f9fa;transition:all .2s ease;font-family:inherit}.teamwall-textarea:focus{outline:none;border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #1a1a1a1a}.teamwall-textarea::placeholder{color:#9ca3af;line-height:1.6}.panel-box textarea:not(.teamwall-textarea){width:100%;box-sizing:border-box;resize:vertical;font-size:13px;padding:10px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#f8f9fa;transition:all .2s ease;font-family:inherit;line-height:1.5;min-height:120px;max-height:200px}.panel-box textarea:not(.teamwall-textarea):focus{outline:none;border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #1a1a1a1a}.panel-box button{margin-top:8px;padding:10px 16px;font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;border:none;background:#1a1a1a;color:#fff;transition:all .2s ease;width:100%}.panel-box button:hover{background:#000;transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.upload-card{display:flex;flex-direction:column;gap:8px}.upload-card__head{display:flex;align-items:center;justify-content:space-between}.upload-card__title{margin:0;font-size:12px;font-weight:700;color:#111827}.upload-card__subtitle{margin:2px 0 0;font-size:11px;color:#6b7280}.upload-drop{position:relative;border:1px dashed #cbd5e1;border-radius:10px;background:#f8fafc;min-height:190px;display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer;transition:all .15s ease}.upload-drop.is-dragover{border-color:#000;background:#0000000d;box-shadow:0 0 0 2px #0000001a}.upload-drop.compact-upload{min-height:52px;background:#fff;border:2px solid #000000;border-radius:6px;transition:all .2s ease;padding:14px 24px}.upload-drop.compact-upload:hover{background:#00000008;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.upload-drop.compact-upload .upload-placeholder{flex-direction:row;gap:0;align-items:center}.upload-drop.compact-upload .upload-label{font-weight:600;font-size:14px;color:#000;letter-spacing:.5px}.upload-drop.compact-upload.has-image{border-style:solid;background:#f8fafc;min-height:200px;padding:20px;position:relative}.upload-drop.compact-upload .upload-preview{max-width:100%;max-height:160px}.upload-drop.compact-upload button.upload-card__remove{position:absolute!important;top:4px!important;left:4px!important;background:transparent!important;padding:0!important;margin:0!important}.upload-placeholder{text-align:center;color:#111827;display:flex;flex-direction:column;align-items:center;gap:10px}.upload-placeholder .hoodie-ghost{width:140px;height:170px;background:url(Gemini_Generated_Image_gjbxhqgjbxhqgjbx.png) center center / contain no-repeat;opacity:.92}.upload-placeholder strong{font-size:12px}.upload-placeholder span{font-size:11px;color:#6b7280}.upload-preview{max-width:80%;max-height:190px;object-fit:contain;border-radius:8px;display:none}button.upload-card__remove{position:absolute!important;top:4px!important;left:4px!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;border:none!important;background:transparent!important;background-color:transparent!important;color:#333!important;font-size:18px!important;font-weight:700!important;cursor:pointer!important;display:none;align-items:center!important;justify-content:center!important;line-height:1!important;text-align:center!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;transition:all .15s ease;z-index:10;flex-shrink:0}button.upload-card__remove:hover{background:transparent!important;background-color:transparent!important;color:#000!important;transform:scale(1.2)!important}.upload-note{margin:4px 0 0;font-size:11px;color:#6b7280}.createGoods{position:relative;flex:1;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0f172a14;padding:16px 18px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%}.canvas-and-buttons-container{display:flex;width:100%;flex:1;gap:20px;justify-content:center;align-items:flex-start;height:auto;flex-direction:row}.right-buttons-column{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding-bottom:20px}.right-buttons-column button{width:180px;padding:12px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center;box-sizing:border-box}.right-buttons-column button:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.canvas-button-group{display:flex;flex-direction:column;align-items:center;gap:0}.canvas-wrapper{position:relative;width:700px;height:700px;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-bottom:0;overflow:hidden}.createImage{transition:transform .5s cubic-bezier(.4,0,.2,1);transform-origin:center center;will-change:transform}.createImage.zooming{transition:transform .6s cubic-bezier(.4,0,.2,1)}.bottom-action-buttons{position:absolute;bottom:30px;right:30px;display:flex;flex-direction:column;gap:10px;z-index:10}.bottom-action-buttons .action-btn{width:180px;padding:12px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;align-items:center;justify-content:center}.bottom-action-buttons .action-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.bottom-action-buttons .action-btn.secondary{background:#fff;color:#1a1a1a;border:2px solid #1a1a1a}.bottom-action-buttons .action-btn.secondary:hover{background:#f5f5f5}.createImage{position:relative;width:700px;height:700px;overflow:hidden;background:#f9fafb}.image_fisrt,.image_second,.images_third{width:700px;height:700px;position:absolute;top:0;left:0}.image_fisrt{z-index:1}.image_second{z-index:2}#cvs_trans{z-index:3}#cvs_ts{z-index:4}.canvas-color-picker{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.canvas-color-picker .color-btn{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.8);padding:0;cursor:pointer;background:transparent;box-sizing:border-box;outline:none;transition:all .2s ease;box-shadow:0 2px 4px #00000026}.canvas-color-picker .color-btn.gray{background:#8a8a8a}.canvas-color-picker .color-btn.blue{background:#1e3aff}.canvas-color-picker .color-btn.selected{border-color:#fff;box-shadow:0 0 0 3px #fff6,0 3px 8px #0000004d;transform:scale(1.1)}.canvas-color-picker .color-btn:hover:not(.selected){transform:scale(1.05);box-shadow:0 3px 8px #00000040}.mode-buttons{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;text-align:center;padding:15px 0 0;background:transparent;margin:0;flex-shrink:0;width:700px;max-width:700px;position:relative}.mode-buttons button{min-width:140px;padding:10px 16px;font-size:13px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#111827;cursor:pointer;font-weight:500;flex:1;max-width:165px}.mode-buttons button:hover:not(.active-mode){background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.mode-buttons .download-btn{margin-left:12px;background:#1a1a1a;color:#fff;border-color:#1a1a1a;font-weight:600}.mode-buttons .download-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 3px 6px #0003}.mode-buttons-expansion{display:none;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;padding:15px 0 0;background:transparent;margin:0;flex-shrink:0;width:700px;max-width:700px;position:relative}.mode-buttons-expansion button{min-width:100px;padding:10px 16px;font-size:13px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#111827;cursor:pointer;font-weight:500;flex:1;max-width:160px}.mode-buttons-expansion button:hover:not(.active-mode){background:#f3f4f6;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.mode-buttons-expansion button.active-mode{background:#111827;color:#fff;border:1px solid #111827}body.expansion-edit-mode .section-list:not(.section-list-expansion),body.expansion-edit-mode .side-switch,body.expansion-edit-mode #create-product-btn{display:none!important}body.expansion-edit-mode .section-list-expansion{display:flex!important}body.expansion-edit-mode .expansion-done-sidebar-btn{display:block!important}.section-list-expansion{display:none;flex-direction:column;gap:0;flex:1;overflow-y:auto}.section-btn-exp{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;border:none;border-bottom:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;text-align:left;transition:background .15s}.section-btn-exp:hover{background:#f9fafb}.section-btn-exp.expanded{background:#f3f4f6}.section-btn-exp .arrow{font-size:18px;transition:transform .2s}.section-btn-exp.expanded .arrow{transform:rotate(90deg)}.section-content-exp{display:none;padding:12px 18px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.preview-edit-btn{padding:8px 18px;background:#fff;color:#111827;border:2px solid #d1d5db;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;margin-left:8px}.preview-edit-btn:hover{border-color:#111827;background:#f9fafb}.mode-buttons-hoodie{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;width:100%}.clear{clear:both}#customize-button{padding:14px 24px;border:none;border-radius:8px;cursor:pointer;width:100%;margin-top:20px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff;text-align:center;font-weight:600;font-size:14px;letter-spacing:.025em;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}#customize-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0006;background:linear-gradient(135deg,#3a3a3a,#2a2a2a)}.variant-type{display:flex;gap:12px;margin-top:16px}.variant-type .color-btn{width:32px;height:32px;border-radius:50%;border:2px solid rgba(0,0,0,.1);padding:0;cursor:pointer;background:transparent;box-sizing:border-box;outline:none;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.variant-type .color-btn.gray{background:#8a8a8a}.variant-type .color-btn.blue{background:#1e3aff}.variant-type .color-btn.selected{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a33,0 2px 4px #0000001a;transform:scale(1.1)}.variant-type .color-btn:hover:not(.selected){transform:scale(1.05);box-shadow:0 2px 4px #00000026}.slectcolor{margin-top:22px}.slectcolor span.label{font-size:15px}.crtproduct{position:absolute;bottom:36px;width:100%;display:flex;justify-content:center;transform:translate(-50%);LEFT:50%;FLEX-DIRECTION:column;ALIGN-ITEMS:center;gap:10px}button#create-product-btn{min-width:120px;padding:14px 24px;font-size:14px;font-weight:600;border-radius:8px;border:none;background:#1a1a1a;cursor:pointer;color:#fff;width:80%;text-align:center;transition:all .2s ease;box-shadow:0 2px 4px #00000026;letter-spacing:.025em}#create-product-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 8px #00000040}.sidebar-create-btn{position:absolute;bottom:20px;left:0;right:0;margin:0 24px;width:auto;padding:14px 20px;background:#212529;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.sidebar-create-btn:hover{background:#000;box-shadow:0 4px 12px #0003}.sidebar-create-btn svg{width:20px;height:20px}.hidden{display:none!important}.ImagesList::-webkit-scrollbar{width:6px;height:6px}.ImagesList::-webkit-scrollbar-track{background:transparent}.ImagesList::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px;transition:background .2s ease}.ImagesList::-webkit-scrollbar-thumb:hover{background:#00000040}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}*::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 768px){.page-title{padding:8px 15px;font-size:16px;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb}.close-customizer-btn{right:15px;width:28px;height:28px}body.customizer-open .container-custom{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.pageBox{overflow-x:hidden;min-height:100vh}.createContent{flex-direction:column;padding:10px;gap:15px;min-height:calc(100vh - 60px);height:auto}.createAdd{width:100%;max-width:100%;height:auto;min-height:400px;max-height:none;padding:16px 16px 80px;border-radius:8px;order:2;overflow-y:visible;position:relative}.createGoods{width:100%;padding:12px;order:1;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0f172a14}.canvas-and-buttons-container{flex-direction:column;gap:12px;align-items:center}.canvas-button-group{width:100%;display:flex;flex-direction:column;align-items:center}.canvas-wrapper{width:calc(100vw - 40px);max-width:400px;height:calc(100vw - 40px);max-height:400px;position:relative;background:#f3f4f6;border-radius:6px;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.createImage{width:100%;height:100%;position:relative;background:#f9fafb}.createImage canvas,.image_fisrt,.image_second,.images_third{width:100%!important;height:100%!important;object-fit:contain}.mode-buttons{width:100%;max-width:400px;padding:10px 0;gap:5px;display:flex;justify-content:center;flex-wrap:wrap}.mode-buttons button{min-width:85px;padding:10px 12px;font-size:11px;flex:0 1 auto;white-space:nowrap}.canvas-color-picker{bottom:15px;gap:10px;z-index:15}.canvas-color-picker .color-btn{width:32px;height:32px}.section-list{gap:8px;margin-top:0;display:flex;flex-direction:column}.section-btn{padding:16px;font-size:14px;width:100%;display:flex;justify-content:space-between;align-items:center}.section-btn span.label{font-size:14px;font-weight:700}.section-content{padding:14px;background:#fff;border-radius:0 0 8px 8px;margin-top:-8px;box-shadow:0 2px 8px #00000014}.upload-drop.compact-upload{min-height:120px;padding:20px;border:2px dashed #cbd5e1;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center}.upload-drop.compact-upload .upload-label{font-size:13px;font-weight:600}.upload-drop.compact-upload.has-image{min-height:180px;padding:15px}.upload-preview{max-width:90%;max-height:150px}.teamwall-textarea{min-height:150px;max-height:250px;font-size:14px;padding:12px;width:100%}.sidebar-create-btn{position:fixed;bottom:15px;left:0;right:0;margin:0 15px;width:auto;z-index:95;padding:14px 18px;font-size:14px;font-weight:600;box-shadow:0 -2px 10px #00000026;background:#212529}.right-buttons-column,.bottom-action-buttons{display:none}}@media (max-width: 768px){.createContent{flex-direction:column!important}.createAdd,.createGoods{width:100%!important;max-width:100%!important}.canvas-wrapper,.createImage{width:350px!important;height:350px!important;margin:0 auto!important}.createImage canvas#cvs_bg,.createImage canvas#cvs_designs,.createImage canvas#cvs_ts,.createImage canvas#cvs_trans{transform:scale(.5)!important;transform-origin:top left!important}.createImage .image_first,.createImage .image_second,.createImage .image_third{transform:scale(.5)!important;transform-origin:top left!important}.mode-buttons{width:350px!important;margin:0 auto!important}.canvas-color-picker{transform:scale(.5)!important;transform-origin:bottom center!important}}#expansion-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f8f9fa;z-index:99999;display:none;flex-direction:column;overflow-y:auto}#expansion-preview-overlay.active{display:flex}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.preview-header h2{margin:0;font-size:18px;font-weight:700;color:#111827;display:flex;align-items:center}.preview-header-actions{display:flex;gap:12px;align-items:center}.preview-btn-back{padding:10px 20px;background:#fff;color:#111827;border:2px solid #d1d5db;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.preview-btn-back:hover{border-color:#111827;background:#f9fafb}.preview-btn-confirm{padding:10px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.preview-btn-confirm:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.preview-btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.project-name-section{display:flex;align-items:center;gap:10px;width:700px;max-width:700px;padding:12px 0 0}.project-name-section label{font-size:13px;font-weight:600;color:#374151;white-space:nowrap}#project-name-input{flex:1;padding:9px 14px;font-size:16px;font-weight:700;font-family:Bebas Neue,sans-serif;letter-spacing:.05em;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}#project-name-input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}#project-name-input::placeholder{color:#9ca3af;font-weight:400}#project-name-input.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.preview-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:24px;flex:1;max-height:calc(100vh - 80px);overflow-y:auto;align-content:start}.preview-product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:opacity .2s ease}.preview-product-card.excluded{opacity:.35;pointer-events:none}.preview-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.preview-card-header h3{margin:0;font-size:16px;font-weight:700;color:#111827}.preview-product-card h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#111827}.product-include-toggle{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none}.product-include-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#111827;cursor:pointer}.preview-view-tabs{display:flex;gap:6px;margin-bottom:12px}.preview-view-tab{padding:6px 14px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.preview-view-tab.active{background:#111827;color:#fff;border-color:#111827}.preview-view-tab:hover:not(.active){background:#f3f4f6}.preview-image-container{width:100%;aspect-ratio:1;background:#f3f4f6;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-image-container img{width:100%;height:100%;object-fit:contain}.preview-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280;font-size:14px}.preview-loading .spinner{width:32px;height:32px}@media (max-width: 768px){.preview-products-grid{grid-template-columns:1fr;padding:16px;gap:16px;max-height:none}.preview-product-card{min-width:unset;max-width:100%}.preview-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.preview-header h2{font-size:16px;width:100%}.preview-header-actions{width:100%;justify-content:space-between}}#expansion-preview-overlay.success-state .preview-header h2{color:#059669}.preview-success-actions{display:none;gap:12px;align-items:center}#expansion-preview-overlay.success-state .preview-header-actions{display:none}#expansion-preview-overlay.success-state .preview-success-actions{display:flex}.preview-btn-home{padding:10px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none}.preview-btn-home:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.preview-btn-link{padding:10px 20px;background:#fff;color:#111827;border:2px solid #d1d5db;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.preview-btn-link:hover{border-color:#111827;background:#f9fafb}.success-checkmark{display:none;width:24px;height:24px;margin-right:8px;color:#059669}#expansion-preview-overlay.success-state .success-checkmark{display:inline-block}@media (min-width: 769px){.createImage canvas,.createImage .image_first,.createImage .image_second,.createImage .image_third,#cvs_bg,#cvs_designs,#cvs_ts,#cvs_trans{transform:none!important}.canvas-wrapper{width:700px!important;height:700px!important;max-width:700px!important;max-height:700px!important}.createImage{width:700px!important;height:700px!important}.canvas-color-picker{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/customizer.css.map */