@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#1e283c;--muted:#828b9d;--blue:#4464eb;--line:#e8ebf1;--bg:#f7f8fb;--green:#2f937d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,'Noto Sans KR',system-ui,sans-serif;font-size:14px;letter-spacing:-.3px}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}aside{position:fixed;width:230px;top:0;bottom:0;background:#fff;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-1px}.brand-light{font-weight:500}.mark{width:32px;height:32px;background:var(--blue);border-radius:9px;display:flex;align-items:center;justify-content:center;gap:3px}.mark i{display:block;background:#fff;width:3px;border-radius:4px;height:12px}.mark i:nth-child(2){height:21px}.mark i:nth-child(3){height:16px}.mark i:nth-child(4){height:9px}.workspace-label{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#a1a7b4;margin:49px 10px 17px}.nav{display:flex;align-items:center;width:100%;padding:12px 13px;background:none;border-radius:8px;color:#8a93a4;gap:12px;text-align:left;margin-bottom:6px;font-weight:600}.nav>span:first-child{font-size:21px;line-height:16px;font-weight:400}.nav.active{color:var(--blue);background:#eef1fe}.nav-shortcut,.count{margin-left:auto;font-size:10px!important;border:1px solid #dce2f6;padding:2px 5px;border-radius:4px;line-height:14px!important}.side-note{margin:64px 12px 0}.side-note strong{font-weight:600;font-size:17px;line-height:1.7;color:#636e85}.side-note p{font-size:12px;line-height:1.9;color:#a0a8b6;margin-top:13px}.tiny-wave{height:30px;display:flex;gap:4px;align-items:center;margin-bottom:19px}.tiny-wave i{background:#d7def7;width:3px;border-radius:5px;height:8px}.tiny-wave i:nth-child(3n){height:29px;background:#9aaceb}.tiny-wave i:nth-child(2n){height:19px}.sidebar-bottom{margin-top:auto}.connection{width:100%;background:#f8f9fc;border:1px solid var(--line);border-radius:8px;padding:11px 9px;display:flex;align-items:center;gap:7px;font-size:10px;color:#69758b}.connection b{margin-left:auto;font-size:13px}.status-dot{width:6px;height:6px;background:#b7bec9;border-radius:50%;flex-shrink:0}.status-dot.connected{background:#2da88d}.sidebar-bottom>p{font-size:10px;color:#aab1be;margin:18px 3px 0;display:flex;justify-content:space-between}main{margin-left:230px}header{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 46px;background:rgba(255,255,255,.65)}.crumb{font-size:12px;color:#98a0b0}.crumb span{margin:0 13px;color:#c4c9d3}.crumb b{color:#515c72;font-weight:500}.header-actions{display:flex;align-items:center;gap:21px}.private-pill{font-size:11px;color:#8490a3}.icon-button{display:grid;place-items:center;background:none;font-size:21px;width:30px;height:30px;color:#8c95a7}.content{max-width:1320px;margin:0 auto;padding:43px 46px 20px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--blue);margin-bottom:10px}h1{font-size:29px;letter-spacing:-1.4px;font-weight:700;margin:0 0 11px}.intro p{margin:0;color:#8b94a5;font-size:12px}.quality-pill{font-size:10px;color:#6a768c;white-space:nowrap;padding-bottom:2px}.quality-pill span{margin-right:4px;color:#409783}.server-banner{background:#f0f3ff;border:1px solid #e0e6fe;display:flex;align-items:center;gap:13px;border-radius:10px;padding:15px 18px;margin-bottom:24px}.banner-icon{font-size:19px;color:#7489d2;width:24px}.server-banner strong{font-size:11px;color:#586b9e;font-weight:600}.server-banner p{margin:4px 0 0;font-size:10px;color:#8291b1}.server-banner button{font-size:10px;color:#5c73c3;margin-left:auto;white-space:nowrap;background:none}.server-banner button span{margin-left:13px}.server-banner.connected{background:#f0f8f5;border-color:#deeee6}.server-banner.connected strong{color:#4b8471}.server-banner.connected p{color:#7c9d91}.editor-grid{display:grid;grid-template-columns:minmax(0,1.37fr) minmax(300px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px #1d356503;overflow:hidden}.input-panel{padding:25px 27px}.output-panel{padding:25px 26px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:24px}.step-number{font-size:10px;font-weight:700;color:#8e9bb5;border:1px solid #e4e8f1;border-radius:5px;width:25px;height:24px;display:grid;place-items:center}.section-heading h2{margin:0;font-size:14px;font-weight:700}.label-muted{margin-left:auto;color:#a4aabb;font-size:10px}.preset-tag{color:#8a96b3;font-size:9px;border:1px solid #e7ebf4;border-radius:5px;padding:4px 7px;margin-left:auto}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px;gap:24px}.tab{background:none;padding:0 1px 12px;font-weight:600;font-size:11px;color:#98a0b1;position:relative}.tab.active{color:var(--blue)}.tab.active:after{position:absolute;content:'';height:2px;background:var(--blue);bottom:-1px;left:0;right:0}.dropzone{width:100%;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafbff;border:1.5px dashed #dce3f5;border-radius:10px;color:#56627b;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--blue);background:#f1f4ff}.upload-icon{height:48px;width:48px;border-radius:14px;display:grid;place-items:center;font-size:29px;color:#8096e1;background:#eff2fc;margin-bottom:17px}.dropzone strong{font-size:13px;font-weight:600}.dropzone>span:not(.upload-icon){font-size:11px;color:#9ba6bd;margin-top:8px}.dropzone small{font-size:9px;color:#b2b9c9;margin-top:23px}.input-footer{font-size:10px;color:#9ca6b8;display:flex;gap:7px;align-items:center;margin:16px 0 25px;line-height:1.8}.input-footer span{font-size:14px}.workflow{border-top:1px solid var(--line);padding:26px 0 7px;display:flex;align-items:center;justify-content:space-around}.workflow>div{display:grid;grid-template-columns:22px 1fr;column-gap:7px;row-gap:5px}.workflow>div span{grid-row:1/3;border-radius:50%;font-size:9px;width:20px;height:20px;display:grid;place-items:center;background:#f2f4fa;color:#8f9bb3}.workflow b{font-size:10px;font-weight:600;color:#7c879d}.workflow small{font-size:9px;color:#b0b8c7}.workflow>i{font-style:normal;font-size:12px;color:#c8cfdc}.setting-block{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.setting-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600}.unit-label{font-size:9px;color:#a6aec0;font-weight:500}.loudness-value{display:flex;align-items:baseline;gap:6px;margin:9px 0}.loudness-value input{color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:38px;letter-spacing:-2px;border:0;background:none;width:84px;appearance:textfield}.loudness-value input::-webkit-inner-spin-button{appearance:none}.loudness-value>span{font-size:11px;color:#a3acbe;letter-spacing:.4px}.mini-bars{margin-left:auto;display:flex;align-items:flex-end;gap:3px;height:24px}.mini-bars i{width:4px;height:7px;background:#b3c0f5;border-radius:2px}.mini-bars i:nth-child(2n){height:15px}.mini-bars i:nth-child(3n){height:24px;background:#5c7aea}.mini-bars i:nth-child(5n){height:19px}input[type=range]{width:100%;height:4px;accent-color:var(--blue);display:block;margin:13px 0}.range-labels{display:flex;justify-content:space-between;color:#a7b0c0;font-size:8px}.range-labels span:nth-child(2){color:#8596c2}.segmented{display:flex;background:#f5f6fa;border-radius:7px;padding:4px;margin-top:12px;gap:4px}.segmented button{flex:1;background:none;border-radius:5px;font-size:10px;color:#9aa3b5;padding:8px 0}.segmented button.selected{background:white;box-shadow:0 1px 4px #23376610;color:#5470d4;font-weight:700}.segmented small{font-size:7px;color:#7d8fc3;margin-left:3px}.setting-help{font-size:9px;color:#a4aebe;margin:9px 0 0;line-height:1.7}.toggle-label{display:flex;align-items:center;gap:9px;cursor:pointer}.toggle-label>span:first-child{display:flex;flex-direction:column;gap:6px}.toggle-label b{font-size:11px;font-weight:600}.toggle-label small{color:#9ca7bb;font-size:9px}.toggle-label input{position:absolute;opacity:0;width:1px}.toggle-track{margin-left:auto;width:31px;height:18px;flex-shrink:0;background:#e0e5ee;border-radius:20px;padding:3px;transition:.2s}.toggle-track:before{content:'';display:block;width:12px;height:12px;background:white;border-radius:50%;box-shadow:0 1px 3px #0001;transition:.2s}.toggle-label input:checked+.toggle-track{background:var(--blue)}.toggle-label input:checked+.toggle-track:before{transform:translateX(13px)}.toggle-label input:focus-visible+.toggle-track{outline:2px solid var(--blue);outline-offset:3px}.compress-block{padding-bottom:17px;margin-bottom:13px}.size-settings{padding:13px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.size-settings label{font-size:10px;color:#8b96ab}.size-settings>div{margin-left:auto;border:1px solid var(--line);border-radius:5px;padding:6px 10px;font-size:10px;color:#929db3}.size-settings input{width:52px;border:0;outline:none}.size-settings p{margin:0;font-size:9px;color:#acb3c2;width:100%}.advanced{color:#8e98aa;font-size:9px;margin:0 0 19px}.advanced summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.advanced label{display:flex;align-items:center;margin:12px 0 4px;font-size:10px}.advanced p{line-height:1.7;font-size:9px}.primary-button{background:var(--blue);border-radius:8px;color:white;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:11px;font-weight:600;padding:14px 16px;box-shadow:0 3px 6px #4464eb10}.primary-button:not(:disabled):hover{background:#3554d3}.primary-button span{font-size:15px}.verification-note{margin:11px 0 0;text-align:center;font-size:8px;color:#a8b1c2}.selected-file{padding:15px 10px;display:flex;align-items:center;gap:12px;border:1px solid #e7ebf7;border-radius:9px;margin-top:12px}.selected-file strong{font-size:11px;word-break:break-all}.selected-file small{display:block;color:#a2adbf;margin-top:4px;font-size:10px}.selected-file>div{flex:1}.file-symbol{color:#6b83d5;background:#eef2ff;padding:12px 13px;border-radius:7px}.field-label{display:block;font-size:11px;color:#7a879f;margin:10px 0}.url-input{display:flex;align-items:center;border:1px solid #e1e6f1;border-radius:8px;padding:13px;gap:9px;color:#a7b1c6}.url-input input{border:0;outline:0;min-width:0;flex:1;color:#56647c;font-size:12px;background:none}.provider-tags{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.provider-tags span{font-size:9px;border:1px solid var(--line);padding:5px 7px;border-radius:5px;color:#8c98b0}.link-note{color:#a0a9ba;font-size:11px;line-height:1.9;margin:21px 0 30px}.jobs-section{margin-top:32px;scroll-margin-top:20px}.jobs-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.jobs-heading h2{font-size:13px;font-weight:600;margin:0}.jobs-heading h2 span{font-size:10px;color:#8c9ab3;margin-left:5px}.jobs-heading>div{font-size:9px;color:#9fa8ba;display:flex;align-items:center;gap:6px}.live-dot{width:4px;height:4px;background:#8bb3a3;border-radius:50%}.empty-jobs{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:25px 24px}.empty-jobs>span{font-size:27px;color:#bac6df;background:#f6f8fc;padding:4px 12px;border-radius:8px}.empty-jobs strong{font-size:11px;color:#8b97ac;font-weight:500}.empty-jobs p{font-size:10px;color:#b0b8c7;margin:6px 0 0}.job{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px;margin-top:10px}.job-top{display:flex;align-items:center;gap:12px}.job-title{font-size:12px;font-weight:600;overflow-wrap:anywhere}.job-meta{font-size:10px;color:#9ba6ba;margin:5px 0 0}.job-tag{margin-left:auto;white-space:nowrap;font-size:10px;color:#7388c9;background:#f0f3fc;padding:5px 8px;border-radius:5px}.job-tag.failed{color:#ad635e;background:#fbf0ee}.job-tag.done{color:#3a9178;background:#edf8f2}.job-progress{height:5px;background:#f1f3f8;border-radius:3px;margin:17px 0 9px;overflow:hidden}.job-progress>div{height:100%;background:#6d87eb;border-radius:3px}.job-stats{display:flex;justify-content:space-between;font-size:10px;color:#8c9bb4}.job-error{font-size:11px;line-height:1.7;color:#ad6c65;background:#fcf5f3;border-radius:6px;padding:11px;overflow-wrap:anywhere}.job-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.small-button{font-size:10px;background:#f3f5fb;color:#7b8eae;padding:8px 11px;border-radius:6px}.small-button.download{background:var(--blue);color:#fff}.result-values{display:flex;gap:24px;border-top:1px solid var(--line);padding-top:15px;margin-top:15px;flex-wrap:wrap}.result-values strong{font-size:17px;display:block;color:#496e60}.result-values small{font-size:8px;color:#96a89f}footer{display:flex;align-items:center;border-top:1px solid var(--line);margin-top:33px;padding:20px 0 0;font-size:9px;color:#afb7c6;gap:17px}footer>span{font-family:Manrope,system-ui;font-weight:700}footer p{margin:0;font-size:9px}footer button{margin-left:auto;background:none;color:#9ba7bc;font-size:9px;white-space:nowrap}dialog{padding:29px;border:1px solid #e1e6f0;border-radius:14px;max-width:460px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #1e283c22}dialog::backdrop{background:#13234555;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-heading h2{font-size:18px;margin:0}dialog p,dialog li{font-size:12px;line-height:1.9;color:#8793a8}dialog label{display:block;font-size:11px;margin:17px 0 8px}dialog input:not([type=checkbox]){border:1px solid #dfe5ef;padding:12px;border-radius:7px;width:100%;font-size:12px}dialog small{font-size:9px;color:#a0aabc;display:block;margin-top:10px}dialog .primary-button{margin-top:22px}#connection-message{margin-top:13px;color:#a75f59;font-size:11px;line-height:1.7}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#283449;color:white;padding:13px 22px;font-size:12px;border-radius:8px;box-shadow:0 3px 20px #0002;z-index:20;max-width:80vw;line-height:1.7}@media(min-width:1500px){.content{padding-top:52px}.dropzone{height:265px}}@media(max-width:1120px){aside{width:190px;padding:30px 16px}main{margin-left:190px}.brand{font-size:18px}.content{padding:32px 26px}.intro{display:block}.quality-pill{display:block;margin-top:16px}.editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:15px}.input-panel,.output-panel{padding:20px}.dropzone{height:240px}.section-heading{gap:7px}.label-muted{display:none}header{padding:0 27px}.workflow>i{display:none}.workflow{gap:8px}.workflow>div{display:flex;flex-direction:column}.server-banner p{font-size:9px}}@media(max-width:850px){aside{position:static;width:100%;height:66px;flex-direction:row;align-items:center;padding:17px 23px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:19px}.workspace-label,.side-note,.sidebar-bottom,nav{display:none}main{margin-left:0}header{height:57px}.content{padding:28px 22px}h1{font-size:25px}.editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr)}}@media(max-width:650px){.editor-grid{grid-template-columns:1fr}.intro p{line-height:1.8;font-size:11px}.quality-pill{display:none}.server-banner{align-items:flex-start;padding:14px 12px}.server-banner p{line-height:1.7}.server-banner button{margin-top:3px}.banner-icon{display:none}.output-panel{padding:23px}.input-panel{padding:23px}.dropzone{height:218px}.workflow>div{display:grid}.workflow>i{display:block}.private-pill{display:none}.jobs-heading>div{font-size:8px}.content{padding:26px 17px}.job{padding:17px}.job-top{gap:8px}.job-tag{font-size:8px}.result-values{gap:20px}footer p{display:none}h1{font-size:24px}.section-heading{margin-bottom:24px}}