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}:root{--bg-dark:#0f172a;--bg-panel:#1e293b;--bg-panel-border:#334155;--primary-accent:#38bdf8;--primary-hover:#0284c7;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#ef4444;--success:#22c55e}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}body{align-items:center;background-color:#0f172a;background-color:var(--bg-dark);color:#f8fafc;color:var(--text-main);display:flex;justify-content:center;min-height:100vh}.app-container{background-color:#1e293b;background-color:var(--bg-panel);border:1px solid #334155;border:1px solid var(--bg-panel-border);border-radius:12px;box-shadow:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080;display:flex;flex-direction:column;margin:40px auto;max-width:900px;overflow:hidden;width:100%}.header{background-color:#0b1120;border-bottom:1px solid #334155;border-bottom:1px solid var(--bg-panel-border);padding:24px;text-align:center}.header h1{align-items:center;color:#38bdf8;color:var(--primary-accent);display:flex;font-size:28px;font-weight:700;gap:12px;justify-content:center;margin-bottom:4px}.header p{color:#94a3b8;color:var(--text-muted);font-size:14px;letter-spacing:1px;text-transform:uppercase}.main-content{gap:20px;padding:30px}.main-content,.upload-zone{display:flex;flex-direction:column}.upload-zone{align-items:center;background-color:#0f172a80;border:2px dashed #334155;border:2px dashed var(--bg-panel-border);border-radius:8px;cursor:pointer;justify-content:center;padding:50px 20px;transition:all .2s ease-in-out}.upload-zone:hover{background-color:#38bdf80d;border-color:#38bdf8;border-color:var(--primary-accent)}.upload-zone svg{color:#38bdf8;color:var(--primary-accent);margin-bottom:15px}.file-input{display:none}.file-label{color:#f8fafc;color:var(--text-main);font-size:16px;font-weight:500;margin-bottom:8px;text-align:center}.controls-panel{background-color:#0f172a;background-color:var(--bg-dark);border:1px solid #334155;border:1px solid var(--bg-panel-border);border-radius:8px;gap:15px;padding:20px}.control-group,.controls-panel{display:flex;flex-direction:column}.control-group{gap:8px}.control-group label{color:#94a3b8;color:var(--text-muted);font-size:14px;font-weight:600}input[type=range]{-webkit-appearance:none;background:#0000;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#38bdf8;background:var(--primary-accent);border-radius:50%;box-shadow:0 0 10px #38bdf880;cursor:pointer;height:18px;margin-top:-6px;width:18px}input[type=range]::-webkit-slider-runnable-track{background:#334155;background:var(--bg-panel-border);border-radius:4px;cursor:pointer;height:6px;width:100%}input[type=range]:focus{outline:none}.convert-btn{background-color:#38bdf8;background-color:var(--primary-accent);border:none;border-radius:8px;box-shadow:0 4px 14px #38bdf84d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px;transition:background-color .2s,transform .1s,box-shadow .2s}.convert-btn:hover:not(:disabled){background-color:#0284c7;background-color:var(--primary-hover);box-shadow:0 6px 20px #38bdf880;transform:translateY(-2px)}.convert-btn:active:not(:disabled){transform:translateY(0)}.convert-btn:disabled{background-color:#334155;background-color:var(--bg-panel-border);box-shadow:none;color:#94a3b8;color:var(--text-muted);cursor:not-allowed}.status-bar{background-color:#0f172acc;border-radius:6px;font-size:14px;padding:12px;text-align:center}.status-bar strong{color:#38bdf8;color:var(--primary-accent);font-weight:600}.footer{align-items:center;background-color:#0b1120;border-top:1px solid #334155;border-top:1px solid var(--bg-panel-border);color:#94a3b8;color:var(--text-muted);display:flex;font-size:12px;gap:8px;justify-content:center;padding:15px}
/*# sourceMappingURL=main.8cac950c.css.map*/