*{margin:0;padding:0;box-sizing:border-box}.theme-toggle{position:fixed;top:20px;right:20px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:background .2s;z-index:1000}.theme-toggle:hover{background:#f5f5f5}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{background:#fff;border-radius:4px;border:1px solid #ddd;padding:30px;max-width:600px;width:100%;box-shadow:0 2px 8px #0000001a}h1{font-size:2rem;margin-bottom:8px;color:#333}.subtitle{color:#666;margin-bottom:32px}.upload-area{margin-bottom:24px}#videoInput{display:none}.upload-btn{display:block;width:100%;padding:12px;background:#0d7d0d;color:#fff;border-radius:4px;text-align:center;cursor:pointer;transition:background .2s;border:1px solid #0a6b0a}.upload-btn:hover{background:#0a6b0a}.controls{margin-bottom:24px}.control-group{margin-bottom:16px}.control-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.control-group input,.control-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.control-group input:focus,.control-group select:focus{outline:none;border-color:#0d7d0d}.compress-btn,.download-btn{width:100%;padding:12px;background:#0d7d0d;color:#fff;border:1px solid #0a6b0a;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.compress-btn:hover,.download-btn:hover{background:#0a6b0a}.compress-btn:disabled{background:#ccc;cursor:not-allowed}.progress{margin-bottom:24px}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:#0d7d0d;transition:width .3s;width:0%}#progressText{color:#666;text-align:center;font-size:14px}.result{text-align:center}.result h3{color:#0d7d0d;margin-bottom:12px;font-size:18px}#resultInfo{color:#666;margin-bottom:16px}.hidden{display:none}body.dark-mode{background:#1a1a1a}body.dark-mode .theme-toggle{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .theme-toggle:hover{background:#333}body.dark-mode .container{background:#2a2a2a;border-color:#444}body.dark-mode h1,body.dark-mode .control-group label{color:#e0e0e0}body.dark-mode .subtitle,body.dark-mode #progressText,body.dark-mode #resultInfo{color:#aaa}body.dark-mode .control-group input,body.dark-mode .control-group select{background:#1a1a1a;border-color:#444;color:#e0e0e0}body.dark-mode .progress-bar{background:#444}