@font-face{font-family:Studio;src:url('../../assets/fonts/studio-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Studio;src:url('../../assets/fonts/studio-bold.woff') format('woff');font-weight:600 900;font-display:swap}@font-face{font-family:Korean;src:url('../../assets/fonts/korean.woff') format('woff');font-weight:100 900;font-display:swap}
:root{--paper:#f2f1ed;--ink:#111;--line:#cecec7;--muted:#63635e;--font:Studio,Korean,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.42}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid currentColor}h1,h2,p{margin:0}svg{display:block}[hidden]{display:none!important}.wrap{max-width:1360px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.skip-link{position:fixed;top:10px;left:20px;z-index:20;background:#fff;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.tool-header{height:88px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.tool-brand{font-size:14px;line-height:1.05;letter-spacing:-.5px;font-weight:700}.back-link{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;padding:12px 0}.language-switch{display:flex;gap:3px;align-items:center;font:10px 'Courier New',monospace;margin-left:14px}.language-switch button{padding:12px 6px;background:none;border:0;color:var(--muted)}.language-switch button[aria-pressed=true]{font-weight:700;color:#111}.tool-intro{padding-block:41px 33px}.intro-eyebrow{font:10px 'Courier New',monospace;letter-spacing:.8px;display:flex;align-items:center;gap:20px}.claude-badge{border:1px solid #111;padding:8px 10px;font-size:9px}.tool-intro h1{font-size:clamp(32px,4.4vw,58px);letter-spacing:-2px;line-height:1.3;margin-block:22px 14px}.tool-intro>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:850px;word-break:keep-all}.privacy-note{display:flex;align-items:baseline;gap:8px;font-size:10px;color:var(--muted);margin-top:15px;line-height:1.8}.editor-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}.panel{border:1px solid var(--line);padding:25px;min-width:0}.panel-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:20px}.panel-heading h2{font-size:12px;font-weight:700;white-space:nowrap}.panel-heading>span{font-size:10px;color:var(--muted)}.files-panel{grid-column:2;grid-row:1 / 3}.preview-panel{grid-column:1;grid-row:1}.settings-panel{grid-column:1;grid-row:2}.panel-heading #preview-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%;direction:ltr}.waveform-shell{position:relative;background:#151515;color:#d8d8d0;min-height:160px;padding:13px 12px 6px}.waveform-shell #waveform{height:124px}.waveform-shell #timeline{min-height:20px}#waveform-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;text-align:center;padding:25px;color:#aaa99f}.playback-row{display:flex;align-items:center;gap:18px;margin-top:17px;font-size:10px}.playback-row button{min-width:76px;min-height:36px;background:#111;color:var(--paper);border:1px solid #111;font-size:10px}.playback-row>span:last-child{margin-left:auto;color:var(--muted);font-size:9px}.playback-row #audio-time{font:10px 'Courier New',monospace;white-space:nowrap}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.volume-control{grid-column:1 / -1}.volume-control label{display:flex;align-items:center;justify-content:space-between;font-size:12px}.volume-control output{font:14px 'Courier New',monospace;font-weight:700}input[type=range]{width:100%;accent-color:#111;margin:15px 0 7px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;color:var(--muted)}.number-control>label{font-size:11px;display:block;margin-bottom:9px}.number-field{display:flex;align-items:center;border:1px solid var(--line);min-height:44px;background:#f9f8f5}.number-field input{width:100%;min-width:0;flex:1;background:none;border:0;padding:12px;font-size:13px;color:#111}.number-field span{padding-right:14px;color:var(--muted);font-size:11px}.checkbox-control{grid-column:1 / -1;display:flex;align-items:flex-start;gap:9px;font-size:11px;cursor:pointer;line-height:1.8}.checkbox-control input{accent-color:#111;flex:0 0 auto;width:15px;height:15px;margin:2px 0 0}.checkbox-control strong{font-weight:400}.checkbox-control small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.preset-row{border-top:1px solid var(--line);margin-top:23px;padding-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preset-row button{padding:10px 12px;min-height:36px;border:1px solid #77776e;background:none;font-size:10px}.preset-row #preset-status{font-size:10px;color:var(--muted)}.output-note{font-size:9px;color:var(--muted);margin-top:15px;line-height:1.8;word-break:keep-all}#drop-zone{width:100%;min-height:155px;border:1px dashed #77776d;background:#e8e7e1;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;text-align:center;padding:22px;transition:background .15s}#drop-zone.dragover,#drop-zone:hover:not(:disabled){background:#dddcd4}#drop-zone svg{width:30px;height:30px}#drop-zone strong{font-size:12px;font-weight:400}#drop-zone>span{font:9px 'Courier New',monospace;color:var(--muted);letter-spacing:.8px}.queue-heading{display:flex;align-items:center;gap:14px;justify-content:space-between;font-size:10px;margin-top:15px;color:var(--muted);line-height:1.7}#clear-files{font-size:9px;border:0;border-bottom:1px solid currentColor;background:none;padding:4px 0;white-space:nowrap}#file-list{list-style:none;margin:10px 0 0;padding:0;max-height:220px;overflow:auto}#file-list li{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding:8px 0}#file-list .file-select{border:0;background:none;flex:1;min-width:0;display:flex;flex-direction:column;text-align:left;gap:5px;padding:6px 0}#file-list .file-select span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#file-list .file-select small{font:9px 'Courier New',monospace;color:var(--muted)}#file-list .file-select[aria-pressed=true] span{font-weight:700}#file-list .remove-file{font-size:18px;border:0;background:none;min-width:30px;height:36px;color:var(--muted)}#file-notice{font-size:10px;line-height:1.8;margin-top:10px;color:var(--muted)}.engine-row{display:flex;align-items:baseline;gap:8px;font-size:10px;line-height:1.8;border-top:1px solid var(--line);padding-top:18px;margin-top:18px;color:var(--muted)}.engine-dot{display:inline-block;width:5px;height:5px;background:#777;flex-shrink:0}.engine-dot.ready{background:#111;outline:1px solid #111;outline-offset:2px}.engine-row #retry-engine{font-size:9px;background:none;border:0;border-bottom:1px solid currentColor;white-space:nowrap}.primary-button,.secondary-button{width:100%;min-height:47px;text-align:center;font-size:12px;display:flex;align-items:center;justify-content:center;padding:14px;border:1px solid #111}.primary-button{background:#111;color:var(--paper);margin-top:18px}.primary-button:hover:not(:disabled){background:#333}.secondary-button{background:none;margin-top:10px}.download-button{margin-top:12px;border-color:#111}.progress-label{display:flex;gap:12px;justify-content:space-between;font-size:10px;line-height:1.8;margin-block:18px 9px}#progress-status{overflow-wrap:anywhere}progress{display:block;width:100%;height:6px;border:0;appearance:none;background:#d0cfc7}progress::-webkit-progress-bar{background:#d0cfc7}progress::-webkit-progress-value{background:#111}progress::-moz-progress-bar{background:#111}#result-status{font-size:11px;line-height:1.8;margin-top:13px;overflow-wrap:anywhere}#result-status.error{color:#7b2424}.tool-footer{padding-block:30px;margin-top:45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:9px;color:var(--muted)}.tool-footer>span{font-family:'Courier New',monospace}.noscript{padding:18px;background:#fff;font-size:12px}html[lang=en] .tool-intro h1{letter-spacing:-.05em;font-size:clamp(40px,4.8vw,66px)}
@media(max-width:850px){.editor-layout{grid-template-columns:1fr;gap:18px}.files-panel,.preview-panel,.settings-panel{grid-column:1;grid-row:auto}.files-panel{grid-row:1}.preview-panel{grid-row:2}.settings-panel{grid-row:3}#file-list{max-height:180px}.tool-intro h1{font-size:38px}.tool-intro>p{font-size:12px}.panel{padding:22px}.tool-intro{padding-block:30px}.tool-footer{margin-top:30px}}
@media(max-width:480px){.tool-header{height:76px;gap:16px}.tool-brand{font-size:12px}.back-link{font-size:10px;gap:5px}.language-switch{margin-left:0;gap:0;font-size:9px}.language-switch button{padding:12px 5px}.intro-eyebrow{font-size:8px;letter-spacing:.4px;gap:12px;justify-content:space-between}.claude-badge{font-size:8px;padding:7px 8px;white-space:nowrap}.tool-intro h1{font-size:30px;letter-spacing:-1.3px;margin-block:23px 13px}.tool-intro>p{font-size:11px;line-height:1.9}.privacy-note{font-size:9px}.panel{padding:18px}.panel-heading h2{font-size:11px}.panel-heading>span{font-size:9px}.playback-row{gap:10px}.playback-row>span:last-child{font-size:8px}.playback-row #audio-time{font-size:9px}.settings-grid{gap:16px}.tool-footer{flex-direction:column;gap:14px;padding-block:24px}.tool-footer a{font-size:10px}.settings-tag{max-width:110px;text-align:right}.output-note{font-size:9px}html[lang=en] .tool-intro h1{font-size:42px}html[lang=en] .panel-heading h2{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}