.svg-editor-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.svg-editor-modal.active{opacity:1;visibility:visible}.svg-editor-container{width:95vw;max-width:1400px;height:95vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;position:relative;overflow:hidden}.svg-editor-left{flex:1;display:flex;flex-direction:column}.top-menu-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:#f8f9fa;border-bottom:1px solid #dee2e6;flex-shrink:0;height:32px}.close-btn{background:transparent;border:1px solid transparent;border-radius:4px;font-size:16px;cursor:pointer;color:#495057;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700}.close-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#212529}.svg-canvas-wrapper{flex:1;position:relative;background:#e9ecef;overflow:hidden;min-height:200px}.svg-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;touch-action:none}.svg-canvas.pinching{cursor:zoom-in}.svg-canvas.pinching *{pointer-events:none}.svg-canvas svg{max-width:95%;max-height:95%;border:1px solid #dee2e6;background:#fff;border-radius:4px}.inline-text-editor{font-family:inherit;line-height:1.2;border:2px solid #007bff;border-radius:4px;padding:4px 6px;background:#fffffff2;backdrop-filter:blur(4px);box-shadow:0 2px 12px #00000026;resize:both;min-width:100px;min-height:20px;z-index:1000;outline:none;transition:all .2s ease}.inline-text-editor:focus{border-color:#0056b3;box-shadow:0 2px 12px #007bff4d;background:#fffffffa}.inline-text-editor::placeholder{color:#6c757d;font-style:italic}.svg-gallery-section{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:8px;flex-shrink:0}.svg-gallery{display:flex;align-items:center;gap:8px;overflow:hidden}.gallery-scroll{flex:1;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 0;scrollbar-width:thin;scrollbar-color:#dee2e6 transparent;scroll-behavior:smooth;white-space:nowrap;max-width:800px;min-width:200px}.gallery-scroll::-webkit-scrollbar{height:4px}.gallery-scroll::-webkit-scrollbar-track{background:transparent}.gallery-scroll::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:2px}.gallery-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:80px;position:relative}.gallery-item:hover{background:#e9ecef;border-color:#adb5bd}.gallery-item.active{background:#e7f3ff;border-color:#007bff}.gallery-preview{width:60px;height:40px;border:1px solid #dee2e6;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-label{font-size:10px;color:#6c757d;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.gallery-item.active .gallery-label{color:#007bff;font-weight:600}.gallery-delete-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#dc3545;border:none;border-radius:50%;color:#fff;font-size:10px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.gallery-item:hover .gallery-delete-btn{display:flex}.gallery-delete-btn:hover{background:#c82333;transform:scale(1.1)}.gallery-nav-btn{flex-shrink:0;width:32px;height:32px;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6c757d;font-size:14px;transition:all .2s ease;user-select:none}.gallery-nav-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff;transform:scale(1.05)}.gallery-nav-btn:active{transform:scale(.95);background:#e9ecef}.gallery-nav-btn:disabled{opacity:.5;cursor:not-allowed;background:#fff;border-color:#dee2e6;color:#6c757d;transform:none}.gallery-bulk-actions{display:flex;flex-direction:column;gap:4px;margin-left:8px}.gallery-bulk-btn{width:28px;height:28px;background:#fff;border:1px solid #dee2e6;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:12px}.gallery-bulk-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff;transform:scale(1.05)}.gallery-bulk-btn[data-action=delete-all]:hover{background:#f8d7da;border-color:#dc3545;color:#dc3545}.gallery-bulk-btn[data-action=download-all]:hover{background:#d1ecf1;border-color:#17a2b8;color:#17a2b8}.gallery-bulk-btn:active{transform:scale(.95)}.gallery-nav-btn:disabled:hover{background:#fff;border-color:#dee2e6;color:#6c757d;transform:none}.selection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.selection-box{position:absolute;border:2px dashed #007bff;background:#007bff1a;pointer-events:all}.resize-handle{position:absolute;background:#007bff;border:1px solid white;border-radius:50%;cursor:pointer;touch-action:none}.resize-handle.nw{cursor:nw-resize}.resize-handle.ne{cursor:ne-resize}.resize-handle.sw{cursor:sw-resize}.resize-handle.se{cursor:se-resize}.drag-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#007bff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:move;font-size:12px;border:2px solid white;box-shadow:0 2px 4px #0003;touch-action:none}.control-toolbar{display:flex;align-items:center;gap:2px}.right-menu-controls{display:flex;align-items:center;gap:8px}.canvas-zoom-control{display:flex;align-items:center;gap:6px;padding:0 8px;user-select:none}.zoom-label{font-size:12px;color:#6c757d;font-weight:500;white-space:nowrap}.zoom-slider{width:100px;height:4px;background:#dee2e6;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#007bff;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003;transition:all .2s ease}.zoom-slider::-webkit-slider-thumb:hover{background:#0056b3;transform:scale(1.1)}.zoom-slider::-moz-range-thumb{width:14px;height:14px;background:#007bff;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003;transition:all .2s ease}.zoom-slider::-moz-range-thumb:hover{background:#0056b3;transform:scale(1.1)}.zoom-percentage{font-size:11px;color:#495057;font-weight:500;min-width:32px;text-align:center}.canvas-panning{cursor:grabbing!important}.canvas-pinch-zooming{touch-action:none}.toolbar-btn{background:transparent;border:1px solid transparent;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:14px;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;user-select:none;color:#495057}.toolbar-btn:hover{background:#e9ecef;border-color:#dee2e6;color:#212529}.toolbar-btn:active{background:#dee2e6;transform:scale(.95)}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed;background:#fff}.generate-variations-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;user-select:none}.generate-variations-btn:hover{background:#0056b3;transform:translateY(-1px)}.generate-variations-btn:active{background:#004085;transform:translateY(0)}.generate-variations-btn.active{background:#0056b3;border-radius:4px 4px 0 0;box-shadow:0 -1px #0000001a}.generate-variations-btn .desktop-text{display:inline}.generate-variations-btn .mobile-text{display:none}.generation-dropdown{position:absolute;background:#fff;border:1px solid #dee2e6;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 8px #00000026;overflow:hidden;min-width:160px;max-height:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px)}.generation-dropdown.show{max-height:200px;opacity:1;transform:translateY(0)}.generation-option-btn{width:100%;background:transparent;border:none;padding:12px 16px;cursor:pointer;font-size:13px;color:#495057;display:flex;align-items:center;gap:10px;transition:all .2s ease;text-align:left;border-bottom:1px solid #f8f9fa}.generation-option-btn:last-child{border-bottom:none}.generation-option-btn:hover{background:#f8f9fa;color:#007bff}.generation-option-btn:active{background:#e9ecef}.generation-option-btn i{width:16px;text-align:center}.add-element-container{position:relative;display:inline-block}.add-element-btn.active{background:#e9ecef;border-color:#007bff;color:#007bff}.add-element-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 8px #00000026;overflow:hidden;min-width:120px;max-height:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px);z-index:1000}.add-element-dropdown.show{max-height:200px;opacity:1;transform:translateY(0)}.add-element-option-btn{width:100%;background:transparent;border:none;padding:10px 12px;cursor:pointer;font-size:13px;color:#495057;display:flex;align-items:center;gap:8px;transition:all .2s ease;text-align:left;border-bottom:1px solid #f8f9fa}.add-element-option-btn:last-child{border-bottom:none}.add-element-option-btn:hover{background:#f8f9fa;color:#007bff}.add-element-option-btn:active{background:#e9ecef}.add-element-option-btn i{width:16px;text-align:center;flex-shrink:0}.add-element-option-btn span{flex:1}.shapes-panel-container{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.shapes-panel-header{margin-bottom:16px;border-bottom:1px solid #dee2e6;padding-bottom:12px}.panel-title{font-size:14px;font-weight:600;color:#495057;margin:0 0 8px;display:flex;align-items:center;gap:8px}.current-shape-display{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#e7f3ff;border:1px solid #007bff;border-radius:4px;font-size:12px;color:#007bff;font-weight:500}.shapes-instruction{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:12px;color:#6c757d;font-style:italic}.shapes-grid-container{max-height:300px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;background:#fff}.shape-category{border-bottom:1px solid #f1f3f4}.shape-category:last-child{border-bottom:none}.category-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8f9fa;cursor:pointer;font-size:12px;font-weight:500;color:#495057;border-bottom:1px solid #dee2e6;transition:background .2s ease}.category-header:hover{background:#e9ecef}.category-toggle{font-size:10px;transition:transform .2s ease;transform:rotate(-90deg)}.category-name{flex:1}.category-count{color:#6c757d;font-size:10px}.category-shapes{max-height:0;overflow:hidden;transition:max-height .3s ease}.category-shapes.expanded{max-height:400px}.shapes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:12px}.shape-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#f8f9fa}.shape-item:hover{border-color:#007bff;background:#e7f3ff;transform:translateY(-1px)}.shape-item.selected{border-color:#007bff;background:#e7f3ff;box-shadow:0 2px 4px #007bff33}.shape-preview{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dee2e6;border-radius:4px}.shape-preview svg{max-width:100%;max-height:100%}.shape-info{display:flex;flex-direction:column;align-items:center;gap:2px}.shape-icon{font-size:12px;color:#007bff}.shape-label{font-size:9px;color:#495057;text-align:center;font-weight:500;line-height:1.2}.shape-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #dee2e6}.action-btn{flex:1;padding:8px 12px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.apply-shape-btn{background:#28a745;color:#fff}.apply-shape-btn:hover{background:#218838;transform:translateY(-1px)}.reset-shape-btn{background:#6c757d;color:#fff}.reset-shape-btn:hover{background:#5a6268;transform:translateY(-1px)}.variation-tabs{display:flex;border-bottom:2px solid #f8f9fa;margin-bottom:16px}.variation-tab{flex:1;background:transparent;border:none;padding:12px 16px;cursor:pointer;font-size:13px;font-weight:500;color:#6c757d;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;border-bottom:2px solid transparent}.variation-tab:hover{background:#f8f9fa;color:#495057}.variation-tab.active{color:#007bff;background:#f8f9fa;border-bottom-color:#007bff}.tab-content{position:relative}.original-color-section{margin-bottom:16px}.original-color-display{display:flex;align-items:center;gap:8px;padding:8px;background:#f8f9fa;border-radius:4px}.color-preview{width:24px;height:24px;border-radius:4px;border:1px solid #dee2e6;flex-shrink:0}.color-code{font-family:monospace;font-size:12px;color:#495057;background:#fff;padding:2px 6px;border-radius:3px;border:1px solid #dee2e6}.color-variations-section{margin-top:16px}.add-color-variation-btn{background:#28a745;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.add-color-variation-btn:hover{background:#218838;transform:translateY(-1px)}.color-variations-list{margin-top:12px}.color-variation-popup .color-input-section{margin:16px 0}.color-picker-container{display:flex;align-items:center;gap:12px;margin-bottom:16px}.color-picker{width:50px;height:40px;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;background:none;outline:none}.add-color-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.add-color-btn:hover{background:#0056b3;transform:translateY(-1px)}.picked-colors-list{max-height:200px;overflow-y:auto;border:1px solid #e9ecef;border-radius:4px;padding:8px;min-height:60px;background:#f8f9fa}.picked-color{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#fff;border:1px solid #dee2e6;border-radius:4px;margin-bottom:6px}.picked-color:last-child{margin-bottom:0}.color-preview-small{width:20px;height:20px;border-radius:3px;border:1px solid #dee2e6;flex-shrink:0}.color-code-small{font-family:monospace;font-size:11px;color:#495057;flex:1}.remove-picked-color{background:#dc3545;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-picked-color:hover{background:#c82333;transform:scale(1.1)}.color-variation-item{display:flex;align-items:center;gap:8px;padding:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:6px;transition:all .2s ease}.color-variation-item:hover{background:#e9ecef}.color-variation-item:last-child{margin-bottom:0}.color-variation-item .color-preview{width:24px;height:24px;border-radius:4px;border:1px solid #dee2e6;flex-shrink:0}.color-variation-item .color-code{font-family:monospace;font-size:12px;color:#495057;flex:1;background:#fff;padding:2px 6px;border-radius:3px;border:1px solid #dee2e6}.remove-color-variation-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-color-variation-btn:hover{background:#c82333;transform:scale(1.1)}.no-variations-message{color:#6c757d;font-style:italic;text-align:center;padding:16px;font-size:13px}.close-warning-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(2px);animation:fadeIn .2s ease}.close-warning-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:480px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.close-warning-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e9ecef;background:#fff5f5}.close-warning-header h3{margin:0;font-size:18px;font-weight:600;color:#dc3545;display:flex;align-items:center;gap:8px}.close-warning-header h3 i{color:#ffc107;font-size:20px}.close-warning-close{background:none;border:none;font-size:18px;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-warning-close:hover{background:#f8f9fa;color:#495057}.close-warning-body{padding:20px 24px}.close-warning-body p{margin:0 0 16px;font-size:14px;line-height:1.5;color:#495057}.close-warning-body p:last-of-type{margin-bottom:20px;font-weight:500}.close-warning-stats{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin:16px 0}.warning-stat{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;color:#495057}.warning-stat:last-child{margin-bottom:0}.warning-stat i{color:#007bff;width:16px;text-align:center}.close-warning-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.close-warning-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none}.close-warning-download{background:#28a745;color:#fff}.close-warning-download:hover{background:#218838;transform:translateY(-1px)}.close-warning-proceed{background:#dc3545;color:#fff}.close-warning-proceed:hover{background:#c82333;transform:translateY(-1px)}.close-warning-cancel{background:#6c757d;color:#fff}.close-warning-cancel:hover{background:#5a6268;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.close-warning-content{width:95%;margin:20px}.close-warning-header{padding:16px 20px 12px}.close-warning-header h3{font-size:16px}.close-warning-body{padding:16px 20px}.close-warning-actions{flex-direction:column-reverse}.close-warning-btn{width:100%;justify-content:center;padding:12px 16px}}.image-upload-error-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;backdrop-filter:blur(2px);animation:fadeIn .2s ease}.image-upload-error-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:450px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.image-upload-error-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #e9ecef;background:#fff3cd}.image-upload-error-header h3{margin:0;font-size:17px;font-weight:600;color:#856404;display:flex;align-items:center;gap:8px}.image-upload-error-header h3 i{color:#ffc107;font-size:18px}.image-upload-error-close{background:none;border:none;font-size:16px;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.image-upload-error-close:hover{background:#f8f9fa;color:#495057}.image-upload-error-body{padding:18px 22px}.image-upload-error-body p{margin:0 0 14px;font-size:14px;line-height:1.5;color:#495057;font-weight:500}.image-upload-error-stats{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:14px;margin:14px 0}.error-stat{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;color:#495057}.error-stat:last-child{margin-bottom:0}.error-stat i{color:#007bff;width:16px;text-align:center;font-size:14px}.image-upload-error-actions{display:flex;justify-content:center;margin-top:16px}.image-upload-error-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#007bff;color:#fff;outline:none}.image-upload-error-btn:hover{background:#0056b3;transform:translateY(-1px)}@media (max-width: 768px){.image-upload-error-content{width:95%;margin:20px}.image-upload-error-header{padding:14px 18px 10px}.image-upload-error-header h3{font-size:15px}.image-upload-error-body{padding:14px 18px}.image-upload-error-btn{width:100%;justify-content:center;padding:12px 16px}}.image-paste-error-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10002;backdrop-filter:blur(2px);animation:fadeIn .2s ease}.image-paste-error-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:450px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.image-paste-error-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #e9ecef;background:#fff3cd}.image-paste-error-header h3{margin:0;font-size:17px;font-weight:600;color:#856404;display:flex;align-items:center;gap:8px}.image-paste-error-header h3 i{color:#ffc107;font-size:18px}.image-paste-error-close{background:none;border:none;font-size:16px;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.image-paste-error-close:hover{background:#f8f9fa;color:#495057}.image-paste-error-body{padding:18px 22px}.image-paste-error-body p{margin:0 0 14px;font-size:14px;line-height:1.5;color:#495057;font-weight:500}.image-paste-error-stats{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:14px;margin:14px 0}.image-paste-error-actions{display:flex;justify-content:center;margin-top:16px}.image-paste-error-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#007bff;color:#fff;outline:none}.image-paste-error-btn:hover{background:#0056b3;transform:translateY(-1px)}@media (max-width: 768px){.image-paste-error-content{width:95%;margin:20px}.image-paste-error-header{padding:14px 18px 10px}.image-paste-error-header h3{font-size:15px}.image-paste-error-body{padding:14px 18px}.image-paste-error-btn{width:100%;justify-content:center;padding:12px 16px}}.properties-panel{flex:1;background:#fff;overflow-y:auto;display:flex;flex-direction:column;min-width:200px;flex-shrink:0}.properties-content{flex:1;padding:12px;overflow-y:auto}.no-selection{text-align:center;color:#6c757d;padding:32px;font-style:italic}.property-group{margin-bottom:20px}.property-group h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.property-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:#6c757d}.property-row{display:flex;gap:12px;margin-bottom:12px}.property-item{flex:1;min-width:0}.text-input{width:100%;min-height:60px;padding:8px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box}.slider{width:100%;height:6px;border-radius:3px;background:#dee2e6;outline:none;-webkit-appearance:none;box-sizing:border-box}.slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#007bff;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.select-input{width:100%;padding:6px 8px;border:1px solid #dee2e6;border-radius:4px;background:#fff;font-size:14px;box-sizing:border-box}.color-input{width:100%;height:36px;padding:4px;border:1px solid #dee2e6;border-radius:4px;background:#fff;cursor:pointer;box-sizing:border-box}.color-input::-webkit-color-swatch-wrapper{padding:0;border-radius:2px;overflow:hidden}.color-input::-webkit-color-swatch{border:none;border-radius:2px}.color-wrapper{display:flex;align-items:center;gap:8px}.color-hex{font-size:11px;color:#6c757d;font-family:monospace;min-width:60px}.range-value{font-size:11px;color:#007bff;font-weight:500;margin-left:auto}.unified-properties{display:flex;flex-direction:column;gap:12px}.property-section{margin-bottom:12px}.section-title{margin:0 0 8px;padding:0;background:transparent;font-size:10px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.property-section .control-row{padding:0;margin-bottom:12px}.compact-properties{height:100%;display:flex;flex-direction:column}.property-tabs{display:flex;border-bottom:1px solid #dee2e6;margin-bottom:12px;background:#f8f9fa;padding:4px;border-radius:6px}.property-tab{flex:1;background:transparent;border:none;padding:8px 4px;cursor:pointer;font-size:18px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.property-tab:hover{background:#e9ecef}.property-tab.active{background:#007bff;color:#fff}.control-content{flex:1;overflow-y:auto}.tab-panel{display:none}.tab-panel.active{display:block}.control-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.compact-text-input{flex:1;min-width:100%;padding:8px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;resize:vertical;min-height:40px;box-sizing:border-box}.compact-select{flex:1;padding:6px 8px;border:1px solid #dee2e6;border-radius:4px;background:#fff;font-size:13px;min-width:100px}.size-control{display:flex;align-items:center;gap:4px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:2px}.size-btn{background:#fff;border:none;width:24px;height:24px;border-radius:3px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.size-btn:hover{background:#e9ecef}.size-value{min-width:24px;text-align:center;font-size:12px;font-weight:500}.size-input{background:#fff;border:none;text-align:center;font-size:12px;font-weight:500;color:#495057;width:32px;height:20px;padding:0;outline:none;-moz-appearance:textfield}.size-input::-webkit-outer-spin-button,.size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.size-input:focus{color:#007bff;background:#f8f9fa}.compact-color{width:32px;height:32px;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;padding:2px;box-sizing:border-box}.cycle-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:32px;height:32px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cycle-btn:hover{border-color:#007bff;background:#f8f9fa}.cycle-btn.active{background:#007bff;color:#fff;border-color:#007bff}.slider-control{display:flex;align-items:center;gap:6px;flex:1;min-width:120px}.slider-control.full-width{min-width:100%}.slider-label{font-size:11px;color:#6c757d;min-width:40px}.compact-slider{flex:1;height:4px;border-radius:2px;background:#dee2e6;outline:none;-webkit-appearance:none;min-width:60px}.compact-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#007bff;cursor:pointer;border:1px solid white;box-shadow:0 1px 3px #0003}.compact-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#007bff;cursor:pointer;border:1px solid white;box-shadow:0 1px 3px #0003}.slider-value{font-size:11px;color:#007bff;font-weight:500;min-width:30px;text-align:right}.position-layout{display:flex;gap:16px;flex-wrap:wrap}.position-section{flex:1;min-width:120px}.controls-section{flex:1;min-width:120px;display:flex;flex-direction:column;gap:12px}.section-label{font-size:10px;color:#6c757d;font-weight:600;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:96px}.align-buttons,.depth-buttons{display:flex;gap:4px;flex-wrap:wrap}.align-btn,.center-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:32px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#495057;font-size:12px;transition:all .2s ease}.align-btn:hover,.center-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.align-btn:active,.center-btn:active{background:#007bff;color:#fff;transform:scale(.95)}.pos-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:28px;height:28px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pos-btn:hover{border-color:#007bff;background:#f8f9fa}.pos-btn.active{background:#007bff;color:#fff;border-color:#007bff}.depth-controls{display:flex;gap:4px;flex-wrap:wrap}.depth-btn{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:6px 8px;cursor:pointer;font-size:12px;transition:all .2s ease;min-width:36px;display:flex;align-items:center;justify-content:center}.depth-btn:hover{border-color:#007bff;background:#f8f9fa}.toggle-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:13px;transition:all .2s ease;flex:1;min-width:120px;display:flex;align-items:center;justify-content:center}.toggle-btn:hover{border-color:#007bff;background:#f8f9fa}.toggle-btn.active{background:#28a745;color:#fff;border-color:#28a745}.control-label{font-size:12px;color:#6c757d;margin-left:8px}.image-file-input{display:none}.toggle-btn[data-action=upload-image]{background:#17a2b8;color:#fff;border-color:#17a2b8;display:flex;align-items:center;gap:6px;font-size:12px;min-width:120px}.toggle-btn[data-action=upload-image]:hover{background:#138496;border-color:#138496}.toggle-btn[data-action=upload-image] i{font-size:12px}.size-control .control-label{font-size:10px;margin-right:4px;margin-left:0;min-width:40px}.original-image-section{margin-bottom:16px}.original-image-display{display:flex;gap:12px;padding:8px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.image-preview{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #dee2e6}.image-url-display{flex:1;display:flex;align-items:center}.image-url{font-family:Courier New,monospace;font-size:11px;color:#6c757d;word-break:break-all;line-height:1.3}.image-variations-section{margin-top:16px}.image-variations-list{max-height:200px;overflow-y:auto;border:1px solid #e9ecef;border-radius:6px;padding:8px;background:#fefefe}.image-variation-item{display:flex;align-items:center;gap:8px;padding:6px;margin-bottom:6px;background:#fff;border:1px solid #e9ecef;border-radius:4px;transition:all .2s ease}.image-variation-item:hover{border-color:#007bff;box-shadow:0 1px 3px #007bff1a}.image-variation-item:last-child{margin-bottom:0}.image-variation-preview{flex-shrink:0}.variation-image-thumbnail{width:32px;height:32px;object-fit:cover;border-radius:3px;border:1px solid #dee2e6}.image-variation-details{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0}.image-variation-url{font-family:Courier New,monospace;font-size:10px;color:#6c757d;flex:1;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-image-variation-btn{background:#dc3545;color:#fff;border:none;width:20px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-image-variation-btn:hover{background:#c82333;transform:scale(1.05)}.remove-image-variation-btn i{font-size:9px}.image-variation-popup{min-width:500px;max-width:600px}.image-input-section{margin-top:12px}.url-input-section{display:block}.image-url-input{width:100%;min-height:120px;padding:8px;border:1px solid #ccc;border-radius:4px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;resize:vertical}.url-help-text{font-size:11px;color:#6c757d;margin-top:4px;font-style:italic}.file-upload-section{display:none}.file-upload-container{margin-bottom:16px}.file-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:13px}.file-upload-btn:hover{background:#0056b3}.file-upload-help{font-size:11px;color:#6c757d;margin-top:4px;font-style:italic}.uploaded-files-list{max-height:200px;overflow-y:auto;border:1px solid #e9ecef;border-radius:4px;padding:8px;background:#f8f9fa}.uploaded-file-item{display:flex;align-items:center;gap:8px;padding:6px;margin-bottom:6px;background:#fff;border:1px solid #e9ecef;border-radius:4px}.uploaded-file-item:last-child{margin-bottom:0}.file-thumbnail{flex-shrink:0}.file-thumbnail img{width:40px;height:40px;object-fit:cover;border-radius:3px;border:1px solid #dee2e6}.file-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.file-name{font-size:12px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:10px;color:#6c757d}.remove-uploaded-file{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-uploaded-file:hover{background:#c82333;transform:scale(1.05)}.remove-uploaded-file i{font-size:10px}.element-label-section{margin:12px 0;padding:8px 0;border-top:1px solid #e9ecef}.element-label-section>label{display:block;font-size:11px;font-weight:600;color:#495057;margin-bottom:6px}.label-editor{position:relative}.label-display{display:flex;align-items:center;min-height:28px;padding:4px 8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;gap:6px;transition:all .2s ease}.label-display:hover{border-color:#007bff;background:#f0f8ff}.label-display.has-label .label-text{color:#333;font-size:12px;font-weight:500;flex:1}.label-display.no-label .label-text{color:#6c757d;font-style:italic;font-size:11px;flex:1}.label-display.no-label .label-text:before{content:"No label"}.edit-label-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:2px 4px;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}.edit-label-btn:hover{color:#007bff;background:#007bff1a}.edit-label-btn i{font-size:10px}.label-edit-form{display:none;align-items:center;gap:4px}.label-input{flex:1;padding:4px 8px;border:1px solid #007bff;border-radius:4px;font-size:12px;line-height:1.4;min-height:24px;outline:none;background:#fff}.label-input:focus{border-color:#0056b3;box-shadow:0 0 0 2px #007bff33}.label-actions{display:flex;gap:2px}.save-label-btn,.cancel-label-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.save-label-btn{color:#28a745}.save-label-btn:hover{background:#28a7451a;color:#1e7e34}.cancel-label-btn{color:#dc3545}.cancel-label-btn:hover{background:#dc35451a;color:#c82333}.save-label-btn i,.cancel-label-btn i{font-size:10px}.csv-variation-panel{padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.csv-panel-header{margin-bottom:16px;border-bottom:1px solid #e9ecef;padding-bottom:12px}.csv-panel-title{font-size:18px;font-weight:600;color:#495057;margin:0;display:flex;align-items:center;gap:8px}.csv-panel-title:before{content:"📊";font-size:16px}.csv-instructions{margin-bottom:20px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #007bff}.csv-instructions p{margin:0 0 8px;font-size:14px;color:#495057;font-weight:500}.csv-instructions ul{margin:0;padding-left:18px;font-size:13px;color:#6c757d}.csv-instructions li{margin:4px 0}.csv-download-section{margin-bottom:24px;padding:16px;border:1px solid #dee2e6;border-radius:6px;background:#fff}.csv-download-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.csv-download-header label{font-size:14px;font-weight:500;color:#495057;margin:0}.column-selector-container{position:relative;flex:1;min-width:200px}.column-selector-toggle{background:#fff;border:1px solid #ced4da;border-radius:4px;padding:6px 12px;font-size:13px;color:#495057;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.column-selector-toggle:hover{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.column-selector-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 4px #0000001a;z-index:1000;max-height:300px;overflow:hidden}.column-selector-content{display:flex;flex-direction:column}.column-selector-header{padding:8px 12px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.column-search{width:100%;padding:4px 8px;border:1px solid #ced4da;border-radius:3px;font-size:12px;margin-bottom:6px}.column-actions{display:flex;gap:6px}.select-all-btn,.select-none-btn{padding:2px 8px;font-size:11px;border:1px solid #ced4da;background:#fff;border-radius:3px;cursor:pointer;color:#495057;transition:all .2s ease}.select-all-btn:hover,.select-none-btn:hover{background:#e9ecef}.column-list{max-height:200px;overflow-y:auto;padding:4px 0}.column-item{display:flex;align-items:center;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .2s ease;gap:8px}.column-item:hover{background:#f8f9fa}.column-item input[type=checkbox]{margin:0;flex-shrink:0}.column-name{flex:1;color:#495057}.has-variations{color:#28a745;font-weight:700;font-size:10px}.no-columns{padding:16px;text-align:center;color:#6c757d;font-size:13px;font-style:italic}.download-csv-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 16px;font-size:13px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.download-csv-btn:hover{background:#0056b3;transform:translateY(-1px)}.csv-upload-section{margin-bottom:24px;padding:16px;border:1px dashed #ced4da;border-radius:6px;background:#fdfdfe}.csv-upload-header label{font-size:14px;font-weight:500;color:#495057;margin:0 0 12px;display:block}.csv-upload-controls{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.upload-csv-btn{background:#28a745;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.upload-csv-btn:hover{background:#218838;transform:translateY(-1px)}.upload-csv-btn:before{content:"📁";font-size:12px}.csv-file-name{font-size:13px;color:#495057;font-style:italic;flex:1}.apply-csv-btn{background:#ffc107;color:#212529;border:none;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.apply-csv-btn:hover{background:#e0a800;transform:translateY(-1px)}.apply-csv-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.csv-error-display{margin-bottom:16px;padding:12px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24}.error-header{font-size:14px;margin-bottom:8px}.error-list{font-size:12px;line-height:1.4;margin-bottom:12px}.error-message{white-space:pre-line;margin:4px 0}.error-actions{display:flex;gap:8px}.download-sample-btn{background:#dc3545;color:#fff;border:none;border-radius:3px;padding:4px 12px;font-size:11px;cursor:pointer;transition:all .2s ease}.download-sample-btn:hover{background:#c82333}.csv-success-message{margin-bottom:16px;padding:12px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;animation:slideIn .3s ease}.success-content{font-size:13px;color:#155724;display:flex;align-items:center;gap:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.csv-notes{padding-top:16px;border-top:1px solid #e9ecef}.csv-note{font-size:12px;color:#6c757d;margin:8px 0;padding:8px;background:#f8f9fa;border-radius:4px;border-left:3px solid #ffc107}.csv-note strong{color:#495057}.remix-controls{display:flex;align-items:center;gap:2px}.remix-btn.active{background:#007bff;color:#fff;border-color:#0056b3}.remix-modes{display:flex;align-items:center;gap:2px;opacity:0;visibility:hidden;transition:all .2s ease;transform:translate(-10px)}.remix-modes.active{opacity:1;visibility:visible;transform:translate(0)}.remix-mode-btn{width:32px;height:32px;padding:6px;border:1px solid #ced4da;background:#fff;color:#495057;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.remix-mode-btn:hover{background:#f8f9fa;color:#007bff;border-color:#80bdff}.remix-mode-btn:active,.remix-mode-btn.active{background:#007bff;color:#fff;border-color:#0056b3}.remix-icon-combo{position:relative;display:flex;align-items:center;gap:2px}.remix-icon-combo i:first-child{font-size:10px}.remix-icon-combo i:last-child{font-size:9px;margin-left:-1px}@media (min-width: 1024px){.svg-editor-container{flex-direction:row;max-width:1400px;height:90vh}.svg-editor-left{flex:3;display:flex;flex-direction:column}.top-menu-bar{height:36px;padding:6px 12px}.toolbar-btn{min-width:32px;height:32px;padding:6px 8px;font-size:15px}.svg-canvas-wrapper{flex:1}.svg-gallery-section{padding:10px 12px}.properties-panel{flex:1;border-left:1px solid #dee2e6;max-height:100%;min-width:250px;max-width:350px}.gallery-scroll{max-width:800px}.properties-content{padding:16px}}@media (max-width: 1023px){.canvas-zoom-control.desktop-only{display:none!important}}@media (min-width: 769px) and (max-width: 1023px){.svg-editor-container{width:90vw;height:90vh;flex-direction:row}.svg-editor-left{flex:1;display:flex;flex-direction:column}.top-menu-bar{height:34px;padding:5px 10px}.toolbar-btn{min-width:30px;height:30px;padding:5px 7px;font-size:14px}.svg-canvas-wrapper{flex:1}.svg-gallery-section{padding:8px 10px}.properties-panel{flex:0 0 280px;border-left:1px solid #dee2e6;max-width:300px}.gallery-scroll{max-width:400px}.properties-content{padding:14px}}@media (max-width: 768px){.svg-editor-container{width:100vw;height:100vh;border-radius:0;flex-direction:column}.svg-editor-left{flex:0 0 50%;display:flex;flex-direction:column}.top-menu-bar{height:auto;min-height:32px;padding:4px 8px;flex-wrap:wrap}.control-toolbar{flex:1;min-width:0;overflow-x:auto}.right-menu-controls{flex-shrink:0;min-width:fit-content}.toolbar-btn{min-width:26px;height:26px;padding:3px 5px;font-size:13px}.close-btn{width:38px;height:38px;font-size:14px;display:flex;align-items:center;justify-content:center;padding:3px}.generate-variations-btn{height:26px;padding:4px 8px;font-size:11px}.generate-variations-btn .desktop-text{display:none}.generate-variations-btn .mobile-text{display:inline}.right-menu-controls{gap:4px}.svg-canvas-wrapper{flex:1;min-height:150px;max-height:calc(50vh - 80px)}.svg-gallery-section{padding:3px 8px;border-bottom:1px solid #e9ecef}.svg-gallery{gap:3px}.gallery-scroll{max-width:calc(100vw - 120px)}.gallery-nav-btn{width:20px;height:20px;font-size:10px}.gallery-item{min-width:45px;padding:2px}.gallery-preview{width:35px;height:22px}.gallery-label{font-size:7px;max-width:45px}.properties-panel{flex:0 0 50%;max-height:250px}.properties-content{padding:10px}.property-row{flex-direction:column;gap:8px}.property-item{flex:none}.unified-properties{gap:8px}.section-title{font-size:9px;margin-bottom:6px}.property-section .control-row{margin-bottom:8px}.property-section{margin-bottom:12px}.property-tabs{margin-bottom:8px;padding:2px}.property-tab{padding:6px 4px;font-size:16px}.control-row{gap:6px;margin-bottom:8px}.compact-text-input{min-height:36px;padding:6px}.size-control{padding:1px}.size-btn{width:22px;height:22px;font-size:13px}.cycle-btn{width:28px;height:28px;font-size:13px}.compact-color{width:28px;height:28px}.pos-btn{width:26px;height:26px;font-size:13px}.position-grid{width:88px;gap:3px}.depth-btn{padding:4px 6px;font-size:11px;min-width:32px}.position-layout{flex-direction:column;gap:12px}.position-section{min-width:unset}.controls-section{min-width:unset;gap:10px}.section-label{font-size:9px;margin-bottom:4px}.align-buttons,.depth-buttons{gap:3px}.align-btn,.center-btn{width:30px;height:26px;font-size:11px}.image-variation-popup{min-width:90vw;max-width:95vw}.original-image-display{flex-direction:column;gap:8px}.image-preview{align-self:center}.image-variation-item{flex-direction:column;align-items:stretch;gap:6px}.image-variation-details{flex-direction:column;align-items:stretch;gap:4px}.image-variation-url{margin-right:0;text-align:center;font-size:9px}.remove-image-variation-btn{align-self:center}.uploaded-file-item{flex-direction:column;text-align:center}.file-info{align-items:center}.element-label-section{margin:8px 0}.label-display{min-height:32px;padding:6px 8px}.label-input{min-height:28px;font-size:14px}.save-label-btn,.cancel-label-btn{width:28px;height:28px}.edit-label-btn{min-width:24px;height:24px}.csv-variation-panel{padding:12px}.csv-download-header{flex-direction:column;align-items:stretch;gap:8px}.column-selector-container{min-width:auto}.csv-upload-controls{flex-direction:column;align-items:stretch}.upload-csv-btn,.apply-csv-btn,.download-csv-btn{justify-content:center}.csv-file-name{text-align:center;margin:4px 0}.remix-controls{gap:1px}.remix-mode-btn{width:28px;height:28px;padding:4px;font-size:10px}.remix-icon-combo i:first-child{font-size:8px}.remix-icon-combo i:last-child{font-size:7px}}@media (max-width: 480px){.top-menu-bar{height:auto;min-height:30px;padding:3px 6px;flex-wrap:wrap}.control-toolbar{flex:1;min-width:0;overflow-x:auto}.right-menu-controls{flex-shrink:0;min-width:fit-content}.toolbar-btn{min-width:24px;height:24px;font-size:12px;padding:2px 4px}.close-btn{width:36px;height:36px;font-size:12px;display:flex;align-items:center;justify-content:center;padding:2px}.generate-variations-btn{height:24px;padding:3px 6px;font-size:10px}.generate-variations-btn .desktop-text{display:none}.generate-variations-btn .mobile-text{display:inline}.control-toolbar{gap:1px}.right-menu-controls{gap:2px}.generation-dropdown{min-width:140px;z-index:2000}.generation-option-btn{padding:8px 12px;font-size:11px}.svg-gallery-section{padding:2px 6px}.gallery-nav-btn{width:18px;height:18px;font-size:9px}.gallery-item{min-width:40px;padding:2px}.gallery-preview{width:30px;height:18px}.gallery-label{font-size:6px;max-width:40px}.properties-content{padding:8px}}@media (orientation: landscape) and (max-height: 600px){.svg-canvas-wrapper{flex:0 0 60%}.properties-panel{flex:0 0 35%}}:root{--color-primary: #0069C7;--color-primary-hover: #0054A3;--color-primary-disabled: #338ADF;--color-secondary: #2E8F2F;--color-secondary-hover: #247425;--color-secondary-bg-panel: rgba(46, 143, 47, .1);--color-accent: #FFC627;--color-accent-hover: #F0B90B;--color-text-main: #1B1B1B;--color-text-secondary: #4D4D4D;--color-bg: #FFFFFF;--color-bg-section: #F5F7FA;--color-border: #E1E4E8;--color-error: #D93025;--color-success: var(--color-secondary);--color-bg-dark: #2c3e50;--color-bg-hover: #f5f5f5;--color-bg-hover-dark: #4a5568;--color-text: #1B1B1B;--color-text-light: #a0aec0;--color-text-light-hover: #e2e8f0;--color-primary-dark: #0056b3;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--border-radius: 4px;--spacing-unit: 8px}@media (prefers-color-scheme: dark){:root{--color-primary: #4796F5;--color-primary-hover: #6CAEFF;--color-primary-disabled: #2A5D9A;--color-secondary: #59B55B;--color-secondary-hover: #72C774;--color-secondary-bg-panel: rgba(89, 181, 91, .15);--color-accent: #FFD866;--color-accent-hover: #FFE082;--color-text-main: #F1F3F4;--color-text-secondary: #9AA0A6;--color-bg: #111315;--color-bg-section: #1C1E22;--color-border: #303134;--color-error: #F28B82;--color-bg-dark: #1a202c;--color-bg-hover: #2d3748;--color-bg-hover-dark: #4a5568;--color-text: #F1F3F4;--color-text-light: #718096;--color-text-light-hover: #e2e8f0;--color-primary-dark: #2b6cb0}}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);margin:0;line-height:1.6;display:flex;flex-direction:column}#app-container{background-color:var(--color-bg);width:100%}@media (prefers-color-scheme: dark){#app-container{background-color:var(--color-bg)}}h1{color:var(--color-primary);text-align:center;margin-bottom:calc(var(--spacing-unit) * 3)}label{display:block;margin-bottom:var(--spacing-unit);color:var(--color-text-secondary);font-weight:600}input[type=file]{display:none}.icon-button{background:none;border:none;cursor:pointer;padding:var(--spacing-unit);color:var(--color-text-secondary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.icon-button:hover{background-color:var(--color-bg-section);color:var(--color-text-main)}.primary-button{background-color:var(--color-primary);color:#fff;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;width:100%}.primary-button:hover{background-color:var(--color-primary-hover)}.primary-button:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed}.secondary-button{padding:8px 16px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;transition:background-color .2s,color .2s}.secondary-button:hover{background-color:var(--color-bg-section);color:var(--color-text-main)}.danger-button{background-color:var(--color-error);color:#fff;border:1px solid var(--color-error)}.danger-button:hover{background-color:#b00020;border-color:#b00020}#status-message{margin-top:var(--spacing-unit);padding:var(--spacing-unit);border-radius:var(--border-radius);text-align:center;font-size:.9rem;min-height:1.5em}.status-error,#status-message.error{background-color:#d930251a;color:var(--color-error);border:1px solid var(--color-error);padding:8px 12px;margin:12px 0;border-radius:4px;text-align:center}#status-message.error{background-color:#ffebee;color:#c62828}.status-success,#status-message.success{background-color:var(--color-secondary-bg-panel);color:var(--color-secondary);border:1px solid var(--color-secondary);padding:8px 12px;margin:12px 0;border-radius:4px;text-align:center}#status-message.success{background-color:#e8f5e9;color:#2e7d32}#status-message.info{background-color:#e3f2fd;color:#1565c0;padding:8px 12px;margin:12px 0;border-radius:4px;text-align:center}.help-text{font-size:.8rem;color:var(--color-text-secondary);margin-top:calc(var(--spacing-unit))}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;width:100%}.spinner-inner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.spinner-inner{border-color:#ffffff1a;border-top-color:var(--color-primary)}}.body-modal-open{overflow:hidden}.modal{z-index:1000}.header-actions #credits-widget-container{position:relative;margin-right:12px}.header-actions #credits-widget-container .credits-widget{display:flex;align-items:center;background-color:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:8px 12px;font-size:.9rem;color:var(--color-text-main);cursor:pointer;transition:all .2s ease;min-width:80px;justify-content:center}.header-actions #credits-widget-container .credits-widget:hover{background-color:var(--color-bg-hover, #f0f0f0);border-color:var(--color-primary)}.header-actions #credits-widget-container .credits-balance{font-weight:600;color:var(--color-primary);margin-left:4px}.header-actions #credits-widget-container .credits-icon{font-size:1rem;margin-right:4px}.header-actions #credits-widget-container .credits-dropdown{position:absolute;top:100%;right:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;min-width:280px;z-index:1001;display:none;margin-top:4px}.header-actions #credits-widget-container .credits-dropdown.show{display:block}.header-actions #credits-widget-container .credits-dropdown .dropdown-header{padding:12px 16px;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text-main)}.header-actions #credits-widget-container .credits-dropdown .dropdown-section{padding:8px 0;border-bottom:1px solid var(--color-border)}.header-actions #credits-widget-container .credits-dropdown .dropdown-section:last-child{border-bottom:none}.header-actions #credits-widget-container .credits-dropdown .dropdown-item{padding:8px 16px;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;color:var(--color-text-main)}.header-actions #credits-widget-container .credits-dropdown .dropdown-item:hover{background-color:var(--color-bg-hover, #f0f0f0)}.header-actions #credits-widget-container .credits-dropdown .transaction-item{padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--color-text-secondary)}.header-actions #credits-widget-container .credits-dropdown .transaction-amount{font-weight:600;color:var(--color-primary)}.header-actions #credits-widget-container .credits-dropdown .transaction-amount.negative{color:var(--color-error, #e74c3c)}.header-actions #credits-widget-container .credits-dropdown .transaction-amount.positive{color:var(--color-success, #27ae60)}.header-actions #credits-widget-container .credits-dropdown .buy-credits-btn{margin:8px 16px;padding:8px 16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.header-actions #credits-widget-container .credits-dropdown .buy-credits-btn:hover{background-color:var(--color-primary-dark, #005bb5)}@media (max-width: 768px){.header-actions #credits-widget-container{margin-right:8px}.header-actions #credits-widget-container .credits-widget{padding:6px 8px;font-size:.8rem;min-width:60px}.header-actions #credits-widget-container .credits-dropdown{min-width:240px;right:-10px}}.expensive-action-confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10002}.expensive-action-confirmation-modal .modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 40px #00000026;overflow:hidden}.expensive-action-confirmation-modal .modal-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:20px 24px;text-align:center}.expensive-action-confirmation-modal .modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.expensive-action-confirmation-modal .modal-body{padding:24px}.action-summary{text-align:center}.action-details h4{margin:0 0 12px;color:#1f2937;font-size:1.2rem}.action-details p{margin:0 0 20px;color:#4b5563;font-size:1rem}.balance-breakdown{background:#f8fafc;border-radius:12px;padding:16px;margin:20px 0;border:1px solid #e5e7eb}.balance-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.balance-item:last-child{border-bottom:none}.balance-item.total{border-top:2px solid #d1d5db;padding-top:12px;margin-top:8px;font-weight:600}.balance-value{color:#3b82f6;font-weight:600}.cost-value{color:#dc2626;font-weight:600}.new-balance-value{color:#16a34a;font-weight:600}.new-balance-value.low-balance{color:#dc2626}.low-balance-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:12px;margin:16px 0;text-align:left}.low-balance-warning p{margin:0;color:#92400e;font-size:.9rem}.confirmation-question{margin:20px 0}.confirmation-question p{margin:0;color:#1f2937;font-weight:500;font-size:1.1rem}.expensive-action-confirmation-modal .modal-footer{padding:20px 24px;background:#f8fafc;display:flex;gap:12px;justify-content:center}.expensive-action-confirmation-modal .primary-btn{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.expensive-action-confirmation-modal .primary-btn:hover{background:#b91c1c;transform:translateY(-1px)}.expensive-action-confirmation-modal .secondary-btn{background:#6b7280;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.expensive-action-confirmation-modal .secondary-btn:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width: 768px){.expensive-action-confirmation-modal .modal-content{width:95%;margin:10px}.expensive-action-confirmation-modal .modal-footer{flex-direction:column}.expensive-action-confirmation-modal .primary-btn,.expensive-action-confirmation-modal .secondary-btn{width:100%}}.insufficient-credits-modal{background:#fff;border-radius:12px;padding:24px;max-width:400px;margin:20px;box-shadow:0 8px 32px #00000026;border:1px solid #e1e5e9}.insufficient-credits-modal h3{margin:0 0 16px;color:#dc2626;font-size:1.2rem;font-weight:600}.insufficient-credits-modal p{margin:8px 0;color:#374151;line-height:1.5}.insufficient-credits-modal .modal-actions{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.insufficient-credits-modal .btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.insufficient-credits-modal .btn-primary{background:#3b82f6;color:#fff}.insufficient-credits-modal .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.insufficient-credits-modal .btn-secondary{background:#6b7280;color:#fff}.insufficient-credits-modal .btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}:root{--color-primary: #0b2e59;--color-primary-hover: #0a274a;--color-primary-disabled: #365a82;--on-primary: #ffffff;--header-bg: var(--color-primary);--sidebar-rail-bg: var(--color-primary);--chat-header-bg: var(--color-primary);--chat-input-bg: var(--color-primary)}@media (prefers-color-scheme: dark){:root{--color-primary: #0b2e59;--color-primary-hover: #0a274a;--color-primary-disabled: #365a82;--on-primary: #ffffff}}.input-group{margin-bottom:calc(var(--spacing-unit) * 2)}textarea#prompt-input{width:100%;min-height:100px;max-height:200px;padding:var(--spacing-unit);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;background-color:var(--color-bg);color:var(--color-text-main);box-sizing:border-box;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap;resize:vertical}textarea#prompt-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0069c733}.options-row{display:flex;align-items:center;gap:15px;margin-bottom:15px}.options-row button,.options-row .color-picker-wrapper{padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text-secondary);border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:var(--spacing-unit);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.options-row button:hover{background-color:var(--color-bg-section);border-color:var(--color-text-secondary);color:var(--color-text-main)}#image-previews{display:inline-flex;gap:calc(var(--spacing-unit) * .25);flex-wrap:wrap;margin:0;padding:calc(var(--spacing-unit) * .25);border-radius:var(--border-radius);border:1px solid var(--color-border);background-color:var(--color-bg-section);width:fit-content}#image-previews img{max-width:25px;max-height:25px;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--color-border);cursor:pointer;transition:opacity .2s ease}#image-previews img:hover{opacity:.7;border-color:var(--color-error)}.image-preview-container{position:relative;margin:2px;border-radius:4px;overflow:hidden}.image-preview{width:25px;height:25px;object-fit:cover;cursor:pointer}.remove-image{position:absolute;top:1px;right:1px;width:12px;height:12px;background-color:#000000b3;color:#fff;border:none;border-radius:50%;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-image:hover{background-color:#000000e6}.remove-image:before{content:"×";font-weight:700;font-size:10px}.color-picker-wrapper{position:relative;padding:0;border:none;background:none}.color-picker-wrapper label{margin:0;margin-right:var(--spacing-unit);cursor:pointer;display:inline-block;font-weight:400;color:var(--color-text-secondary)}input[type=color]{width:30px;height:30px;border:none;padding:0;border-radius:50%;cursor:pointer;vertical-align:middle;border:1px solid var(--color-border);background-color:var(--color-bg)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}input[type=color]::-moz-color-swatch{border:none;border-radius:50%}.prompt-input-wrapper{padding:calc(var(--spacing-unit) * .25) var(--spacing-unit) 0;border-bottom:1px solid var(--color-border-light)}.prompt-with-button{position:relative;display:flex;align-items:flex-start}textarea#prompt-input{width:100%;flex-grow:1;margin-right:0;resize:vertical;border:none;padding:calc(var(--spacing-unit) * .25) 0;min-height:40px;background-color:transparent}textarea#prompt-input:focus{box-shadow:none}#generate-button{width:auto;margin-top:0;margin-left:var(--spacing-unit);padding:calc(var(--spacing-unit) * 1.2);font-size:1.5rem;line-height:1;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease;height:calc(var(--spacing-unit) * 1.2 * 2 + 1.5rem);align-self:flex-end}#generate-button:hover{background-color:var(--color-primary-hover)}#generate-button:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;opacity:.7}#output-area{flex:1;display:flex;gap:0;padding:0;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;min-height:300px;overflow:hidden;height:100%;position:relative;transition:all .3s ease-in-out}#output-area.chat-only-mode{justify-content:center;align-items:center;padding:calc(var(--spacing-unit) * 2)}#output-area.chat-only-mode #output-center-column{display:none}#output-area.chat-only-mode #chat-panel-column{width:50%;max-width:500px;min-width:350px;margin:0 auto;border:none;border-radius:var(--border-radius);box-shadow:none;background-color:transparent;height:auto;display:flex;flex-direction:column;justify-content:center}#output-area.chat-only-mode .chat-panel-header,#output-area.chat-only-mode .chat-messages-container,#output-area.chat-only-mode .chat-image-previews-section{display:none}#output-area.chat-only-mode .chat-input-section{border-top:none;padding:calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);background-color:var(--chat-input-bg, var(--color-primary));color:var(--on-primary, #ffffff);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a;margin:0}#output-area.chat-only-mode .chat-input-section .chat-status-bar{display:none}#output-area.chat-only-mode .chat-input-section .prompt-input-div{min-height:80px;font-size:1rem;border:1px solid var(--color-border);background-color:var(--color-bg, #fff)}#output-area.chat-only-mode .chat-input-section .controls-row{margin-top:calc(var(--spacing-unit) * 1)}#output-area.chat-only-mode .chat-input-section .chat-interface-content{padding:var(--spacing-unit)}#output-area.chat-only-mode .chat-input-section .prompt-input-div:empty:before{color:var(--color-text-secondary, #666);opacity:.7}#output-area.chat-only-mode .chat-input-section .prompt-input-wrapper{padding:0;border-bottom:none;margin-bottom:calc(var(--spacing-unit) * .5)}.output-column{padding:10px;display:flex;flex-direction:column;overflow:hidden;min-width:200px;transition:width .3s ease-in-out,opacity .3s ease-in-out}#output-center-column{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-width:300px;flex:1;overflow-y:auto;width:70%}#chat-panel-column{width:30%;min-width:250px;flex:0 0 auto;padding:0;box-sizing:border-box}.resizing *{user-select:none;pointer-events:none}#output-right-column{display:none}.image-details-section{width:100%;margin-top:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 1.5);background-color:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a}.image-details-section h2{margin-top:0;margin-bottom:15px;font-size:1.2em;color:#333;text-align:center}.image-details-section h4{margin-top:0;margin-bottom:8px;font-size:1em;color:#555}#output-image-container{flex-grow:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;width:100%;min-height:300px;max-height:60vh;overflow:hidden;position:relative;margin-bottom:calc(var(--spacing-unit) * 1)}#image-actions-toolbar{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:8px;width:auto;gap:15px}#image-actions-toolbar .icon-button{font-size:1.3rem;padding:8px;margin-top:0}.heart-button{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--color-text-secondary);opacity:.7;transition:opacity .2s,transform .2s,color .2s;padding:8px;margin-top:0}.heart-button:hover{opacity:1;transform:scale(1.1);color:var(--color-primary)}.heart-button.active{opacity:1;color:var(--color-error);transform:scale(1.1)}.image-tags-display{display:flex;align-items:center;justify-content:center;margin-top:2px;padding:2px 4px;background-color:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.7rem;gap:3px;flex-wrap:wrap;min-height:22px}#image-details-section,#prompt-display-area-wrapper,#description-display-area-wrapper{display:none!important}@media (min-width: 769px){#chat-images-section,.chat-images-section-horizontal{margin-bottom:0!important}}.tags-label{font-weight:600;color:var(--color-text-secondary);white-space:nowrap;font-size:.7rem}.image-tags-container{display:flex;gap:2px;flex-wrap:wrap;align-items:center}.image-tag{display:inline-flex;align-items:center;background-color:var(--color-primary);color:#fff;padding:1px 4px;border-radius:8px;font-size:.68rem;font-weight:500;white-space:nowrap}.image-tag.auto-tag{background-color:var(--color-text-secondary);opacity:.8}.image-tag.user-tag{background-color:var(--color-primary)}.add-tag-button{background:none;border:1px solid var(--color-border);border-radius:50%;width:18px;height:18px;font-size:.7rem;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-tag-button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.no-tags{color:var(--color-text-secondary);font-style:italic;font-size:.7rem}.text-display-section{margin-bottom:20px}.text-display-wrapper{position:relative;background-color:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:8px 32px 8px 8px}.text-display-wrapper p{margin:0;color:var(--color-text);font-size:.9rem;line-height:1.4;word-wrap:break-word}.text-display-wrapper textarea{width:100%;border:none;background:transparent;resize:vertical;font-family:inherit;font-size:.9rem;line-height:1.4;color:var(--color-text);outline:none;min-height:60px}.text-display-wrapper textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.copy-button{position:absolute;top:8px;right:8px;background:none;border:none;padding:4px;cursor:pointer;font-size:1rem;opacity:.6;transition:all .2s ease;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.copy-button:hover{opacity:1;background-color:var(--color-primary);color:#fff;transform:scale(1.1)}.copy-button:active{transform:scale(.95)}.save-description-button{background-color:var(--color-primary);color:#fff;border:none;padding:6px 12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.save-description-button:hover{background-color:var(--color-text-secondary);transform:translateY(-1px)}.save-description-button:disabled{background-color:var(--color-border);cursor:not-allowed;transform:none}.design-guidance-system{margin-bottom:20px;padding:15px;background-color:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--border-radius)}.design-guidance-system h3{margin-top:0;margin-bottom:15px;font-size:1.1rem;color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:8px}.guidance-section{margin-bottom:15px}.guidance-section label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-text-secondary)}.guidance-options{display:flex;flex-wrap:wrap;gap:8px}.option-btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:8px 12px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.option-btn:hover{background-color:#0069c70d;border-color:var(--color-primary)}.option-btn input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-btn input[type=radio]:checked+span{font-weight:600;color:var(--color-primary)}.option-btn input[type=radio]:checked+span:after{content:" ✓"}.option-btn.small{padding:6px 10px;font-size:.85rem}.fine-tuning-details{margin-top:15px;margin-bottom:15px}.fine-tuning-details summary{cursor:pointer;padding:8px 12px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);font-weight:600;transition:all .2s ease;color:var(--color-text-secondary)}.fine-tuning-details summary:hover{background-color:#0069c70d;color:var(--color-primary)}.fine-tuning-details[open] summary{margin-bottom:15px;border-bottom-color:var(--color-primary)}.fine-tuning-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.fine-tuning-section{padding:12px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius)}.fine-tuning-section label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--color-text-secondary)}.fine-tuning-options{display:flex;flex-direction:column;gap:8px}.help-text.small{font-size:.75rem;color:var(--color-text-secondary);margin-top:4px;margin-bottom:0;font-style:italic;max-width:90%}.photo-style-row{display:flex;align-items:center;margin-bottom:6px}.photo-style-row label{margin-bottom:0;margin-right:8px;min-width:80px;font-size:.85rem}.photo-style-row select{flex:1;padding:6px;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);font-size:.85rem}@media (max-width: 600px){.fine-tuning-grid{grid-template-columns:1fr}.guidance-options{flex-direction:column;align-items:stretch}.option-btn{justify-content:flex-start}}.add-to-chat-btn{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:4px;padding:4px;cursor:pointer;font-size:12px;z-index:10;opacity:.8;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.add-to-chat-btn:hover{opacity:1;background:#000000e6;transform:scale(1.1)}.add-to-chat-btn:disabled{cursor:not-allowed;opacity:.5}.add-to-chat-btn svg{width:18px;height:18px;fill:currentColor;stroke:currentColor}.image-generation-event{position:relative!important}.image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:2000;justify-content:center;align-items:center}.image-modal-content{max-width:90%;max-height:90%;display:flex;flex-direction:column}.image-modal-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--border-radius)}.image-modal-details{color:#fff;padding:12px;margin-top:12px;background-color:#00000080;border-radius:var(--border-radius);position:relative;text-align:left}.modal-favorite-button{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1.8rem;cursor:pointer;color:#ffffffb3;opacity:.8;transition:opacity .2s,transform .2s,color .2s;padding:5px}.modal-favorite-button:hover{opacity:1;transform:scale(1.1);color:#fff}.modal-favorite-button.active{opacity:1;color:#ff4040;transform:scale(1.1)}.image-modal-title{font-size:1.2rem;font-weight:700;margin-bottom:8px}.image-modal-prompt{font-style:italic;margin-bottom:8px;max-height:100px;overflow-y:auto}.image-modal-date{font-size:.8rem;opacity:.8}.close-image-modal{position:absolute;top:20px;right:20px;color:#fff;font-size:30px;font-weight:700;cursor:pointer}.upload-button-wrapper{position:relative;display:inline-flex}#upload-button{padding:10px 15px}.dropdown-menu{display:none;position:absolute;bottom:100%;top:auto;left:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:160px}.dropdown-item{display:block;width:100%;padding:8px 12px;text-align:left;border:none;background-color:transparent;cursor:pointer;font-size:14px}.dropdown-item:hover{background-color:#f5f5f5}#app-container{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden}#universal-sidebar{width:48px;flex-shrink:0;height:100vh;display:flex;flex-direction:row;background-color:var(--color-bg-section);border-right:1px solid var(--color-border);transition:width .3s ease,transform .3s ease;z-index:100;position:relative}#universal-sidebar.universal-sidebar-expanded{width:320px}#universal-sidebar.sidebar-hidden{width:0;transform:translate(-100%);border-right:none}.sidebar-icons{width:48px;height:100vh;display:flex;flex-direction:column;background-color:var(--sidebar-rail-bg, var(--color-primary));border-right:1px solid var(--color-border);padding:calc(var(--spacing-unit) * .5) 0;align-items:center;position:relative}.sidebar-icons .top-section{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * .75)}.sidebar-icons .sidebar-icon-button[data-module-id=settings]{position:absolute;bottom:calc(var(--spacing-unit) * .5);left:50%;transform:translate(-50%)}.sidebar-toggle-button{width:40px;height:40px;border:none;background-color:transparent;color:var(--color-text-light, #a0aec0);cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:calc(var(--spacing-unit) * .5);border-bottom:1px solid var(--color-border);padding-bottom:calc(var(--spacing-unit) * .5)}.sidebar-toggle-button:hover{background-color:var(--color-bg-hover-dark, #4a5568);color:var(--color-text-light-hover, #e2e8f0)}.sidebar-toggle-button .toggle-icon{transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-icon-button{width:40px;height:40px;border:none;background-color:transparent;color:var(--color-text-light, #a0aec0);cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:1.2rem;display:flex;align-items:center;justify-content:center;position:relative}.sidebar-icon-button:hover{background-color:var(--color-bg-hover-dark, #4a5568);color:var(--color-text-light-hover, #e2e8f0)}.sidebar-icon-button.active{background-color:var(--color-primary);color:#fff}.sidebar-icon-button.active:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:var(--color-primary);border-radius:2px 0 0 2px}.sidebar-expanded-content{flex:1;height:100vh;display:none;flex-direction:column;background-color:var(--color-bg-section);overflow:hidden}#universal-sidebar.universal-sidebar-expanded .sidebar-expanded-content,#universal-sidebar.mobile-sidebar-expanded .sidebar-expanded-content{display:flex}.sidebar-content-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * .75) var(--spacing-unit);border-bottom:1px solid var(--color-border);background-color:var(--color-bg);min-height:48px}.sidebar-content-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.sidebar-collapse-button{width:24px;height:24px;border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease}.sidebar-collapse-button:hover{background-color:var(--color-bg-hover, #f5f5f5);color:var(--color-text)}.sidebar-content{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-unit)}#right-column{flex-grow:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0}.app-header{display:flex;align-items:center;padding:calc(var(--spacing-unit) * .5) var(--spacing-unit);background-color:var(--header-bg, var(--color-primary));color:var(--on-primary, #ffffff);border-bottom:1px solid rgba(255,255,255,.12);height:var(--header-height-thin, 45px);flex-shrink:0;width:100%;margin-bottom:0}.mobile-hamburger-button{display:none;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:8px;margin-right:calc(var(--spacing-unit) * .5);border-radius:var(--border-radius);transition:background-color .2s ease}.mobile-hamburger-button:hover{background-color:var(--color-bg-hover, rgba(0, 0, 0, .05))}.mobile-hamburger-button:active{transform:scale(.95)}.hamburger-icon{display:block;width:24px;height:24px}.app-header h1{font-size:1.2rem;margin:0;color:var(--on-primary, #ffffff);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header .icon-button{color:#fff}.app-header .icon-button:hover{background-color:#ffffff1a}.header-actions{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5)}#main-content-area{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}#top-content-panel{display:flex;flex:1;overflow:hidden}.output-column{padding:10px;display:flex;flex-direction:column;overflow:hidden}#output-right-column h4{margin-top:0;margin-bottom:8px;font-size:1em;color:#555}#prompt-display-area{font-size:.9em;color:#444;white-space:pre-wrap;margin:0}#copy-prompt-button{padding:6px 12px;font-size:.85em;align-self:flex-start}#output-image-container{flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;position:relative}#output-image-container img#generated-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}#prompt-display-area-wrapper{background-color:#fff;border:1px solid #eee;border-radius:4px;padding:8px;margin-bottom:8px;width:100%;max-height:200px;overflow-y:auto;word-wrap:break-word}@media (max-width: 768px){.mobile-hamburger-button{display:flex!important;align-items:center;justify-content:center}#universal-sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease,width .3s ease;background-color:var(--color-bg-section)}#universal-sidebar.mobile-sidebar-minimized{transform:translate(0);width:48px}#universal-sidebar.mobile-sidebar-expanded{transform:translate(0);width:90vw;max-width:320px}#toggle-sidebar-button{display:none!important}.sidebar-content{padding:calc(var(--spacing-unit) * .5)}.sidebar-icon-button{font-size:1.2rem;padding:calc(var(--spacing-unit) * .75)}.sidebar-toggle-button{font-size:1.1rem;padding:calc(var(--spacing-unit) * .5)}.sidebar-expanded-content{width:100%;max-width:none;overflow-x:hidden}.sidebar-content-header{padding:calc(var(--spacing-unit) * .5);min-height:40px}.sidebar-content-header h3{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;flex:1;min-width:0}.sidebar-content{padding:calc(var(--spacing-unit) * .5);font-size:.9rem;overflow-x:hidden;word-wrap:break-word}.chat-module-container{width:100%;max-width:none;overflow-x:hidden}.chat-module-header{margin-bottom:calc(var(--spacing-unit) * .5);flex-wrap:wrap}.chat-module-header h3{font-size:1rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.create-new-chat-btn{width:28px;height:28px;font-size:.9rem;flex-shrink:0}.chat-search-input{font-size:.9rem;padding:calc(var(--spacing-unit) * .4)}.chat-list-container{overflow-x:hidden;word-wrap:break-word}.settings-module-container{width:100%;max-width:none;overflow-x:hidden}.settings-section .form-group input,.settings-section .form-group select{font-size:.9rem;padding:calc(var(--spacing-unit) * .4)}.settings-section .form-group label{font-size:.85rem}.chat-sessions-list{overflow-x:hidden;width:100%}.chat-session-item{padding:calc(var(--spacing-unit) * .5);margin-bottom:calc(var(--spacing-unit) * .4);font-size:.85rem;word-wrap:break-word;overflow-wrap:break-word;width:100%;box-sizing:border-box}.chat-session-title{font-size:.8rem;line-height:1.2}.chat-session-preview{font-size:.7rem;line-height:1.2}.chat-session-date{font-size:.65rem}.universal-chat-input-container{flex-direction:column;gap:calc(var(--spacing-unit) * .5);padding:calc(var(--spacing-unit) * .4)}.universal-chat-input{font-size:.85rem;min-height:16px;max-height:80px}.universal-chat-send-button{width:100%;height:28px;font-size:.85rem}.chat-list{overflow-x:hidden;max-height:none;gap:calc(var(--spacing-unit) * .4)}.chat-item{padding:calc(var(--spacing-unit) * .5);word-wrap:break-word;overflow-wrap:break-word}.chat-name{font-size:.85rem;line-height:1.2}.chat-item-meta{font-size:.7rem;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing-unit) * .2)}.chat-actions{opacity:1;flex-direction:row;gap:calc(var(--spacing-unit) * .2)}.chat-action-button{font-size:.75rem;padding:calc(var(--spacing-unit) * .2)}}.mobile-sidebar-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.mobile-sidebar-backdrop.show{display:block;opacity:1}@media (max-width: 768px){#output-area{flex-direction:column;gap:0;padding:0;min-height:100vh;height:100vh}#output-area.chat-only-mode{padding:calc(var(--spacing-unit) * 1);justify-content:center;align-items:center;min-height:70vh}#output-area.chat-only-mode #chat-panel-column{width:90%;max-width:none;min-width:280px;margin:auto}#output-area.chat-only-mode .chat-panel-header,#output-area.chat-only-mode .chat-messages-container,#output-area.chat-only-mode .chat-image-previews-section{display:none!important}#output-area.chat-only-mode #chat-panel-column{position:static!important;height:auto!important;border:none!important;box-shadow:none!important}.output-column{padding:calc(var(--spacing-unit) * .5)}#output-center-column{order:1;width:100%!important;height:50vh;max-height:50vh;min-width:auto;flex:0 0 50vh}#chat-panel-column{order:3;width:100%!important;height:50vh;max-height:50vh;overflow:hidden;min-width:auto;padding-bottom:0;padding-right:8px;box-sizing:border-box;flex:0 0 50vh}.column-resizer{display:none;order:2}.image-details-section{margin-top:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1)}#output-image-container{min-height:100%;max-height:100%;height:100%;margin:0;padding:calc(var(--spacing-unit) * .5)}.image-details-section h2{font-size:1.1em}.image-details-section h4{font-size:.9em}#prompt-display-area-wrapper{max-height:150px}}.chat-module-container{height:100%;display:flex;flex-direction:column}.chat-module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-unit)}.chat-module-header h3{margin:0;font-size:1.1rem;color:var(--color-text)}.create-new-chat-btn{background:var(--color-primary);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.create-new-chat-btn:hover{background:var(--color-primary-dark, #0056b3)}.chat-search-container{margin-bottom:var(--spacing-unit)}.chat-search-input{width:100%;padding:calc(var(--spacing-unit) * .5);border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;background-color:var(--color-bg);color:var(--color-text)}.chat-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #007bff40}.chat-list-container{flex-grow:1;overflow-y:auto}.no-chats-message{text-align:center;color:var(--color-text-secondary);padding:calc(var(--spacing-unit) * 2)}.no-chats-message p{margin:calc(var(--spacing-unit) * .5) 0}.settings-module-container{height:100%;display:flex;flex-direction:column}.settings-module-header{margin-bottom:var(--spacing-unit)}.settings-module-header h3{margin:0;font-size:1.1rem;color:var(--color-text)}.settings-content{flex-grow:1;overflow-y:auto}.settings-section{margin-bottom:calc(var(--spacing-unit) * 1.5)}.settings-section h4{margin:0 0 var(--spacing-unit) 0;font-size:1rem;color:var(--color-text);font-weight:600}.settings-section .form-group{margin-bottom:var(--spacing-unit)}.settings-section .form-group label{display:block;margin-bottom:calc(var(--spacing-unit) * .25);font-size:.9rem;color:var(--color-text);font-weight:500}.settings-section .form-group input,.settings-section .form-group select{width:100%;padding:calc(var(--spacing-unit) * .5);border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;background-color:var(--color-bg);color:var(--color-text)}.settings-section .form-group input:focus,.settings-section .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #007bff40}.help-text{font-size:.8rem;color:var(--color-text-secondary);margin-top:calc(var(--spacing-unit) * .25);line-height:1.4}.settings-divider{border:none;border-top:1px solid var(--color-border);margin:calc(var(--spacing-unit) * 1.5) 0}.toggle-switch{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .25)}.toggle-switch .switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch .switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--color-primary)}.toggle-switch input:checked+.slider:before{transform:translate(26px)}.primary-button{background-color:var(--color-primary);color:#fff;border:none;padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1.5);border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease;margin-top:var(--spacing-unit)}.primary-button:hover{background-color:var(--color-primary-dark, #0056b3)}.primary-button:disabled{background-color:var(--color-text-secondary);cursor:not-allowed}.reference-indicator{display:none!important}.chat-image-previews-section{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .25);padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * .75);margin:0;border-bottom:1px solid rgba(255,255,255,.12);background:#ffffff0d;backdrop-filter:blur(6px)}.chat-image-previews-section.hidden{display:none!important}#uploaded-image-previews-wrapper{margin:0;padding:0;display:inline-flex;gap:calc(var(--spacing-unit) * .25)}.app-gate-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172aa6;backdrop-filter:blur(6px);z-index:5000;opacity:0;pointer-events:none;transition:opacity .2s ease}.app-gate-overlay.is-visible{opacity:1;pointer-events:auto}.app-gate-content{max-width:500px;width:min(500px,100%);padding:32px;background:#fffffff7;border-radius:18px;box-shadow:0 32px 90px #0f172a59;color:#0f172a}.app-gate-body{display:flex;flex-direction:column;gap:16px}.app-gate-title{margin:0;font-size:1.6rem;font-weight:600}.app-gate-message{margin:0;font-size:1rem;line-height:1.6;color:#1f2937}.app-gate-spinner{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;border:4px solid rgba(15,23,42,.12);border-top-color:var(--color-primary, #0b2e59);animation:app-gate-spin 1s linear infinite;display:none}.app-gate-custom-content{display:flex;flex-direction:column;gap:20px}.app-gate-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.app-gate-primary-button{min-width:160px}.app-gate-overlay[data-gate-variant=loading] .app-gate-spinner{display:block}.app-gate-overlay[data-gate-variant=loading] .app-gate-actions{display:none}.app-gate-overlay[data-gate-variant=loading] .app-gate-message{margin-top:-8px}.app-gate-overlay[data-gate-variant=plans] .app-gate-message{color:#475569}body.app-gate-active{overflow:hidden}@keyframes app-gate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plan-comparison-container{display:flex;flex-direction:column;gap:18px}.plan-tabs{display:inline-flex;align-self:center;background:#0f172a14;border-radius:999px;padding:4px;gap:4px}.plan-tab{position:relative;border:none;background:transparent;color:#334155;font-size:.95rem;font-weight:600;padding:10px 18px;border-radius:999px;cursor:pointer;transition:all .2s ease}.plan-tab:hover{background:#fff9;color:#0f172a}.plan-tab.is-active{background:#0b2e59;color:#fff;box-shadow:0 10px 25px #0b2e5940}.plan-card{background:#fffffff5;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:24px 28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 45px #0f172a1f}.plan-card-header{display:flex;flex-direction:column;gap:6px}.plan-card-title{margin:0;font-size:1.35rem;font-weight:600;color:#0f172a}.plan-card-price{font-size:1.8rem;font-weight:700;color:#0b2e59}.plan-card-cadence{color:#475569;font-size:.95rem}.plan-card-credits{margin-top:4px;font-size:1rem;color:#1f2937}.plan-card-features{margin:8px 0 0;padding-left:20px;color:#475569;font-size:.95rem;display:flex;flex-direction:column;gap:6px}.plan-card-buy{margin-top:10px;align-self:flex-start;padding-inline:28px}.plan-card-buy:hover{transform:translateY(-1px)}.plan-refresh-notice{margin:0;font-size:.85rem;color:#475569;text-align:center}@media (max-width: 480px){.plan-card{padding:20px}.plan-tabs{width:100%;justify-content:space-between}.plan-tab{flex:1;padding:8px 12px}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background-color:var(--color-bg);border-radius:var(--border-radius);width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{padding:calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{margin:0;font-size:1.2rem;color:var(--color-primary)}.modal-body{padding:calc(var(--spacing-unit) * 2);overflow-y:auto;flex-grow:1}.close-button{font-size:1.2rem;padding:var(--spacing-unit)}.form-group{margin-bottom:calc(var(--spacing-unit) * 3)}.form-group label{font-weight:600;display:block;margin-bottom:calc(var(--spacing-unit));color:var(--color-text-secondary)}.form-group input,.form-group select{width:100%;padding:calc(var(--spacing-unit));border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:inherit;font-size:1rem;background-color:var(--color-bg);color:var(--color-text-main);box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0069c733}.toggle-switch{display:flex;align-items:center;margin-bottom:15px}.toggle-switch label{margin-right:10px;font-weight:400}.toggle-switch .help-text{font-size:.8rem;color:#666;margin-left:10px;margin-top:0}.model-toggle{margin:15px 0}.slider-container{display:flex;align-items:center;gap:10px}.slider-label{font-weight:500;font-size:.9rem;color:#666}.switch{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--color-primary)}input:focus+.slider{box-shadow:0 0 0 2px #0069c733}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.settings-section{margin-bottom:24px}.settings-section h3{margin-top:0;margin-bottom:16px;font-size:1.1rem;color:#333}.settings-divider{border:none;height:1px;background-color:var(--color-border);margin:calc(var(--spacing-unit) * 3) 0}.credits-overview{background:var(--color-bg-section);border-radius:var(--border-radius);padding:16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.credit-balance-display{display:flex;align-items:center;gap:8px}.credit-label{font-weight:500;color:var(--color-text-secondary)}.credit-amount{font-size:1.2rem;font-weight:700;color:var(--color-primary)}.secondary-button{background-color:var(--color-bg-section);color:var(--color-text-main);border:1px solid var(--color-border);padding:8px 16px;border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.secondary-button:hover{background-color:var(--color-border);border-color:var(--color-primary)}.enabled-packages-section{margin-top:20px}.enabled-packages-section h5{margin:0 0 12px;font-size:.95rem;font-weight:600;color:var(--color-text-secondary)}.packages-list{display:flex;flex-wrap:wrap;gap:8px}.package-badge{color:#fff;padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.transaction-history-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001}.transaction-history-modal .modal-content{background-color:var(--color-bg);border-radius:var(--border-radius);width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.transaction-history-modal .modal-header{padding:20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.transaction-history-modal .modal-header h3{margin:0;color:var(--color-text-main)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:4px;border-radius:4px;transition:background-color .2s ease}.modal-close:hover{background-color:var(--color-bg-section)}.transaction-history-modal .modal-body{padding:0;overflow-y:auto;flex-grow:1}.transactions-list{padding:20px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border)}.transaction-item:last-child{border-bottom:none}.transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-type{font-weight:500;color:var(--color-text-main)}.transaction-date{font-size:.85rem;color:var(--color-text-secondary)}.transaction-amount{font-weight:600;padding:4px 8px;border-radius:4px;font-size:.9rem}.transaction-amount.deduction{background-color:#ef44441a;color:#dc2626}.transaction-amount.addition{background-color:#22c55e1a;color:#16a34a}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.settings-content-wrapper{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;padding:0;margin:0;box-sizing:border-box;display:flex;flex-direction:column;background:var(--color-bg);scroll-behavior:smooth;scrollbar-width:thin}.settings-content-wrapper::-webkit-scrollbar{width:8px}.settings-content-wrapper::-webkit-scrollbar-track{background:var(--color-bg-section);border-radius:4px}.settings-content-wrapper::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:4px;opacity:.7}.settings-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-main);opacity:1}.settings-credit-container{padding:24px;max-width:1000px;width:100%;margin:0 auto;min-height:100%;box-sizing:border-box}.settings-section-header{margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid var(--color-primary)}.settings-section-header h2{margin:0 0 8px;font-size:1.8rem;font-weight:700;color:var(--color-text-main);display:flex;align-items:center;gap:12px}.settings-section-header p{margin:0;font-size:1rem;color:var(--color-text-secondary);line-height:1.5}.api-keys-grid,.credit-settings-grid{display:grid;gap:24px;margin-bottom:32px}.settings-card,.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:24px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.settings-card:hover,.feature-card:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.feature-card{border-left:4px solid var(--color-primary)}.settings-card h3,.feature-card h3{margin:0 0 16px;font-size:1.2rem;font-weight:600;color:var(--color-text-main)}.settings-card .form-group,.feature-card .form-group{margin-bottom:20px}.settings-card .form-group:last-child,.feature-card .form-group:last-child{margin-bottom:0}.settings-card label,.feature-card label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text-main);font-size:.95rem}.settings-card input,.settings-card select,.feature-card input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;background:var(--color-bg);color:var(--color-text-main);transition:all .2s ease;box-sizing:border-box}.settings-card input:focus,.settings-card select:focus,.feature-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.help-text{margin-top:6px;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.settings-actions{margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border);display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;position:sticky;bottom:0;background:var(--color-bg);z-index:10;padding-bottom:24px;box-shadow:0 -2px 8px #0000000d}.settings-actions .primary-button,.settings-actions .secondary-button,.settings-actions .tertiary-button{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:120px;text-align:center}.settings-actions .primary-button{background:var(--color-primary);color:#fff;box-shadow:0 2px 4px #6366f133}.settings-actions .primary-button:hover:not(:disabled){background:var(--color-primary-dark, #4f46e5);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.settings-actions .primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #6366f133}.settings-actions .primary-button:disabled{cursor:not-allowed;transform:none}.settings-actions .secondary-button{background:var(--color-bg-secondary);color:var(--color-text-main);border:1px solid var(--color-border)}.settings-actions .secondary-button:hover:not(:disabled){background:var(--color-bg-tertiary, #f1f5f9);border-color:var(--color-primary);transform:translateY(-1px)}.settings-actions .secondary-button:active:not(:disabled){transform:translateY(0)}.settings-actions .secondary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-actions .tertiary-button{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.settings-actions .tertiary-button:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-main);border-color:var(--color-text-secondary)}.settings-actions .tertiary-button:active:not(:disabled){transform:translateY(0)}.settings-actions .tertiary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes buttonPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.settings-actions button[disabled]{animation:buttonPulse 1.5s ease-in-out infinite}@keyframes successScale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.settings-actions button.success-animation{animation:successScale .3s ease-out}.settings-card,.feature-card,.settings-actions button,input,select{transition:all .2s ease}.settings-card:focus-within,.feature-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.settings-sidebar-container{padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.settings-sidebar-container h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#1f2937;padding-bottom:8px;border-bottom:2px solid #6366f1}.settings-option{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;color:#374151;text-align:left;display:flex;align-items:center;gap:8px}.settings-option:hover{background:#f1f5f9;border-color:#6366f1;color:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a}.settings-option.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f133}.credits-overview{background:var(--color-bg-section);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid var(--color-border)}.credit-balance-display{display:flex;align-items:center;gap:12px;margin-bottom:16px}.credit-label{font-weight:500;color:var(--color-text-secondary);font-size:1rem}.credit-amount{font-size:2rem;font-weight:700;color:var(--color-primary)}.balance-actions{display:flex;gap:12px;flex-wrap:wrap}.feature-status{padding:8px 12px;border-radius:6px;font-size:.9rem;font-weight:500;border:1px solid;margin-top:12px}.status-ready{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.status-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.status-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.feature-requirements{background:var(--color-bg);padding:16px;border-radius:8px;margin:16px 0}.feature-requirements h4{margin-top:0;margin-bottom:8px;font-size:1rem}.feature-requirements ul{margin:8px 0;padding-left:20px}.feature-requirements li{margin-bottom:4px;font-size:.9rem}.feature-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.feature-header h3{margin:0;font-size:1.2rem;font-weight:600}.experimental-options{display:grid;gap:16px}.experimental-options label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background-color .2s ease}.experimental-options label:hover{background-color:var(--color-bg-section)}.experimental-options input[type=checkbox]{margin:2px 0 0;flex-shrink:0}.experimental-options strong{display:block;margin-bottom:4px;font-weight:600}.experimental-options small{color:var(--color-text-secondary);font-size:.85rem;line-height:1.3}.stat-item{text-align:center;padding:16px;background:var(--color-bg);border-radius:8px;border:1px solid var(--color-border)}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-primary);margin-bottom:4px}.stat-label{font-size:.9rem;color:var(--color-text-secondary)}@media (max-width: 768px){.settings-content-wrapper{padding:0}.settings-image-container,.settings-credit-container,.settings-advanced-container{padding:16px}.settings-section-header h2{font-size:1.5rem}.settings-actions{position:static;margin-top:24px;padding-top:16px}.settings-actions .primary-button,.settings-actions .secondary-button,.settings-actions .tertiary-button{flex:1;min-width:auto}.credit-amount{font-size:1.5rem}.balance-actions{flex-direction:column}.experimental-options{gap:12px}.settings-sidebar-container{padding:12px}.settings-sidebar-container h3{font-size:1rem;margin-bottom:12px}.settings-option{padding:10px 12px;font-size:.9rem;margin-bottom:6px}.settings-option:hover{transform:none}}@media (max-width: 480px){.settings-sidebar-container{padding:8px}.settings-option{padding:8px 10px;font-size:.85rem}.settings-sidebar-container h3{font-size:.95rem}}.header-actions{display:flex;align-items:center;gap:12px}.user-profile-info{font-size:.85rem;color:#666;margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.user-dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;top:100%;background-color:var(--color-bg);min-width:250px;box-shadow:0 8px 16px #00000026;border-radius:var(--border-radius);border:1px solid var(--color-border);z-index:100;overflow:hidden}.user-dropdown:hover .dropdown-content,.dropdown-content.show{display:block}.dropdown-header{padding:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text-main);background-color:var(--color-bg-section)}.dropdown-form{padding:calc(var(--spacing-unit) * 1.5)}.dropdown-form input{width:100%;padding:var(--spacing-unit);margin-bottom:var(--spacing-unit);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.9rem;box-sizing:border-box}.dropdown-form input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0069c733}.dropdown-buttons{display:flex;gap:var(--spacing-unit);margin-top:var(--spacing-unit)}.dropdown-button{padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;flex:1;text-align:center;transition:background-color .2s ease,color .2s ease}.dropdown-button:hover{background-color:var(--color-bg-section);color:var(--color-text-main)}.dropdown-button.primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dropdown-button.primary:hover{background-color:var(--color-primary-hover)}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:8px;margin-top:16px}.favorite-item{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.favorite-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.favorite-item h3{margin:0;padding:10px;font-size:.9rem;text-align:center;background-color:#f5f5f5}.favorite-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.delete-favorite{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background-color:#fffc;border:none;font-size:16px;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.delete-favorite:hover{background-color:#ff00001a}#user-gallery-section{margin-top:30px;padding:20px;background-color:var(--color-bg-section);border-radius:var(--border-radius);border:1px solid var(--color-border)}#user-gallery-section h2{margin-top:0;margin-bottom:20px;color:var(--color-primary);text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:20px}.gallery-item{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer;aspect-ratio:1;background-color:var(--color-bg)}.gallery-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item-favorite-button{position:absolute;top:8px;right:8px;z-index:10;background-color:#ffffffb3;border-radius:50%;padding:6px;font-size:1.1rem;color:var(--color-text-secondary);opacity:.7;transition:all .2s ease}.gallery-item-favorite-button:hover{background-color:#ffffffe6;opacity:1;transform:scale(1.1);color:var(--color-primary)}.gallery-item-favorite-button.active{color:var(--color-error);opacity:1;background-color:#ffffffe6}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:var(--spacing-unit);font-size:.8rem;opacity:0;transition:opacity .2s;display:flex;flex-direction:column}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-title{font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-item-date{font-size:.75rem;opacity:.8}.loading-indicator{text-align:center;padding:var(--spacing-unit);color:var(--color-text-secondary);font-style:italic;grid-column:1 / -1}#load-more-images{display:block;margin:0 auto;padding:var(--spacing-unit) calc(var(--spacing-unit) * 2.5)}#no-images-message{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);font-style:italic;padding:20px}.gallery-container{width:100%;max-width:1200px;margin:calc(var(--spacing-unit) * 2) auto;padding:calc(var(--spacing-unit) * 2)}.gallery-container header nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-unit);border-bottom:1px solid var(--color-border);margin-bottom:calc(var(--spacing-unit) * 2)}.gallery-container header .logo-container a{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.gallery-container header nav a:not(.logo-container a){text-decoration:none;color:var(--color-text-secondary);padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);transition:background-color .2s ease,color .2s ease}.gallery-container header nav a:not(.logo-container a):hover{background-color:var(--color-bg-section);color:var(--color-primary)}.image-upload-section{background-color:var(--color-bg);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:calc(var(--spacing-unit) * 3)}.image-upload-section h2{margin-top:0;color:var(--color-text-main)}#upload-form div{margin-bottom:calc(var(--spacing-unit) * 1.5)}#upload-form label{font-weight:400;color:var(--color-text-secondary)}#upload-form input[type=file],#upload-form input[type=text]{width:100%;padding:var(--spacing-unit);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;margin-top:calc(var(--spacing-unit) * .5)}#upload-form button[type=submit]{padding:calc(var(--spacing-unit) * 1.2) calc(var(--spacing-unit) * 2.5);font-size:.95rem}.gallery-controls{margin-bottom:calc(var(--spacing-unit) * 2)}.gallery-controls input[type=search]{width:100%;max-width:400px;padding:var(--spacing-unit);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:calc(var(--spacing-unit) * 2)}.image-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 1px 3px #00000008;transition:box-shadow .2s ease;display:flex;flex-direction:column}.image-card:hover{box-shadow:0 3px 8px #00000014}.image-card img{width:100%;height:200px;object-fit:cover;display:block}.image-card-info{padding:var(--spacing-unit);flex-grow:1}.image-card-info .image-description{font-size:.9rem;color:var(--color-text-main);margin-bottom:calc(var(--spacing-unit) * .5);min-height:2.5em}.image-card-info .image-tags{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) * .5);word-break:break-word}.image-card-info .image-date{font-size:.75rem;color:var(--color-text-secondary);opacity:.8}.image-card-actions{padding:var(--spacing-unit);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--spacing-unit)}.image-card-actions .edit-button,.image-card-actions .delete-button{padding:calc(var(--spacing-unit) * .5) var(--spacing-unit);font-size:.8rem}.image-card-actions .edit-button{background-color:var(--color-bg-section);color:var(--color-text-secondary);border-color:var(--color-border)}.image-card-actions .edit-button:hover{background-color:var(--color-border);color:var(--color-text-main)}.image-card-actions .delete-button{background-color:var(--color-error);color:#fff}.image-card-actions .delete-button:hover{background-color:#b00020}#insert-from-gallery-button{background-color:var(--color-secondary-bg-panel);color:var(--color-secondary);border:1px solid var(--color-secondary);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);font-size:.9rem;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease,color .2s ease}#insert-from-gallery-button:hover{background-color:var(--color-secondary);color:#fff}#gallery-modal-for-prompt .modal-content{max-width:90%;width:800px}#gallery-modal-for-prompt .modal-content.large{max-width:1000px}#gallery-modal-image-grid{max-height:50vh;overflow-y:auto;padding:var(--spacing-unit);background-color:var(--color-bg-section);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:calc(var(--spacing-unit) * 2);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-unit)}#gallery-modal-image-grid .image-card.compact-card{cursor:pointer}#gallery-modal-image-grid .image-card.compact-card img{height:120px}#gallery-modal-image-grid .image-card .image-card-details-modal p{font-size:.8rem;margin:calc(var(--spacing-unit) * .25) 0;line-height:1.3}#gallery-modal-image-grid .image-card .image-card-details-modal .tags-modal{font-size:.7rem;opacity:.8}#gallery-modal-image-grid .image-card.selected{box-shadow:0 0 0 3px var(--color-primary);border-color:var(--color-primary)}.gallery-modal-controls{margin-bottom:var(--spacing-unit)}.gallery-modal-controls input[type=search]{width:100%;padding:var(--spacing-unit);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box}.gallery-modal-actions{margin-top:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--color-border);text-align:right}.gallery-modal-actions h4{margin-top:0;margin-bottom:var(--spacing-unit);color:var(--color-text-secondary);text-align:left}.gallery-modal-actions div{margin-bottom:var(--spacing-unit);text-align:left}.gallery-modal-actions label{font-weight:400;margin-left:calc(var(--spacing-unit) * .5)}#gallery-modal-confirm-selection{width:auto}.gallery-preview-item{display:flex;align-items:center;padding:calc(var(--spacing-unit) * .5);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.8rem;color:var(--color-text-secondary);margin:4px}.gallery-preview-item img{width:40px!important;height:40px!important;object-fit:cover;margin-right:var(--spacing-unit);border-radius:var(--border-radius_small, 2px)}.full-page-modal{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c;animation:fadeIn .3s ease-out}.full-page-modal-content{background-color:#1e1e1e;color:#e0e0e0;margin:auto;padding:20px;border:1px solid #444;width:95%;max-width:1200px;height:95vh;max-height:95vh;border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;position:relative}.full-page-modal .modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px;flex-shrink:0}.full-page-modal .modal-header h2{margin:0;font-size:1.8em;color:#e0e0e0}.full-page-modal .close-button{font-size:1.8em;padding:5px 10px;color:#e0e0e0}.full-page-modal-body{flex-grow:1;overflow-y:auto;padding-right:10px}.gallery-container-modal-content{display:flex;flex-direction:column;gap:30px}.full-page-modal .image-upload-section,.full-page-modal .image-display-section{background-color:#2a2a2a;padding:20px;border-radius:var(--border-radius_small, 6px);box-shadow:0 2px 8px #0003}.full-page-modal .image-upload-section h3,.full-page-modal .image-display-section h3{margin-top:0;margin-bottom:15px;color:#ccc;border-bottom:1px solid #444;padding-bottom:8px}#fp-gallery-upload-form{display:flex;flex-direction:column;gap:15px}#fp-gallery-upload-form div{display:flex;flex-direction:column;gap:5px}#fp-gallery-upload-form label{font-weight:700;color:#bbb}#fp-gallery-upload-form input[type=file],#fp-gallery-upload-form input[type=text]{padding:10px;border:1px solid #555;background-color:#333;color:#ddd;border-radius:var(--border-radius)}#fp-gallery-upload-form input[type=file]::file-selector-button{background-color:var(--color-primary);color:#fff;border:none;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease}#fp-gallery-upload-form input[type=file]::file-selector-button:hover{background-color:var(--color-primary-hover)}#fp-gallery-upload-form button[type=submit]{align-self:flex-start;padding:10px 20px}#fp-gallery-upload-status,#fp-gallery-status-message{margin-top:10px;padding:10px;border-radius:var(--border-radius);text-align:center}.full-page-modal .gallery-controls{margin-bottom:15px}#fp-gallery-search-tags{width:100%;padding:10px;border:1px solid #555;background-color:#333;color:#ddd;border-radius:var(--border-radius);box-sizing:border-box}.full-page-modal .image-card{background-color:#333;border:1px solid #4a4a4a}.full-page-modal .image-card-info p,.full-page-modal .image-card .image-description,.full-page-modal .image-card .image-tags,.full-page-modal .image-card .image-date{color:#b0b0b0}.full-page-modal .image-card-info .image-description{color:#ccc}@media (max-width: 768px){.full-page-modal-content{width:100%;height:100%;max-height:100vh;margin:0;border-radius:0;border:none}.full-page-modal-body{padding-right:0}}#gallery-modal-for-prompt{z-index:1001}.my-uploads-container{padding:var(--spacing-unit);height:100%;display:flex;flex-direction:column;overflow:hidden}.my-uploads-container h2{margin:0 0 var(--spacing-unit) 0;font-size:1.2rem;color:var(--color-text-main);border-bottom:1px solid var(--color-border);padding-bottom:calc(var(--spacing-unit) * .5)}.my-uploads-container h3{margin:0 0 calc(var(--spacing-unit) * .75) 0;font-size:1rem;color:var(--color-text-main)}.my-uploads-container .auth-message{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:calc(var(--spacing-unit) * 2)}.my-uploads-container .image-upload-section{margin-bottom:calc(var(--spacing-unit) * 1.5);padding-bottom:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--color-border-light)}.my-uploads-container .image-display-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.my-uploads-container .form-group{margin-bottom:var(--spacing-unit)}.my-uploads-container .form-group label{display:block;margin-bottom:calc(var(--spacing-unit) * .25);font-size:.9rem;color:var(--color-text-main);font-weight:500}.my-uploads-container .form-group input[type=file],.my-uploads-container .form-group input[type=text]{width:100%;padding:calc(var(--spacing-unit) * .5);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.9rem;background-color:var(--color-bg);color:var(--color-text-main)}.my-uploads-container .form-group input[type=file]:focus,.my-uploads-container .form-group input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #007bff40}.my-uploads-container .upload-status{margin-top:calc(var(--spacing-unit) * .5);min-height:20px}.my-uploads-container .success-message{color:var(--color-success, #28a745);font-size:.9rem;padding:calc(var(--spacing-unit) * .5);background-color:#28a7451a;border-radius:var(--border-radius)}.my-uploads-container .error-message{color:var(--color-error, #dc3545);font-size:.9rem;padding:calc(var(--spacing-unit) * .5);background-color:#dc35451a;border-radius:var(--border-radius)}.my-uploads-container .gallery-controls{margin-bottom:var(--spacing-unit)}.my-uploads-container .gallery-controls input[type=search]{width:100%;padding:calc(var(--spacing-unit) * .5);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.9rem;background-color:var(--color-bg);color:var(--color-text-main)}.my-uploads-container #my-uploads-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-unit);padding:calc(var(--spacing-unit) * .5) 0}.my-uploads-container .loading-indicator,.my-uploads-container .no-images-message{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);font-style:italic;padding:calc(var(--spacing-unit) * 2)}.my-uploads-container .image-card{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer;aspect-ratio:1;background-color:var(--color-bg)}.my-uploads-container .image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.my-uploads-container .image-card img{width:100%;height:100%;object-fit:cover;display:block}.my-uploads-container .image-card-info{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;padding:calc(var(--spacing-unit) * .5);font-size:.75rem;opacity:0;transition:opacity .2s;display:flex;flex-direction:column}.my-uploads-container .image-card:hover .image-card-info{opacity:1}.my-uploads-container .image-card-info p{margin:0 0 calc(var(--spacing-unit) * .25) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-uploads-container .image-card-info .image-description{font-weight:500}.my-uploads-container .image-card-info .image-tags{opacity:.8}.my-uploads-container .image-card-info .image-date{opacity:.6;font-size:.7rem}.my-uploads-container .image-card-actions{position:absolute;top:calc(var(--spacing-unit) * .5);right:calc(var(--spacing-unit) * .5);display:flex;gap:calc(var(--spacing-unit) * .25);opacity:0;transition:opacity .2s}.my-uploads-container .image-card:hover .image-card-actions{opacity:1}.my-uploads-container .image-card-actions button{width:24px;height:24px;border-radius:50%;border:none;background-color:#ffffffe6;color:var(--color-text-main);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .2s}.my-uploads-container .image-card-actions button:hover{background-color:#fff;transform:scale(1.1)}.my-uploads-container .image-card-actions .delete-button:hover{background-color:#dc3545e6;color:#fff}.gallery-sidebar-container{padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.gallery-sidebar-container h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#1f2937;padding-bottom:8px;border-bottom:2px solid #6366f1}.gallery-option{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;color:#374151;text-align:left;display:flex;align-items:center;gap:8px}.gallery-option:hover{background:#f1f5f9;border-color:#6366f1;color:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a}.gallery-option.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f133}@media (max-width: 768px){.my-uploads-container #my-uploads-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.my-uploads-container .image-card-actions button{padding:4px 8px;font-size:.8rem}.my-uploads-container .form-group input[type=file],.my-uploads-container .form-group input[type=text]{padding:12px;font-size:16px}.gallery-sidebar-container{padding:12px}.gallery-sidebar-container h3{font-size:1rem;margin-bottom:12px}.gallery-option{padding:10px 12px;font-size:.9rem;margin-bottom:6px}.gallery-option:hover{transform:none}}@media (max-width: 480px){.gallery-sidebar-container{padding:8px}.gallery-option{padding:8px 10px;font-size:.85rem}.gallery-sidebar-container h3{font-size:.95rem}}.templates-sidebar-container{padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.templates-sidebar-container h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#1f2937;padding-bottom:8px;border-bottom:2px solid #6366f1}.templates-option{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;color:#374151;text-align:left;display:flex;align-items:center;gap:8px}.templates-option:hover{background:#f1f5f9;border-color:#6366f1;color:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 8px #6366f11a}.templates-option.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f133}@media (max-width: 768px){.templates-sidebar-container{padding:12px}.templates-sidebar-container h3{font-size:1rem;margin-bottom:12px}.templates-option{padding:10px 12px;font-size:.9rem;margin-bottom:6px}.templates-option:hover{transform:none}}@media (max-width: 480px){.templates-sidebar-container{padding:8px}.templates-option{padding:8px 10px;font-size:.85rem}.templates-sidebar-container h3{font-size:.95rem}}.chat-status-bar{display:none;padding:calc(var(--spacing-unit) * .75) var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * .5);border-radius:var(--border-radius);font-size:.9rem;text-align:center;transition:opacity .3s ease,transform .3s ease,background-color .3s ease;opacity:0;transform:translateY(-20px);position:relative;z-index:1050}.chat-status-bar.visible{display:block;opacity:1;transform:translateY(0)}.chat-status-bar.info{background-color:var(--color-info-bg, #e0f0ff);color:var(--color-info-text, #004085);border:1px solid var(--color-info-border, #b8daff)}.chat-status-bar.success{background-color:var(--color-success-bg, #d4edda);color:var(--color-success-text, #155724);border:1px solid var(--color-success-border, #c3e6cb)}.chat-status-bar.error{background-color:var(--color-error-bg, #f8d7da);color:var(--color-error-text, #721c24);border:1px solid var(--color-error-border, #f5c6cb)}#chat-status-message{display:inline-block}.chat-section{background:var(--bg-secondary, #1a1a1a);border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid var(--border-color, #333)}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #333)}.chat-header h3{margin:0;color:var(--text-primary, #fff);font-size:16px;font-weight:600}.new-chat-btn{background:var(--accent-color, #4CAF50);border:none;border-radius:6px;padding:8px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.new-chat-btn:hover{background:var(--accent-hover, #45a049);transform:translateY(-1px)}.new-chat-btn:active{transform:translateY(0)}.project-selector{margin-bottom:16px}.project-select{width:100%;background:var(--bg-tertiary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px;padding:8px 12px;color:var(--text-primary, #fff);font-size:14px}.project-select:focus{outline:none;border-color:var(--accent-color, #4CAF50);box-shadow:0 0 0 2px #4caf5033}.chat-list-container{max-height:300px;overflow-y:auto}.chat-list{display:flex;flex-direction:column;gap:8px}.chat-item{background:var(--bg-tertiary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease}.chat-item:hover{background:var(--bg-hover, #353535);border-color:var(--accent-color, #4CAF50)}.chat-item.active{background:var(--accent-color, #4CAF50);border-color:var(--accent-color, #4CAF50);color:#fff}.chat-item.active .chat-title{color:#fff}.chat-item.active .chat-meta{color:#fffc}.chat-item-content{display:flex;flex-direction:column;gap:4px}.chat-title{color:var(--text-primary, #fff);font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary, #888)}.chat-date{color:inherit}.chat-project-badge{background:var(--accent-color, #4CAF50);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:500}.chat-list-empty{text-align:center;padding:24px 12px;color:var(--text-secondary, #888)}.chat-list-empty p{margin:0 0 16px;font-size:14px}.start-first-chat{background:var(--accent-color, #4CAF50);border:none;border-radius:6px;padding:8px 16px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.start-first-chat:hover{background:var(--accent-hover, #45a049)}.current-chat-info{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color, #333)}.chat-title-edit{display:flex;gap:8px;margin-bottom:12px}.chat-title-input{flex:1;background:var(--bg-tertiary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:4px;padding:6px 8px;color:var(--text-primary, #fff);font-size:12px}.chat-title-input:focus{outline:none;border-color:var(--accent-color, #4CAF50)}.save-title-btn{background:var(--accent-color, #4CAF50);border:none;border-radius:4px;padding:6px 12px;color:#fff;cursor:pointer;font-size:12px;white-space:nowrap}.save-title-btn:hover{background:var(--accent-hover, #45a049)}.chat-actions{display:flex;justify-content:flex-end}.delete-chat-btn{background:var(--danger-color, #f44336);border:none;border-radius:4px;padding:6px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-chat-btn:hover{background:var(--danger-hover, #d32f2f)}.chat-list-container::-webkit-scrollbar{width:6px}.chat-list-container::-webkit-scrollbar-track{background:var(--bg-tertiary, #2a2a2a);border-radius:3px}.chat-list-container::-webkit-scrollbar-thumb{background:var(--border-color, #444);border-radius:3px}.chat-list-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #666)}@media (max-width: 768px){.chat-section{padding:12px}.chat-header h3{font-size:14px}.new-chat-btn{padding:6px}.chat-item{padding:10px}.chat-title{font-size:13px}.chat-meta{font-size:11px}}.sidebar .chat-section:first-child,.gallery-container .chat-section:first-child{margin-top:0}[data-theme=dark] .chat-section,.dark-theme .chat-section{--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-hover: #353535;--text-primary: #fff;--text-secondary: #888;--border-color: #333;--accent-color: #4CAF50;--accent-hover: #45a049;--danger-color: #f44336;--danger-hover: #d32f2f}[data-theme=light] .chat-section,.light-theme .chat-section{--bg-secondary: #f5f5f5;--bg-tertiary: #fff;--bg-hover: #e0e0e0;--text-primary: #333;--text-secondary: #666;--border-color: #ddd;--accent-color: #4CAF50;--accent-hover: #45a049;--danger-color: #f44336;--danger-hover: #d32f2f}.drag-drop-enabled{position:relative;transition:all .2s ease}.drag-drop-enabled.drag-over{background:#4caf501a!important;border:2px dashed var(--accent-color, #4CAF50)!important;border-radius:8px}.drag-drop-enabled.drag-over:after{content:"Drop image here to add to chat";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-color, #4CAF50);color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;pointer-events:none;z-index:1000;box-shadow:0 2px 8px #0003}img[draggable=true]{cursor:grab!important;transition:opacity .2s ease}img[draggable=true]:active{cursor:grabbing!important}.reference-autocomplete{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #00000026;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;min-width:300px;max-width:450px}.reference-autocomplete-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px}.reference-autocomplete-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.reference-autocomplete-close:hover{background-color:#fff3}.reference-autocomplete-list{max-height:250px;overflow-y:auto}.reference-autocomplete-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.reference-autocomplete-item:hover{background-color:#f8f9fa}.reference-autocomplete-item:last-child{border-bottom:none}.reference-autocomplete-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:8px;margin-right:12px;border:2px solid #e0e0e0}.reference-autocomplete-info{flex:1}.reference-autocomplete-name{font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.reference-autocomplete-details{font-size:12px;color:#666;line-height:1.3}.prompt-input-editable{width:100%;min-height:40px;max-height:120px;padding:calc(var(--spacing-unit, 8px) * .25) 0;border:none;background-color:var(--color-bg, #fff)!important;color:var(--color-text-main, #333)!important;font-family:inherit;font-size:1rem;line-height:1.4;overflow-y:auto;resize:none;outline:none;word-wrap:break-word;white-space:pre-wrap;cursor:text;box-sizing:border-box;caret-color:var(--color-text-main, #333);position:relative;z-index:1}.prompt-input-editable:focus{color:var(--color-text-main, #333)!important;background-color:var(--color-bg, #fff)!important;caret-color:var(--color-text-main, #333);border:1px solid var(--color-primary, #0069c7)!important}.prompt-input-editable:empty:before{content:attr(data-placeholder);color:var(--color-text-secondary, #888);pointer-events:none;opacity:.7}.prompt-input-editable:focus:before{opacity:.5}.prompt-input-editable:not(:empty):before{display:none}.reference-badge{display:inline-block;background:#2563eb;color:#fff;padding:2px 8px;margin:0 2px;border-radius:12px;font-size:.85em;font-weight:500;line-height:1.4;cursor:pointer;user-select:none;vertical-align:baseline;white-space:nowrap;transition:all .2s ease;position:relative;border:2px solid transparent;max-width:200px;overflow:hidden;text-overflow:ellipsis}.reference-badge:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb4d}.reference-badge-selected{background:#1e40af;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa80}.reference-badge:before{content:"";position:absolute;inset:0;background:#ffffff1a;opacity:0;transition:opacity .2s ease}.reference-badge:hover:before{opacity:1}.reference-badge-removing{animation:badge-remove .3s ease forwards}@keyframes badge-remove{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(0);margin:0;padding:0;width:0}}.reference-badge-inserting{animation:badge-insert .3s ease forwards}@keyframes badge-insert{0%{opacity:0;transform:scale(0)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.reference-badge:focus{outline:2px solid #60a5fa;outline-offset:2px}.reference-picker-popup{position:fixed;background:var(--theme-bg-surface, #ffffff);border:1px solid var(--theme-border-base, #d4d4d8);border-radius:12px;box-shadow:0 8px 32px #9333ea26;width:450px;max-height:500px;z-index:1000;display:none;flex-direction:column}.reference-picker-header{padding:16px;border-bottom:1px solid var(--theme-border-base, #d4d4d8)}.reference-picker-search{width:100%;background:var(--theme-bg-secondary, #f4f4f5);border:1px solid var(--theme-border-light, #e4e4e7);border-radius:8px;padding:8px 12px;color:var(--theme-text-primary, #18181b);font-size:14px;margin-bottom:12px}.reference-picker-search:focus{outline:none;border-color:var(--theme-primary, #4c00ff);box-shadow:0 0 0 2px #4c00ff33}.reference-picker-search::placeholder{color:var(--theme-text-muted, #a1a1aa)}.reference-picker-tabs{display:flex;gap:8px}.reference-picker-tab{flex:1;background:var(--theme-bg-secondary, #f4f4f5);border:1px solid var(--theme-border-light, #e4e4e7);border-radius:6px;padding:8px 12px;color:var(--theme-text-secondary, #52525b);font-size:13px;cursor:pointer;text-align:center;transition:all .2s ease}.reference-picker-tab:hover{background:var(--theme-bg-surface-hover, #f1f5f9);color:var(--theme-text-primary, #18181b)}.reference-picker-tab.active{background:var(--theme-primary, #4c00ff);border-color:var(--theme-primary, #4c00ff);color:var(--theme-text-on-primary, #ffffff)}.reference-picker-content{flex:1;padding:16px;overflow:hidden}.reference-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;max-height:300px;overflow-y:auto;padding-right:4px}.reference-picker-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.reference-picker-image:hover{border-color:var(--theme-primary, #4c00ff);transform:scale(1.05)}.reference-picker-image:focus{outline:none;border-color:var(--theme-primary, #4c00ff);box-shadow:0 0 0 2px #4c00ff4d}.reference-picker-image img{width:100%;height:100%;object-fit:cover}.reference-picker-image-number{position:absolute;top:4px;right:4px;background:var(--theme-primary, #4c00ff);color:var(--theme-text-on-primary, #ffffff);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:2}.reference-picker-empty{text-align:center;padding:32px 16px;color:var(--theme-text-muted, #a1a1aa)}.reference-picker-empty p{margin:0 0 8px;font-size:14px}.reference-picker-loading{text-align:center;padding:32px 16px;color:var(--theme-text-muted, #a1a1aa)}.reference-picker-grid::-webkit-scrollbar{width:6px}.reference-picker-grid::-webkit-scrollbar-track{background:var(--bg-primary, #1a1a1a);border-radius:3px}.reference-picker-grid::-webkit-scrollbar-thumb{background:var(--border-color, #555);border-radius:3px}.reference-picker-grid::-webkit-scrollbar-thumb:hover{background:var(--text-secondary, #888)}[data-theme=dark] .reference-picker-popup{background:var(--bg-tertiary, #2a2a2a);border-color:var(--border-color, #444)}[data-theme=dark] .reference-picker-search{background:var(--bg-primary, #1a1a1a);border-color:var(--border-color, #555);color:var(--text-primary, #fff)}[data-theme=dark] .reference-picker-tab{background:var(--bg-primary, #1a1a1a);border-color:var(--border-color, #555);color:var(--text-secondary, #888)}[data-theme=dark] .reference-picker-empty,[data-theme=dark] .reference-picker-loading{color:var(--text-secondary, #888)}@media (max-width: 768px){.reference-picker-popup{width:350px;max-height:450px}.reference-picker-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;max-height:250px}.reference-picker-image-number{width:18px;height:18px;font-size:9px}}@media (max-width: 480px){.reference-picker-popup{width:300px;max-height:400px}.reference-picker-header,.reference-picker-content{padding:12px}.reference-picker-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;max-height:200px}.reference-picker-tab{padding:6px 8px;font-size:12px}}.workflow-recommendations-popup{background:#fff;border-radius:16px;box-shadow:0 12px 40px #0003;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;width:500px;max-height:70vh;display:flex;flex-direction:column}.recommendations-header{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.recommendations-header h3{margin:0;font-size:18px;font-weight:600}.recommendations-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.recommendations-close:hover{background-color:#fff3}.recommendations-content{padding:20px;flex:1;overflow-y:auto}.recommendations-content>p{margin:0 0 16px;color:#555;font-size:14px}.recommendations-list{margin-bottom:20px}.recommendation-item{border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start;transition:border-color .2s,box-shadow .2s}.recommendation-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.recommendation-info{flex:1;margin-right:16px}.recommendation-title{font-weight:600;color:#333;margin-bottom:6px;font-size:16px}.recommendation-description{color:#666;font-size:14px;margin-bottom:4px;line-height:1.4}.recommendation-reason{color:#888;font-size:12px;margin-bottom:4px}.recommendation-confidence{color:#667eea;font-size:12px;font-weight:500}.recommendation-actions{display:flex;flex-direction:column;gap:6px}.recommendation-apply,.recommendation-dismiss{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s;min-width:80px}.recommendation-apply{background:#667eea;color:#fff}.recommendation-apply:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px)}.recommendation-apply:disabled{background:#28a745;cursor:not-allowed}.recommendation-dismiss{background:#f8f9fa;color:#666;border:1px solid #e0e0e0}.recommendation-dismiss:hover:not(:disabled){background:#e9ecef}.recommendation-dismiss:disabled{opacity:.6;cursor:not-allowed}.recommendations-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e0e0e0}.recommendations-apply-all,.recommendations-dismiss-all{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.recommendations-apply-all{background:#667eea;color:#fff}.recommendations-apply-all:hover{background:#5a67d8;transform:translateY(-1px)}.recommendations-dismiss-all{background:#f8f9fa;color:#666;border:1px solid #e0e0e0}.recommendations-dismiss-all:hover{background:#e9ecef}[data-theme=dark] .reference-autocomplete,.dark-theme .reference-autocomplete{background:#2a2a2a;border-color:#444}[data-theme=dark] .reference-autocomplete-item,.dark-theme .reference-autocomplete-item{border-bottom-color:#444}[data-theme=dark] .reference-autocomplete-item:hover,.dark-theme .reference-autocomplete-item:hover{background-color:#353535}[data-theme=dark] .reference-autocomplete-name,.dark-theme .reference-autocomplete-name{color:#fff}[data-theme=dark] .reference-autocomplete-details,.dark-theme .reference-autocomplete-details{color:#aaa}[data-theme=dark] .workflow-recommendations-popup,.dark-theme .workflow-recommendations-popup{background:#2a2a2a}[data-theme=dark] .recommendations-content>p,.dark-theme .recommendations-content>p{color:#ccc}[data-theme=dark] .recommendation-item,.dark-theme .recommendation-item{border-color:#444;background:#333}[data-theme=dark] .recommendation-title,.dark-theme .recommendation-title{color:#fff}[data-theme=dark] .recommendation-description,.dark-theme .recommendation-description{color:#ccc}[data-theme=dark] .recommendation-reason,.dark-theme .recommendation-reason{color:#aaa}@media (max-width: 600px){.workflow-recommendations-popup{width:90vw;max-width:none}.recommendation-actions{flex-direction:row}.recommendations-footer{flex-direction:column}.reference-autocomplete{min-width:250px;max-width:90vw}}.dropdown-menu{position:absolute;bottom:100%;left:0;z-index:var(--z-dropdown, 1000);min-width:200px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 8px #00000026;display:none;padding:8px 0;margin-bottom:8px}.dropdown-menu.show{display:block}@media (max-width: 768px){.dropdown-menu{position:fixed;top:auto;bottom:60px;left:50%;transform:translate(-50%);width:90%;max-width:300px;margin:0;border-radius:12px;box-shadow:0 -2px 10px #0003}}.dropdown-item{display:flex;align-items:center;padding:8px 16px;color:var(--color-text-main);text-decoration:none;cursor:pointer;transition:background-color .2s;gap:8px;font-size:14px}.dropdown-item:hover{background-color:var(--color-bg-section)}.dropdown-item:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.dropdown-item:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.upload-button-wrapper{position:relative;display:inline-block}[data-theme=dark] .dropdown-menu,.dark-theme .dropdown-menu{background:#2a2a2a;border-color:#444}[data-theme=dark] .dropdown-item,.dark-theme .dropdown-item{color:#fff}[data-theme=dark] .dropdown-item:hover,.dark-theme .dropdown-item:hover{background:#353535}.chat-sidebar-header{margin-bottom:var(--spacing-unit)}.chat-sidebar-header h2{margin:0 0 var(--spacing-unit) 0;font-size:1.3rem;color:var(--color-text-main)}#create-new-chat-button{width:100%;padding:calc(var(--spacing-unit) * .75);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * .5);transition:background-color .2s ease,transform .1s ease}#create-new-chat-button:hover{background-color:var(--color-primary-dark, #0056b3);transform:translateY(-1px)}#create-new-chat-button:active{transform:translateY(0)}.button-icon{font-size:1rem}.chat-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .5);max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden}.chat-item{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * .75);cursor:pointer;transition:all .2s ease;position:relative}.chat-item:hover{background-color:var(--color-bg-section);border-color:var(--color-border-dark, #ccc);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.chat-item.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chat-item.active .chat-name{color:#fff;font-weight:500}.chat-item.active .chat-image-count,.chat-item.active .chat-last-activity{color:#ffffffe6}.chat-item-main{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .25)}.chat-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing-unit) * .5)}.chat-name{font-size:.95rem;font-weight:500;color:var(--color-text-main);line-height:1.2;word-break:break-word;flex-grow:1}.chat-actions{display:flex;gap:calc(var(--spacing-unit) * .25);opacity:0;transition:opacity .2s ease}.chat-item:hover .chat-actions,.chat-item.active .chat-actions{opacity:1}.chat-action-button{background:none;border:none;padding:calc(var(--spacing-unit) * .25);cursor:pointer;font-size:.8rem;border-radius:3px;transition:background-color .2s ease;color:inherit}.chat-action-button:hover{background-color:#0000001a}.chat-item.active .chat-action-button:hover{background-color:#fff3}.chat-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;gap:calc(var(--spacing-unit) * .5)}.chat-image-count{color:var(--color-text-secondary);font-weight:500}.chat-last-activity{color:var(--color-text-secondary);white-space:nowrap}.empty-chat-list{text-align:center;padding:calc(var(--spacing-unit) * 2);color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.empty-chat-list p{margin:0 0 calc(var(--spacing-unit) * .5) 0}.empty-chat-list p:last-child{margin-bottom:0}@media (max-width: 768px){.chat-sidebar-header h2{font-size:1.1rem}#create-new-chat-button{padding:calc(var(--spacing-unit) * .6);font-size:.85rem}.chat-item{padding:calc(var(--spacing-unit) * .6)}.chat-name{font-size:.9rem}.chat-item-meta{font-size:.75rem}.chat-actions{opacity:1}}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:var(--color-bg-section);border-radius:3px}.chat-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.chat-list::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark, #999)}.chat-images-section{margin-top:var(--spacing-unit);padding-top:var(--spacing-unit);border-top:1px solid var(--color-border-light, #eee)}.chat-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * .75)}.chat-images-header h4{margin:0;font-size:1rem;color:var(--color-text-main);font-weight:500}.chat-images-count{font-size:.8rem;color:var(--color-text-secondary);background-color:var(--color-bg-section);padding:calc(var(--spacing-unit) * .25) calc(var(--spacing-unit) * .5);border-radius:calc(var(--border-radius) / 2);border:1px solid var(--color-border)}.chat-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:calc(var(--spacing-unit) * .5);max-height:300px;overflow-y:auto;overflow-x:hidden}.chat-image-thumbnail{position:relative;aspect-ratio:1;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.chat-image-thumbnail:hover{border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 2px 8px #00000026}.chat-image-thumbnail.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #0069c74d}.chat-image-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.chat-image-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.6) 0%,transparent 30%);display:flex;align-items:flex-start;justify-content:flex-start;padding:calc(var(--spacing-unit) * .25);opacity:0;transition:opacity .2s ease}.chat-image-thumbnail:hover .chat-image-overlay,.chat-image-thumbnail.active .chat-image-overlay{opacity:1}.chat-image-index{background-color:#000c;color:#fff;font-size:.7rem;font-weight:500;padding:calc(var(--spacing-unit) * .1) calc(var(--spacing-unit) * .25);border-radius:calc(var(--border-radius) / 2);min-width:16px;text-align:center;line-height:1}.empty-chat-images{grid-column:1 / -1;text-align:center;padding:calc(var(--spacing-unit) * 1.5);color:var(--color-text-secondary);font-size:.85rem;background-color:var(--color-bg-section);border:1px dashed var(--color-border);border-radius:var(--border-radius)}.empty-chat-images p{margin:0}.chat-images-filter{margin:calc(var(--spacing-unit) * .75) 0;position:relative}.filter-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.85rem;cursor:pointer;transition:all .2s ease;min-height:36px;width:100%;justify-content:flex-start;position:relative}.filter-button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-icon{font-size:1rem}.filter-text{font-weight:500}.active-filters{margin-top:8px;padding:8px;background-color:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--border-radius)}.active-filters.hidden{display:none}.active-filters-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px;display:block}.active-filter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.filter-chip{display:inline-flex;align-items:center;gap:4px;background-color:var(--color-primary);color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.remove-chip{background:none;border:none;color:#fff;font-size:.9rem;cursor:pointer;padding:0;margin-left:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.remove-chip:hover{background-color:#fff3}.filter-logic-display{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;color:var(--color-text-secondary)}.current-logic{font-weight:600;color:var(--color-primary)}.logic-options{display:flex;gap:4px}.logic-option{background:none;border:1px solid var(--color-border);border-radius:4px;padding:2px 8px;font-size:.7rem;cursor:pointer;transition:all .2s ease;color:var(--color-text-secondary)}.logic-option.active,.logic-option:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.clear-all-filters{background:none;border:none;color:var(--color-error);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;align-self:flex-start}.clear-all-filters:hover{background-color:var(--color-error);color:#fff}.tag-filter-popup{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;margin-top:4px;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.tag-filter-popup.hidden{display:none}.popup-header{padding:12px 16px;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-section)}.popup-header h4{margin:0 0 8px;font-size:.9rem;font-weight:600;color:var(--color-text)}.popup-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.logic-controls{display:flex;align-items:center;gap:6px}.logic-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.popup-logic-toggle{background-color:var(--color-primary);color:#fff;border:none;padding:4px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:40px}.popup-logic-toggle:hover{background-color:var(--color-text-secondary)}.popup-logic-toggle[data-logic=OR]{background-color:var(--color-error)}.popup-clear-all{background:none;border:none;color:var(--color-error);font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.popup-clear-all:hover{background-color:var(--color-error);color:#fff}.tag-filter-categories{flex:1;overflow-y:auto;padding:12px 16px}.category-title{margin:0 0 8px;font-size:.85rem;font-weight:600;color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:4px}.category-tags{display:flex;flex-direction:column;gap:4px}.tag-checkbox-label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;font-size:.85rem}.tag-checkbox-label:hover{background-color:var(--color-bg-section)}.tag-checkbox-label input[type=checkbox]{margin:0;cursor:pointer}.tag-name{flex:1}.tag-name.system-tag{color:var(--color-primary);font-weight:500}.tag-name.user-tag{color:var(--color-text)}.no-tags-message{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:20px}.popup-actions{padding:12px 16px;border-top:1px solid var(--color-border);background-color:var(--color-bg-section)}.apply-filter-button{width:100%;background-color:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-filter-button:hover{background-color:var(--color-text-secondary);transform:translateY(-1px)}.chat-images-actions{margin-top:8px;display:flex;justify-content:center}.download-all-button{background-color:var(--color-text-secondary);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.download-all-button:hover{background-color:var(--color-primary);transform:translateY(-1px)}.download-all-button:disabled{background-color:var(--color-border);cursor:not-allowed;transform:none}.download-all-button:before{content:"⬇️";font-size:.9rem}@media (max-width: 768px){.chat-images-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:calc(var(--spacing-unit) * .4);max-height:200px}.chat-images-header h4{font-size:.9rem}.chat-images-count{font-size:.75rem;padding:calc(var(--spacing-unit) * .2) calc(var(--spacing-unit) * .4)}.chat-image-index{font-size:.6rem;padding:calc(var(--spacing-unit) * .05) calc(var(--spacing-unit) * .2)}.empty-chat-images{padding:var(--spacing-unit);font-size:.8rem}.tag-filter-popup{max-height:350px}.popup-controls{flex-direction:column;align-items:flex-start;gap:8px}.active-filter-chips{max-height:80px;overflow-y:auto}.filter-logic-display{flex-wrap:wrap}}.chat-images-grid::-webkit-scrollbar{width:4px}.chat-images-grid::-webkit-scrollbar-track{background:var(--color-bg-section);border-radius:2px}.chat-images-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.chat-images-grid::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark, #999)}.template-indicator{position:absolute;top:8px;right:8px;transform:none;background:#0000004d;color:#fff;font-size:12px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;font-family:monospace;border:1px solid rgba(255,255,255,.3)}.upload-preview-template{position:relative}.upload-preview-template .template-indicator{opacity:.7}.upload-preview-template:hover .template-indicator{opacity:.9;background:#00000080}.color-selector-button{width:32px;height:32px;border:1px solid var(--border-color, #333);border-radius:6px;cursor:pointer;position:relative;margin-right:8px;background:transparent;padding:0;overflow:hidden}.color-selector-button:before,.color-selector-button:after{content:"";position:absolute;width:16px;height:32px;top:0}.color-selector-button:before{left:0;background:var(--primary-color, #000000)}.color-selector-button:after{right:0;background:var(--secondary-color, #FFFFFF)}.color-selector-popup{position:fixed;background:var(--color-bg, #FFFFFF);border:1px solid var(--color-border, #E1E4E8);border-radius:12px;padding:20px;min-width:260px;z-index:1000;box-shadow:0 8px 24px #0b2e5926,0 2px 8px #00000014;display:none}.color-selector-popup.show{display:block}.color-selector-section{margin-bottom:18px}.color-selector-section:last-child{margin-bottom:0}.color-selector-section h4{margin:0 0 10px;font-size:13px;color:var(--color-text-main, #1B1B1B);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.color-input-group{display:flex;gap:10px;align-items:center}.color-input-group input[type=color]{width:48px;height:48px;padding:4px;border:2px solid var(--color-border, #E1E4E8);border-radius:8px;cursor:pointer;background:var(--color-bg, #FFFFFF);transition:all .2s ease}.color-input-group input[type=color]:hover{border-color:var(--color-primary, #0b2e59);transform:scale(1.05)}.color-input-group input[type=text]{flex:1;background:var(--color-bg-section, #F5F7FA);border:1px solid var(--color-border, #E1E4E8);border-radius:6px;padding:10px 12px;color:var(--color-text-main, #1B1B1B);font-size:13px;font-family:Courier New,monospace;text-transform:uppercase;font-weight:600;transition:all .2s ease}.color-input-group input[type=text]:focus{outline:none;background:var(--color-bg, #FFFFFF);border-color:var(--color-primary, #0b2e59);box-shadow:0 0 0 3px #0b2e591a}.auto-color-button{width:100%;background:var(--color-primary, #0b2e59);border:none;border-radius:8px;padding:12px 20px;color:var(--on-primary, #ffffff);cursor:pointer;font-size:14px;transition:all .2s ease;font-weight:600;box-shadow:0 2px 8px #0b2e5933}.auto-color-button:hover{background:var(--color-primary-hover, #0a274a);transform:translateY(-2px);box-shadow:0 4px 12px #0b2e594d}.auto-color-button:active{transform:translateY(0);box-shadow:0 2px 6px #0b2e5933}@media (max-width: 768px){.color-selector-popup{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100vw;border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow-y:auto;overflow-x:hidden;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 24px #0b2e5933;border-top:2px solid var(--color-primary, #0b2e59);box-sizing:border-box}.color-selector-popup.show{transform:translateY(0)}.color-selector-section{margin-bottom:16px;width:100%;box-sizing:border-box}.color-selector-section h4{font-size:11px;margin-bottom:10px}.color-input-group{gap:8px;width:100%;box-sizing:border-box}.color-input-group input[type=color]{width:44px;height:44px;flex-shrink:0}.color-input-group input[type=text]{flex:1;min-width:0;font-size:12px;padding:10px 8px}.auto-color-button{padding:12px 16px;font-size:13px;border-radius:8px;width:100%;box-sizing:border-box}.color-selector-button{width:28px;height:28px}.color-selector-button:before,.color-selector-button:after{width:14px;height:28px}}.vertical-menu-indicator{position:absolute;top:8px;right:8px;transform:none;color:#fff;font-size:12px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.8}.edit-indicator{background:#ff9500cc}.remix-indicator{background:#ff2d55cc}.variation-indicator{background:#5856d6cc}.upload-preview-vertical-menu{position:relative}.upload-preview-vertical-menu .vertical-menu-indicator{opacity:.8}.upload-preview-vertical-menu:hover .vertical-menu-indicator{opacity:1}.upload-preview-edit:hover .edit-indicator{background:#ff9500}.upload-preview-remix:hover .remix-indicator{background:#ff2d55}.upload-preview-variation:hover .variation-indicator{background:#5856d6}.chat-images-section-horizontal{width:100%;background:#f8f9fa;border:1px solid #e1e4e8;border-radius:8px;margin-top:0;padding:4px 6px;box-shadow:0 1px 2px #00000014;display:flex;flex-direction:column}.chat-images-horizontal-container{display:flex;align-items:flex-start;gap:6px;width:100%;min-height:0}.chat-images-left{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.chat-images-right{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:40px}.chat-images-count-vertical{font-size:10px;color:#666;background:#e1e4e8;padding:2px 6px;border-radius:8px;text-align:center;margin-top:6px;display:block;white-space:nowrap}.active-filters-thin-strip{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:4px 8px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;font-size:11px;min-height:24px}.active-filters-thin-strip.hidden{display:none}.active-filters-label{font-weight:600;color:#856404}.active-filter-chips-horizontal{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:4px;background:#007bff;color:#fff;padding:2px 6px;border-radius:12px;font-size:11px;white-space:nowrap}.remove-chip{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:12px;line-height:1}.remove-chip:hover{background:#fff3;border-radius:50%}.filter-logic-display-horizontal{display:flex;align-items:center;gap:4px;color:#856404}.current-logic{font-weight:600;padding:1px 4px;background:#8564041a;border-radius:3px}.clear-all-filters-horizontal{background:#dc3545;color:#fff;border:none;padding:2px 6px;border-radius:3px;font-size:11px;cursor:pointer}.clear-all-filters-horizontal:hover{background:#c82333}.chat-images-horizontal-scroll{display:flex;overflow-x:auto;overflow-y:hidden;gap:6px;padding:2px 0;min-height:70px;max-height:120px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.chat-images-horizontal-scroll::-webkit-scrollbar{height:6px}.chat-images-horizontal-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-images-horizontal-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-images-horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#999}.empty-chat-images-horizontal{display:flex;align-items:center;justify-content:center;width:100%;min-height:70px;color:#666;font-style:italic}.chat-image-thumbnail-horizontal{flex-shrink:0;width:80px;height:80px;border-radius:6px;overflow:hidden;cursor:pointer;position:relative;border:2px solid transparent;transition:all .2s ease;background:#fff;box-shadow:0 1px 3px #0000001a}.chat-image-thumbnail-horizontal:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 3px 6px #00000026}.chat-image-thumbnail-horizontal.active{border-color:#28a745;box-shadow:0 0 0 2px #28a74540}.chat-image-thumbnail-horizontal img{width:100%;height:100%;object-fit:cover;display:block}.chat-image-overlay-horizontal{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600}.chat-image-index-horizontal{line-height:1}.chat-images-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;flex-wrap:wrap}.filter-button-horizontal,.download-all-button-horizontal{width:40px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.filter-button-horizontal:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.download-all-button-horizontal:hover{background:#f8f9fa;border-color:#28a745;color:#28a745}.download-all-button-horizontal:disabled{opacity:.5;cursor:not-allowed}.download-all-button-horizontal:disabled:hover{background:#fff;border-color:#ddd;color:inherit}.filter-icon,.download-icon{font-size:16px;line-height:1}.tag-filter-popup-horizontal{position:absolute;top:0;right:48px;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;width:320px;max-height:400px;overflow-y:auto}.tag-filter-popup-horizontal.hidden{display:none}.popup-header{padding:12px 16px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:8px 8px 0 0}.popup-header h4{margin:0 0 8px;font-size:14px;font-weight:600}.popup-controls{display:flex;align-items:center;justify-content:space-between}.logic-controls{display:flex;align-items:center;gap:8px}.logic-label{font-size:12px;color:#666}.popup-logic-toggle{background:#007bff;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;font-weight:600}.popup-logic-toggle:hover{background:#0056b3}.popup-clear-all{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer}.popup-clear-all:hover{background:#c82333}.tag-filter-categories{padding:16px;max-height:250px;overflow-y:auto}.tag-category{margin-bottom:16px}.tag-category:last-child{margin-bottom:0}.category-title{font-size:12px;font-weight:600;color:#333;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.category-tags{display:flex;flex-direction:column;gap:6px}.tag-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.tag-checkbox-label:hover{background:#f8f9fa}.tag-checkbox-label input[type=checkbox]{margin:0}.tag-name{font-size:12px;flex:1}.tag-name.system-tag{color:#007bff}.tag-name.user-tag{color:#28a745}.no-tags-message{padding:20px;text-align:center;color:#666;font-style:italic}.popup-actions{padding:12px 16px;border-top:1px solid #eee;background:#f8f9fa;border-radius:0 0 8px 8px}.apply-filter-button{width:100%;background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.apply-filter-button:hover{background:#0056b3}@media (max-width: 768px){.tag-filter-popup-horizontal{width:280px;right:-40px}}@media (max-width: 768px){.chat-images-section-horizontal{margin-top:4px;padding:4px;max-height:20vh}.chat-images-horizontal-container{gap:4px}.chat-images-right{min-width:35px;gap:3px}.chat-images-controls{flex-direction:row!important;justify-content:flex-end!important;gap:3px;margin-top:2px}.chat-images-count-vertical{font-size:9px;padding:1px 4px;margin-top:0;writing-mode:horizontal-tb;min-width:30px;text-align:center}.filter-button-horizontal,.download-all-button-horizontal{padding:2px;font-size:10px;min-width:24px;min-height:24px;border-radius:4px}.chat-images-horizontal-scroll{min-height:50px;max-height:60px;gap:3px}.chat-image-thumbnail-horizontal{width:50px;height:50px;border-radius:4px}.chat-image-overlay-horizontal{top:2px;left:2px;padding:1px 4px;border-radius:6px;font-size:9px}.active-filters-thin-strip{padding:2px 4px;margin-bottom:3px;font-size:10px;min-height:20px}.filter-chip{padding:1px 4px;font-size:10px}}.chat-panel-column{width:100%;background-color:var(--color-bg);border-left:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.chat-panel-header{padding:calc(var(--spacing-unit) * .5) var(--spacing-unit);border-bottom:1px solid rgba(255,255,255,.2);background-color:var(--chat-header-bg, var(--color-primary));color:var(--on-primary, #ffffff);flex-shrink:0;height:var(--standard-header-height, 35px);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;gap:12px;position:relative}.chat-panel-title{margin:0;font-size:1rem;font-weight:600;color:var(--on-primary, #ffffff);flex:1}.chat-panel-controls{display:flex;align-items:center;gap:8px}.chat-panel-header .generation-mode-select{flex:0 0 auto;min-width:80px;padding:4px 8px;font-size:.875rem;border:1px solid rgba(255,255,255,.25);border-radius:4px;background-color:#ffffff1a;color:var(--on-primary, #ffffff);cursor:pointer;transition:all .2s ease}.new-chat-header-btn{flex:0 0 auto;padding:4px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background-color:#ffffff1a;color:var(--on-primary, #ffffff);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.new-chat-header-btn:hover{border-color:#ffffff59;background-color:#ffffff2e}.new-chat-header-btn svg{width:16px;height:16px}.mode-info-button{flex:0 0 auto;padding:4px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background-color:#ffffff1a;color:var(--on-primary, #ffffff);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mode-info-button:hover{border-color:#ffffff59;background-color:#ffffff2e}.mode-info-button svg{width:16px;height:16px}.mode-info-tooltip{position:absolute;top:calc(100% + 8px);right:12px;min-width:260px;max-width:320px;padding:10px 12px;background:var(--theme-bg-surface, #ffffff);color:var(--theme-text-primary, #111827);border:1px solid var(--theme-border, #e5e7eb);border-radius:8px;box-shadow:var(--theme-shadow-lg, 0 10px 40px rgba(0,0,0,.15));z-index:var(--z-tooltip, 700);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.mode-info-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.mode-info-tooltip strong{color:var(--theme-primary, inherit)}.chat-panel-header .generation-mode-select:hover{border-color:#ffffff59;background-color:#ffffff2e}.chat-panel-header .generation-mode-select:focus{outline:none;border-color:#fff9;box-shadow:0 0 0 2px #ffffff40}.chat-messages-container{flex:1;overflow-y:auto;padding:var(--spacing-unit);padding-right:4px;background-color:var(--color-bg);scroll-behavior:smooth;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-text-secondary) var(--color-bg-section)}.chat-messages-container::-webkit-scrollbar{width:8px}.chat-messages-container::-webkit-scrollbar-track{background:var(--color-bg-section);border-radius:4px}.chat-messages-container::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:4px;opacity:.7}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-main);opacity:1}.message-bubble{margin-bottom:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * .75) var(--spacing-unit);border-radius:var(--border-radius);position:relative;max-width:100%;word-wrap:break-word;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.user-message{background-color:var(--color-primary);color:#fff;margin-left:auto;margin-right:0;border-bottom-right-radius:4px}.message-bubble.user-message:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border:8px solid transparent;border-bottom-color:var(--color-primary);border-right:none;border-bottom-right-radius:4px}.message-bubble.ai-message{background-color:var(--color-bg-section);color:var(--color-text-main);border:1px solid var(--color-border);margin-left:0;margin-right:auto;border-bottom-left-radius:4px}.message-bubble.ai-message:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border:8px solid transparent;border-bottom-color:var(--color-bg-section);border-left:none;border-bottom-left-radius:4px}.message-bubble.system-message{background-color:#f8f9fa;color:var(--color-text-secondary);border:1px solid var(--color-border);margin:0 auto;text-align:center;font-style:italic;border-radius:var(--border-radius)}.message-bubble.system-message:before{display:none}.message-content{font-size:.9rem;line-height:1.4;margin:0}.message-content.user-content{font-weight:500}.message-content.ai-content{font-weight:400}.message-timestamp{font-size:.75rem;opacity:.7;margin-top:calc(var(--spacing-unit) * .5);text-align:right}.ai-message .message-timestamp{text-align:left}.system-message .message-timestamp{text-align:center}.image-generation-event{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .75);padding:calc(var(--spacing-unit) * .75);background-color:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:calc(var(--spacing-unit) * 1.5)}.image-generation-thumbnail{width:40px;height:40px;border-radius:4px;object-fit:cover;border:1px solid var(--color-border);flex-shrink:0}.image-generation-details{flex:1;min-width:0}.image-generation-title{font-size:.85rem;font-weight:600;color:var(--color-text-main);margin:0 0 4px}.image-generation-prompt{font-size:.75rem;color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);text-align:center;padding:calc(var(--spacing-unit) * 2)}.chat-panel-empty-icon{font-size:3rem;margin-bottom:var(--spacing-unit);opacity:.5}.chat-panel-empty-message{font-size:.9rem;margin:0}.chat-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.chat-panel-loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-unit)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-panel-loading-message{font-size:.9rem;margin:0}.chat-inline-header{display:none}.chat-inline-header-left{display:flex;align-items:center;gap:8px}.chat-inline-title{font-weight:600;font-size:.95rem}.chat-inline-mode-select{min-width:0;font-size:.85rem;border-radius:8px;padding:4px 8px}.chat-expand-button{display:none;border:none;background:transparent;color:inherit;cursor:pointer;padding:6px;border-radius:50%;transition:background .2s ease,transform .2s ease}.chat-expand-button:hover,.chat-expand-button:focus-visible{background:#ffffff26;transform:scale(1.05);outline:none}@media (max-width: 768px){.chat-inline-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff14;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(0,0,0,.15);color:var(--on-primary, #ffffff);gap:12px}.chat-inline-mode-select{background:#0003;color:var(--on-primary, #ffffff);border:1px solid rgba(255,255,255,.25)}.chat-inline-mode-select option{color:#000}.chat-expand-button{display:inline-flex;align-items:center;justify-content:center;color:var(--on-primary, #ffffff)}body.chat-modal-active .chat-inline-header{display:none!important}}.chat-input-section{flex-shrink:0;border-top:1px solid var(--color-border);background-color:var(--chat-input-bg, var(--color-primary));color:var(--on-primary, #ffffff)}body:not(.chat-modal-active) .chat-input-section{position:sticky;bottom:0;z-index:100}.chat-input-section .chat-status-bar{padding:calc(var(--spacing-unit) * .5) var(--spacing-unit);background-color:var(--color-bg-section);border-bottom:1px solid var(--color-border);font-size:.85rem;min-height:24px;display:flex;align-items:center}.chat-input-section .chat-image-previews-section{max-height:120px;overflow-y:auto;border-bottom:1px solid rgba(255,255,255,.2);border-top:1px solid rgba(255,255,255,.08);box-shadow:inset 0 -1px #0000001a}.chat-input-section .chat-image-previews-section::-webkit-scrollbar{height:6px}.chat-input-section .chat-image-previews-section::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-input-section .chat-image-previews-section .chat-images-horizontal,.chat-input-section .chat-image-previews-section .horizontal-previews{display:flex;gap:calc(var(--spacing-unit) * .5);align-items:center}.chat-input-section .chat-image-previews-section .chat-images-horizontal{overflow-x:auto;padding-bottom:2px}.chat-input-section .chat-image-previews-section .horizontal-previews{overflow-x:auto}.chat-input-section .chat-image-previews-section .chat-image-item,.chat-input-section .chat-image-previews-section .image-preview-container{flex:0 0 auto}.chat-input-section .chat-interface-content{padding:var(--spacing-unit) 0 0 0;width:100%;margin-left:0;box-sizing:border-box}.chat-input-section .prompt-input-wrapper{padding:calc(var(--spacing-unit) * .25) 0;border-bottom:1px solid var(--color-border-light);margin-bottom:calc(var(--spacing-unit) * .5)}.chat-input-section .prompt-input-div{width:100%;min-height:80px;max-height:160px;padding:calc(var(--spacing-unit) * .5);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text-main);font-family:inherit;font-size:.9rem;line-height:1.4;resize:vertical;overflow-y:auto;box-sizing:border-box;word-wrap:break-word;white-space:pre-wrap}.chat-input-section .prompt-input-div:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0069c733}.chat-input-section .prompt-input-div:empty:before{content:attr(placeholder);color:var(--color-text-secondary);opacity:.7}.chat-input-section .controls-row{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--spacing-unit) * .5);flex-wrap:wrap}.chat-input-section .controls-left{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5);flex:1;min-width:0}.chat-input-section .controls-right{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5);flex-shrink:0}.chat-input-section .icon-button{background:none;border:none;color:var(--on-primary, #ffffff);font-size:1.1rem;padding:calc(var(--spacing-unit) * .5);border-radius:var(--border-radius);cursor:pointer;transition:color .2s ease,background-color .2s ease}.chat-input-section .icon-button:hover{color:#fff;background-color:#ffffff1f}.chat-input-section .generation-mode-select,.chat-input-section .image-dimension-select,.chat-input-section .style-select{padding:calc(var(--spacing-unit) * .25) calc(var(--spacing-unit) * .5);border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);color:var(--color-text-main);font-size:.85rem;cursor:pointer;transition:all .2s ease}.chat-input-section .generation-mode-select:hover,.chat-input-section .image-dimension-select:hover,.chat-input-section .style-select:hover{border-color:var(--color-primary)}.chat-input-section .generation-mode-select:focus,.chat-input-section .image-dimension-select:focus,.chat-input-section .style-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 0, 105, 199),.25)}.aspect-ratio-select .icon-1-1,.svg-dimension-select .icon-1-1{font-size:200%;line-height:1}.aspect-ratio-select .icon-auto,.svg-dimension-select .icon-auto{font-size:180%;line-height:1}.aspect-ratio-select .icon-21-9,.svg-dimension-select .icon-21-9{font-size:140%;line-height:1}.aspect-ratio-select .icon-16-9,.svg-dimension-select .icon-16-9{font-size:150%;line-height:1}.aspect-ratio-select .icon-4-3,.svg-dimension-select .icon-4-3{font-size:170%;line-height:1}.aspect-ratio-select .icon-3-2,.svg-dimension-select .icon-3-2{font-size:165%;line-height:1}.aspect-ratio-select .icon-5-4,.svg-dimension-select .icon-5-4{font-size:185%;line-height:1}.aspect-ratio-select .icon-9-16,.svg-dimension-select .icon-9-16{font-size:140%;line-height:1}.aspect-ratio-select .icon-3-4,.svg-dimension-select .icon-3-4{font-size:160%;line-height:1}.aspect-ratio-select .icon-2-3,.svg-dimension-select .icon-2-3{font-size:155%;line-height:1}.aspect-ratio-select .icon-4-5,.svg-dimension-select .icon-4-5{font-size:175%;line-height:1}.chat-input-section #generate-button{background-color:var(--color-primary);color:#fff;padding:calc(var(--spacing-unit) * .75);font-size:1.2rem;border-radius:var(--border-radius)}.chat-input-section #generate-button:hover{background-color:var(--color-primary-hover, #0056b3)}.chat-input-section #image-previews{display:flex;gap:calc(var(--spacing-unit) * .25);align-items:center;overflow-x:auto;max-width:150px;padding:calc(var(--spacing-unit) * .125) 0}.chat-input-section #image-previews img{width:16px;height:16px;object-fit:cover;border-radius:4px;border:1px solid var(--color-border);flex-shrink:0}@media (max-width: 1024px){.chat-panel-column{width:30%}}@media (max-width: 768px){.chat-panel-column{width:100%;position:relative;top:auto;right:auto;z-index:auto;background-color:var(--color-bg);border-left:none;box-shadow:none;height:100%}.message-bubble{max-width:85%}.chat-input-section .prompt-input-div{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * .75);min-height:50px!important;max-height:100px!important}.chat-input-section .prompt-input-div:empty:before{font-size:.85rem}.chat-input-section .controls-row{padding:0 calc(var(--spacing-unit) * .25)!important}.chat-input-section .controls-left{margin-bottom:0!important}.chat-input-section .controls-right{flex-shrink:0!important}.chat-input-section .generation-mode-select,.chat-input-section .image-dimension-select{height:32px!important;padding:4px 6px!important;font-size:12px!important}.chat-input-section #generate-button{height:32px!important;display:flex;align-items:center;justify-content:center;padding:6px 10px!important;font-size:16px!important}.chat-input-section .icon-button{min-width:32px!important;min-height:32px!important;padding:6px!important;font-size:14px!important}}@media (max-width: 480px){.message-bubble{max-width:90%;padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * .75)}.message-content{font-size:.85rem}.message-timestamp{font-size:.7rem}.image-generation-event{padding:calc(var(--spacing-unit) * .5)}.image-generation-thumbnail{width:32px;height:32px}.image-generation-title{font-size:.8rem}.image-generation-prompt{font-size:.7rem}.chat-input-section .prompt-input-div{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * .75);min-height:45px!important;max-height:90px!important}.chat-input-section .prompt-input-div:empty:before{font-size:.8rem}.chat-input-section .generation-mode-select,.chat-input-section .image-dimension-select{height:30px!important;padding:3px 4px!important;font-size:11px!important}#generation-mode-select{width:50px!important}#image-dimension-select{width:70px!important}.chat-input-section #generate-button{height:30px!important;padding:4px 8px!important;font-size:14px!important;min-width:45px!important}.chat-input-section .icon-button{min-width:30px!important;min-height:30px!important;padding:4px!important;font-size:12px!important}}.chat-modal-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1100}.chat-modal-overlay.active{display:flex}.chat-modal-backdrop{position:absolute;inset:0;background:#0000008c}.chat-modal-container{position:relative;z-index:1;width:min(96vw,540px);height:min(92vh,720px);background:var(--color-bg, #ffffff);color:var(--color-text-main, #1f2933);border-radius:18px;box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;overflow:hidden}.chat-modal-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#0e74eff2,#5b21b6f2);color:#fff;gap:12px}.chat-modal-title{font-weight:600;font-size:1rem}.chat-modal-close{border:none;background:#ffffff2e;color:#fff;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.chat-modal-close:hover,.chat-modal-close:focus-visible{background:#ffffff4d;transform:scale(1.05);outline:none}.chat-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}@media (max-width: 768px){.chat-modal-container{width:100vw;height:100vh;border-radius:0}}.universal-sidebar{width:280px;background-color:var(--color-bg-section);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.universal-sidebar.minimized{width:60px}.universal-sidebar-icons{flex-shrink:0;padding:var(--spacing-unit);border-bottom:1px solid var(--color-border)}.universal-sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-unit)}.universal-sidebar.minimized .universal-sidebar-content{display:none}.universal-sidebar-icon{width:40px;height:40px;border:none;background-color:transparent;color:var(--color-text-secondary);border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:calc(var(--spacing-unit) / 2);transition:all .2s ease;position:relative}.universal-sidebar-icon:hover{background-color:var(--color-bg);color:var(--color-text-main)}.universal-sidebar-icon.active{background-color:var(--color-primary);color:#fff}.universal-sidebar-icon:last-child{margin-bottom:0}.universal-sidebar-module{margin-bottom:calc(var(--spacing-unit) * 2)}.universal-sidebar-module:last-child{margin-bottom:0}.universal-sidebar-module-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) / 2) 0;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-unit);cursor:pointer}.universal-sidebar-module-title{font-weight:500;color:var(--color-text-main);font-size:.9rem}.universal-sidebar-module-toggle{color:var(--color-text-secondary);font-size:.8rem;transition:transform .2s ease}.universal-sidebar-module.collapsed .universal-sidebar-module-toggle{transform:rotate(-90deg)}.universal-sidebar-module-content{transition:all .3s ease}.universal-sidebar-module.collapsed .universal-sidebar-module-content{display:none}#app-container{transition:all .3s ease}#universal-layout{transition:opacity .3s ease}.chat-sessions-container{height:100%}.new-chat-button{width:100%;padding:calc(var(--spacing-unit) / 2);margin-bottom:var(--spacing-unit);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:all .2s ease}.new-chat-button:hover{background-color:var(--color-primary-dark, #005bb5)}.chat-panel-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:calc(var(--spacing-unit) * 2);height:100%}.chat-panel-image-section{grid-column:1;grid-row:1 / 3}.chat-panel-chat-section{grid-column:2;grid-row:1}.chat-panel-prompt-section{grid-column:2;grid-row:2}.chat-panel-image-container{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-unit);background-color:var(--color-bg-section);min-height:300px;display:flex;align-items:center;justify-content:center}.chat-panel-placeholder{text-align:center;color:var(--color-text-secondary)}.placeholder-icon{font-size:3rem;margin-bottom:var(--spacing-unit)}.generate-demo-button{padding:calc(var(--spacing-unit) / 2) var(--spacing-unit);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;margin-top:var(--spacing-unit)}.generate-demo-button:hover{background-color:var(--color-primary-dark, #005bb5)}.chat-panel-loading{text-align:center;color:var(--color-text-secondary)}#loading-spinner{position:relative;width:100%;background-color:var(--color-bg-main, #ffffff);z-index:10}.loading-spinner{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:0 auto;padding:40px}.loading-spinner .spinner-inner{width:60px;height:60px;border:4px solid transparent;border-radius:50%;position:relative;margin-bottom:20px}.loading-spinner .spinner-inner:before{content:"";position:absolute;inset:-4px;border:4px solid transparent;border-top:4px solid #00bfff;border-radius:50%;animation:neonRing 1.2s linear infinite;filter:drop-shadow(0 0 6px #00bfff) drop-shadow(0 0 12px #00bfff) drop-shadow(0 0 18px #00bfff)}.loading-spinner .spinner-inner:after{content:"";position:absolute;inset:2px;border:2px solid transparent;border-top:2px solid #87ceeb;border-radius:50%;animation:neonRing .8s linear infinite reverse;filter:drop-shadow(0 0 4px #87ceeb) drop-shadow(0 0 8px #87ceeb)}.loading-spinner p{color:var(--color-text-secondary);font-size:1rem;margin:0;text-align:center}@keyframes neonRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-panel-image-wrapper{position:relative;text-align:center}.chat-panel-image{max-width:100%;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a}.chat-panel-image-actions{margin-top:var(--spacing-unit);display:flex;gap:calc(var(--spacing-unit) / 2);justify-content:center}.image-action-btn{width:32px;height:32px;border:none;background-color:var(--color-bg);color:var(--color-text-secondary);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:1rem}.image-action-btn:hover{background-color:var(--color-primary);color:#fff}.chat-panel-messages{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-unit);background-color:var(--color-bg-section)}.chat-message{margin-bottom:var(--spacing-unit);padding:calc(var(--spacing-unit) / 2);border-radius:var(--border-radius)}.user-message{background-color:var(--color-primary);color:#fff;margin-left:20%}.ai-message{background-color:var(--color-bg);border:1px solid var(--color-border);margin-right:20%}.message-content{font-size:.9rem;line-height:1.4;margin-bottom:calc(var(--spacing-unit) / 4)}.message-timestamp{font-size:.75rem;opacity:.7}.chat-panel-prompt-details{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-unit);background-color:var(--color-bg-section)}.prompt-field{margin-bottom:var(--spacing-unit)}.prompt-field:last-child{margin-bottom:0}.prompt-field label{display:block;font-weight:500;font-size:.8rem;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) / 4)}.prompt-text,.model-info,.generation-time{font-size:.9rem;color:var(--color-text-main);margin:0}@media (max-width: 1024px){.chat-panel-container{grid-template-columns:1fr;grid-template-rows:auto auto auto}.chat-panel-image-section,.chat-panel-chat-section,.chat-panel-prompt-section{grid-column:1}.chat-panel-image-section{grid-row:1}.chat-panel-chat-section{grid-row:2}.chat-panel-prompt-section{grid-row:3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.universal-fade-in{animation:fadeIn .3s ease}.universal-slide-in-left{animation:slideInLeft .3s ease}.universal-slide-in-right{animation:slideInRight .3s ease}:root{--app-header-height: 60px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--mobile-vh: 1vh;--footer-height-desktop: 18px;--footer-height-mobile: calc(24px + var(--safe-area-bottom));--chat-images-row-max: 20vh}body.modular-layout{height:100vh;margin:0;display:grid;grid-template-columns:260px 1fr 400px;grid-template-rows:auto 1fr;grid-template-areas:"sidebar header header" "sidebar main secondary"}body.modular-layout #universal-sidebar{grid-area:sidebar;height:100%;overflow:hidden}body.modular-layout #app-header{grid-area:header;width:100%;box-shadow:0 1px 0 var(--color-border);z-index:10}body.modular-layout #output-area{grid-area:main;overflow:auto}body.modular-layout #chat-panel-column{grid-area:secondary;border-left:1px solid var(--color-border);overflow:auto}body.modular-layout #app-container,body.modular-layout #right-column{display:contents}body.modular-layout #top-content-panel{display:flex!important;width:100%;height:100%}body.modular-layout #output-area{flex:0 0 60%!important;width:60%!important;max-width:60%!important}body.modular-layout #chat-panel-column{flex:0 0 40%!important;width:40%!important;max-width:40%!important}@media (min-width: 769px){body.modular-layout{height:calc(100vh - var(--footer-height-desktop))!important}#top-content-panel{height:calc(100vh - var(--app-header-height) - var(--footer-height-desktop))!important}#output-area{max-height:calc(100vh - var(--app-header-height) - var(--footer-height-desktop))!important;overflow:hidden!important;box-sizing:border-box!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto minmax(0,var(--chat-images-row-max))!important;grid-auto-rows:auto!important;align-content:start!important;row-gap:2px!important}#chat-panel-column{height:calc(100vh - var(--app-header-height) - var(--footer-height-desktop))!important;display:flex!important;flex-direction:column!important}@supports (height: 100dvh){#top-content-panel{height:calc(100dvh - var(--app-header-height) - var(--footer-height-desktop))!important}#output-area{max-height:calc(100dvh - var(--app-header-height) - var(--footer-height-desktop))!important}#chat-panel-column{height:calc(100dvh - var(--app-header-height) - var(--footer-height-desktop))!important}}body:not(.chat-modal-active) .chat-input-section{position:sticky!important;bottom:0!important;z-index:10!important;box-shadow:0 -1px 3px #0000001a,0 1px #000!important;border-bottom:none!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;margin-bottom:0!important;left:auto!important;right:auto!important;width:auto!important;max-width:none!important;flex-shrink:0!important;background-color:var(--chat-input-bg, var(--color-primary))!important;color:var(--on-primary, #ffffff)!important}.chat-messages-container{padding-bottom:0!important}#output-image-container{grid-row:1!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;display:flex!important;align-items:center;justify-content:center}#image-actions-toolbar{grid-row:2!important}#image-tags-display{grid-row:3!important}#chat-images-section,.chat-images-section-horizontal{grid-row:4!important;position:relative!important;height:auto!important;max-height:var(--chat-images-row-max)!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;background:inherit;display:block!important;z-index:auto!important;margin-bottom:0!important}.app-footer{border-top:none!important;background:linear-gradient(to bottom,#000000e6,#000)!important}}@media (max-width: 768px){body:not(.chat-modal-active) .chat-panel-header,body:not(.chat-modal-active) #chat-messages-container{display:none!important}html{height:-webkit-fill-available!important}html,body{overflow-x:hidden!important;width:100vw!important;max-width:100vw!important;height:100%!important;min-height:100vh!important;min-height:-webkit-fill-available!important;margin:0!important;padding:0!important}@supports (height: 100dvh){html,body{height:100dvh!important}}body.modular-layout{display:block!important;overflow:hidden!important}#app-header,.app-header{width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;overflow:hidden!important;padding-left:8px!important;padding-right:8px!important}.app-header h1{font-size:1.2rem!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-actions{flex-shrink:0!important}#top-content-panel{display:flex!important;flex-direction:column!important;width:100vw;margin:0;padding:0;overflow:hidden;position:relative!important;box-sizing:border-box!important}@supports (bottom: max(0px,env(safe-area-inset-bottom))){.chat-input-section{bottom:max(var(--footer-height-mobile),calc(var(--footer-height-mobile) + env(safe-area-inset-bottom)))!important}.app-footer{bottom:max(0px,env(safe-area-inset-bottom))!important}}#output-area{flex:1 1 auto!important;width:100vw!important;max-width:100vw!important;height:calc(100vh - var(--app-header-height) - var(--footer-height-mobile) - 35vh)!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;display:grid!important;grid-template-rows:1fr auto auto!important;grid-template-areas:"image" "tags" "gallery"!important}#output-center-column,.output-column{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;grid-area:image!important;overflow:hidden!important}#image-tags-display{grid-area:tags!important;flex-shrink:0!important;margin:4px 0!important;padding:0 8px!important;height:auto!important;max-height:8vh!important;overflow:hidden!important}#chat-images-section,.chat-images-section-horizontal{grid-area:gallery!important;flex-shrink:0!important;margin:0!important;padding:4px 8px!important;height:auto!important;max-height:15vh!important;overflow:hidden!important}#chat-panel-column{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:calc(35vh - var(--footer-height-mobile))!important;min-height:0!important;overflow:hidden!important;position:relative!important;background:#fff;width:100vw!important;max-width:100vw!important}.chat-messages-container{flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important}.chat-input-section .chat-interface-content{padding:2px 4px!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}.chat-input-section .prompt-input-div{min-height:45px!important;max-height:90px!important;margin-bottom:2px!important}#column-resizer{display:none!important}.chat-input-section .controls-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:3px!important;padding:4px!important;flex-wrap:nowrap!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow:hidden!important}.chat-input-section .controls-left{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important}.chat-input-section .controls-right{display:flex!important;align-items:center!important;gap:4px!important;flex:1 1 auto!important;justify-content:flex-end!important}.chat-input-section .icon-button{min-width:32px!important;min-height:32px!important;padding:6px!important;font-size:14px!important}.chat-input-section select{flex:0 0 auto!important;min-width:0!important;padding:4px 6px!important;font-size:12px!important;height:32px!important;border-radius:4px!important}#image-dimension-select{width:80px!important}#generate-button{flex:0 0 auto!important;min-width:50px!important;max-width:60px!important;height:32px!important;padding:6px 8px!important;font-size:14px!important;margin-left:4px!important;white-space:nowrap!important;overflow:hidden!important}.chat-input-section .prompt-input-div{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.controls-left,.controls-right{min-width:0!important}.controls-left{max-width:30%!important}.controls-right{max-width:70%!important}}#main-header-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;height:22px;border-bottom:1px solid var(--color-border, #e1e5e9);background:var(--color-bg, #fff);position:relative;top:0;z-index:50;box-shadow:0 1px 3px #0000000d;width:100%;box-sizing:border-box;flex-shrink:0;margin:0}#main-header-bar .back-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--color-bg-hover, #f8f9fa);cursor:pointer;border-radius:4px;transition:all .2s ease;color:var(--color-text-secondary, #6c757d)}#main-header-bar .back-btn:hover{background:var(--color-bg-active, #e9ecef);color:var(--color-text, #212529);transform:translate(-1px)}#main-header-bar .back-btn:active{transform:translate(-2px)}#main-header-bar .toggle-icon{font-size:16px;line-height:1}#main-header-bar .main-header-title{font-size:16px;font-weight:600;color:var(--color-text, #212529);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}@media (max-width: 768px){#main-header-bar{padding:8px 12px;height:22px;gap:8px}#main-header-bar .back-btn{width:18px;height:18px}#main-header-bar .main-header-title{font-size:14px}}.app-footer{position:fixed;bottom:0;left:0;right:0;width:100%;height:var(--footer-height-desktop);background-color:#000;color:#fff;z-index:50;display:flex;align-items:center;justify-content:center;font-family:inherit;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 8px;box-sizing:border-box}.footer-text{margin:0;font-size:9.5px;font-weight:400;color:#fff;text-align:center;line-height:1;white-space:nowrap}.footer-link{color:#fff;text-decoration:none;transition:opacity .2s ease}.footer-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.app-footer{height:var(--footer-height-mobile);padding-bottom:var(--safe-area-bottom);border-top:none!important;background:linear-gradient(to bottom,#000c,#000)}.footer-text{font-size:8.5px}body.modular-layout{height:calc(100vh - var(--footer-height-mobile))!important}#top-content-panel{height:calc(100vh - var(--app-header-height) - var(--footer-height-mobile))!important}body:not(.chat-modal-active) .chat-input-section{position:fixed!important;bottom:var(--footer-height-mobile)!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;min-height:fit-content!important;max-height:32vh!important;background:var(--chat-input-bg, var(--color-primary));color:var(--on-primary, #ffffff);z-index:100!important;box-shadow:0 -2px 8px #00000008,0 2px #000;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;margin-bottom:0!important;border-bottom:none!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}body:not(.chat-modal-active) .chat-messages-container{padding-bottom:calc(40vh + 100px)!important}body:not(.chat-modal-active) .chat-messages-container:after{content:"";display:block;height:20px;width:100%}body.chat-modal-active{overflow:hidden!important}body.chat-modal-active .chat-modal-content>#chat-panel-column{height:100%!important;max-height:none!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;flex:1 1 auto!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;background:var(--color-bg, #ffffff)!important;color:var(--color-text-main, #1f2933)!important}body.chat-modal-active .chat-modal-content>#chat-panel-column>.chat-panel-header{grid-row:1 / 2!important;flex-shrink:0!important}body.chat-modal-active .chat-modal-content>#chat-panel-column>.chat-messages-container{grid-row:2 / 3!important;min-height:0!important;overflow-y:auto!important;padding:8px var(--spacing-unit) 0!important;margin:0!important;padding-bottom:80px!important}body.chat-modal-active .chat-modal-content>#chat-panel-column>.chat-messages-container:after{content:"";display:block;height:120px;width:100%}body.chat-modal-active .chat-modal-content>#chat-panel-column>.chat-input-section{grid-row:3 / 4!important;flex-shrink:0!important;position:static!important;bottom:auto!important;left:auto!important;right:auto!important;z-index:auto!important;width:100%!important;max-width:none!important;max-height:none!important;background:var(--chat-input-bg, var(--color-primary))!important;color:var(--on-primary, #ffffff)!important;box-shadow:0 -2px 8px #0f172a26!important;border-top:1px solid rgba(255,255,255,.1)!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:12px var(--spacing-unit) calc(12px + env(safe-area-inset-bottom,0px))!important}body.chat-modal-active #chat-image-previews-section{background:var(--color-bg, #ffffff)!important;border-bottom:1px solid var(--color-border-light, #dfe3e8)!important}@supports (height: 100dvh){body.modular-layout{height:calc(100dvh - var(--footer-height-mobile))!important}#top-content-panel{height:calc(100dvh - var(--app-header-height) - var(--footer-height-mobile))!important}}}.gallery-main{padding:16px}.gallery-main input[type=search]{width:100%;padding:8px;margin-bottom:12px;border:1px solid var(--color-border);border-radius:var(--border-radius)}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.gallery-thumb{width:100%;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--color-border)}.vertical-menu-bar{position:absolute;z-index:10;display:flex;flex-direction:column;gap:8px;padding:12px 8px;background:#000c;backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 20px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.vertical-menu-bar--right{top:16px;right:16px}.vertical-menu-bar--left{top:16px;left:16px}.vertical-menu-bar--bottom{bottom:16px;right:50%;transform:translate(50%);flex-direction:row}.vertical-menu-bar.menu-bar-hidden{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.vertical-menu-bar--left.menu-bar-hidden{transform:translate(0) scale(1)}.vertical-menu-bar--bottom.menu-bar-hidden{transform:translate(50%) translateY(0) scale(1)}.vertical-menu-bar.menu-bar-visible{opacity:1;transform:translate(0) scale(1);pointer-events:auto}.vertical-menu-bar--bottom.menu-bar-visible{transform:translate(50%) translateY(0) scale(1)}.menu-item{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px);user-select:none;position:relative;overflow:hidden}.menu-item:hover{background:#fff3;border-color:#fff6;transform:scale(1.05);box-shadow:0 2px 12px #0000004d}.menu-item:active{transform:scale(.95)}.menu-item:disabled{opacity:.5;cursor:not-allowed;transform:none}.menu-item:disabled:hover{background:#ffffff1a;border-color:#fff3;transform:none;box-shadow:none}.menu-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.menu-item:active:before{width:100%;height:100%}.menu-item-favorite.active{background:#ff3b5c4d;border-color:#ff3b5c80;color:#ff3b5c}.menu-item-favorite.active:hover{background:#ff3b5c66;border-color:#ff3b5cb3}.menu-item-download:hover{background:#007aff4d;border-color:#007aff80;color:#007aff}.menu-item-info{font-family:Segoe UI,system-ui,sans-serif;font-weight:600;font-size:1rem}.menu-item-info.expanded{background:#5856d666;border-color:#5856d699;color:#5856d6}.menu-item-info:hover{background:#5856d64d;border-color:#5856d680;color:#5856d6}.menu-item-edit:hover{background:#ff95004d;border-color:#ff950080;color:#ff9500}.menu-item-remix:hover{background:#ff2d554d;border-color:#ff2d5580;color:#ff2d55}.menu-item-variation:hover{background:#5856d64d;border-color:#5856d680;color:#5856d6}.vertical-menu-bar--bottom .menu-item{margin:0 4px}@media (max-width: 768px){.vertical-menu-bar{padding:10px 6px;gap:6px}.vertical-menu-bar--right{top:12px;right:12px}.vertical-menu-bar--left{top:12px;left:12px}.vertical-menu-bar--bottom{bottom:12px;padding:8px 12px;flex-direction:row;gap:8px}.menu-item{width:48px;height:48px;font-size:1.3rem}.vertical-menu-bar.menu-bar-hidden{opacity:1!important;transform:translate(0) scale(1)!important;pointer-events:auto!important}.vertical-menu-bar--bottom.menu-bar-hidden{transform:translate(50%) translateY(0) scale(1)!important}}@media (max-width: 480px){.vertical-menu-bar--bottom{bottom:8px;left:50%;right:auto;transform:translate(-50%)}.vertical-menu-bar--bottom.menu-bar-hidden,.vertical-menu-bar--bottom.menu-bar-visible{transform:translate(-50%) translateY(0) scale(1)}.menu-item{width:44px;height:44px;font-size:1.1rem}}@media (prefers-contrast: high){.vertical-menu-bar{background:#000000f2;border:2px solid white}.menu-item{background:#fff3;border:2px solid rgba(255,255,255,.5)}.menu-item:hover{background:#fff6;border-color:#fff}}@media (prefers-reduced-motion: reduce){.vertical-menu-bar,.menu-item,.menu-item:before{transition:none}.vertical-menu-bar.menu-bar-hidden{display:none}.vertical-menu-bar.menu-bar-visible{display:flex}}@media (prefers-color-scheme: dark){.vertical-menu-bar{background:#1c1c1ee6;border-color:#ffffff26}.menu-item{background:#ffffff14;border-color:#ffffff26}.menu-item:hover{background:#ffffff26;border-color:#ffffff4d}}@media (prefers-color-scheme: light){.vertical-menu-bar{background:#ffffffe6;border-color:#0000001a;color:#333}.menu-item{background:#0000000d;border-color:#0000001a;color:#333}.menu-item:hover{background:#0000001a;border-color:#0003}.menu-item:before{background:#0000001a}}.info-expanded-window{position:absolute;top:16px;right:80px;width:380px;max-width:calc(100vw - 120px);background:#fffffff2;backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.3);z-index:20;transform:translate(20px) scale(.9);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:calc(100vh - 100px)}.info-expanded-window.expanded{transform:translate(0) scale(1);opacity:1}.info-window-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(0,0,0,.1)}.info-window-title{font-weight:600;font-size:1rem;color:#333;margin:0}.info-window-close{background:none;border:none;width:24px;height:24px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;font-size:.9rem;transition:all .2s ease}.info-window-close:hover{background:#0000001a;color:#333}.info-window-content{padding:16px 20px 20px;max-height:calc(100vh - 180px);overflow-y:auto}.info-section{margin-bottom:20px}.info-section:last-child{margin-bottom:0}.info-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.info-section-title{font-weight:600;font-size:.9rem;color:#333}.info-copy-button{background:linear-gradient(135deg,#5856d6,#007aff);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.info-copy-button:hover{background:linear-gradient(135deg,#4a47c4,#0056d6);transform:translateY(-1px);box-shadow:0 4px 12px #5856d64d}.info-copy-button:active{transform:translateY(0)}.info-text-display{width:100%;min-height:80px;max-height:200px;padding:12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#fffc;font-family:Segoe UI,system-ui,sans-serif;font-size:.85rem;line-height:1.5;color:#333;resize:vertical;box-sizing:border-box;outline:none;transition:border-color .2s ease}.info-text-display:focus{border-color:#5856d680}@media (max-width: 768px){.info-expanded-window{position:absolute;top:16px;right:80px;left:auto;transform:translate(20px) scale(.9);width:calc(100vw - 120px);max-width:320px;max-height:calc(100vh - 100px)}.info-expanded-window.expanded{transform:translate(0) scale(1)}.info-text-display{min-height:70px;max-height:150px;font-size:.8rem}.info-window-header{padding:14px 16px 10px}.info-window-content{padding:12px 16px 16px}.info-copy-button{padding:8px 12px;font-size:.7rem}.info-section{margin-bottom:16px}.info-section-title{font-size:.85rem}}@media (prefers-color-scheme: dark){.info-expanded-window{background:#1c1c1ef2;border-color:#ffffff26}.info-window-header{border-bottom-color:#ffffff1a}.info-window-title{color:#fff}.info-window-close{color:#aaa}.info-window-close:hover{background:#ffffff1a;color:#fff}.info-section-title{color:#fff}.info-text-display{background:#ffffff1a;border-color:#fff3;color:#fff}.info-text-display:focus{border-color:#5856d699}}@media (prefers-contrast: high){.info-expanded-window{background:#fffffffa;border:2px solid #000}.info-window-header{border-bottom:2px solid #000}.info-text-display{border:2px solid #000;background:#fff}.info-copy-button{background:#000;border:2px solid #000}.info-copy-button:hover{background:#333}}@media (prefers-reduced-motion: reduce){.info-expanded-window{transition:none}.info-expanded-window.expanded{transform:translate(0) scale(1);opacity:1}.info-copy-button{transition:none}.info-copy-button:hover{transform:none}}.edit-options-panel{position:absolute;z-index:25;background:#fffffff2;backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.3);padding:8px;min-width:180px;transform:translate(-10px) scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.edit-options-panel:not(.hidden){transform:translate(0) scale(1);opacity:1}.edit-options-panel.hidden{transform:translate(-10px) scale(.95);opacity:0;pointer-events:none}.edit-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#333;font-size:.9rem;font-weight:500}.edit-option:hover{background:#00000014;transform:translate(2px)}.edit-option:active{transform:translate(1px) scale(.98)}.edit-option-icon{font-size:1.1rem;width:20px;text-align:center}.edit-option-text{flex:1;white-space:nowrap}.edit-option[data-action=add-to-chat]:hover{background:#007aff1a;color:#007aff}.edit-option[data-action=add-to-new-chat]:hover{background:#34c7591a;color:#34c759}.edit-option[data-action=open-in-editor]:hover{background:#ff95001a;color:#ff9500}@media (prefers-color-scheme: dark){.edit-options-panel{background:#1c1c1ef2;border-color:#ffffff26}.edit-option{color:#fff}.edit-option:hover{background:#ffffff1a}.edit-option[data-action=add-to-chat]:hover{background:#007aff33;color:#64b5f6}.edit-option[data-action=add-to-new-chat]:hover{background:#34c75933;color:#81c784}.edit-option[data-action=open-in-editor]:hover{background:#ff950033;color:#ffb74d}}@media (max-width: 768px){.edit-options-panel{min-width:160px;padding:6px}.edit-option{padding:10px 12px;font-size:.85rem;gap:10px}.edit-option-icon{font-size:1rem;width:18px}}@media (prefers-contrast: high){.edit-options-panel{background:#fffffffa;border:2px solid #000}.edit-option{border:1px solid transparent}.edit-option:hover{background:#f0f0f0;border-color:#000}}@media (prefers-reduced-motion: reduce){.edit-options-panel,.edit-option{transition:none}.edit-option:hover,.edit-option:active{transform:none}}.remix-options-panel{position:absolute;z-index:25;background:#fffffff2;backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.3);padding:8px;min-width:180px;transform:translate(-10px) scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.remix-options-panel:not(.hidden){transform:translate(0) scale(1);opacity:1}.remix-options-panel.hidden{transform:translate(-10px) scale(.95);opacity:0;pointer-events:none}.remix-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#333;font-size:.9rem;font-weight:500}.remix-option:hover{background:#00000014;transform:translate(2px)}.remix-option:active{transform:translate(1px) scale(.98)}.remix-option-icon{font-size:1.1rem;width:20px;text-align:center}.remix-option-text{flex:1;white-space:nowrap}.remix-option[data-action=remix-in-chat]:hover{background:#007aff1a;color:#007aff}.remix-option[data-action=remix-in-new-chat]:hover{background:#34c7591a;color:#34c759}.remix-option[data-action=remix-in-editor]:hover{background:#ff2d551a;color:#ff2d55}.variation-options-panel{position:absolute;z-index:25;background:#fffffff2;backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.3);padding:8px;min-width:180px;transform:translate(-10px) scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto}.variation-options-panel:not(.hidden){transform:translate(0) scale(1);opacity:1}.variation-options-panel.hidden{transform:translate(-10px) scale(.95);opacity:0;pointer-events:none}.variation-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#333;font-size:.9rem;font-weight:500}.variation-option:hover{background:#00000014;transform:translate(2px)}.variation-option:active{transform:translate(1px) scale(.98)}.variation-option-icon{font-size:1.1rem;width:20px;text-align:center}.variation-option-text{flex:1;white-space:nowrap}.variation-option[data-action=variation-in-chat]:hover{background:#007aff1a;color:#007aff}.variation-option[data-action=variation-in-new-chat]:hover{background:#34c7591a;color:#34c759}.variation-option[data-action=variation-in-editor]:hover{background:#5856d61a;color:#5856d6}@media (prefers-color-scheme: dark){.remix-options-panel,.variation-options-panel{background:#1c1c1ef2;border-color:#ffffff26}.remix-option,.variation-option{color:#fff}.remix-option:hover,.variation-option:hover{background:#ffffff1a}.remix-option[data-action=remix-in-chat]:hover,.variation-option[data-action=variation-in-chat]:hover{background:#007aff33;color:#64b5f6}.remix-option[data-action=remix-in-new-chat]:hover,.variation-option[data-action=variation-in-new-chat]:hover{background:#34c75933;color:#81c784}.remix-option[data-action=remix-in-editor]:hover{background:#ff2d5533;color:#ff6b9d}.variation-option[data-action=variation-in-editor]:hover{background:#5856d633;color:#9c9cff}}@media (max-width: 768px){.remix-options-panel,.variation-options-panel{min-width:160px;padding:6px}.remix-option,.variation-option{padding:10px 12px;font-size:.85rem;gap:10px}.remix-option-icon,.variation-option-icon{font-size:1rem;width:18px}}@media (prefers-contrast: high){.remix-options-panel,.variation-options-panel{background:#fffffffa;border:2px solid #000}.remix-option,.variation-option{border:1px solid transparent}.remix-option:hover,.variation-option:hover{background:#f0f0f0;border-color:#000}}@media (prefers-reduced-motion: reduce){.remix-options-panel,.variation-options-panel,.remix-option,.variation-option{transition:none}.remix-option:hover,.variation-option:hover,.remix-option:active,.variation-option:active{transform:none}}