.page-header[data-v-d4bb451d]{margin-bottom:2rem;text-align:center}.page-title[data-v-d4bb451d]{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.compression-tools[data-v-d4bb451d]{margin-top:2rem}.tool-card[data-v-d4bb451d]{border-radius:8px}.upload-area[data-v-d4bb451d]{align-items:center;border:2px dashed #d9d9d9;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:2rem;text-align:center;transition:all .3s ease}.upload-area.drag-over[data-v-d4bb451d]{background-color:#f0f9f4;border-color:#18a058}.upload-placeholder[data-v-d4bb451d]{width:100%}.upload-icon[data-v-d4bb451d]{color:#999;margin-bottom:1rem}.upload-main-text[data-v-d4bb451d]{color:#333;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.upload-sub-text[data-v-d4bb451d]{color:#666;font-size:.9rem;margin-bottom:.5rem}.upload-support-text[data-v-d4bb451d]{color:#999;font-size:.85rem;margin-top:.5rem}.video-preview-area[data-v-d4bb451d]{width:100%}.video-wrapper[data-v-d4bb451d]{background:#000;border-radius:8px;margin-bottom:1rem;overflow:hidden;width:100%}.video-player[data-v-d4bb451d]{display:block;height:auto;max-height:400px;width:100%}.video-info[data-v-d4bb451d]{margin-bottom:1rem;text-align:left}.video-name[data-v-d4bb451d]{font-weight:500;margin-bottom:.5rem;word-break:break-all}.video-meta[data-v-d4bb451d]{color:#666;font-size:.9rem;margin-bottom:.25rem}.setting-group[data-v-d4bb451d]{margin-bottom:1.5rem}.setting-label[data-v-d4bb451d]{color:#333;display:block;font-weight:500;margin-bottom:.75rem}.quality-value[data-v-d4bb451d]{color:#18a058;font-weight:600}.time-controls[data-v-d4bb451d]{margin-bottom:1rem}.time-slider[data-v-d4bb451d]{margin-bottom:.5rem;width:100%}.time-display[data-v-d4bb451d]{align-items:center;color:#666;display:flex;font-family:monospace;font-size:.9rem;gap:.5rem;justify-content:center}.time-separator[data-v-d4bb451d]{color:#999}.time-buttons[data-v-d4bb451d]{flex-wrap:wrap}.format-radio-group[data-v-d4bb451d],.time-buttons[data-v-d4bb451d]{display:flex;gap:.5rem}.quality-slider[data-v-d4bb451d]{width:100%}.preview-container[data-v-d4bb451d]{margin-top:2rem}.format-button-group[data-v-d4bb451d]{align-items:center;display:inline-flex;gap:12px}.format-btn[data-v-d4bb451d]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px;color:#333;cursor:pointer;font-size:16px;padding:10px 18px;transition:all .15s ease-in-out}.format-btn.active[data-v-d4bb451d],.format-btn[data-v-d4bb451d]:hover{border-color:#18a058;color:#18a058}.format-btn.active[data-v-d4bb451d]{box-shadow:inset 0 0 0 2px #18a05814}.extract-btn[data-v-d4bb451d]{margin-top:12px}.gallery-grid[data-v-d4bb451d]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery-item[data-v-d4bb451d]{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;flex-direction:column;max-width:240px;min-height:280px;overflow:visible;padding:10px;text-align:center}.gallery-header[data-v-d4bb451d],.gallery-item[data-v-d4bb451d]{align-items:center;display:flex}.gallery-header[data-v-d4bb451d]{justify-content:space-between;margin-bottom:6px;width:100%}.gallery-index[data-v-d4bb451d]{font-weight:600}.gallery-thumb[data-v-d4bb451d]{border-radius:6px;height:auto;max-height:160px;max-width:220px;width:100%}.gallery-thumb[data-v-d4bb451d] img{border-radius:6px;height:auto;max-height:160px;max-width:220px;-o-object-fit:contain;object-fit:contain;width:100%}.delete-btn[data-v-d4bb451d]{--n-color:transparent}.gallery-meta[data-v-d4bb451d]{margin-top:6px}.gallery-actions[data-v-d4bb451d]{margin-top:8px}.gallery-actions[data-v-d4bb451d],.zip-actions[data-v-d4bb451d]{display:flex;justify-content:center}.zip-actions[data-v-d4bb451d]{margin-top:16px}.preview-item[data-v-d4bb451d]{flex:1;min-width:300px}.compressing-status[data-v-d4bb451d]{font-size:.9rem;margin-bottom:1rem}.image-preview[data-v-d4bb451d]{border-radius:8px;overflow:hidden;width:100%}.download-actions[data-v-d4bb451d]{margin-top:1rem}.download-btn[data-v-d4bb451d]{margin-bottom:1rem}.quality-note[data-v-d4bb451d]{color:#666;font-size:.85rem;line-height:1.5}.error-alert[data-v-d4bb451d]{margin-bottom:1rem}.alert-icon[data-v-d4bb451d]{margin-right:.5rem}.d-none[data-v-d4bb451d]{display:none}@media (max-width:768px){.page-title[data-v-d4bb451d]{font-size:2rem}.video-player[data-v-d4bb451d]{max-height:250px}.time-buttons[data-v-d4bb451d]{justify-content:center}}