.content-container[data-v-761f1b85]{display:flex;flex-direction:column;width:100%;position:relative;overflow:hidden}.content-wrapper[data-v-761f1b85]{flex:1;width:100%;height:calc(100% - 45px);overflow:hidden}.modal-container[data-v-761f1b85]{position:relative;width:100%;height:100%}.resize-handle-wrapper[data-v-761f1b85]{position:absolute;bottom:0;right:0;z-index:20}.resize-handle-corner[data-v-761f1b85]{width:20px;height:20px;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;background-color:transparent;position:absolute;bottom:4px;right:4px;opacity:.8;transition:opacity .2s;border:1px dashed #d9d9d9;border-radius:2px}.resize-handle-corner[data-v-761f1b85]:hover{opacity:1;border-style:solid}.file-navigation[data-v-761f1b85]{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0;margin-top:auto;background-color:#fffffff2;border-top:1px solid #f0f0f0;height:45px;z-index:10}.file-indicator[data-v-761f1b85]{font-size:14px;min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.preview-image-container[data-v-ef5caf37]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.image-drag-area[data-v-ef5caf37]{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100% - 60px);overflow:hidden;position:relative;z-index:1}.preview-image[data-v-ef5caf37]{max-width:100%;max-height:100%;object-fit:contain;transition:transform .1s;-webkit-user-select:none;user-select:none}.preview-toolbar[data-v-ef5caf37]{display:flex;align-items:center;justify-content:center;padding:16px 0;width:100%;position:relative;z-index:2;background-color:#fff}.preview-video-container[data-v-70854cc0]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.video-wrapper[data-v-70854cc0]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#000}.preview-video[data-v-70854cc0]{max-width:100%;max-height:100%;width:auto;height:auto}.unsupported-container[data-v-fc06b44f]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#f5f5f5}.unsupported-content[data-v-fc06b44f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:80%;text-align:center}.icon[data-v-fc06b44f]{font-size:48px;color:#faad14;margin-bottom:16px}h3[data-v-fc06b44f]{margin-bottom:16px;color:#333}p[data-v-fc06b44f]{margin-bottom:24px;color:#666;word-break:break-all}.content-container[data-v-7ea05b55]{display:flex;flex-direction:column;width:100%;position:relative;overflow:auto}.modal-container[data-v-7ea05b55]{position:relative;width:100%;height:100%}.resize-handle-wrapper[data-v-7ea05b55]{position:absolute;bottom:0;right:0;z-index:10}.resize-handle-corner[data-v-7ea05b55]{width:20px;height:20px;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;background-color:transparent;position:absolute;bottom:4px;right:4px;opacity:.8;transition:opacity .2s;border:1px dashed #d9d9d9;border-radius:2px}.resize-handle-corner[data-v-7ea05b55]:hover{opacity:1;border-style:solid}