.container[data-v-d7bd4983]{color:#333;box-sizing:border-box;gap:32px;max-width:1200px;min-height:100vh;margin:0 auto;padding:48px 24px;font-family:system-ui,sans-serif;display:flex}.left-panel[data-v-d7bd4983]{flex-direction:column;flex:0 0 40%;display:flex}.right-panel[data-v-d7bd4983]{flex:0 0 60%;align-items:flex-start;display:flex}h1[data-v-d7bd4983]{margin:0 0 8px;font-size:28px;font-weight:600}.subtitle[data-v-d7bd4983]{color:#888;margin:0 0 32px}.upload-area[data-v-d7bd4983]{text-align:center;color:#999;border:2px dashed #ccc;border-radius:12px;padding:48px 24px;transition:border-color .2s}.upload-area[data-v-d7bd4983]:hover{border-color:#aaa}.upload-btn[data-v-d7bd4983]{color:#fff;cursor:pointer;background:#6c5ce7;border-radius:8px;margin-top:12px;padding:10px 24px;font-size:15px;display:inline-block}.upload-btn[data-v-d7bd4983]:hover{background:#5a4bd1}.preview[data-v-d7bd4983]{justify-content:center;align-items:center;width:100%;max-height:100vh;display:flex;position:sticky;top:24px;overflow:hidden}.preview video[data-v-d7bd4983]{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:100vh}.check-btn[data-v-d7bd4983]{color:#fff;cursor:pointer;background:#00b894;border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:500;display:block}.check-btn[data-v-d7bd4983]:hover:not(:disabled){background:#00a381}.check-btn[data-v-d7bd4983]:disabled{opacity:.6;cursor:not-allowed}.info-box[data-v-d7bd4983]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:16px}.info-box pre[data-v-d7bd4983]{white-space:pre-wrap;margin:0;font-family:inherit;font-size:14px;line-height:1.6}.result-box[data-v-d7bd4983]{border-radius:8px;margin-top:16px;padding:16px;font-size:14px}.result-box pre[data-v-d7bd4983]{white-space:pre-wrap;margin:0;font-family:inherit;line-height:1.6}.result-box.ok[data-v-d7bd4983]{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.result-box.fail[data-v-d7bd4983]{color:#856404;background:#fff3cd;border:1px solid #ffeeba}.result-box.loading[data-v-d7bd4983]{color:#1565c0;background:#e3f2fd;border:1px solid #90caf9;padding:0;overflow:hidden}.progress-container[data-v-d7bd4983]{background:#bbdefb;height:32px;position:relative;overflow:hidden}.progress-bar[data-v-d7bd4983]{background:linear-gradient(90deg,#42a5f5,#1e88e5);height:100%;transition:width .3s;position:absolute;top:0;left:0}.progress-text[data-v-d7bd4983]{color:#1565c0;z-index:1;font-size:13px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.convert-btn[data-v-d7bd4983]{color:#fff;cursor:pointer;background:#e17055;border:none;border-radius:8px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:500;display:block}.convert-btn[data-v-d7bd4983]:hover:not(:disabled){background:#d35400}.convert-btn[data-v-d7bd4983]:disabled{opacity:.6;cursor:not-allowed}.download-btn[data-v-d7bd4983]{color:#fff;text-align:center;box-sizing:border-box;background:#0984e3;border:none;border-radius:8px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:500;text-decoration:none;display:block}.download-btn[data-v-d7bd4983]:hover{background:#0773c5}@media (width<=768px){.container[data-v-d7bd4983]{flex-direction:column;min-height:auto;padding:24px 16px}.left-panel[data-v-d7bd4983],.right-panel[data-v-d7bd4983]{flex:none;width:100%}.right-panel[data-v-d7bd4983]{margin-top:24px}.preview[data-v-d7bd4983]{position:static}}