:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#e8edf7;background:#0a101c;font-synthesis:none;color-scheme:dark;--muted:#8e9bb2;--border:#253147;--accent:#7b9eff;--red:#ff929e;--green:#6cddb7;--amber:#efc87c}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#16233f 0,transparent 45%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button,.button{border:1px solid transparent;border-radius:9px;background:#7f9fff;color:#0a1429;padding:11px 17px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover,.button:hover{filter:brightness(1.12);text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#1b2840;border-color:#33435e;color:#dce6fa}input,textarea{width:100%;background:#0d1525;color:#e8edf7;border:1px solid #35435e;border-radius:9px;padding:12px;outline:none}input:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #91acff;outline-offset:2px}textarea{resize:vertical;word-break:break-all;line-height:1.6}label{display:block;font-size:13px;color:#b5c2d8;margin:15px 0 9px}h1{font-size:30px;letter-spacing:-1px;margin:7px 0 12px}h2{font-size:16px;margin:0;font-weight:600}.shell{max-width:1280px;padding:40px 32px;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{color:#9ab3fb;letter-spacing:2px;font-size:11px;margin:0}.subtitle{color:var(--muted);font-size:14px;margin:0;line-height:1.7}.nav-link{font-size:14px;white-space:nowrap}.panel{background:#111b2c;border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:20px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.badge{background:#24324c;color:#bdccef;padding:6px 10px;border-radius:20px;font-size:12px}.badge.good{color:var(--green);background:#163b37}.badge.bad{color:var(--red);background:#40242f}.badge.warn{color:var(--amber);background:#3d3325}.input-row{display:flex;gap:10px}.input-row input{flex:1;min-width:0}.input-row button{white-space:nowrap}.hint{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0 0;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.video-stage{position:relative;aspect-ratio:16/9;background:#05090f;border:1px solid #243047;border-radius:10px;overflow:hidden}video{width:100%;height:100%;object-fit:contain;display:block}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#8997b0;pointer-events:none;background:#080f1b}.video-placeholder span:last-child{font-size:12px}.screen-icon{font-size:38px;color:#607498}.video-placeholder strong{font-size:15px;font-weight:500}.player-toolbar{display:flex;align-items:center;gap:16px;margin-top:14px}.player-toolbar .toggle{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.toggle input{width:auto}.player-toolbar>span:last-child{margin-left:auto}.muted{color:var(--muted);font-size:12px}.summary{padding:14px;border-radius:9px;background:#18253a;color:#c1cfea;font-size:13px;line-height:1.8;margin-top:18px;overflow-wrap:anywhere}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:0}.metrics>div{border-bottom:1px solid #233047;padding:12px 0;min-width:0}dt{font-size:11px;color:var(--muted);margin-bottom:7px}dd{font-size:14px;margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.count{font-size:12px;color:#a7bce8;margin-left:6px}.issue{border:1px solid #553442;background:#291e2b;border-radius:9px;padding:14px;margin-top:10px;border-left:3px solid var(--red)}.issue.warning{background:#2a271f;border-color:#51462e;border-left-color:var(--amber)}.issue.resolved{background:#172c2b;border-color:#2d4c46;border-left-color:var(--green)}.issue-heading{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.issue-heading code{font-size:10px;overflow-wrap:anywhere}.issue p{font-size:13px;line-height:1.8;margin:8px 0;color:#c5cbda;white-space:pre-wrap;overflow-wrap:anywhere}.issue small{color:#9ca9bd;font-size:11px}.empty{font-size:13px;color:var(--muted);padding:14px 0;margin:0}.logs{max-height:300px;overflow:auto;font-family:Consolas,monospace}.log-row{display:grid;grid-template-columns:80px 1fr;gap:8px;font-size:12px;line-height:1.8;border-bottom:1px solid #202d42;padding:8px 0}.log-row time{color:#7488a8}.log-row div{white-space:pre-wrap;overflow-wrap:anywhere}.log-row.error{color:var(--red)}.log-row.warning{color:var(--amber)}footer{font-size:12px;color:#7687a3;line-height:1.9;padding:0 0 20px}.generator{max-width:900px;padding-top:70px}.generator form>button{margin-top:18px}.generator .panel>h2{margin-bottom:18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.form-error{font-size:13px;color:var(--red);white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}
@media(min-width:1600px){.shell{padding-top:56px}}
.cause-list{border-top:1px solid #384056;margin-top:14px;padding-top:12px}.cause-caption{font-size:11px;color:#a1b2cb;margin-bottom:10px}.cause-row{padding:8px 0}.cause-row>div:first-child{display:flex;justify-content:space-between;gap:16px;font-size:12px;line-height:1.6}.cause-row strong{font-variant-numeric:tabular-nums;color:#bdd0ff}.cause-track{height:4px;border-radius:3px;background:#344055;margin:6px 0}.cause-track>span{display:block;height:100%;border-radius:3px;background:#8ba9fb}.cause-row small{display:block;font-size:11px;color:#92a1b7;line-height:1.7}.catalog{margin-top:15px;max-height:560px;overflow:auto}.catalog-item{border-bottom:1px solid #253147}.catalog-item summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 0;font-size:13px;line-height:1.5}.catalog-item summary:before{content:'▸';color:#7d92b3}.catalog-item[open] summary:before{content:'▾'}.catalog-item summary small{margin-left:auto;color:#7f91ae;font-size:11px;white-space:nowrap}.catalog-state{font-size:10px;background:#233149;border-radius:5px;padding:3px 6px;white-space:nowrap;color:#9eafc9}.triggered .catalog-state{background:#482b36;color:#ffb4be}.catalog-content{padding:0 10px 15px;color:#acbad1;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.catalog-content p{margin:4px 0 10px}.catalog-content ul{padding-left:20px}.catalog-content .cause-list{margin-top:8px}.catalog-item summary:focus-visible{outline:2px solid #91acff;outline-offset:-2px}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.shell{padding:26px 20px}.header{align-items:flex-start}h1{font-size:26px}.nav-link{font-size:12px}.generator{padding-top:38px}}
@media(max-width:480px){.shell{padding:24px 14px}.header{display:block}.header .nav-link{display:inline-block;margin-top:16px}.panel{padding:16px;border-radius:12px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}.input-row button{flex:1}.section-head{gap:8px}.section-head button{font-size:12px;padding:8px 10px}.player-toolbar{gap:12px}.video-placeholder span:last-child{font-size:10px}.metrics{gap:0 12px}.issue-heading{flex-wrap:wrap}h1{font-size:26px}.eyebrow{font-size:10px}.actions>*{flex:1;white-space:nowrap}}