.video-compressor{width:100%;min-height:0;display:flex;flex-direction:column;background:#1a1a1a;color:#ffffff;box-sizing:border-box}.video-compressor.is-editor-workspace{height:100%;min-height:0;overflow:hidden;font-size:17px}.compressor-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px 20px;border-bottom:1px solid #333;background:#1f1f1f;flex-shrink:0}.compressor-toolbar .video-controls{display:flex;gap:10px}.compressor-toolbar .download-button,.compressor-toolbar .video-controls button,.video-compressor .change-image-button{padding:10px 16px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer}.compressor-toolbar .video-controls button{border:none;background:#f59e0b;color:#fff}.video-compressor .change-image-button{border:1px solid #555;background:#1f1f1f;color:#ddd}.video-compressor .change-image-button:hover{border-color:#f59e0b;color:#fff}.compressor-toolbar .download-button{border:none;background:#2196f3;color:#fff}.compressor-toolbar .download-button:disabled{background:#555;cursor:not-allowed}.video-compressor .editor-content{display:flex;flex:1;min-height:0}.video-compressor .editor-content--workspace{overflow:hidden}.video-compressor.is-editor-workspace .editor-left{width:360px;min-width:360px;max-width:360px;padding:0;overflow:hidden;order:1;border-right:1px solid #333;background:#1f1f1f;display:flex;flex-direction:column;min-height:0}.video-compressor.is-editor-workspace .editor-left--panel{display:flex;flex-direction:column;min-height:0}.compressor-tab-panel{padding:16px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.compressor-panel-hint{margin:0;font-size:14px;line-height:1.45;color:#aaa}.compressor-fieldset{margin:0;padding:0;border:none}.compressor-fieldset legend{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#999;margin-bottom:8px}.compressor-option-list{display:flex;flex-direction:column;gap:6px}.compressor-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #333;border-radius:8px;background:#252525;cursor:pointer}.compressor-option.is-active{border-color:#f59e0b;background:#2a2418}.compressor-option input{margin-top:3px;accent-color:#f59e0b}.compressor-option-text{display:flex;flex-direction:column;gap:2px}.compressor-option-label{font-size:15px;font-weight:600;color:#fff}.compressor-option-hint{font-size:13px;color:#999}.compressor-stats{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:8px;background:#252525;border:1px solid #333;font-size:14px}.compressor-stats>div{display:flex;justify-content:space-between;gap:12px}.compressor-stat-label{color:#999;font-weight:600}.video-compressor .process-button{width:100%;padding:12px 16px;border:none;border-radius:8px;background:#f59e0b;color:#111;font-size:15px;font-weight:700;cursor:pointer}.video-compressor .process-button:disabled{background:#555;color:#aaa;cursor:not-allowed}.video-compressor .error-message{margin:0 16px 16px;padding:10px 12px;border-radius:6px;background:#3f1d1d;color:#fca5a5;font-size:14px}.video-compressor.is-editor-workspace .editor-right--workspace{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:12px 16px 16px;order:2}.compressor-preview-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative}.compressor-preview-wrapper.is-drag-over .compressor-preview-frame{outline:2px dashed #f59e0b;outline-offset:4px}.compressor-export-hint{margin:0;font-size:13px;color:#aaa;text-align:center;flex-shrink:0}.compressor-preview-scaler{position:relative;max-width:100%;max-height:100%}.compressor-preview-frame{position:relative;background:#111;overflow:hidden;box-shadow:0 0 0 1px #333}.compressor-preview-frame.is-upload-target{cursor:pointer;min-width:min(100%,420px);min-height:240px}.compressor-preview-canvas,.compressor-source-preview{display:block;max-width:100%;max-height:100%;object-fit:contain}.compressor-source-preview.is-preview-hidden{display:none}.compressor-preview-canvas{display:none;position:absolute;inset:0}.compressor-preview-canvas.is-visible{display:block}.compressor-preview-frame .preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:#ccc;font-size:18px;background:#161616}.compressor-preview-frame .preview-placeholder-hint{margin:0;font-size:14px;color:#888}.preview-drop-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.65);color:#fff;font-weight:600;z-index:3}.compressor-preview-frame .crop-border{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.video-compressor .download-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.video-compressor .download-modal-content{background:#222;padding:24px 28px;border-radius:10px;min-width:260px;text-align:center}.video-compressor .download-progress-bar{height:8px;background:#333;border-radius:999px;overflow:hidden;margin-top:12px}.video-compressor .download-progress-fill{height:100%;background:#f59e0b;width:0;transition:width .2s ease}@media (max-width:768px){.video-compressor.is-editor-workspace .editor-content{flex-direction:column}.video-compressor.is-editor-workspace .editor-left{width:100%;min-width:0;max-width:none;max-height:42vh;flex-shrink:0;border-right:none;border-bottom:1px solid #333}.video-compressor.is-editor-workspace .editor-right--workspace{flex:1;min-height:0;padding:10px 12px 16px}.compressor-preview-wrapper{min-height:38vh}.compressor-toolbar{padding:8px 12px;gap:8px}.compressor-toolbar .video-controls{flex-wrap:wrap;justify-content:center}.compressor-toolbar .download-button,.compressor-toolbar .video-controls button,.video-compressor .change-image-button{min-height:44px;padding:10px 14px;font-size:14px}}