.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{background:#00000080;z-index:9999999999}.modal-content{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;text-align:center;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 0 0;padding-right:90px}.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%}.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;flex-wrap:wrap;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-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}.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{padding:0 5px;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:6px;padding:6px 16px;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}.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:hover{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{border-top:1px solid #eee;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}.dashboard-content{padding:0 20px 20px}.dashboard-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;gap:16px;padding:10px;transition:all .3s ease}.card-icon,.dashboard-card{align-items:center;display:flex}.card-icon{align-self:flex-start;border-radius:12px;color:#fff;font-size:24px;height:38px;justify-content:center;width:38px}.card-icon.calendar{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.users{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-icon.total{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-icon.wb{background:linear-gradient(135deg,#ff49d7,#6f01fb)}.card-icon.ozon{background:linear-gradient(135deg,#fa709a,#fee140)}.card-icon.other{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.card-content{flex:1 1}.card-label{font-size:14px;font-weight:500;margin-bottom:4px}.card-label,.card-sublabel{color:#64748b;display:block}.card-sublabel{font-size:12px;font-weight:400;margin-bottom:8px}.card-value{color:#1e293b;display:block;font-size:24px;font-weight:700}.table-container{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.table-scroll-container{max-height:74vh;overflow-x:hidden;overflow-y:auto;width:100%}.employees-table{border-collapse:collapse;font-size:14px;table-layout:fixed;width:100%}.employees-table td:first-child,.employees-table th:first-child{max-width:50px;min-width:50px;width:50px}.employees-table td:nth-child(2),.employees-table th:nth-child(2){max-width:280px;min-width:280px;width:280px}.employees-table td:nth-child(3),.employees-table th:nth-child(3){max-width:180px;min-width:180px;width:180px}.employees-table td:nth-child(4),.employees-table td:nth-child(5),.employees-table td:nth-child(6),.employees-table td:nth-child(7),.employees-table td:nth-child(8),.employees-table th:nth-child(4),.employees-table th:nth-child(5),.employees-table th:nth-child(6),.employees-table th:nth-child(7),.employees-table th:nth-child(8){max-width:140px;min-width:140px;width:140px}.employees-table th{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 2px;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:ellipsis;text-transform:uppercase;top:0;white-space:normal;z-index:10}.employees-table tbody tr{background-color:#fff;transition:background-color .2s ease}.employees-table tbody tr:nth-child(2n){background-color:#f8fafc}.employees-table td{border-bottom:1px solid #f1f5f9;color:#334155;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.employees-table tbody tr:hover{background-color:#f1f5f9}.employee-row{cursor:pointer}.inactive-employee,.inactive-employee:hover{background-color:#f8fafc!important}.inactive-employee:nth-child(2n),.inactive-employee:nth-child(2n):hover{background-color:#f8fafc}.expanded-row{background-color:#f0f9ff!important}.expanded-row:nth-child(2n){background-color:#e0f2fe!important}.expand-icon{padding:0;text-align:center}.expand-icon svg{color:#64748b;height:20px;width:20px}.employee-info{overflow:hidden}.employee-name{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:4px}.employee-email,.employee-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-email{color:#64748b;font-size:13px;font-weight:400}.last-operation{color:#64748b;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.other-stats,.ozon-stats,.period-stats,.total-stats,.wb-stats{font-size:15px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.total-stats{color:#3b82f6}.period-stats{color:#8b5cf6}.wb-stats{color:#10b981}.ozon-stats{color:#f59e0b}.other-stats{color:#6366f1}.zero-stats{color:#94a3b8!important;font-weight:400!important}.detailed-row{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.detailed-period-container{border-top:1px dashed #cbd5e1}.detailed-period-header{margin-bottom:6px;padding-left:6px;padding-top:6px}.detailed-period-header h4{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.detailed-period-scroll{background:#fff;border:1px solid #e2e8f0;overflow-x:auto;width:100%}.detailed-period-table{border-collapse:collapse;table-layout:fixed;width:100%}.employees-table .detailed-period-table td,.employees-table .detailed-period-table th{border:1px solid #f0f4f8;font-size:12px;font-weight:500;max-width:36px;min-width:36px;overflow:hidden;padding:6px 2px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:36px}.detailed-period-table th{background:#f0f7ff;border-bottom:2px solid #e0e7ff;color:#2c5282;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.detailed-period-table td{background-color:#fff;border-bottom:1px solid #f8fafc;color:#475569;font-weight:600}.detailed-period-table td .zero-stats{color:#cbd5e1;font-weight:400}.detailed-period-table tr:last-child td{border-bottom:none}.no-data-message{color:#64748b;padding:60px 20px;text-align:center}.no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-data-message p{font-size:16px;margin:0}.dashboard-skeleton{padding:20px}.skeleton-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.skeleton-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:16px;padding:20px}.skeleton-icon{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;height:48px;width:48px}.skeleton-content{flex:1 1}.skeleton-title{border-radius:4px;height:16px;margin-bottom:8px;width:80px}.skeleton-title,.skeleton-value{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-value{border-radius:6px;height:24px;width:120px}.skeleton-table{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.skeleton-table-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(38px,.3fr) minmax(200px,2fr) minmax(150px,1.5fr) repeat(5,minmax(100px,1fr));margin-bottom:16px;padding-bottom:16px}.skeleton-header-cell{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px}.skeleton-table-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(38px,.3fr) minmax(200px,2fr) minmax(150px,1.5fr) repeat(5,minmax(100px,1fr));padding:16px 0}.skeleton-table-cell{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;font-weight:500;margin:20px;padding:20px;text-align:center}.images-grids{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0 auto;max-width:100%;padding:16px}@media (min-width:1200px){.images-grid{grid-template-columns:repeat(10,1fr)}}@media (min-width:768px) and (max-width:1199px){.images-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.images-grid{gap:12px;grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.images-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}.images_card{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:180px;min-width:120px;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.images_card:hover{box-shadow:0 4px 12px #00000026}.images-container{align-items:center;aspect-ratio:4/3;background-color:#f5f5f5;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.image-thumbnail{background-color:#fff;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.images_card:hover .image-thumbnail{transform:scale(1.05)}.image-info-overlay{background:linear-gradient(0deg,#0000004d 0,#00000080 40%,#0000);bottom:0;color:#fff;left:0;opacity:0;padding:12px 8px;pointer-events:none;position:absolute;right:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;z-index:10}.images_card:hover .image-info-overlay{opacity:1;transform:translateY(0)}.image-filename{font-size:12px;font-weight:500;line-height:1.3;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.delete-image-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transform:scale(.8);transition:all .2s ease;width:28px;z-index:20}.images_card:hover .delete-image-btn{opacity:1;transform:scale(1)}.delete-image-btn:hover{background:#dc3545e6;transform:scale(1.1)}.delete-confirmation-modal{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-confirmation-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 8px 32px #0003;max-width:400px;overflow:hidden;width:90%}.delete-confirmation-header{align-items:center;background:#dc3545;color:#fff;display:flex;gap:12px;padding:20px}.delete-confirmation-header h3{font-size:18px;font-weight:600;margin:0}.warning-icon{font-size:24px}.delete-confirmation-body{border-bottom:1px solid #eee;padding:24px}.delete-confirmation-body p{line-height:1.5;margin:0 0 12px}.delete-confirmation-body p:last-child{margin-bottom:0}.warning-text{color:#dc3545;font-size:14px;font-weight:500}.delete-confirmation-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{border-radius:4px;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-danger:disabled{background:#e35d6a;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@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")}@font-face{font-family:Kosko;font-style:normal;font-weight:400;src:url(../../static/media/KoskoBold-Bold.09694acf5c7096d2015b.ttf) format("truetype")}@font-face{font-family:ft83;font-style:normal;font-weight:400;src:url(../../static/media/ofont.ru_ft83.328e4368fbaf05a2bc4d.ttf) format("truetype")}@font-face{font-family:Sunday;font-style:normal;font-weight:400;src:url(../../static/media/Sunday-Regular.95ff464626f46422bc95.ttf) format("truetype")}@font-face{font-family:HeliosCondBlack;font-style:normal;font-weight:400;src:url(../../static/media/helioscondblackc.59913481f9583c718a3c.otf) format("opentype")}@font-face{font-family:Bebas Neue Cyrillic;font-style:normal;font-weight:400;src:url(../../static/media/Bebas%20Neue%20Cyrillic.f39fe92d35bac3b2fe60.ttf) format("truetype")}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}}.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}.tooltip-wrapper{display:inline-block;position:relative}.tooltip-trigger{display:inline-flex}.tooltip{background:#333;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:14px;opacity:0;padding:6px 12px;position:absolute;transition:opacity .2s ease-out;visibility:hidden;white-space:nowrap;z-index:999999}.tooltip.visible{opacity:1;visibility:visible}.tooltip.top{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip.bottom{left:50%;margin-top:8px;top:100%;transform:translateX(-50%)}.tooltip.bottom-shift-left{left:50%;margin-top:8px;top:100%;transform:translateX(-80%)}.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{left:50%}.tooltip-arrow.bottom,.tooltip-arrow.bottom-shift-left{border-color:#0000 #0000 #333;border-width:0 5px 5px;top:-4px;transform:translateX(-50%)}.tooltip-arrow.bottom-shift-left{left:80%}.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%)}.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}.modal-upload-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.update-modal{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:100%}.update-modal-header-with-image{position:relative}.header-image-container{background:linear-gradient(135deg,#667eea,#764ba2);height:260px;overflow:hidden;width:100%}.header-image{height:100%;object-fit:fill;object-position:center;width:100%}.update-modal-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px}.update-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px}.spinners{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#3b82f6;border:3px solid var(--color-border,#e5e7eb);border-radius:50%;border-top-color:var(--color-primary,#3b82f6);height:40px;width:40px}.update-error{padding:40px 20px;text-align:center}.error-icon{font-size:32px;margin-bottom:16px}.error-message{color:#dc2626;color:var(--color-error,#dc2626);font-size:14px}.markdown-content{font-size:15px;line-height:1.5}.markdown-content,.update-h1{color:#111827;color:var(--color-text-primary,#111827)}.update-h1{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);font-size:24px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.update-h2{font-size:20px;margin:24px 0 12px}.update-h2,.update-h3{color:#111827;color:var(--color-text-primary,#111827);font-weight:600}.update-h3{font-size:18px;margin:20px 0 10px}.update-h4{color:#111827;color:var(--color-text-primary,#111827);font-size:16px;font-weight:600;margin:16px 0 8px}.update-p{color:#4b5563;color:var(--color-text-secondary,#4b5563);line-height:1.5;margin:0 0 12px}.update-ol,.update-ul{margin:0 0 12px;padding-left:24px}.update-li{color:#4b5563;color:var(--color-text-secondary,#4b5563);line-height:1.5;margin-bottom:6px}.update-li:last-child{margin-bottom:0}.update-link{color:#3b82f6;color:var(--color-primary,#3b82f6);text-decoration:none;transition:color .2s}.update-link:hover{color:#1d4ed8;color:var(--color-primary-dark,#1d4ed8);text-decoration:underline}.update-strong{color:#111827;color:var(--color-text-primary,#111827);font-weight:600}.update-em{font-style:italic}.update-blockquote{background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-left:4px solid #3b82f6;border-left:4px solid var(--color-primary,#3b82f6);border-radius:4px;color:#6b7280;color:var(--color-text-secondary,#6b7280);font-style:italic;margin:12px 0;padding:12px 20px}.update-inline-code{background:#f3f4f6;background:var(--color-bg-tertiary,#f3f4f6);border-radius:4px;color:#d97706;color:var(--color-text-code,#d97706);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;padding:2px 6px}.update-pre{background:#1f2937;background:var(--color-bg-code,#1f2937);border-radius:8px;margin:12px 0;overflow-x:auto;padding:16px}.update-pre code{color:#f9fafb;color:var(--color-text-inverse,#f9fafb);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.5}.modal-footer{align-items:center;background:#f9fafb;background:var(--color-bg-secondary,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 20px;transition:all .2s}.btn-primary{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--color-primary-dark,#1d4ed8);transform:translateY(-1px)}.update-info{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:13px;gap:8px}.update-info input[type=checkbox]{cursor:pointer;height:16px;width:16px}.update-info label{cursor:pointer;white-space:nowrap}.modal-content{animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.original-name{background:#f8f9fa;border-left:4px solid #2196f3;border-radius:6px;margin-bottom:20px;padding:12px}.original-name strong{color:#555;display:block;font-size:.9rem;margin-bottom:8px}.original-name code{color:#666;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;word-break:break-all}.input-field,.select-field{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.input-field:focus,.select-field:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.input-field:hover,.select-field:hover{border-color:#bbb}.input-error,.input-error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.form-group small{color:#666;display:block;margin-top:6px}.form-group small,.preview-box{font-size:.85rem;line-height:1.4}.preview-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:5px;padding:12px;word-break:break-all}.preview-box code{color:#495057;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.btn-cancel:hover{background:#e9ecef;border-color:#ced4da}.btn-confirm:hover{background:#0b7dda;border-color:#0b7dda}.btn-cancel:active,.btn-confirm:active{transform:translateY(1px)}.btn-disabled{cursor:not-allowed}.btn-disabled,.btn-disabled:hover{background-color:#ccc;border-color:#ccc}.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-preview,.zoom-reset{color:#64748b}.zoom-in:hover,.zoom-out:hover{background:#007bff;border-color:#007bff;color:#fff}.zoom-preview:hover,.zoom-reset:hover{background:#f8fafc;border-color:#e2e8f0;color:#3b82f6}.active-preview{background:#007bff;border-color:#007bff;color:#fff}.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}.similar-button{background:#fff}.similar-button: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}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999999}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:#333;font-size:1.25rem;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:30px}.modal-close-btn:hover{background-color:#f5f5f5;color:#333}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.current-value{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#666;font-family:Monaco,Menlo,monospace;padding:10px 12px}.input-wrapper{align-items:center;display:flex;position:relative}.input-field{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 40px 10px 12px;transition:border-color .2s;width:100%}.input-field:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.input-error{border-color:#f44336!important;box-shadow:0 0 0 3px #f443361a!important}.clear-button{background:none;color:#999;font-size:20px;height:24px;padding:0;position:absolute;right:10px;width:24px}.clear-button:hover{background-color:#f5f5f5;color:#333}.format-hint{color:#666;display:block;font-size:.85rem;margin-top:6px}.select-field{background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.select-field:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.error-message{background-color:#f443361a;border-left:3px solid #f44336;border-radius:4px;color:#f44336;font-size:.85rem;margin-bottom:10px;margin-top:-10px;padding:8px 12px}.preview-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:20px;padding:15px}.preview-section label{color:#333;display:block;font-weight:500;margin-bottom:10px}.preview-box{font-size:.9rem;line-height:1.5}.preview-box strong{color:#2196f3}.modal-buttons{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s}.btn-cancel{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.btn-cancel:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.btn-confirm{background:#2196f3;border:1px solid #2196f3;color:#fff}.btn-confirm:hover:not(:disabled){background:#0b7dda;border-color:#0b7dda}.btn-disabled{cursor:not-allowed!important;opacity:.5}.btn-disabled,.btn-disabled:hover{background-color:#ccc!important;border-color:#ccc!important}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin:0 auto;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.date-range-picker{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;width:300px}.date-range-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;position:relative;transition:all .2s ease}.date-range-input:hover{border-color:#94a3b8}.date-range-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.calendar-icon{color:#64748b;flex-shrink:0;height:18px;width:18px}.date-range-value{color:#1e293b;flex:1 1;font-size:14px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.date-range-value.placeholder{color:#94a3b8}.clear-button{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.clear-button:hover{background:#e2e8f0;color:#475569}.date-range-dropdown{animation:fadeIn .2s ease;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 20px 48px #0000001a;left:0;position:absolute;top:calc(100% + 8px);width:320px;z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.date-range-header{border-bottom:1px solid #f1f5f9;padding:8px 10px}.month-navigation{justify-content:space-between}.month-navigation,.nav-button{align-items:center;display:flex}.nav-button{background:#f8fafc;border:none;border-radius:8px;color:#475569;cursor:pointer;height:32px;justify-content:center;transition:all .2s ease}.nav-button:hover{background:#e2e8f0}.nav-button svg{height:16px;width:16px}.current-month{color:#1e293b;font-size:16px;font-weight:600}.calendar-container{padding:8px 10px}.days-header{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.day-header{color:#64748b;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.days-grid{display:grid;grid-template-columns:repeat(7,1fr)}.day-cell{align-items:center;background:#0000;border:none;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;position:relative;transition:all .2s ease}.day-cell:hover:not(:disabled){background:#f1f5f9}.day-cell.other-month{color:#cbd5e1}.day-cell.today{background:#eff6ff;color:#1d4ed8;font-weight:600}.day-cell.in-range{background:#dbeafe;border-radius:0}.day-cell.range-edge{background:#3b82f6;border-radius:8px;color:#fff;font-weight:600}.day-cell.range-edge:hover{background:#2563eb}.day-cell:disabled{color:#e2e8f0;cursor:not-allowed}.day-cell:disabled:hover{background:#0000}.date-range-footer{border-top:1px solid #f1f5f9;padding:8px 10px}.selected-range{color:#475569;font-size:14px;margin-bottom:12px;min-height:20px;text-align:center}.footer-buttons{display:flex;gap:8px}.footer-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.footer-button.reset{background:#f1f5f9;color:#475569}.footer-button.reset:hover:not(:disabled){background:#e2e8f0}.footer-button.apply{background:#3b82f6;color:#fff}.footer-button.apply:hover:not(:disabled){background:#2563eb}.footer-button:disabled{cursor:not-allowed;opacity:.5}.modal-bodies{flex:1 1;height:100%;min-height:500px;overflow:auto;padding:0}.image-modal-container{display:flex;height:100%;justify-content:space-between;min-height:500px}.image-modal-preview{align-items:center;aspect-ratio:4/3;display:flex;height:100%;justify-content:center;min-height:500px;width:52%}.modal-image-thumbnail{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 0),linear-gradient(-45deg,#eee 25%,#0000 0),linear-gradient(45deg,#0000 75%,#eee 0),linear-gradient(-45deg,#0000 75%,#eee 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;height:100%;object-fit:contain;width:100%}.image-modal-info{display:flex;flex-direction:column;max-height:calc(85vh - 80px);overflow-y:auto;padding:24px;width:60%}.image-info-section{margin-bottom:24px}.image-info-section:last-child{margin-bottom:0}.image-info-section h4{border-bottom:1px solid #eee;color:#333;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-grid{display:flex;flex-direction:column;gap:12px;height:100%}.infos-item{align-items:flex-start;display:flex}.infos-label{color:#666;flex:0 0 140px;font-size:13px;font-weight:500;padding-right:12px}.infos-value{color:#333;flex:1 1;font-size:14px;word-break:break-all}.infos-value[title]{cursor:help}.tags-container{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#e8f4ff;border-radius:12px;color:#06c;font-size:12px;font-weight:500;padding:4px 10px}.url-container{align-items:center;display:flex;gap:8px;width:100%}.url-code{background:#f8f8f8;border:1px solid #eaeaea;border-radius:6px;color:#333;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:8px 12px;word-break:break-all}.image-counter{background:#f0f0f0;border-radius:12px;color:#666;font-weight:500;padding:2px 10px}.modal-nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#333;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:50px;z-index:1001}.modal-nav-btn:hover{background:#fff;box-shadow:0 4px 15px #0000004d;transform:translateY(-50%) scale(1.1)}.modal-nav-prev{left:10%}.modal-nav-next{right:10%}.copy-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px 10px;transition:all .2s ease}.copy-btn:hover{background:#f0f0f0}.downloads-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;justify-content:center;padding:16px;text-align:left;transition:all .2s ease;width:100%}.downloads-btn:hover:not(:disabled){background:#0056b3;box-shadow:0 2px 8px #007bff4d;color:#fff}.image-tags-overlay{left:5px;max-width:80%;position:absolute;top:5px;z-index:10}.tags-container-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;display:flex;flex-wrap:wrap;gap:2px;max-width:100%}.tag-overlay{border:1px solid #ffffff4d;border-radius:4px;box-shadow:0 2px 6px #0003;color:#333;cursor:default;font-size:12px;font-weight:600;max-width:150px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.modal-image-container{align-items:center;background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 0),linear-gradient(-45deg,#eee 25%,#0000 0),linear-gradient(45deg,#0000 75%,#eee 0),linear-gradient(-45deg,#0000 75%,#eee 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.image-counter{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}
/*# sourceMappingURL=main.36cc6ab2.css.map*/