@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{font-family:Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:#0d1117}h1{font-size:3.2em;line-height:1.1}button{padding:.75em 1.5em;border:1px solid #2e2e2e;border-radius:8px;background:#0c0c0c;color:#fff;font-size:1rem;font-weight:500;letter-spacing:.2px;cursor:pointer;animation:subtle-bob 1s ease-in-out infinite;transition:background .2s,box-shadow .2s;max-width:135px;box-sizing:border-box}button:hover{background:#161616;box-shadow:0 3px 6px #000000d9}button:active{background:#121212;box-shadow:0 1px 3px #000000e6}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;animation:none}.button-half{width:25%;max-width:none}.header-container{position:sticky;top:0;z-index:1000;height:60px;display:flex;align-items:center;justify-content:space-between;background-color:#0d1117;padding:0 2rem;color:#fff;border-bottom:1px solid #30363d}.logo-link{display:flex;align-items:center;text-decoration:none}.logo-text{font-size:1.5rem;font-weight:700;color:#fff;font-family:inherit}.logo-link:hover .logo-text{color:#58a6ff}.nav-links{display:none;align-items:center;gap:1.25rem}.nav-link{color:#ffffffde;text-decoration:none;font-weight:500;font-size:1rem;padding:6px 12px;border-radius:6px;transition:background-color .2s ease,color .2s ease}.nav-link:hover{background-color:#21262d;color:#58a6ff}#root{max-width:100%;margin:0;padding:0}.left-panel{margin-left:3.5rem}.panel-title{font-size:2.5rem;font-weight:700;color:#f2f2f2;margin-bottom:1.25rem;text-shadow:0 0 8px rgba(100,108,255,.15);transition:text-shadow .3s ease}.panel-title:hover{text-shadow:0 0 12px rgba(100,108,255,.25)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{margin-top:3rem;display:flex}.bleep-options{margin-top:20px;display:flex;align-items:flex-end;gap:10px}.bleep-options label{font-size:1rem;font-weight:600;color:#fff;margin-right:4px;margin-bottom:2px;letter-spacing:.15px}select{min-width:180px;padding:.7em 2.4em .7em 1em;border:1px solid #646cff;border-radius:8px;background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .9em center/12px 8px;color:#fff;font-size:1rem;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:box-shadow .25s,filter .25s}select:hover{filter:brightness(1.1)}select:focus{outline:none;box-shadow:0 0 0 3px #646cff66}.preview-button{padding:.75em 1.5em;border:1px solid #2e2e2e;border-radius:8px;background:#0c0c0c;color:#fff;font-size:1rem;font-weight:500;letter-spacing:.2px;cursor:pointer;animation:subtle-bob 1s ease-in-out infinite;transition:background .2s,box-shadow .2s}.preview-button:hover{background:#161616;box-shadow:0 3px 6px #000000d9}.preview-button:active{background:#121212;box-shadow:0 1px 3px #000000e6}.preview-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;animation:none}.custom-options{margin-top:10px}.custom-source-buttons{display:flex;align-items:center;gap:.5rem}.custom-url-input{margin-top:10px}.volume-input{margin-top:10px;display:flex;align-items:center;gap:10px}.crop-button-wrapper{margin-top:10px}@keyframes subtle-bob{0%{transform:translateY(-.05px)}50%{transform:translateY(.05px)}to{transform:translateY(-.05px)}}.upload-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-width:180px;padding:.65em 3em;border:1px solid #222;border-radius:8px;background:#050505;color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.5px;cursor:pointer;animation:subtle-bob 1s ease-in-out infinite;transition:background .2s,box-shadow .2s,filter .2s;box-shadow:0 0 16px #646cff4d;white-space:nowrap;outline:1px solid rgba(100,108,255,.4)}.upload-options{margin-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.upload-label{font-size:1rem;font-weight:600;color:#fff;letter-spacing:.15px}.upload-button:hover{background:#111;box-shadow:0 0 8px #646cff80;outline-color:#646cff99}.upload-button:active{background:#0d0d0d;box-shadow:0 0 12px #646cff66}.upload-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;animation:none}.video-player{width:1024px;height:576px;border-radius:2px}@media (max-width: 1920px){.video-player{width:896px;height:504px;border-radius:2px}}@media (max-width: 1366px){.video-player{width:768px;height:432px;border-radius:2px}}@media (max-width: 1024px){.video-player{width:640px;height:360px;border-radius:2px}}@media (max-width: 768px){.video-player{width:100%;height:auto;border-radius:2px;aspect-ratio:16 / 9}}.download-wrapper{margin-top:10px}.hidden{display:none}.file-upload{display:inline-block;padding:10px 20px;background-color:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;margin-top:10px}.file-upload:hover{background-color:#2a2a2a;border-color:#646cff}input[type=text],input[type=file]{padding:10px;border-radius:6px;border:1px solid #444;background-color:#1a1a1a;color:#fff;width:100%;max-width:180px;box-sizing:border-box}input[type=text]:focus{outline:none;border-color:#646cff}.play-button{max-width:48px;min-width:48px;padding:.6em;font-size:1rem;text-align:center}.crop-again-button{display:inline-block;padding:.75em 1.5em;border:1px solid #2e2e2e;border-radius:8px;background:#0c0c0c;color:#fff;font-size:1rem;font-weight:500;letter-spacing:.2px;cursor:pointer;animation:subtle-bob 1s ease-in-out infinite;transition:background .2s,box-shadow .2s;width:auto;max-width:100%;white-space:nowrap}.crop-again-button:hover{background:#161616;box-shadow:0 3px 6px #000000d9}.crop-again-button:active{background:#121212;box-shadow:0 1px 3px #000000e6}.download-button{display:inline-block;padding:.75em 1.5em;margin-top:.5rem;border:1px solid #2e2e2e;border-radius:8px;background:#0c0c0c;color:#fff;font-size:1rem;font-weight:500;letter-spacing:.2px;cursor:pointer;animation:subtle-bob 1s ease-in-out infinite;transition:background .2s,box-shadow .2s;width:auto;max-width:100%;white-space:nowrap}.download-button:hover{background:#161616;box-shadow:0 3px 6px #000000d9}.download-button:active{background:#121212;box-shadow:0 1px 3px #000000e6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}h1{font-size:2.5rem;margin-bottom:20px;color:#c9d1d9}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.file-drop-zone{display:flex;justify-content:center;align-items:center;flex-direction:column;height:180px;width:100%;background-color:#3a3a3a;border:2px dashed #888;border-radius:12px;color:#f0f0f0;text-align:center;padding:20px;margin-top:20px;margin-bottom:20px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;box-sizing:border-box}.file-drop-zone:hover{background-color:#444;border-color:#646cff}.file-drop-zone p{font-size:16px;color:#ccc;margin:0}.file-drop-zone.error{border-color:#ff4d4f;background-color:#3a1a1d}.file-drop-zone.error:hover{border-color:#d9363e}.file-drop-zone.error{border-color:#ff4d4f}.file-drop-text{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#ccc;text-align:left}.file-drop-icon{color:#646cff;flex-shrink:0}.file-drop-lines{line-height:1.4}.file-drop-select{color:#58a6ff}.file-drop-zone:hover .file-drop-text{color:#fff}.file-error{margin-top:.5rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#ff4d4f;font-size:1rem;text-align:center;justify-content:center}.file-error-icon{flex-shrink:0;stroke-width:2px}.right-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:32px;margin-left:9.5rem}.right-panel-placeholder{margin-top:.5rem;margin-left:4.5rem;max-width:720px;transform:translateY(-20px)}.placeholder-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.1rem;text-shadow:0 0 8px rgba(100,108,255,.15)}.placeholder-desc{margin-top:.5rem;font-size:1.3rem;line-height:1.7;color:#c9d1d9;text-shadow:0 0 4px rgba(255,255,255,.1)}.placeholder-note{display:block;margin-top:.25rem;font-size:1.15rem;font-weight:600;color:#f2f2f2;text-shadow:0 0 8px rgba(100,108,255,.2)}.placeholder-emphasis{font-weight:800}.modal-overlay{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#1e1e1e;color:#fff;padding:20px;border-radius:10px;width:620px;max-width:95%;position:relative;box-shadow:0 0 20px #0009}.track-bar{width:100%;height:8px;background-color:#444;margin:20px 0;position:relative;cursor:pointer;border-radius:4px}.track-progress{position:absolute;left:0;top:0;height:8px;background-color:#646cff;border-radius:4px}.crop-box{position:absolute;top:-8px;height:24px;background-color:#f006;cursor:grab;border-radius:4px}.modal-button{display:inline-block;padding:.7em 1.5em;border:1px solid #2e2e2e;border-radius:8px;background:#0c0c0c;color:#fff;font-size:1rem;font-weight:500;letter-spacing:.2px;cursor:pointer;animation:subtle-bob 1s ease-in-out infinite;transition:background .2s,box-shadow .2s;width:auto;max-width:100%;white-space:nowrap}.modal-button:hover{background:#161616;box-shadow:0 3px 6px #000000d9}.modal-button:active{background:#121212;box-shadow:0 1px 3px #000000e6}.modal-meta{display:flex;justify-content:space-between;align-items:stretch;margin-top:10px}.crop-instructions{max-width:215px;font-size:1rem;line-height:1.5;color:#fff;text-align:left}