.converter-editor{width:100%;min-height:0;display:flex;flex-direction:column;background:#1a1a1a;color:#ffffff;box-sizing:border-box}.converter-editor.is-editor-workspace{height:100%;min-height:0;overflow:hidden;font-size:17px}.converter-editor .editor-content{display:flex;flex:1;min-height:0;overflow:hidden}.converter-editor .editor-content.has-sidebar{flex-direction:row}.converter-editor .editor-left{width:300px;min-width:260px;max-width:340px;padding:20px;border-right:1px solid #333;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;gap:20px;background:#1f1f1f}.converter-editor .editor-center{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px 20px}.converter-editor .editor-center--workspace{background:#111}.converter-format-row{display:flex;align-items:flex-end;justify-content:center;gap:12px;width:100%;max-width:420px}.converter-format-arrow{color:#888;font-size:20px;padding-bottom:10px;flex-shrink:0}.converter-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.converter-field--inline{margin-top:8px}.converter-field-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#aaa}.converter-field input[type=range],.converter-field select{width:100%}.converter-field select{padding:8px 10px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:6px;font-size:14px}.converter-settings{display:flex;flex-direction:column;gap:16px;flex:1}.converter-preset-row{display:flex;flex-wrap:wrap;gap:6px}.converter-preset-btn{padding:6px 12px;background:#2a2a2a;color:#ccc;border:1px solid #444;border-radius:6px;cursor:pointer;font-size:13px}.converter-preset-btn.is-active{background:var(--accent-hover,#6366f1);border-color:var(--accent-hover,#6366f1);color:#fff}.converter-preset-btn:not(:disabled):hover{background:#333}.converter-trim{display:flex;flex-direction:column;gap:4px}.converter-time{font-size:12px;color:#888;font-variant-numeric:tabular-nums}.converter-hint{font-size:12px;color:#777;margin:4px 0 0}.converter-hint--panel{margin:0;line-height:1.45}.converter-image{width:100%;max-height:calc(100dvh - var(--header-height) - 220px);object-fit:contain;display:block;border-radius:8px}.converter-preview.is-image.has-media{background:linear-gradient(45deg,#222 25%,transparent 0),linear-gradient(-45deg,#222 25%,transparent 0),linear-gradient(45deg,transparent 75%,#222 0),linear-gradient(-45deg,transparent 75%,#222 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#111}.converter-actions{display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0}.remove-video-button{padding:10px 16px;background:#333;color:#fff;border:1px solid #555;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;flex:1}.remove-video-button:hover{background:#444}.converter-actions .download-button{flex:1;width:auto;white-space:nowrap}.converter-error{color:#f87171;font-size:14px;margin:0;text-align:center;max-width:420px}.converter-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.converter-preview{width:100%;max-width:640px;aspect-ratio:16/9;border:2px dashed #444;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden;background:#0d0d0d}.converter-preview.has-media{border-style:solid;cursor:default;aspect-ratio:auto;max-height:calc(100dvh - var(--header-height) - 220px)}.converter-preview.is-drag-over{border-color:var(--accent-hover,#6366f1);background:rgba(99,102,241,.08)}.converter-upload-prompt{text-align:center;padding:24px;color:#aaa}.converter-upload-prompt p{margin:8px 0 0}.converter-upload-icon{display:block;font-size:32px;color:#666;margin-bottom:8px}.converter-upload-hint{font-size:13px;color:#666}.converter-video{width:100%;max-height:calc(100dvh - var(--header-height) - 220px);display:block;border-radius:8px}.download-button{padding:10px 20px;background:var(--accent-hover,#6366f1);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.download-button:disabled{opacity:.5;cursor:not-allowed}.download-button:not(:disabled):hover{filter:brightness(1.1)}.download-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.download-modal-content{background:#2a2a2a;padding:24px 32px;border-radius:12px;min-width:280px;text-align:center}.download-progress-bar{height:6px;background:#444;border-radius:3px;margin-top:12px;overflow:hidden}.download-progress-fill{height:100%;background:var(--accent-hover,#6366f1);border-radius:3px;transition:width .15s}.editor-page-chrome:has(.converter-editor.is-editor-active) .editor-page-chrome__title-sub{display:block;font-size:.875rem;font-weight:400;color:rgba(255,255,255,.62)}.editor-page-chrome:has(.converter-editor.is-editor-active) .editor-page-chrome__desc{display:block;margin-top:.35rem;padding-top:0;border-top:none;font-size:.8125rem;line-height:1.5;color:rgba(255,255,255,.5)}@media (max-width:768px){.converter-editor .editor-content.has-sidebar{flex-direction:column}.converter-editor.is-editor-workspace{height:auto;min-height:calc(100dvh - var(--header-height));overflow:auto}.converter-editor .editor-left{order:2;width:100%;max-width:none;border-right:none;border-top:1px solid #333}.converter-editor .editor-center{order:1;min-height:240px;justify-content:flex-start;padding-top:16px}.converter-format-row{flex-wrap:wrap}.converter-format-arrow{display:none}.converter-actions{flex-direction:row}}