body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.dark-mode{background-color:#1a1a1a;color:#f8f8f8}.app-header{align-items:center;background-color:#343a40;box-shadow:0 2px 5px #0003;color:#fff;display:flex;justify-content:center;margin-bottom:30px;padding:30px 0;position:relative;text-align:center;width:100%}.app-header h1{flex-grow:1;font-size:32px;font-weight:600;letter-spacing:1px;margin:0}.calculator-container{background-color:#2c2c2c;border-radius:12px;box-shadow:0 8px 16px #ffffff1a;display:flex;flex-direction:column;max-width:700px;padding:30px;position:relative;width:95%}.input-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.input-group label{color:#eee;flex-basis:40%;font-size:18px;font-weight:500;text-align:left}.adjusted-bitrate{margin-top:20px}.input-group input[type=number],.input-group input[type=text]{background-color:#444;border:1px solid #555;border-radius:6px;color:#f8f8f8;flex-basis:55%;font-size:17px;padding:12px;transition:border-color .3s ease}.input-group input[type=number]:focus,.input-group input[type=text]:focus{border-color:#6af;box-shadow:0 0 5px #66aaff4d;outline:none}.input-group input::placeholder{color:#999;font-style:italic}button{background-color:#42a5f5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;margin-bottom:25px;padding:14px 28px;transition:background-color .3s ease}button:hover{background-color:#1e88e5}.results{background-color:#333;border-radius:8px;box-shadow:0 2px 5px #ffffff1a;color:#eee;margin-top:30px;padding:20px}.results h2{font-size:24px;font-weight:600;margin-bottom:10px;margin-top:0}.results p{font-size:17px;margin-bottom:12px}.encoding-options{border-top:1px solid #555;margin-top:30px;padding-top:15px}.encoding-selection{margin-bottom:15px}.encoding-selection h3{color:#eee;font-size:18px;margin-bottom:5px}.encoding-selection>div,.label-and-buttons{margin-bottom:8px}.resolution-label{color:#eee;display:block;font-size:18px;margin-left:0;margin-right:5px}.encoding-selection .button-group{display:flex;flex-wrap:wrap;margin-bottom:8px}.encoding-selection button{background-color:#444;border:1px solid #555;border-radius:6px;color:#eee;cursor:pointer;margin-bottom:5px;margin-right:8px;padding:10px 16px;transition:background-color .3s ease}.encoding-selection button.selected{background-color:#0af;color:#fff}.drag-over{border:4px dashed #6af}.drag-drop-tooltip{bottom:10px;cursor:pointer;display:inline-block;position:absolute;right:10px}.drag-drop-icon{color:#999;font-size:20px}.drag-drop-tooltip .drag-drop-tooltiptext{background-color:#333;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-100px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .5s;visibility:hidden;width:200px;z-index:1}.drag-drop-tooltip:hover .drag-drop-tooltiptext{opacity:1;visibility:visible}.github-link{color:#fff;margin-right:40px;text-decoration:none}.github-icon{font-size:50px;margin-left:auto}
/*# sourceMappingURL=main.d5ac8617.css.map*/