:root{color-scheme:light;--paper:#f3eee5;--ink:#29271f;--muted:#746e63;--red:#a52b29;--soft:#e8e1d5;--white:#fcfaf5;--font:VRCastTC,'Noto Sans TC','Microsoft JhengHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}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,select{font:inherit}button,summary{cursor:pointer}button{border:0}button:disabled{cursor:not-allowed;opacity:.45}input:disabled{opacity:.65}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}input:focus,select:focus{outline:2px solid var(--red);outline-offset:2px}[hidden]{display:none!important}.shell{width:min(1200px,calc(100% - 88px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:10px;left:10px;z-index:50;transform:translateY(-200%);background:var(--red);color:white;padding:16px}.skip:focus{transform:none}.nav{height:98px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:900;letter-spacing:-.5px}.brand img{border-radius:5px;display:block}.brand small{display:block;font-size:7px;letter-spacing:1.5px;font-weight:700;margin-top:4px;color:var(--muted)}.nav nav{display:flex;gap:28px;font-size:12px;font-weight:700}.nav nav a{padding:12px 0}.nav nav a:hover{color:var(--red)}.hero{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:41px 0 47px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:8px;margin:0 0 20px}.red-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%}.name{display:flex;align-items:center;gap:24px;flex-wrap:wrap}h1{font:700 clamp(65px,7.7vw,102px)/1 Georgia,'Times New Roman',serif;letter-spacing:-6px;margin:0}h1 span{color:var(--red);font-style:italic}.beta{background:#ead7ca;color:#852f29;border-radius:4px;padding:7px 10px;font-size:10px;font-weight:700}.intro{margin:21px 0 0;font-size:19px;font-weight:600;letter-spacing:.2px}.hero-note{display:flex;align-items:center;gap:24px}.hero-note>p{font-size:12px;line-height:2;color:var(--muted)}.stamp{display:block;font:700 25px/1.05 Georgia,serif;color:var(--red);background:#e5dacc;padding:22px 18px;transform:rotate(7deg);border-radius:48% 48% 6px 6px}.stamp i{font-style:normal;font-size:20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:24px;align-items:start}.controls{display:grid;gap:15px;min-width:0}.panel{padding:29px 30px;background:var(--white);border-radius:9px}.section-label{display:flex;align-items:center;gap:19px;margin-bottom:24px}.section-label>span{font:700 8px Consolas,monospace;letter-spacing:1px;color:var(--red);max-width:116px;line-height:1.6}.section-label h2{font-size:18px;line-height:1.5;letter-spacing:-.5px;margin:0;font-weight:800}.url-row{display:flex;gap:8px}.url-row input{min-width:0;flex:1;padding:17px 16px;background:var(--paper);border:0;border-radius:4px;font-size:13px;color:var(--ink)}.url-row input::placeholder{color:#8b8072}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:21px;padding:17px 20px;border-radius:4px;font-size:12px;font-weight:700;line-height:1.5;transition:background .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-2px)}.button>span{font-size:22px;line-height:1}.red{background:var(--red);color:#fff9ef}.red:hover:not(:disabled){background:#86211f}.source-meta{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:14px}.source-meta p{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.link-button{color:var(--red);font-size:10px;font-weight:700;padding:5px 0;background:none;white-space:nowrap}.link-button:hover{text-decoration:underline;text-underline-offset:4px}.video-info{display:flex;align-items:center;gap:17px;background:var(--paper);padding:13px;margin-top:21px;border-radius:5px}.video-info img{display:block;width:117px;height:76px;object-fit:cover;border-radius:3px;flex-shrink:0}.video-info>div{min-width:0}.video-info h3{margin:6px 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-info p{font-size:10px;color:var(--muted);line-height:1.7;margin:0}.tiny{font-size:7px;letter-spacing:1px;font-weight:700;color:var(--red)}.error{background:#f4ddd4;color:#7f251c;font-size:12px;line-height:1.9;padding:13px 16px;border-radius:4px;margin-bottom:0}.format-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-switch button{background:var(--soft);text-align:left;padding:18px 20px;border-radius:5px;color:var(--muted);transition:background .2s,color .2s}.format-switch button[aria-pressed=true]{background:var(--red);color:#fff9ef}.format-switch button>span{font-size:10px;display:block;margin-bottom:6px;font-weight:600}.format-switch strong{display:flex;justify-content:space-between;align-items:center;font:700 39px Georgia,serif;letter-spacing:-1px}.format-switch i{font:28px var(--font);font-style:normal}.preset-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0 24px}.preset-bar>span{font-size:10px;color:var(--muted);font-weight:600}.preset-bar>div{display:flex;gap:5px}.preset-bar button{padding:8px 11px;background:var(--paper);color:var(--muted);font-size:10px;font-weight:600;border-radius:3px}.preset-bar button[aria-pressed=true]{background:var(--ink);color:#fff9ef}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.settings-grid label,.quality-label{display:block;font-size:11px;font-weight:700;min-width:0;color:var(--ink)}select,input[type=number]{display:block;width:100%;min-width:0;margin-top:9px;padding:13px;background:var(--paper);border:0;color:var(--ink);border-radius:4px;font-size:12px;height:46px}select{cursor:pointer}input[type=range]{accent-color:var(--red);width:100%;margin:15px 0 0;display:block}.helper{font-size:10px!important;line-height:1.9;color:var(--muted);margin:0}.advanced{background:var(--paper);border-radius:5px;margin-top:21px}.advanced summary{display:flex;justify-content:space-between;padding:15px 18px;font-size:11px;font-weight:700;list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced[open] summary>span{transform:rotate(45deg)}.advanced-body{padding:5px 18px 20px}.advanced select{background:var(--white)}.advanced .settings-grid{margin-top:9px;margin-bottom:16px}.advanced output{float:right;color:var(--red)}.quality-label{margin:22px 0 16px}.range-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);font-weight:500;margin-top:10px}.trim-panel .settings-grid{margin-bottom:10px}.trim-footer{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.trim-footer p{font-size:10px;color:var(--muted);line-height:1.9;margin:0;font-variant-numeric:tabular-nums}.export{background:var(--ink);color:#f8f1e4;border-radius:9px;position:sticky;top:24px;overflow:hidden}.export-header{display:flex;justify-content:space-between;gap:8px;background:#343128;padding:18px 24px;font-size:8px;letter-spacing:1px;font-weight:600}.live-state{display:flex;align-items:center;gap:6px;letter-spacing:0}.live-state i{height:5px;width:5px;border-radius:50%;background:#aa9d83}.live-state[data-ready=true] i{background:#c4cd82}.export-body{padding:27px 28px 24px}.format-name{font:italic 24px Georgia,serif;color:#deb5a1}.export-body h2{font-size:31px;font-weight:800;line-height:1.35;letter-spacing:-1px;margin:19px 0}.export-title{font-size:11px;color:#d2c6af;line-height:1.9;overflow-wrap:anywhere;max-height:64px;overflow:hidden;margin:0}dl{margin:27px 0 26px}dl>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.9;margin:10px 0}dt{color:#b9ab90;flex-shrink:0}dd{margin:0;text-align:right;color:#f3e9d5}.convert{width:100%;font-size:12px;padding:18px 20px;background:#ce4a3b}.convert:disabled{opacity:1;background:#51493b;color:#bbae94}.convert:hover:not(:disabled){background:#b63c30}.export-footnote{font-size:9px;color:#b9ab90;line-height:1.9;margin:14px 0 0}.export-bottom{background:#ded0b9;color:#4c4133;padding:20px 28px;display:flex;gap:20px;align-items:center}.export-bottom>span{font:italic 38px Georgia,serif}.export-bottom p{font-size:10px;line-height:1.9;margin:0}.job{margin-top:25px}.job-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;line-height:1.8}.job-label>strong{font-weight:600}.job-label>span{font:11px Consolas,monospace;color:#e6b19c}progress{display:block;margin:14px 0;width:100%;height:7px;appearance:none;border:0;background:#544a3a;border-radius:3px;overflow:hidden}progress::-webkit-progress-bar{background:#544a3a}progress::-webkit-progress-value{background:#e08f74;transition:width .4s}progress::-moz-progress-bar{background:#e08f74}.job>p{font-size:10px;line-height:1.9;color:#d2c6af;margin:0 0 10px}.cancel{background:none;padding:6px 0;color:#e6b19c;font-size:10px;text-decoration:underline;text-underline-offset:4px}.download{background:#e9d9b4;color:#372c1f;width:100%;margin-top:12px}.download:hover{background:#fff0ce}.how{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;padding:80px 0 60px}.how h2{font-size:37px;line-height:1.4;letter-spacing:-1px;margin:0}.how h2 em{font-style:normal;color:var(--red)}.how .eyebrow{color:var(--muted);font-size:9px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:29px}.how-steps p{margin:0}.how-steps b{font:italic 23px Georgia,serif;color:var(--red);display:block;margin-bottom:13px}.how-steps strong{display:block;font-size:13px;margin-bottom:9px}.how-steps span{font-size:11px;line-height:1.9;color:var(--muted)}.how details{margin:7px 0;background:var(--soft);padding:17px 20px;border-radius:4px}.how summary{font-size:11px;font-weight:700;line-height:1.7}.how details>p{font-size:11px;line-height:1.9;color:#655a49;margin:14px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0 38px}.footer>a{font:700 25px Georgia,serif;letter-spacing:-1px}.footer p{font-size:9px;line-height:1.9;color:var(--muted);margin:0}.footer p span{font-size:8px}.footer p a{text-decoration:underline;text-underline-offset:3px}.footer>span{font-size:8px;letter-spacing:1px;font-weight:700;color:var(--muted)}
@media(max-width:1050px){.shell{width:calc(100% - 56px)}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:17px}.panel{padding:25px}.export-body{padding:25px 23px}.section-label{display:block;margin-bottom:23px}.section-label>span{display:block;max-width:none;margin-bottom:10px}.hero-note>p{display:none}.hero{padding-top:30px}.how{gap:40px}.url-row .button{padding:16px;gap:13px}.source-meta{flex-wrap:wrap;gap:4px}.settings-grid{gap:12px}.preset-bar{gap:12px}.preset-bar button{padding:8px}.export-header{padding:18px 22px}.trim-footer{display:block}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.nav{height:80px}.brand{font-size:19px}.brand small{font-size:6px}.nav nav{gap:18px;font-size:10px}.hero{padding:24px 0 32px;gap:15px;align-items:flex-start}.hero-note{display:none}h1{font-size:clamp(57px,12.5vw,80px);letter-spacing:-4px}.name{gap:13px}.beta{font-size:9px;padding:6px 8px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:18px}.intro{font-size:16px;margin-top:19px}.workspace{grid-template-columns:1fr;gap:17px}.panel{padding:24px 22px;border-radius:7px}.section-label{display:flex;gap:17px;margin-bottom:21px}.section-label>span{font-size:7px;max-width:99px;margin:0}.section-label h2{font-size:17px}.source-meta{margin-top:12px;gap:7px}.source-meta p{font-size:10px}.url-row{gap:7px}.url-row input{font-size:12px;padding:15px 12px;min-height:49px}.url-row .button{font-size:11px;gap:10px;padding:14px 13px}.url-row .button span{display:none}.video-info{padding:10px;gap:12px}.video-info img{width:87px;height:64px}.video-info h3{font-size:12px}.video-info p{font-size:9px}.format-switch button{padding:16px 18px}.format-switch strong{font-size:35px}.format-switch button>span{font-size:10px}.preset-bar{padding:18px 0 22px}.preset-bar button{font-size:10px;padding:8px 10px}.settings-grid{gap:12px;margin-bottom:18px}select,input[type=number]{font-size:12px;padding:11px;height:45px}.settings-grid label{font-size:11px}.advanced-body{padding-inline:14px}.advanced summary{padding:15px}.trim-footer{display:flex;align-items:center}.export{position:static;border-radius:7px}.export-body{padding:27px}.export-header{font-size:9px;padding:20px 27px}.export-body h2 br{display:none}.export-body h2{font-size:29px;margin:17px 0}.export-title{font-size:12px}.export-body dl{margin:22px 0}dl>div{font-size:11px}.export-footnote{font-size:10px}.convert{font-size:13px}.export-bottom{padding:21px 27px}.export-bottom p{font-size:11px}.export-bottom>span{font-size:33px}.how{grid-template-columns:1fr;gap:26px;padding:50px 0 30px}.how h2{font-size:32px}.how h2 br{display:none}.how-steps{gap:15px;margin-bottom:26px}.how-steps strong{font-size:12px}.how-steps span{font-size:10px}.how-steps b{font-size:23px}.how details{padding:17px 18px}.how summary{font-size:12px}.how details>p{font-size:12px}.footer{padding-top:20px;gap:22px;flex-wrap:wrap}.footer p{order:3;flex-basis:100%;font-size:10px}.footer p span{font-size:9px}.footer>span{font-size:7px}.job-label{font-size:12px}.job>p,.cancel{font-size:11px}}
@media(max-width:380px){.shell{width:calc(100% - 28px)}h1{font-size:55px;letter-spacing:-3.5px}.panel{padding:22px 18px}.section-label{gap:13px}.section-label h2{font-size:16px}.preset-bar button{padding:8px}.trim-footer{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}