:root{--bg: #f5f7fa;--panel: #ffffff;--ink: #1d2330;--sub: #6b7280;--line: #e3e8ef;--blue: #3b6fd4;--blue-soft: #eaf1fd;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,PingFang TC,Helvetica Neue,system-ui,sans-serif;background:var(--bg);color:var(--ink)}.app{max-width:1180px;margin:0 auto;padding:20px}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.topbar h1{font-size:20px;margin:0;font-weight:700}.topbar .name{color:var(--sub);font-size:13px}.tabs{display:flex;gap:8px;margin-left:auto}.tab{padding:8px 16px;border-radius:99px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-size:14px}.tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.promptbar{display:flex;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:16px}.promptbar input{flex:1;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px}.promptbar button,.btn{background:var(--blue);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer}.btn.ghost{background:var(--blue-soft);color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card.hit{outline:2px solid var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.thumb{height:92px;border-radius:8px;margin-bottom:10px}.card h3{font-size:14px;margin:0 0 6px}.transcript{font-size:13px;line-height:1.9;color:var(--ink)}.w{padding:1px 2px;border-radius:4px;cursor:pointer}.w.filler{color:#b0b6c0}.w.removed{text-decoration:line-through;color:#c8ccd4;background:#f3f4f6}.w:hover{background:var(--blue-soft)}.editor{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel h2{font-size:14px;margin:0 0 10px;color:var(--sub);font-weight:600}.stage{aspect-ratio:16/9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;transition:transform .15s;overflow:hidden}.player-meta{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:13px;color:var(--sub)}.timeline{display:flex;gap:3px;margin-top:8px;height:38px}.seg{border-radius:6px;min-width:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap}.seg.active{outline:2px solid #1d2330}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.controls label{font-size:12px;color:var(--sub);display:block}.controls input[type=range]{width:100%}.row{display:flex;gap:8px;align-items:center}.muted{color:var(--sub);font-size:12px}.full{grid-column:1 / -1}