:root{--ink:#20372e;--green:#245f47;--muted:#747b70;--line:#dedfd5;--paper:#fafaf5;--soft:#eff2e8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button,input,select{outline-offset:4px}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.shell{max-width:1120px;margin:auto;padding:0 48px}header{height:108px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,header{display:flex;align-items:center}.brand{gap:11px;font-size:25px;font-weight:800;letter-spacing:-1px}.brandmark{width:39px;height:39px;background:var(--green);color:white;border-radius:12px;display:grid;place-items:center}.brand-en{font-size:10px;letter-spacing:2px;font-weight:600;margin:8px 0 0 2px;color:var(--muted)}.local{font-size:10px;letter-spacing:1.5px;color:#636e62;display:flex;align-items:center;gap:8px}.local i{width:6px;height:6px;background:#5f8c56;border-radius:50%}main{max-width:824px;margin:0 auto}.intro{padding:62px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green)}h1{font-size:42px;line-height:1.35;letter-spacing:-2px;margin:15px 0 16px;font-weight:650}h1 span{color:#818b7e}.intro>p{font-size:14px;color:var(--muted)}.workspace{background:white;border:1px solid var(--line);border-radius:16px;padding:29px 30px 0;box-shadow:0 10px 35px #20372e05}label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;margin-bottom:13px}.step{font-size:10px;color:#6e8169;background:var(--soft);padding:5px 6px;border-radius:4px}.url-row{display:flex;gap:12px;align-items:center;border:1px solid #bec9ba;border-radius:9px;padding:6px 6px 6px 15px;background:#fff}.url-row>svg{color:#859180;flex-shrink:0}.url-row input{min-width:0;flex:1 1;border:0;background:transparent;font-size:13px;height:42px;color:var(--ink)}input::placeholder{color:#9b9f96}.save,button{border:0;background:var(--green);color:white;border-radius:6px;padding:14px 20px;font-size:13px;font-weight:600;display:inline-flex;gap:13px;align-items:center;justify-content:center;white-space:nowrap}.save:hover,button:hover{background:#1c4c38}.hint{font-size:11px;color:var(--muted);margin:12px 0 25px}.empty{border-top:1px solid #efefe8;display:flex;flex-direction:column;align-items:center;padding:37px 0 43px}.empty-icon{width:48px;height:48px;border:1px solid #dfe6d9;background:#f5f7f0;border-radius:14px;display:grid;place-items:center;color:#7c9171}.empty p{font-size:13px;margin:17px 0 9px}.empty>span{font-size:11px;color:#909589}.result{border-top:1px solid #efefe8;padding-top:24px}.video-info{display:flex;gap:23px;align-items:center}.thumbnail{position:relative;width:200px;flex-shrink:0;aspect-ratio:16/9;background:var(--soft);border-radius:8px;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail>span{position:absolute;right:7px;bottom:7px;color:white;background:#000b;padding:3px 5px;border-radius:3px;font-size:10px}h2{font-size:17px;line-height:1.55;margin:8px 0;word-break:break-word}.video-info p{font-size:12px;color:var(--muted);margin:0 0 10px}.audio-badge{font-size:10px;color:var(--green)}.selection{padding:26px 0}.quality-row{display:flex;gap:12px}select{min-width:0;flex:1 1;border:1px solid #d3dbcc;border-radius:7px;background:#fbfcf8;padding:12px;font-size:13px;color:var(--ink)}.selection-note{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-top:12px}.notes{display:flex;justify-content:center;gap:33px;font-size:11px;color:#7a8473;margin-top:27px}.notes i{font-style:normal;color:var(--green);margin-right:5px}.permission{text-align:center;margin:23px 0 65px}.permission,footer{font-size:10px;color:#91988d}footer{padding:24px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between}footer em{padding:0 6px;font-style:normal}footer>span:last-child{font-size:8px;letter-spacing:1.6px}.loading{border-top:1px solid var(--line);padding:45px 0;text-align:center;font-size:13px;color:var(--muted)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.error{background:#fff3ed;border:1px solid #efd2c5;border-radius:8px;padding:15px;margin:15px 0;color:#934b33;font-size:12px}.error>strong{display:block;font-weight:600;line-height:1.7}.error>span{display:block;font-size:9px;letter-spacing:1px;margin-top:5px}details{margin-top:12px}summary{cursor:pointer;font-size:11px}pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.warnings{margin:0 0 20px;color:var(--muted)}.job{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px 30px;margin-top:18px}.job-heading{display:flex;justify-content:space-between;font-size:12px}.status{color:var(--green);font-weight:700}.status.failed{color:#a65035}.job h3{font-size:13px;font-weight:500;line-height:1.6;margin:12px 0 20px}.phases{display:flex;justify-content:space-between;font-size:10px;color:#a3aa9c;margin-bottom:15px}.phases .current{color:var(--green);font-weight:700}.phases b{font-weight:400;margin-left:18px;color:#bdc5b5}progress{display:block;width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;accent-color:var(--green)}progress::-webkit-progress-bar{background:#edf1e7}progress::-webkit-progress-value{background:var(--green)}.job-meta{gap:10px;font-size:10px;color:var(--muted);margin:12px 0 0}.job-meta,.ready{display:flex;justify-content:space-between}.ready{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);align-items:center;gap:12px}.ready strong{font-size:13px}.ready p{font-size:10px;color:var(--muted);margin-bottom:0}.save{font-size:12px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.shell{padding:0 20px}header{height:80px}.brand-en{display:none}.local{font-size:8px}.intro{padding-top:38px}h1{font-size:33px}.workspace{padding:22px 19px 0}.url-row{gap:6px;padding-left:9px}.url-row>svg{display:none}.url-row button{padding:13px 12px}.url-row input{font-size:11px}.video-info{gap:14px;align-items:flex-start}.thumbnail{width:120px}h2{font-size:13px}.video-info .eyebrow{display:none}.selection-note{font-size:10px}.quality-row,.selection-note{flex-direction:column}.notes{gap:15px;font-size:9px}.job{padding:22px 19px}.phases b{margin-left:9px}.job-meta{flex-direction:column}.permission{margin-bottom:40px}.intro>p{font-size:12px}.ready{align-items:flex-start}.ready p{line-height:1.6}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.download-mode{display:flex;gap:6px;margin-bottom:20px}.download-mode button{background:var(--soft);color:var(--muted);padding:10px 16px}.download-mode button[aria-pressed=true]{background:var(--green);color:white}