:root{font-family:Inter,system-ui,sans-serif;color:#e5eef8;background:#09111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#17253d,#09111f 50%)}button,input,select{font:inherit}header{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26354b;background:#101a2a}header>div:first-child{display:flex;flex-direction:column}header strong{font-size:18px}header span{font-size:12px;color:#8fa4bd}.header-actions{display:flex;gap:8px}.header-actions .active{background:#225e91;border-color:#55b6ff}button,.file{border:1px solid #31445f;background:#17253a;color:#eaf4ff;border-radius:10px;padding:10px 13px;cursor:pointer;text-align:center}button:disabled{opacity:.4;cursor:not-allowed}.danger{background:#a91f3c;border-color:#d14b68}.file input{display:none}main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);height:calc(100vh - 64px)}.workspace{min-width:0;display:grid;grid-template-rows:minmax(350px,1fr) auto;overflow:hidden}.stage{position:relative;overflow:hidden;background:#02050a}.stage video,.stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage video{transform:scaleX(-1)}#replay{display:none;background:#07101c}.badge{position:absolute;top:14px;left:14px;padding:6px 9px;border-radius:999px;background:#07101ccf;border:1px solid #36506d;font-size:11px;font-weight:800;letter-spacing:.08em}#empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;color:#9fb1c7;padding:30px}#empty b{font-size:24px;color:#eaf4ff}aside{overflow:auto;padding:14px;background:#0c1524;border-left:1px solid #26354b}.panel{background:#121f31;border:1px solid #273a53;border-radius:14px;padding:14px;margin-bottom:12px}.panel h2{font-size:14px;margin:0 0 12px;color:#dcecff}label{display:grid;gap:5px;font-size:12px;color:#9db0c6}input[type=text],label input:not([type=file]){width:100%}input,select{background:#0b1524;border:1px solid #30445f;color:#eef6ff;border-radius:9px;padding:9px}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.controls>*{flex:1}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.stats div{background:#0c1727;border-radius:10px;padding:9px;display:flex;flex-direction:column}.stats span,.inspector span{font-size:11px;color:#879db7}.stats b{font-size:16px}.events #eventList{display:grid;gap:5px;max-height:220px;overflow:auto;font-family:ui-monospace,monospace;font-size:11px;color:#a7c5df}.events #eventList div{padding:6px;background:#0a1422;border-radius:6px}.inspector{display:grid;gap:7px}.inspector>div{display:flex;justify-content:space-between;gap:12px;padding:7px 8px;background:#0b1727;border-radius:8px}.inspector b{text-align:right;font-size:12px}.timeline-panel{background:#0b1422;border-top:1px solid #26354b;padding:10px 12px}.transport{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.transport button{padding:7px 10px}.transport #time{margin-left:auto;color:#a9bad0;font-family:ui-monospace,monospace}.check{display:flex;grid-auto-flow:column;align-items:center;gap:5px}.check input{width:auto}.timeline-panel>input[type=range]{width:100%;padding:0;margin:10px 0}.tracks{position:relative;background:#07101d;border:1px solid #253953;border-radius:9px;padding:7px 8px;overflow:hidden}.track{display:grid;grid-template-columns:72px 1fr;align-items:center;min-height:23px}.track>span{text-transform:uppercase;font-size:9px;color:#718aa7}.track-line{height:8px;position:relative;background:#102238;border-radius:5px}.marker{position:absolute;top:-2px;width:7px;height:12px;padding:0;border:0;border-radius:3px;transform:translate(-50%)}.marker.gesture{background:#ffd84d}.marker.tracking{background:#55d8ff}.marker.calibration{background:#7ee787}.marker.event{background:#bd93f9}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#ff5c7c;z-index:5;pointer-events:none}.timeline-empty{font-size:12px;color:#8498b1;text-align:center;padding:12px}.range-export{display:flex;gap:8px;align-items:end;margin-top:8px}.range-export label{max-width:120px}.range-export button{margin-left:auto}.range-export input{width:100%}@media(max-width:900px){header{height:auto;min-height:58px;gap:8px;align-items:flex-start;padding:10px}.header-actions{flex-wrap:wrap;justify-content:flex-end}main{grid-template-columns:1fr;height:auto}.workspace{grid-template-rows:55vh auto}.stage{min-height:360px}aside{border-left:0;border-top:1px solid #26354b}.transport #time{width:100%;margin-left:0}.range-export{flex-wrap:wrap}}