:root{--bg:#f6f7f9;--surface:#fff;--ink:#11192d;--muted:#81899c;--line:#e3e7ef;--purple:#7654ef;--soft:#efebff;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label.dropzone{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,.dropzone:focus-within{outline:3px solid #b7a5ff;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:208px;background:#fbfcfe;border-right:1px solid var(--line);padding:26px 16px}.brand{display:block;margin:0 16px 32px;font-size:30px;font-weight:800;letter-spacing:-1px}.brand span{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.6px;margin-top:2px}.nav{border:0;background:none;display:flex;gap:15px;align-items:center;width:100%;padding:14px 18px;margin:6px 0;font-size:14px;font-weight:600;border-radius:8px;text-align:left}.nav span{font-size:21px;font-weight:400}.nav.active{background:var(--soft);color:var(--purple)}.side-note{position:absolute;bottom:25px;left:32px;color:#a2a8b6;font-size:12px;line-height:1.9}main{margin-left:208px;padding:0 28px 20px;max-width:1680px}header{height:57px;display:flex;justify-content:flex-end;align-items:center}.local{font-size:12px;color:#758096}.intro{margin:8px 4px 26px}.intro h1{font-size:34px;letter-spacing:-1.1px;margin:0 0 8px;font-weight:750;line-height:1.4}.intro p{font-size:17px;color:#778195;margin:0}.workspace{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:22px}h2{font-size:19px;line-height:1.4;margin:0 0 17px;font-weight:700}h3{font-size:13px;font-weight:500;margin:0}.dropzone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;border:1.5px dashed #cbd1df;border-radius:7px;min-height:208px;cursor:pointer;padding:20px;text-align:center;transition:background .15s}.dropzone:hover,.dropzone.dragging{background:#f7f4ff;border-color:var(--purple)}.dropzone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.dropzone svg,.empty-list svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;color:#747d8e;margin-bottom:1px}.dropzone strong{font-size:15px}.dropzone span{font-size:12px;color:var(--muted)}small{font-size:11px;line-height:1.7;color:var(--muted)}.list-header{display:flex;align-items:center;justify-content:space-between;margin-top:17px;border-top:1px solid var(--line);padding-top:12px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:3px 0}.text-button:hover{color:var(--purple)}.empty-list{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.empty-list svg{stroke-width:2.5;color:#d0d4dd}.empty-list p{font-size:12px;margin:10px 0 3px}.file-list{max-height:240px;overflow:auto}.file-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f1f6}.file-icon{background:var(--soft);color:var(--purple);border-radius:6px;padding:9px;font-size:18px}.file-info{min-width:0;flex:1}.file-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions{display:flex;gap:6px}.file-actions button{border:1px solid var(--line);background:white;color:#788094;border-radius:4px;width:25px;height:27px}.brief label,.brief legend{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.textarea-wrap{position:relative}textarea{width:100%;resize:vertical;min-height:126px;border:1px solid #d6dce8;border-radius:6px;padding:12px 12px 29px;font-size:12px;line-height:1.8;color:var(--ink);background:white}textarea::placeholder{color:#969dae}.textarea-wrap>span{position:absolute;bottom:11px;right:11px;font-size:10px;color:var(--muted)}fieldset{border:0;padding:0;margin:18px 0}legend{padding:0}.segments{display:flex;gap:8px}.segments button{flex:1;border:1px solid #dce1ec;border-radius:5px;background:white;color:#31394d;padding:9px 3px;font-size:12px}.segments .selected{border-color:var(--purple);background:var(--soft);color:var(--purple)}select{width:100%;background:white;border:1px solid #dce1ec;padding:10px 12px;border-radius:5px;font-size:12px;color:var(--ink)}.support{font-size:10px;color:#949bac;line-height:1.8;margin:10px 0 13px}.primary{width:100%;background:var(--purple);color:white;border:0;border-radius:6px;padding:13px;font-size:14px;font-weight:600;transition:background .15s}.primary:hover{background:#6746df}.result{margin-top:13px}.result-heading{display:flex;justify-content:space-between;align-items:flex-start}.result-grid{display:grid;grid-template-columns:2.35fr 1fr;gap:29px}.preview{aspect-ratio:3.4;background:#eceef2;border-radius:7px;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center}.play-symbol{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:44px;height:44px;background:#c9cdd6;color:white;font-size:18px;padding-left:3px}.preview p{font-size:12px;color:#7b8497;margin:12px 0 5px}.preview small{font-size:10px}.preview video{width:100%;height:100%;max-height:420px;background:#111}.preview:has(video:not([hidden])){aspect-ratio:16/9}.steps{list-style:none;padding:3px 0;margin:0;display:flex;flex-direction:column;gap:23px}.steps li{display:flex;gap:16px;position:relative}.steps li:not(:last-child):after{content:"";position:absolute;left:14px;top:33px;height:34px;border-left:1px dashed #d3d9e4}.steps li>span{width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#e4e7ed;display:grid;place-items:center;font-size:13px}.steps .current>span,.steps .done>span{background:var(--purple);color:white}.steps strong{font-size:13px}.steps p{font-size:10px;line-height:1.8;color:var(--muted);margin:5px 0 0}.download{background:var(--soft);color:var(--purple);font-size:12px;padding:8px 14px;border-radius:5px}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin-top:14px}progress{width:100%;height:7px;accent-color:var(--purple);margin:10px 0}#message{font-size:12px;line-height:1.8;color:#727c90;white-space:pre-line;margin:8px 0 0}#message.error{color:#bb3c49}footer{font-size:10px;color:#98a0af;text-align:center;padding:20px 0 0}dialog{border:1px solid var(--line);border-radius:12px;max-width:540px;padding:28px;color:var(--ink)}dialog::backdrop{background:#17203670}dialog p{font-size:13px;line-height:1.9;color:#727c90}dialog .primary{margin-top:12px}[hidden]{display:none!important}@media(min-width:1500px){main{padding:0 40px 20px}.dropzone{min-height:240px}.empty-list{min-height:180px}.preview{aspect-ratio:3.1}}@media(max-width:1100px){.sidebar{width:160px}.brand{font-size:27px}.nav{padding:12px 10px;font-size:12px;gap:9px}main{margin-left:160px;padding:0 18px 18px}.intro h1{font-size:27px}.panel{padding:17px}.workspace{grid-template-columns:1.15fr 1fr}.result-grid{gap:18px}}@media(max-width:760px){.sidebar{position:relative;display:flex;justify-content:space-between;width:auto;height:77px;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px;margin:0}.brand span{font-size:9px}.sidebar nav{display:flex}.nav{width:auto;margin:0;padding:9px;font-size:12px}.nav span,.side-note{display:none}main{margin:0;padding:0 16px 18px}header{height:38px}.local{font-size:10px}.intro{margin:10px 0 21px}.intro h1{font-size:27px;max-width:330px;letter-spacing:-.7px}.intro p{font-size:13px;line-height:1.8}.workspace{grid-template-columns:1fr;gap:12px}.dropzone{min-height:200px}.empty-list{min-height:118px}.brief{padding:20px}.result-grid{grid-template-columns:1fr}.preview{aspect-ratio:16/9}.steps{flex-direction:row;gap:15px}.steps li{flex:1;gap:9px}.steps li:after{display:none}.steps p{display:none}.steps strong{font-size:11px}.steps li>span{width:24px;height:24px}footer{font-size:10px;line-height:1.8}h2{font-size:17px}dialog{margin:20px;padding:22px}}