:root{color-scheme:dark;--bg:#071114;--card:#0d1c20;--line:#214047;--text:#eaf7f4;--muted:#94aaa9;--mint:#52f2bf;--cyan:#43cde8;--warn:#ffd166;--danger:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,#153238 0,transparent 34%),var(--bg);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--text)}header{padding:34px clamp(20px,5vw,72px) 24px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #173139}h1{font-size:clamp(30px,5vw,58px);line-height:1;margin:4px 0 12px;letter-spacing:-.04em}h2,h3,p{margin-top:0}header p,.hint,.step p{color:var(--muted);margin-bottom:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--mint)!important}.status{padding:9px 14px;border-radius:999px;background:#13292e;color:var(--mint);border:1px solid #27515a;font-size:13px}main{width:min(1220px,calc(100% - 32px));margin:28px auto 70px;display:grid;gap:18px}.card{background:linear-gradient(145deg,rgba(18,39,44,.96),rgba(9,25,29,.98));border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 22px 60px rgba(0,0,0,.18)}.step{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.step>span{display:grid;place-items:center;min-width:31px;height:31px;border-radius:9px;color:#06120f;background:var(--mint);font-weight:800}.step h2{margin:1px 0 5px;font-size:19px}.step p{font-size:14px}.file-button,button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #31545b;background:#163137;color:var(--text);padding:10px 14px;font-weight:700;cursor:pointer;transition:.15s}button:hover,.file-button:hover{transform:translateY(-1px);border-color:var(--mint)}button:disabled{opacity:.35;cursor:not-allowed;transform:none}.file-button input{display:none}.file-list{margin-top:14px;display:grid;gap:8px}.file-list.empty,.keyframes.empty{color:var(--muted);font-size:14px}.file-item,.keyframe{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid #24434a;border-radius:10px;background:#0b1a1e}.file-item.active{border-color:var(--mint);box-shadow:inset 3px 0 var(--mint)}.file-item button,.keyframe button{padding:5px 8px;font-size:12px}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.stage-wrap{min-width:0}.stage{position:relative;display:grid;place-items:center;min-height:360px;background:#030708;border:1px solid #25434a;border-radius:12px;overflow:hidden}.stage video{display:block;max-width:100%;max-height:70vh}.stage canvas{position:absolute;touch-action:none;cursor:crosshair}.empty-stage{position:absolute;color:#60777a}.toolbar,.run-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ghost{background:transparent}.primary{background:var(--mint);color:#05110e;border-color:var(--mint);padding-inline:22px}aside{border-left:1px solid var(--line);padding-left:18px}aside h3{font-size:14px;color:var(--mint);margin:5px 0 10px}.meta{margin:0 0 24px}.meta div{padding:8px 0;border-bottom:1px solid #1c353b}.meta dt{font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.meta dd{margin:0;font-size:13px;overflow-wrap:anywhere}.keyframes{display:grid;gap:7px}.keyframe.active{border-color:var(--cyan)}.hint{font-size:12px;line-height:1.55;margin-top:12px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px}.form-grid label{font-size:12px;color:var(--muted)}input,select{width:100%;margin-top:6px;background:#08171a;border:1px solid #29474e;border-radius:8px;padding:10px;color:var(--text)}.progress{height:8px;background:#08171a;border-radius:99px;overflow:hidden;margin-top:18px}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--mint),var(--cyan));transition:width .2s}.progress-text{font-size:13px;color:var(--muted);margin:9px 0 14px}.table-wrap{overflow:auto;border:1px solid #1c383e;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:10px 12px;border-bottom:1px solid #173238;text-align:right;font-size:12px}th{position:sticky;top:0;background:#132a30;color:#a8bfbd}th:first-child,td:first-child{text-align:left}.empty-cell{text-align:center!important;color:var(--muted);padding:28px}.ok{color:var(--mint)}.warn{color:var(--warn)}@media(max-width:850px){.video-layout{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.form-grid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;gap:16px;flex-direction:column}}@media(max-width:520px){.form-grid{grid-template-columns:1fr}.card{padding:16px}}

.scale-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:14px}.scale-keyframes{display:flex;gap:7px;flex-wrap:wrap;flex:1}.scale-keyframes.empty{color:var(--muted);font-size:13px;padding:10px}.scale-chip{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #2b4d54;border-radius:9px;background:#0a191d;font-size:12px}.scale-chip button{padding:3px 6px}.test-result{margin-top:14px;padding:12px 14px;border:1px solid #27474e;border-radius:10px;background:#09191d;color:var(--muted);font-size:13px}.test-result.success{border-color:#2b806a;color:var(--text)}
.site-footer{width:min(1220px,calc(100% - 32px));margin:0 auto 40px;padding:20px 2px;border-top:1px solid #173139;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:12px}.site-footer div{display:flex;gap:12px;flex-wrap:wrap}.site-footer strong{color:var(--text)}.site-footer a{color:var(--mint);text-decoration:none}.site-footer a:hover{text-decoration:underline}@media(max-width:650px){.site-footer{flex-direction:column}}