.generator-container{display:flex;flex-direction:column;font-family:Arial;height:100%;max-height:100vh;overflow:hidden;padding:15px}.header-section{align-items:center;background:#f5f5f5;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;padding:15px 30px}.header-section h2{color:#f5f5f5;flex-grow:1;font-size:24px;margin:0}.button-back{background:none;border:none;color:#f5f5f5;cursor:pointer;display:flex;gap:2px;padding:5px 10px}.hidden-input{display:none}.download-button{align-items:center;background:#007bff;border:2px solid #007bff;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:center;min-width:180px;padding:8px 20px;transition:background .2s}.download-button:hover{background-color:#0056b3}.template-button{align-items:center;background:#fff;border:2px solid #007bff;border-radius:6px;color:#007bff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:8px 20px;transition:all .2s}.template-button:hover{border:2px solid #0056b3;color:#0056b3}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999999999}.modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;max-width:90vw;padding:20px;width:400px}.modal-content h2{font-size:1.5rem;margin:0 0 20px}.template-input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;padding:10px;width:calc(100% - 2px)}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button,.close-button,.create-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px}.cancel-button{background:#f0f0f0;color:#333}.cancel-button:hover{background:#e0e0e0}.create-button{background:#007bff;color:#fff}.create-button:hover{background:#0056b3}.create-button:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.modal-content p{color:#666;margin:0 0 20px}.modal-content h2{color:#333;margin-bottom:15px}.modal-content .success-message{color:#28a745}.modal-content .error-message{color:#dc3545}.close-button{background:#007bff;color:#fff;margin-top:15px}.content-wrapper{box-sizing:border-box;display:flex;height:88vh;justify-content:space-between;overflow:hidden;padding:10px;position:relative;width:100%}.zoom-wrapper{display:inline-block;transform-origin:top center}.design-container{background-color:#fff;background-image:radial-gradient(circle at 5px 5px,#e0e0e0 1px,#0000 0);background-size:10px 10px;box-shadow:0 0 20px #0000001a;margin:0 auto;overflow:hidden;position:relative}.morphing-dot-lines{animation:morphFlow 15s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#fffc 2px,#0000 0),radial-gradient(circle at 75% 75%,#fff9 1px,#0000 0),radial-gradient(circle at 50% 50%,#c8c8c866 1px,#0000 0);background-color:#e8e8e8;background-size:60px 60px,40px 40px,80px 80px;position:relative}.morphing-dot-lines:before{animation:morphFlowAlt 18s ease-in-out infinite;background:radial-gradient(circle at 10% 10%,#b4b4b44d 1px,#0000 0),radial-gradient(circle at 90% 90%,#a0a0a04d 1px,#0000 0);background-size:50px 50px,70px 70px;bottom:0;content:"";left:0;mix-blend-mode:multiply;position:absolute;right:0;top:0}@keyframes morphFlow{0%,to{background-position:0 0,0 0,0 0;filter:blur(.3px)}33%{background-position:30px 15px,-20px 25px,15px -10px;filter:blur(.5px)}66%{background-position:-15px 30px,25px -15px,-20px 20px;filter:blur(.2px)}}@keyframes morphFlowAlt{0%,to{background-position:0 0,0 0}50%{background-position:25px 25px,-25px -25px}}.drop-zone{border:2px dashed #0000;height:99%;left:0;pointer-events:none;position:absolute;top:0;transition:all .3s ease;width:99%;z-index:999}.drop-zone.active{background-color:#2196f31a;border-color:#2196f3;pointer-events:none}.drop-message{color:#2196f3;font-size:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.dragging-overlay{background:#007bff1a;border:1px solid #007bff;box-sizing:border-box;opacity:0;pointer-events:none;position:fixed;transform-origin:center center;transition:none;will-change:transform;z-index:9999}.dragging-overlay.visible{opacity:1;transition:none}.dragging-overlay.selected{background:#007bff26;border:2px solid #007bff}.resize-handle{background:#fff;border:1px solid #007bff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:12px;pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:12px;z-index:1000}.resize-handle.top-left{cursor:nwse-resize;left:0;top:0}.resize-handle.top-right{cursor:nesw-resize;left:100%;top:0}.resize-handle.bottom-left{cursor:nesw-resize;left:0;top:100%}.resize-handle.bottom-right{cursor:nwse-resize;left:100%;top:100%}.resize-handle.left{cursor:ew-resize;left:0;top:50%}.resize-handle.right{cursor:ew-resize;left:100%;top:50%}.resize-handle.top{cursor:ns-resize;left:50%;top:0}.resize-handle.bottom{cursor:ns-resize;left:50%;top:100%}.rotate-handle{background-color:#007bff;border-radius:50%;cursor:ew-resize;height:20px;left:50%;pointer-events:auto;position:absolute;top:-28px;transform:translateX(-50%);width:20px;z-index:1000}.draggable-element:hover .color-change{transform:translateY(-50%) scale(1.1)}.text-content-wrapper{display:flex;min-height:30px;min-width:50px;overflow-wrap:break-word;position:relative;white-space:pre-wrap;word-break:break-word}.text-input{background:#ffffffe6;border:1px solid #ccc;border-radius:4px;color:inherit;cursor:text;font-family:inherit;font-size:inherit}.text-change,.text-input{box-shadow:0 2px 4px #0000001a}.text-change{align-items:center;background:#fff;border:1px solid #ccc;border-radius:50%;bottom:0;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;padding:0;position:absolute;right:0;transform:translate(50%,50%);transition:opacity .2s,transform .2s;width:20px;z-index:1000}.draggable-element:hover .text-change{background:#f0f0f0;transform:translate(50%,50%) scale(1.1)}.meta-info{background:#f5f5f5;border-radius:8px;height:82vh;overflow-y:auto;padding:20px;width:300px}.meta-link{color:#333;max-width:350px;min-width:300px;text-decoration:none;white-space:wrap}.meta-link:hover,.meta-link:hover .meta-subtitle{color:#2196f3}.meta-title{font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:600;line-height:1.5;margin-bottom:10px;margin-top:0}.meta-subtitle{color:#818a91;font-size:.8rem}.meta-row{display:flex;margin:0 -10px;padding:5px 0}.meta-col{flex:1 1;max-width:50%;padding:0 10px}.meta-col div,.meta-col span{overflow:hidden;text-overflow:ellipsis;white-space:wrap}.design-area{display:flex;margin:0 auto}.images-grid{display:flex;flex-direction:column;gap:8px;padding-right:8px}.image-item{border:1px solid #ddd;border-radius:6px;cursor:pointer;height:90px;overflow:hidden;position:relative;transition:all .2s;width:90px}.image-item:hover{transform:scale(1.05)}.image-item.active{border-color:#007bff;box-shadow:0 0 8px #007bff4d}.sidebar{background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;height:70vh;padding:15px;position:relative;width:350px}.drag-handle:hover{opacity:.7}.drag-handle{cursor:grab;height:31.333px;margin-right:8px;vertical-align:middle}.drag-handle:active{cursor:grabbing}.drag-handle{cursor:-moz-grab}.drag-handle:active{cursor:-moz-grabbing}.elements-list{margin-bottom:4px;overflow-y:auto}.element-item{align-items:center;background:#fff;border:1px solid #fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-top:5px;padding:10px;transition:transform .2s ease,opacity .2s ease}.element-item.dragging{opacity:.5;transform:scale(.95)}.element-item.disabled-drag .drag-handle{cursor:not-allowed;opacity:.5}.element-item.selected{border:1px solid #007bff;border-radius:4px}.element-info{display:flex;gap:8px}.expand-button{background:none;border:none;cursor:pointer;padding:8px;transition:transform .2s}.expand-button.expanded{transform:rotate(180deg)}.element-controls-dropdown{background:#fff;border-top:1px solid #ddd;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:10px}.element-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding-top:24px;width:100%}.line{border-top:1px solid #ddd}.element-controls span{font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.direction-group{align-items:center;display:flex;gap:10px;margin:10px 0}.direction-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 12px;transition:all .2s}.direction-btn.active{background:#007bff;border-color:#007bff;color:#fff}.radius-controls{background:#fff;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:0 15px;position:relative;transition:all .2s ease}.radius-row{justify-content:space-between}.radius-block,.radius-row{align-items:center;display:flex}.radius-block{gap:8px}.radius-icon{color:#666;height:24px;width:24px}.radius-controls input{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 8px;width:60px}.radius-controls input[type=number]:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.gradient-controls{display:flex;flex-direction:column;gap:12px}.direction-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.direction-buttons button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:6px}.direction-buttons button.active{background:#007bff;border-color:#007bff;color:#fff}.color-pickers{display:flex;gap:8px}.color-pickers input[type=color]{border:none;cursor:pointer;height:30px;padding:2px;width:30px}.opacity-control{align-items:center;display:flex;gap:8px}.color-control input[type=range],.opacity-control input[type=range]{flex-grow:1}.flip-button{background:none;border:none;color:#666;cursor:pointer;padding:4px;transition:color .2s}.flip-button:hover{color:#007bff}.move-button{background:none;border:none;cursor:pointer;padding:5px}.move-button:disabled{cursor:not-allowed;opacity:.5}.remove-button{align-items:center;background:#fff;border:1px solid red;border-radius:4px;color:red;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px 20px;transition:all .2s}.remove-button:hover{transform:scale(1.005)}.remove-button:disabled{border:1px solid #ccc;color:#ccc;cursor:no-drop}.remove-bg-button{align-items:center;background:#fff;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px 20px;position:relative;transition:all .2s}.remove-bg-button:hover{transform:scale(1.005)}.remove-bg-button:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:14px;width:14px}.flip-checkbox-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px;transition:background-color .2s}.flip-checkbox-label:hover{background-color:#f5f5f5}.checkbox-text{font-size:14px;-webkit-user-select:none;user-select:none}.flip-checkbox{cursor:pointer;height:16px;margin:0;width:16px}.color-control{align-items:center;display:flex;gap:8px;padding:6px 0;width:100%}.color-control .color-button{border:2px solid #fff;border-radius:4px;cursor:pointer;height:32px;transition:border-color .2s ease,box-shadow .2s ease;width:32px}.color-control .color-button:hover{border:2px solid #2196f3;box-shadow:0 0 0 2px #2196f31a;transform:scale(.95)}.color-control .images-brand{align-items:center;aspect-ratio:1/1;background:#f5f5f5;border:1px solid #f0f0f0;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:45px}.color-control .images-brand:hover{border-color:#007bff;box-shadow:0 3px 6px #0000001a;transform:scale(.98)}.color-control .images-brand img{border-radius:4px;height:100%;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:100%}.color-preview{border:1px solid #ddd;border-radius:3px;height:20px;width:20px}.color-hex{font-family:monospace;font-size:14px;min-width:70px}.change-color-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:16px;margin-left:auto;padding:5px;transition:all .2s}.change-color-button:hover{color:#007bff}.replace-button{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:16px;margin-left:auto;padding:5px}.replace-button:hover{color:#0056b3}.font-settings-button{background:none;border:2px solid #666;border-radius:6px;cursor:pointer;padding:5px}.font-controls-wrapper{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 2px 8px #0000001a;margin-top:auto;max-width:280px;z-index:1000}.font-controls{background:#fff;margin-bottom:15px;padding:0 15px;position:relative;transition:all .2s ease}.font-controls .style-controls{display:flex;gap:8px;margin:10px 0}.font-controls .style-button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:16px;padding:6px 12px;transition:all .2s}.style-button.bold{font-style:normal;font-weight:700}.style-button.italic{font-style:italic;font-weight:400}.style-button.underline{text-decoration:underline}.style-button.line-through{text-decoration:line-through}.font-controls .style-button.active{background:#007bff;border-color:#007bff;color:#fff}.font-controls .style-button:hover{background:#f0f0f0}.style-controls-wrapper{margin:10px 0 20px;width:100%}.style-controls-wrapper .toggle-group{background:#f0f0f0;border:1px solid #ddd;border-radius:4px;display:inline-flex;overflow:hidden;position:relative;width:100%}.style-controls-wrapper .toggle-option{background:#0000;border:none;cursor:pointer;font-size:16px;padding:6px 10px 4px;position:relative;transition:color .2s;width:33.33333333%;z-index:1}.style-controls-wrapper .toggle-option.active{color:#fff}.active-indicator{background:#007bff;border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);width:33.33333333%;z-index:0}.active-indicator[data-active-option=left]{transform:translateX(0)}.active-indicator[data-active-option=center]{transform:translateX(100%)}.active-indicator[data-active-option=right]{transform:translateX(200%)}.font-controls label{align-items:center;color:#424242;display:flex;font-family:Segoe UI,sans-serif;font-size:14px;justify-content:space-between;margin-bottom:12px}.font-controls label:last-child{margin-bottom:0}.font-controls input[type=number]{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;padding:6px 8px;transition:border-color .2s ease;width:70px}.font-controls input[type=number]:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.font-controls input[type=color]{background:none;border:none;border-radius:50%;cursor:pointer;height:30px;overflow:hidden;padding:2px;width:30px}.font-controls input[type=color]::-webkit-color-swatch{border:none;border-radius:50%;padding:0}.font-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}.font-controls select{-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center/12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;max-height:100px;overflow-y:auto;padding:6px 8px;transition:border-color .2s ease;width:200px}.font-controls select:focus{border-color:#2196f3;outline:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.font-controls{animation:slideDown .2s ease forwards}.font-controls input:hover:not(:focus),.font-controls select:hover:not(:focus){border-color:#bdbdbd}.color-picker-wrapper{cursor:pointer;display:inline-block;position:relative}.color-picker-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.color-preview{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:inline-block;height:32px;overflow:hidden;position:relative;transition:all .2s ease;width:32px}.color-preview:after{background:currentColor;border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.color-picker-wrapper:hover .color-preview{box-shadow:0 3px 6px #00000026;transform:scale(1.1)}.color-picker-wrapper:active .color-preview{transform:scale(.95)}.color-picker-input::-webkit-color-swatch{border:none;border-radius:50%}.color-picker-input::-moz-color-swatch{border:none;border-radius:50%}.color-picker-wrapper:focus-within .color-preview{box-shadow:0 0 0 3px #2196f34d}.quoted-truncate{display:inline-flex;max-width:200px;white-space:nowrap}.truncated-text{flex:1 1;overflow:hidden;position:relative;text-overflow:ellipsis}.modal{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99999999999}.modal.open{align-items:center;display:flex;justify-content:center}.modal-contents{background:#fff;border-radius:8px;max-width:800px;padding:15px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.image-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:calc(80vh - 60px);overflow-y:auto;padding:10px}.images-item{align-items:center;aspect-ratio:1/1;background:#f8f8f8;border:2px solid #f0f0f0;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:all .2s ease}.images-item:hover{border-color:#007bff;box-shadow:0 3px 6px #0000001a;transform:scale(.98)}.images-item img{border-radius:4px;height:100%;max-height:calc(100% - 4px);max-width:calc(100% - 4px);object-fit:contain;transition:transform .3s ease;width:100%}.images-item:after{background:#0009;bottom:0;color:#fff;content:attr(data-filename);font-size:12px;left:0;overflow:hidden;padding:4px;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.wrapper-input{display:flex;justify-content:center;margin:15px auto;max-width:800px}.input-search{flex-grow:1;position:relative}.input-search input{border:2px solid #e0e0e0;border-bottom-left-radius:6px;border-top-left-radius:6px;font-size:14px;padding:10px 35px 10px 15px;transition:border-color .3s ease;width:92.5%}.input-search input:focus{border-color:#007bff;outline:none}.error-message{color:#dc3545;font-size:.8em}.input-search input:invalid{border-color:#dc3545}.button-create{background-color:#007bff;border:none;border-bottom-right-radius:6px;border-top-right-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 25px;transition:background-color .2s ease,transform .1s ease}.button-create:hover{background-color:#0056b3}.button-create:active{transform:scale(.98)}.button-create:disabled{background-color:silver;cursor:not-allowed;opacity:.7}.product-images-grid{margin-top:20px;padding:15px}.product-images-grid .images-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px;max-height:calc(80vh - 60px);overflow-y:auto;padding:10px}.product-images-grid .image-item{aspect-ratio:1/1;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:100%;overflow:hidden;transition:transform .2s;width:100%}.product-images-grid .image-item:hover{border-color:#007bff;box-shadow:0 0 8px #007bff4d;transform:scale(1.05)}.product-images-grid .image-item img{display:block;object-fit:cover;width:100%}.collage-preview-grid{display:flex;flex-direction:column;gap:8px;margin:10px}.preview-item{border:2px solid #eee;border-radius:8px;cursor:pointer;height:90px;min-height:90px;overflow:hidden;position:relative;transition:all .3s ease;width:90px}.preview-item:hover{transform:scale(1.05)}.image-wrapper{height:90px;position:relative;width:100%}.preview-image{height:100%;object-fit:cover;width:100%}.code-overlay{background:#ffffffe6;bottom:0;color:#333;font-family:HeliosCond,sans-serif;font-size:14px;left:0;padding:4px;position:absolute;right:0;text-align:center}.context-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:150px;padding:8px 0;position:fixed;z-index:999999999}.context-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;width:100%}.context-menu button:hover{background:#f5f5f5}.context-menu button:disabled{cursor:not-allowed;opacity:.5}.context-menu .separator{border-top:1px solid #ddd;margin:4px 0}.context-delete{color:#dc3545!important}.context-menu button.context-delete:hover{background:#ffebee}.modals-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999999999}.modals-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:90%}.modals-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modals-header h2{color:#374151;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.main-categories{background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:16px 24px}.main-category-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;flex-direction:column;min-width:80px;padding:12px 16px;transition:all .2s}.main-category-btn:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.main-category-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.category-icon{font-size:20px;margin-bottom:4px}.category-name{font-size:12px;font-weight:500}.subcategories{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px}.subcategories-header{margin-bottom:12px}.subcategories-header h4{color:#374151;font-size:14px;font-weight:600;margin:0}.subcategories-tabs{display:flex;flex-wrap:wrap;gap:8px}.subcategory-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.subcategory-btn:hover{background:#f3f4f6;border-color:#9ca3af}.subcategory-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.modals-search{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px}@media (max-width:768px){.main-categories{overflow-x:auto;padding:12px 16px}.main-category-btn{min-width:70px;padding:10px 12px}.category-name{font-size:11px}.subcategories{padding:12px 16px}.subcategories-tabs{overflow-x:auto;padding-bottom:4px}}.search-box{margin-bottom:16px}.search-inputs{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 40px 10px 16px;transition:border-color .2s;width:100%}.search-inputs:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-clear-btn{color:#9ca3af;font-size:20px;height:24px;padding:4px;right:12px;transition:all .2s;width:24px}.search-clear-btn:hover{background:#f3f4f6;color:#374151}@media (max-width:768px){.search-inputs{font-size:16px;padding:10px 36px 10px 12px}.search-clear-btn{font-size:18px;height:22px;right:10px;width:22px}}.categories-tabs{display:flex;flex-wrap:wrap;gap:8px}.tab-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.tab-btn:hover{background:#f9fafb;border-color:#9ca3af}.tab-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.modals-content{flex:1 1;overflow-y:auto;padding:24px}.images-grids{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.images-items{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.images-items:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.images-items img{background:linear-gradient(180deg,#dfdfdf,#fff);height:120px;object-fit:contain;width:100%}.image-overlay{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:8px;position:absolute;right:0;transition:opacity .2s}.images-items:hover .image-overlay{opacity:1}.image-name{color:#fff;display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skeleton-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.skeleton-item{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:8px;height:120px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.modals-footer{background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;padding:16px 24px}.results-info{color:#6b7280;font-size:14px}@media (max-width:768px){.modals-container{margin:10px;width:95%}.image-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.categories-tabs{overflow-x:auto;padding-bottom:8px}}.arrow-buttons{display:flex;gap:4px}.arrow-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:68px}.arrow-btn:hover{background:#f0f8ff;border-color:#2196f3}.arrow-btn.active{background:#2196f3;border-color:#2196f3;color:#fff}.blind-zones-toggle{align-items:center;display:flex;gap:10px;margin-right:20px;z-index:100}.canvas-size-wrapper{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:10px;height:52px;justify-content:space-between;margin-bottom:5px;padding:0 16px}.canvas-size-dropdown{max-width:160px}.search-header{background-color:initial;margin:30vh 10px 10px;padding:20px;position:relative;text-align:center;transition:all .5s ease}.search-header.active{background-color:#f0f0f0;box-shadow:0 2px 10px #0000001a;margin-top:10px}.search-wrapper{display:flex;justify-content:center;margin:15px auto;max-width:800px;transition:transform .3s ease}.input-container{flex-grow:1;position:relative}.input-container input{border:2px solid #007bff;border-radius:25px 0 0 25px;box-sizing:border-box;font-size:16px;outline:none;overflow:hidden;padding:15px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.input-container input:invalid{border-color:#dc3545;box-shadow:0 0 0 .2rem #dc354540}.input-container input:focus:invalid{box-shadow:0 0 0 .2rem #dc354540}.input-container input::placeholder{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.input-container input::-webkit-input-placeholder{text-overflow:ellipsis}.input-container input::-moz-placeholder{text-overflow:ellipsis}.input-container input:-ms-input-placeholder{text-overflow:ellipsis}.clear-button{background:none;border:none;color:#999;cursor:pointer;font-size:20px;padding:0 5px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.clear-button:hover{color:#666}.search-button{background-color:#007bff;border:2px solid #007bff;border-radius:0 25px 25px 0;color:#fff;cursor:pointer;font-size:16px;padding:10px 25px;transition:background-color .3s}.search-button:hover{background-color:#0056b3;border-color:#0056b3}h2{font-size:32px;font-style:normal;margin:0}.answer{text-align:center}.status-messages{margin:15px auto;max-width:800px;min-height:2rem}.message{margin:.5rem 0;padding:.5rem 1rem}.loading{color:#1976d2}.error{color:#d32f2f}.info{color:#ef6c00}.template-button-container{align-items:center;display:flex;gap:10px;justify-content:center}.template-button:disabled{border:2px solid #66717d;color:#66717d;cursor:not-allowed;opacity:.5}.header-right{align-items:center;display:flex;gap:8px;justify-content:flex-end;padding-top:8px;position:fixed;right:25px;top:15px}.header-right.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}.creat-temp-button{align-items:center;background-color:#f5f5f5;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .3s ease}.creat-temp-button:hover{background-color:#e8e8e8}.creat-temp-icon{color:#333;font-size:22px}.items-grid-container{display:flex;flex-direction:column;margin:0 auto;max-width:1440px;padding:20px}.item-title{color:#333;font-size:1.5rem;margin-bottom:1rem;padding-top:2rem}.item-subtitle{font-weight:400;margin-left:.5rem;opacity:.8}.template-selector{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-wrap:nowrap;gap:15px;justify-content:space-between;margin:10px 0;padding:0 10px}@keyframes gradientSaturationWB{0%{background:linear-gradient(35deg,#f5f5f5,#f5f5f5 30%,#f5f5f5 50%,#f5f5f5 80%,#f5f5f5)}15%{background:linear-gradient(35deg,#7d256f,#f5f5f5 15%,#f5f5f5 40%,#f5f5f5 70%,#f5f5f5)}30%{background:linear-gradient(35deg,#7d256f,#8d297f 5%,#f5f5f5 25%,#f5f5f5 60%,#f5f5f5)}50%{background:linear-gradient(35deg,#7d256f,#8d297f 5%,#bc3d96 10%,#f5f5f5 40%,#f5f5f5)}70%{background:linear-gradient(35deg,#7d256f,#8d297f 5%,#bc3d96 10%,#ec238d 15%,#f5f5f5)}to{background:linear-gradient(35deg,#7d256f,#8d297f 5%,#bc3d96 10%,#ec238d 20%,#f5f5f5)}}.WB{animation:gradientSaturationWB .3s ease-in-out forwards;background-position:50%;background-size:200% 200%}@keyframes gradientSaturationOZ{0%{background:linear-gradient(135deg,#f5f5f5,#f5f5f5 30%,#f5f5f5 50%,#f5f5f5 80%,#f5f5f5)}15%{background:linear-gradient(135deg,#005bff,#f5f5f5 15%,#f5f5f5)}30%{background:linear-gradient(135deg,#005bff,#0481cb 5%,#f5f5f5)}50%{background:linear-gradient(135deg,#005bff,#0481cb 8%,#f5f5f5)}70%{background:linear-gradient(135deg,#005bff,#0481cb 9%,#f5f5f5)}to{background:linear-gradient(135deg,#005bff,#0481cb 10%,#f5f5f5)}}.OZ{animation:gradientSaturationOZ .5s ease-in-out forwards;background-position:50%;background-size:200% 200%}@keyframes gradientSaturationAM{0%{background:linear-gradient(135deg,#f5f5f5,#f5f5f5 30%,#f5f5f5 50%,#f5f5f5 80%,#f5f5f5)}15%{background:linear-gradient(135deg,#f90,#f5f5f5 15%,#f5f5f5 40%,#f5f5f5 70%,#f5f5f5)}30%{background:linear-gradient(135deg,#f90,#ffac32 5%,#f5f5f5 25%,#f5f5f5 60%,#f5f5f5)}50%{background:linear-gradient(135deg,#f90,#ffac32 5%,#ffbd5a 10%,#f5f5f5 40%,#f5f5f5)}70%{background:linear-gradient(135deg,#f90,#ffac32 5%,#ffbd5a 10%,#ffd38c 15%,#f5f5f5)}to{background:linear-gradient(135deg,#f90,#ffac32 30%,#ffbd5a 60%,#f5f5f5)}}.AM{animation:gradientSaturationAM .3s ease-in-out forwards;background-position:50%;background-size:200% 200%}.style-buttons{display:flex;gap:6px}.style-button{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#66717d;cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:36px}.style-button:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.style-button:hover:before{opacity:1}.style-button.active{transform:scale(1);z-index:1}.style-button.active:after{background:#333;border-radius:50%;bottom:4px;box-shadow:0 0 0 1px #0003;content:"";height:4px;position:absolute;width:4px}.style-button:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.05)}.style-button svg{transition:transform .2s ease}.style-button.active svg{transform:scale(1.15)}.template-selector-controls{align-items:center;display:flex;font-size:14px;gap:10px}.template-selector-control{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:34px;justify-content:center;min-height:34px;min-width:34px;overflow:hidden;padding:0;transition:all .3s;width:34px}.template-selector-control:hover{box-shadow:0 2px 4px #0000001a;transform:scale(1.05)}.items-grid{display:flex;flex-wrap:wrap;gap:16px}.item-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;min-height:150px;position:relative;transition:all .2s ease}.item-card:hover{box-shadow:0 4px 6px #0000004d}.item-content{align-items:center;aspect-ratio:3/4;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;font-size:calc(12px + .5vw - .5vh);justify-content:center;overflow:hidden;text-align:center}.item-content,.preview-container{background:#fff;position:relative;width:100%}.preview-container{border-radius:8px;height:100%;overflow:visible}.preview-element{height:100%;object-fit:contain;pointer-events:none;width:100%}.preview-text{color:#333;font-family:Arial;line-height:1.2;transform:none;width:-webkit-max-content;width:max-content;word-break:break-word}.preview-shape{border:1px solid #0000001a;box-sizing:border-box}.new-design-card{align-items:center;background-color:#f9f9f9;border:2px dashed #ccc;cursor:pointer;display:flex;justify-content:center}.new-design-content{align-items:center;display:flex;flex-direction:column;padding:20px}.plus-sign{color:#666;font-size:2.5rem;margin-bottom:8px}.create-text{color:#666;font-size:.9rem;text-align:center}.delete-button{align-items:center;background:#fff9;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#747474;cursor:pointer;display:flex;font-size:18px;font-weight:400;height:32px;justify-content:center;margin:0;opacity:0;padding:0;position:absolute;right:10px;top:10px;transition:all .2s ease;width:32px;z-index:5}.item-card:hover .delete-button{background:#fff;opacity:1}.delete-button:hover{color:#c00;font-size:24px;transform:scale(1.1)}@media (min-width:1200px){.items-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:768px) and (max-width:1199px){.items-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:480px) and (max-width:767px){.items-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:479px){.items-grid{grid-template-columns:1fr}.item-card{min-height:120px}}.loader-container{align-items:center;display:flex;height:100%;justify-content:center}.loader-container-gallery{background-color:#0000001a;left:0;position:absolute;top:0}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-header{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin-top:20px}.product-images-preview{display:flex;flex-shrink:0;gap:4px;margin-left:auto}.product-image-item{border:1px solid #e0e0e0;border-radius:2px;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;transition:all .2s;width:60px}.product-image-item:hover{border-color:#007bff;transform:scale(1.05)}.product-image-item img{height:100%;object-fit:cover;width:100%}.item-title{flex-grow:1;margin:0}@media (max-width:768px){.product-header{align-items:flex-start;flex-direction:column}.product-images-preview{margin-left:0;width:100%}.images-scroll-container{max-width:100%}}.slider-main{margin-bottom:10px;position:relative}.slider-main,.slider-main-image{align-items:center;display:flex;justify-content:center}.slider-main-image{border:1px solid #e0e0e0;max-height:400px;max-width:300px}.slider-image{max-height:100%;max-width:100%;object-fit:contain}.slider-arrow{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:50px;z-index:10}.slider-arrow-prev{left:0;padding-right:10px}.slider-arrow-next{padding-left:10px;right:0}.slider-arrow:hover{background:#000000b3}.slider-thumbnails{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.thumbnail{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;height:80px;overflow:hidden;transition:border-color .2s ease;width:60px}.thumbnail.active{border-color:#007bff}.thumbnail-image{height:100%;object-fit:cover;width:100%}.thumbnail:hover{border-color:#007bff;opacity:.8}.slider-counter{color:#666;font-size:14px;margin-top:10px;text-align:center}.gallery-button{background-color:#669fdc}.gallery-button .span:hover,.gallery-button:hover,.gallery-button:hover .span{background-color:#007bff}@media (max-width:768px){.slider-arrow-prev{left:10px}.slider-arrow-next{right:10px}.slider-arrow{font-size:18px;height:40px;width:40px}.slider-main-image{max-height:300px;max-width:100%}.thumbnail{height:53px;width:40px}}.modal-contente{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;max-width:60%;padding:24px;width:800px}.modal-contente,.products-list{display:flex;flex-direction:column}.products-list{flex-grow:1;gap:24px;margin-top:20px;max-height:50vh;overflow-y:auto}.product-item{background:#fff}.product-info{align-items:center;background:#f8f9fa;display:flex;gap:8px;margin-bottom:16px;padding:12px}.product-info h3{color:#495057;font-size:15px;font-weight:400;margin:0}.product-info p{color:#212529;font-size:18px;font-weight:600;margin:0}.product-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.image-container{aspect-ratio:1/1;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:all .2s}.image-container:hover{border:1px solid #007bff;box-shadow:0 0 8px #007bff4d}.image-container.disabled{opacity:.7;pointer-events:none}.product-image{display:block;height:100%;object-fit:cover;width:100%}.modal-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.checkbox-label{bottom:8px;cursor:pointer;display:block;left:8px;position:absolute;z-index:3}.checkbox-label input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #007bff;border-radius:4px;display:block;height:24px;position:relative;transition:all .2s;width:24px}.checkbox-label input:checked~.checkmark{background-color:#007bff}.checkbox-label input:disabled~.checkmark{background-color:#f8f9fa;border-color:#ccc}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:12px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.checkbox-label input:checked~.checkmark:after{display:block}.confirm-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.confirm-button:hover{background:#0056b3}.confirm-button:disabled{background:#ccc;cursor:not-allowed}.limit-warning{background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;margin:15px 0;padding:12px}.selection-counter{color:#6c757d;font-size:14px;margin-right:15px}.design-info-plate{background-color:#f8f9fa;border-top:1px solid #e9ecef;box-sizing:border-box;font-size:12px;margin-top:10px;max-width:270px;padding:10px;width:100%}.info-row{display:flex;line-height:1.3;margin-bottom:4px}.info-label{color:#495057;font-weight:600;min-width:100px}.info-value{color:#212529;flex:1 1;word-break:break-all}.loader-container-gallery{align-items:center;display:flex;height:100%;justify-content:center;max-height:96vh;width:100%}.bulk-action-bar{align-items:center;background:#fff;border-top:1px solid #ddd;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:space-between;left:0;padding:20px;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease-in-out;z-index:1000}.bulk-action-bar.visible{transform:translateY(0)}.bulk-action-info{color:#333;font-size:16px;font-weight:500}.bulk-action-buttons{display:flex;gap:10px}.bulk-cancel-button{background:#fff;border:1px solid #ddd;border-radius:4px}.bulk-cancel-button,.bulk-delete-button{cursor:pointer;font-size:14px;padding:12px 20px}.bulk-delete-button{background:#ff4757;border:none;border-radius:4px;color:#fff}.bulk-delete-button:disabled{background:#ccc;cursor:not-allowed}.selection-checkbox{border-radius:2px;cursor:pointer;height:24px;width:24px}@media (max-width:768px){.bulk-action-bar{flex-direction:column;gap:10px;padding:10px}.bulk-action-buttons{justify-content:center;width:100%}}.delete-buttons,.like-button{background:#fff9;opacity:.9;transition:all .2s ease}.delete-buttons:hover,.like-button:hover{background:#fff;opacity:1;transform:scale(1.1)}.delete-buttons{color:#747474}.delete-buttons:hover{color:#0056b3}.delete-button:active,.like-button:active{transform:scale(.95)}.selection-checkbox-container{transition:opacity .2s ease}.template-page{height:100vh;overflow:hidden}.template-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:flex-start;overflow:hidden;padding:10px;position:relative;width:100%}.template-instruction{font-size:18px;line-height:1.2;margin:5% 0 3%;text-align:center;width:650px}.scroll-container-wrapper{box-sizing:border-box;padding:0 40px;position:relative;width:100%}.cards-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;cursor:grab;display:flex;gap:15px;justify-content:flex-start;overflow-x:auto;padding:20px 0;scroll-behavior:smooth;scrollbar-color:#888 #0000;scrollbar-width:thin;width:100%}.cards-container::-webkit-scrollbar{height:6px}.cards-container::-webkit-scrollbar-track{background:#0000;margin:0 40px}.cards-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.card-wrapper{flex-shrink:0;height:360px;scroll-snap-align:start;width:270px}.scroll-button{align-items:center;background:#fffc;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:2}.scroll-button.left{left:0}.scroll-button.right{right:0}.shadow{bottom:0;pointer-events:none;position:absolute;top:0;transition:background .3s ease;width:30px}.shadow.left{background:linear-gradient(90deg,#0000001a,#0000);left:0}.shadow.right{background:linear-gradient(270deg,#0000001a,#0000);right:0}.shadow:not(.visible){background:none!important}.empty-state-image{height:264px;margin-top:5%;width:264px}.empty-state-message{font-size:18px;line-height:1.2;margin-bottom:16px;text-align:center;width:550px}.modal-content.download-modal-content{box-sizing:border-box;max-width:90vw;padding:20px;width:500px}.no-margin{margin:0}.form-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}.form-label{font-weight:500}.form-select{min-width:220px}.required-star{color:red;margin-left:4px}.preview-filename{background:#f5f5f5;border-radius:4px;font-size:.9rem;margin:1.5rem 0;padding:.75rem}.preview-filename small{color:#666;display:block;margin-bottom:.25rem}.buttons-group{display:flex;gap:10px;justify-content:flex-end}.download-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:background .2s}.download-btn:hover{background:#0056b3}.download-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.cancel-btn{background:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;padding:.5rem 1.5rem;transition:background .2s}.cancel-btn:hover{background:#e0e0e0}.status-message{border-radius:4px;margin:1rem 0;padding:1rem;text-align:center}.status-message.success{background:#d4edda;color:#155724}.status-message.error{background:#f8d7da;color:#721c24}.button-delete{align-items:center;background:#8f8f8f66;border:1px solid #333;border-radius:2px;color:#333;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;line-height:1;opacity:0;position:absolute;right:0;top:0;transition:all .3s;width:28px;z-index:2}.item:hover .button-delete{opacity:1}.button-delete:hover{background:#c00;border:1px solid #c00;color:#fff}.item-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:360px;overflow:hidden;position:relative;width:270px}.template-key-container{bottom:4px;cursor:default;max-width:70%;position:absolute;right:8px;z-index:2}.template-key-badge{word-wrap:break-word;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#f5f5f566;border:1px solid #0000000a;border-radius:12px;box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a;color:#3f3f46;display:inline-block;font-size:14px;font-weight:500;line-height:1.3;max-width:100%;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:normal}.search-container{padding:0 20px 25px}.search-input-wrapper{align-items:center;display:flex}.search-icon{color:#64748b;font-size:18px;left:12px;position:absolute}.search-input{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:10px 15px 10px 40px;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;transition:color .2s}.clear-search-btn:hover{color:#64748b}.no-results-message{align-items:center;background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:16px;height:200px;justify-content:center;margin:15px}.draggable-card{flex-shrink:0;transition:transform .2s ease}.draggable-card.dragging{opacity:.5;transform:scale(1.05)}.card-item{border-radius:12px;box-shadow:0 4px 6px #0000001a;flex-direction:column;height:360px;width:270px}.card-item,.card-preview-container{background:#fff;display:flex;position:relative}.card-preview-container{align-items:center;aspect-ratio:3/4;border-radius:8px;box-sizing:border-box;cursor:grab;font-size:calc(12px + .5vw - .5vh);justify-content:center;overflow:hidden;text-align:center;width:100%}.card-preview-container[data-dragging=true]{cursor:grabbing}@font-face{font-family:GemarFont;font-style:normal;font-weight:400;src:url(../../static/media/9887.c8cdb23bf53b66746cc7.otf) format("opentype")}@font-face{font-family:BelbalFont;font-style:normal;font-weight:400;src:url(../../static/media/DessertScript.429ede4d793747a7d1fd.otf) format("opentype")}@font-face{font-family:BelbalFontRegul;font-style:normal;font-weight:400;src:url(../../static/media/AlegreyaSans-Medium.c04ff1518dd65acbf9ee.ttf) format("truetype")}@font-face{font-family:HeliosCond;font-style:normal;font-weight:400;src:url(../../static/media/Helios%20Cond.fb59758c6d04ac4e4ea2.ttf) format("truetype")}@font-face{font-family:FreeSetRegular;font-style:normal;font-weight:400;src:url(../../static/media/ofont.ru_FreeSetTT.52341effa2ac3e51405f.ttf) format("truetype")}@font-face{font-family:FreeSetBold;font-style:normal;font-weight:400;src:url(../../static/media/ofont.ru_FreeSetBoldTT.c2839fcf9656ba196bf7.ttf) format("truetype")}@font-face{font-family:MyriadPro;font-style:normal;font-weight:400;src:url(../../static/media/MyriadPro-BlackCond.6d312e56193f8fdb683c.ttf) format("truetype")}@font-face{font-family:Bosk;font-style:normal;font-weight:400;src:url(../../static/media/Bosk.004744d8a735150b9a68.otf) format("opentype")}@font-face{font-family:Troubleside;font-style:normal;font-weight:400;src:url(../../static/media/Troubleside.9879b07310972fc2997b.ttf) format("truetype")}@font-face{font-family:Badaboom;font-style:normal;font-weight:400;src:url(../../static/media/aa_badaboom.8f0fd95679075dcc294a.ttf) format("truetype")}@font-face{font-family:RF_Krabuler;font-style:normal;font-weight:400;src:url(../../static/media/rfkrabuler_regular.aed046a69b07153e306e.ttf) format("truetype")}@font-face{font-family:FuturaRound;font-style:normal;font-weight:400;src:url(../../static/media/a_FuturaRound.6ae219f0c095638700c4.ttf) format("truetype")}@font-face{font-family:FuturaRoundDemi;font-style:normal;font-weight:400;src:url(../../static/media/a_FuturaRoundDemi.dbc8571af00a3fd672b0.ttf) format("truetype")}@font-face{font-family:RoslinGothic_DG;font-style:normal;font-weight:400;src:url(../../static/media/roslyngothicmedium-dg-medium.de61a1de78c1fd4a9e07.ttf) format("truetype")}@font-face{font-family:Alterna Nr;font-style:normal;font-weight:400;src:url(../../static/media/a_AlternaNr.0652bd2e4502b4a19573.ttf) format("truetype")}@font-face{font-family:Jolly Lodger;font-style:normal;font-weight:400;src:url(../../static/media/jolly-lodger-cyrillic.6a5b3b6d09bb74c6dba2.otf) format("opentype")}@font-face{font-family:Swampy;font-style:normal;font-weight:400;src:url(../../static/media/Swampy%20Clean.b3fa66c7b596b0c765fe.ttf) format("truetype")}@font-face{font-family:Cartonsix NC;font-style:normal;font-weight:400;src:url(../../static/media/Cartonsix%20NC.38bd7244689a64f4e9e7.ttf) format("truetype")}@font-face{font-family:Ice Kingdom;font-style:normal;font-weight:400;src:url(../../static/media/icekingdomfrozencyrillic_bold.4d5b9ac96ec1a117a0ff.ttf) format("truetype")}@font-face{font-family:Pribambas;font-style:normal;font-weight:400;src:url(../../static/media/Pribambas-Regular.306636f786627f038ebd.ttf) format("truetype")}@font-face{font-family:VividSans;font-style:normal;font-weight:400;src:url(../../static/media/VividSans-Regular.670a4a1b18aa1b0d86a3.ttf) format("truetype")}@font-face{font-family:Zametka;font-style:normal;font-weight:400;src:url(../../static/media/Zametka_Parletter.ecbdf7ab6bdb6c1145c0.otf) format("opentype")}@font-face{font-family:Comic CAT;font-style:normal;font-weight:400;src:url(../../static/media/Comic_CAT.a380a424826d21d30fb7.otf) format("opentype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}span{line-height:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f8f8f8}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#8e8e8e}*{scrollbar-color:#d9d9d9 #f8f8f8;scrollbar-width:thin}:hover{scrollbar-color:#8e8e8e #f8f8f8}.language-switcher{align-items:center;background-color:#f5f5f5;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;gap:8px;padding:6px 12px;transition:all .3s ease}.language-switcher:hover{background-color:#e8e8e8}.language-icon{color:#333;font-size:16px;transition:transform .3s ease}.language-switcher:hover .language-icon{transform:rotate(15deg)}.language-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;background-size:16px;border:none;color:#333;cursor:pointer;font-size:14px;min-width:80px;outline:none;padding:4px 24px 4px 8px}.language-select option{background-color:#fff;color:#333;padding:8px}@media (max-width:480px){.language-switcher{padding:4px 8px}.language-icon{font-size:14px}.language-select{font-size:12px;min-width:70px;padding:2px 6px}}.pin-modal{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.pin-modal.open{align-items:center;display:flex;justify-content:center}.pin-modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:2rem 1.5rem;text-align:center;width:300px}.pin-display{display:flex;gap:15px;justify-content:center;margin:1.5rem 0}.pin-dot{background:#f0f0f0;position:relative}.pin-dot,.pin-dot.filled:after{border-radius:50%;height:20px;width:20px}.pin-dot.filled:after{background:#000;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.error-message{color:#d32f2f;font-size:14px;height:20px;margin:1.5rem 0;transition:all .3s}.pin-keyboard{display:flex;flex-direction:column;gap:10px;margin:20px 0}.pin-row{gap:10px}.pin-button,.pin-row{display:flex;justify-content:center}.pin-button{align-items:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:60px;outline:none;transition:all .2s;width:60px}.pin-button:hover{background:#e0e0e0}.pin-button:active{transform:scale(.95)}.pin-button.delete,.pin-button.submit{background:#f5f5f5}.pin-button.submit{background:#4caf50;color:#fff}.pin-button.submit:hover{background:#388e3c}.switcher-container{background:#f0f2f5;border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;display:flex;height:38px;padding:4px;position:relative;width:270px}.switch{border-radius:10px;height:calc(100% - 7px);position:absolute;top:4px;transition:all .4s cubic-bezier(.68,-.55,.27,1.55);width:calc(33.333% - 6px);z-index:1}.switch.wb-active{background:linear-gradient(35deg,#7d256f,#8d297f 25%,#bc3d96 45%,#ec238d);box-shadow:0 4px 8px #7d3cf233;left:4px}.switch.oz-active{background:linear-gradient(135deg,#005bff,#0481cb);box-shadow:0 4px 8px #ff9a1933;left:calc(33.333% + 2px)}.switch.am-active{background:linear-gradient(135deg,#f90,#ff6b00);box-shadow:0 4px 8px #ff6b0033;left:66.666%}.option{align-items:center;border-radius:10px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;justify-content:center;position:relative;transition:color .3s ease;z-index:2}.option.active{color:#fff}.option:not(.active):hover{color:#495057}.custom-select-container{font-size:14px;margin:8px 0;position:relative;width:220px}.custom-select-header,.custom-select-input{background:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;cursor:pointer;padding:10px;text-align:left;width:100%}.custom-select-input{cursor:text;outline:none}.custom-select-header:hover,.custom-select-input:focus{border-color:#aaa}.custom-select-container.disabled{cursor:not-allowed;opacity:.6}.custom-select-header.disabled,.custom-select-input:disabled{background-color:#f5f5f5;pointer-events:none}.custom-select-header{align-items:center;display:flex;justify-content:space-between}.custom-select-header .arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #666;height:0;transition:transform .2s;width:0}.custom-select-header .arrow.up{transform:rotate(180deg)}.custom-select-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 8px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:1000}.custom-select-dropdown--bottom{bottom:auto;top:100%}.custom-select-dropdown--top{bottom:100%;top:auto}.custom-select-option{cursor:pointer;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.custom-select-option:hover{background-color:#f5f5f5}.custom-select-option.selected{background-color:#e0e0e0;font-weight:700}.custom-select-no-results{color:#888;font-style:italic;padding:10px;text-align:center}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-trigger{display:inline-flex}.tooltip{animation:fadeIn .2s ease-out;background:#333;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:14px;padding:6px 12px;position:absolute;white-space:nowrap;z-index:999999}.tooltip.top{bottom:100%;margin-bottom:8px}.tooltip.bottom,.tooltip.top{left:50%;transform:translateX(-50%)}.tooltip.bottom{margin-top:8px;top:100%}.tooltip.left{margin-right:8px;right:100%}.tooltip.left,.tooltip.right{top:50%;transform:translateY(-50%)}.tooltip.right{left:100%;margin-left:8px}.tooltip-arrow{border-style:solid;height:0;position:absolute;width:0}.tooltip-arrow.top{border-color:#333 #0000 #0000;border-width:5px 5px 0;bottom:-4px;left:50%;transform:translateX(-50%)}.tooltip-arrow.bottom{border-color:#0000 #0000 #333;border-width:0 5px 5px;left:50%;top:-4px;transform:translateX(-50%)}.tooltip-arrow.left{border-color:#0000 #0000 #0000 #333;border-width:5px 0 5px 5px;right:-4px;top:50%;transform:translateY(-50%)}.tooltip-arrow.right{border-color:#0000 #333 #0000 #0000;border-width:5px 5px 5px 0;left:-4px;top:50%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.template-select-wrapper{margin:0 10px;position:relative}.template-select-container{background:#fff;width:260px}.template-select-container,.template-select-header{border:1px solid #ddd;border-radius:4px;cursor:pointer}.template-select-header{align-items:center;display:flex;gap:8px;padding:8px 12px}.selected-template-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-select-header .arrow{border-left:5px solid #0000;border-right:5px solid #0000;flex-shrink:0;height:0;transition:transform .2s;width:0}.template-select-header .arrow.down{border-top:5px solid #666}.template-select-header .arrow.up{border-bottom:5px solid #666}.template-list{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:10000}.template-item{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px;position:relative;transition:background .2s}.template-item:hover{background:#f8f8f8}.template-name{cursor:pointer;flex-grow:1;margin-right:10px;min-height:18px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.template-size{color:#a9a9a9;font-size:small;margin-left:auto}.template-buttons{display:flex;flex-shrink:0;gap:5px;margin-left:auto}.export-template-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:16px;padding:2px 5px}.export-template-button:hover{color:#2196f3}.delete-template-button{background:none;border:none;color:#666;cursor:pointer;font-size:18px;line-height:1;padding:2px 5px}.delete-template-button:hover{color:#f44}.template-tooltip{animation:tooltipFadeIn .15s ease-out;background:#333;border-radius:4px;box-shadow:0 2px 10px #0003;color:#fff;font-size:14px;max-width:300px;overflow:hidden;padding:6px 12px;pointer-events:none;position:fixed;text-overflow:ellipsis;white-space:nowrap;z-index:1001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-80%)}to{opacity:1;transform:translateY(-100%)}}.toggle-switch-container{align-items:center;display:flex;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;-webkit-user-select:none;user-select:none}.toggle-switch-container.disabled{cursor:not-allowed;opacity:.6}.toggle-switch{display:inline-block;flex-shrink:0;height:var(--height);position:relative;width:var(--width)}.toggle-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.toggle-slider{background-color:var(--off-color);border-radius:var(--height);bottom:0;box-shadow:inset 0 1px 3px #0000001a;cursor:inherit;left:0;position:absolute;right:0;top:0;transition:background-color .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:calc(var(--height) - 6px);left:4px;position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(var(--height) - 6px)}.toggle-input:checked+.toggle-slider{background-color:var(--on-color)}.toggle-input:checked+.toggle-slider:before{transform:translateX(calc(var(--width) - var(--height)))}.toggle-label{color:#fff;cursor:inherit;flex-shrink:0;font-family:Arial,sans-serif;font-size:16px;min-width:170px;text-align:left;white-space:nowrap}.toggle-slider:before{transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-slider{transition:all .3s ease}.element-toolbar{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:10px;justify-content:center;margin-bottom:5px;padding:8px}.element-toolbar button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;padding:10px;transition:all .2s}.element-toolbar button:hover{background:#007bff;border-color:#007bff;color:#fff}.element-toolbar button:disabled{background:#fff;border:1px solid #ddd;color:#ccc;cursor:no-drop}.zoom-controls{align-items:center;background:#fff;border:none;display:flex;gap:4px;padding:6px}.zoom-controls.vertical{flex-direction:column}.zoom-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:#4a5568;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.zoom-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.zoom-button:active{background:#f1f5f9;transform:scale(.95)}.zoom-button:disabled{cursor:not-allowed;opacity:.5}.zoom-button:disabled,.zoom-button:disabled:hover{background:#f8fafc;border-color:#f1f5f9}.zoom-percentage{color:#475569;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;font-weight:500;margin:0 4px;min-width:52px;text-align:center}.zoom-controls.vertical .zoom-percentage{max-height:24px;min-height:24px;min-width:0;min-width:auto;transform:rotate(-90deg);writing-mode:vertical-rl}.zoom-button svg{stroke-width:2px;pointer-events:none}.zoom-in,.zoom-out{color:#3b82f6}.zoom-reset{color:#64748b}.zoom-in:hover,.zoom-out:hover{background:#007bff;border-color:#007bff;color:#fff}.zoom-reset:hover{background:#f8fafc;border-color:#e2e8f0;color:#3b82f6}.pagination{gap:8px}.pagination,.pagination__arrow,.pagination__page{align-items:center;display:flex;justify-content:center}.pagination__arrow,.pagination__page{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;height:32px;min-width:32px;padding:8px;transition:all .2s ease}.pagination__arrow:hover:not(:disabled),.pagination__page:hover:not(.pagination__page--active){background-color:#f3f4f6;border-color:#9ca3af}.pagination__arrow:disabled,.pagination__page:disabled{cursor:not-allowed;opacity:.5}.pagination__page--active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.pagination__ellipsis{align-items:center;color:#6b7280;display:flex;height:36px;justify-content:center;min-width:36px}.pagination-panel{align-items:center;background:#fff;border-top:1px solid #ddd;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;left:0;padding:14px 20px;position:fixed;right:0;z-index:999}.pagination-panel__info{color:#6b7280;font-size:14px;white-space:nowrap;width:226px}.pagination-panel__navigation{display:flex;flex:1 1;justify-content:center}.pagination-panel__controls{display:flex;justify-content:flex-end;min-width:150px}.pagination-panel__select{min-width:150px}@media (max-width:768px){.pagination-panel{flex-direction:column;gap:15px;text-align:center}.pagination-panel__info{order:1}.pagination-panel__navigation{order:2;width:100%}.pagination-panel__controls{justify-content:center;order:3;width:100%}}.filters-panel{background:#f5f5f5;border-top:1px solid #ddd;box-shadow:0 2px 4px #0000001a;margin:0 10px;padding:5px 20px}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.toggle-filter{border:1px solid #ddd;border-radius:6px;display:flex;flex-shrink:0;overflow:hidden}.toggle-btn{background:#fff;border:none;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.toggle-btn.active{background:#007bff;color:#fff}.toggle-btn:not(.active):hover{background:#f8f9fa}.search-filter-input{flex:1 1;min-width:200px}.search-filter-wrapper{display:flex;gap:10px}.search-filter{flex:1 1;max-width:300px;min-width:200px}.search-input-wrapper{position:relative;width:100%}.search-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 35px 8px 12px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#007bff;outline:none}.search-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.search-clear-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.search-clear-btn:hover{background:#f0f0f0;color:#666}.select-filter{flex-shrink:0;max-width:180px;min-width:180px}.marketplace-select,.size-select,.sort-select{width:100%}.custom-select-container,.custom-select-dropdown,.custom-select-header,.custom-select-input{max-width:240px;min-width:180px;width:100%}@media (max-width:768px){.filters-row{align-items:stretch;flex-direction:column}.search-filter,.select-filter{max-width:none;min-width:auto}.select-filter{width:100%}.toggle-filter{align-self:flex-start}.custom-select-container,.custom-select-dropdown,.custom-select-header,.custom-select-input{max-width:none!important;min-width:auto!important;width:100%!important}}
/*# sourceMappingURL=main.b3b3b914.css.map*/