.subtitle-image-editor[data-v-d880252f]{height:100%;min-height:100%;display:flex;flex-direction:column;overflow:auto}.editor-content[data-v-d880252f]{display:flex;flex-direction:column;flex:1}.editor-container[data-v-d880252f]{flex:1;display:flex;overflow:hidden;gap:15px;padding:15px;max-height:83vh}.material-list[data-v-d880252f],.preview-area[data-v-d880252f],.result-image[data-v-d880252f]{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;padding:12px;height:80vh;max-height:calc(100vh - 70px);overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.preview-area[data-v-d880252f]{flex:0 0 40%;background-color:#e8f0fe}.result-image[data-v-d880252f]{flex:1;background-color:#f8f0e8}.result-image-container[data-v-d880252f]{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;background-color:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;overflow:auto;min-height:200px;max-height:calc(100vh - 150px)}.result-img[data-v-d880252f]{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer;transition:all .2s;border:2px solid transparent}.result-img[data-v-d880252f]:hover{transform:scale(1.02);border-color:#e74c3c}.preview-container[data-v-d880252f]{flex:1;position:relative;overflow:hidden;min-height:150px;max-height:calc(100vh - 200px)}.preview-scroll-container[data-v-d880252f]{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;padding-bottom:300px}.material-list[data-v-d880252f]{flex:0 0 25%;background-color:#f8f9fa;display:flex;flex-direction:column}.list-header[data-v-d880252f]{margin-bottom:8px}.scrollable-content[data-v-d880252f]{overflow-y:auto;flex-grow:1}.material-item[data-v-d880252f]{position:relative;margin-bottom:15px;transition:transform .2s}.material-item[data-v-d880252f]:hover{transform:translateY(-3px)}.img-thumbnail[data-v-d880252f]{transition:all .2s;max-width:100%;cursor:pointer;border:2px solid transparent;opacity:.6;border-radius:8px}.img-thumbnail[data-v-d880252f]:hover{transform:scale(1.05);border-color:#3498db}.img-thumbnail.selected[data-v-d880252f]{opacity:1;border-color:#3498db}.material-number[data-v-d880252f]{position:absolute;bottom:5px;right:5px;background-color:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px}.editor-container:not(:has(.preview-area)) .result-image[data-v-d880252f]{flex:0 0 75%}h5[data-v-d880252f]{margin-bottom:8px;color:#2c3e50;font-weight:600;font-size:.95rem;border-bottom:1px solid #3498db;padding-bottom:5px}.loading-container[data-v-d880252f]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;flex:1}.loading-spinner[data-v-d880252f]{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin-d880252f 1s linear infinite}@keyframes spin-d880252f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-header[data-v-d880252f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.result-header h5[data-v-d880252f]{margin-bottom:0}.preview-image[data-v-d880252f]{position:absolute;left:0;width:100%;transition:top .3s ease}.preview-img[data-v-d880252f]{width:100%;height:auto;display:block}.preview-number[data-v-d880252f]{position:absolute;bottom:5px;right:5px;background-color:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:700}.operation-panel[data-v-d880252f]{height:60px;background-color:#f8f9fa;display:flex;align-items:center;padding:0 15px;box-shadow:0 -1px 5px #0000001a;margin-top:5px}.material-controls[data-v-d880252f]{display:flex;align-items:center;gap:10px;flex:0 0 25%}.preview-controls[data-v-d880252f]{display:flex;align-items:center;gap:15px;justify-content:center;flex:0 0 40%}.result-controls[data-v-d880252f]{display:flex;align-items:center;justify-content:flex-end;flex:1}.divider[data-v-d880252f]{width:1px;height:30px;background-color:#ddd;margin:0 15px}.left-controls[data-v-d880252f],.right-controls[data-v-d880252f]{display:none}.btn-action[data-v-d880252f]{padding:5px 10px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;border:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a;background-color:#4caf50;color:#fff;white-space:nowrap}.btn-action.btn-import[data-v-d880252f]{background-color:#7e57c2}.btn-action.btn-deselect[data-v-d880252f]{background-color:#f44336}.btn-action.btn-clear[data-v-d880252f]{background-color:#ff5722}.btn-action i[data-v-d880252f]{margin-right:4px;font-size:.9rem}.btn-action[data-v-d880252f]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.gap-adjustment[data-v-d880252f]{display:flex;align-items:center;gap:8px}.gap-adjustment label[data-v-d880252f]{color:#495057;font-weight:500;font-size:.85rem;white-space:nowrap}.gap-adjustment input[type=range][data-v-d880252f]{width:120px;height:6px}.canvas-container[data-v-d880252f]{display:none}.modal-image-container[data-v-d880252f]{display:flex;justify-content:center;align-items:flex-start;height:auto;max-height:80vh;overflow-y:auto;padding:10px}.modal-image[data-v-d880252f]{max-width:100%;height:auto;object-fit:contain;display:block}.modal-dialog-centered[data-v-d880252f]{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-body[data-v-d880252f]{padding:1rem;max-height:85vh;overflow:auto}.modal-xl[data-v-d880252f]{max-width:70%}@media (max-width: 768px){.modal-xl[data-v-d880252f]{max-width:85%}.modal-image-container[data-v-d880252f]{max-height:70vh}}