.gaze-player{--green:#8db9f4;--line:#30343a;--muted:#8e959f;--dark:#e2e7ed;--monitor-height:clamp(210px, 35vh, 380px);color:#d7dce4;border:1px solid var(--line);min-width:0;box-shadow:none;background:#1a1d21;border-radius:5px;font:12px DM Sans,system-ui,sans-serif;overflow:hidden}.gaze-player *{box-sizing:border-box}.gaze-player button,.gaze-player input,.gaze-player select{font:inherit}.gaze-player button{cursor:pointer;color:#c8cfd9;background:#25292f;border:1px solid #343940;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:5px 8px;transition:background .12s,color .12s;display:inline-flex}.gaze-player button:hover{color:#fff;background:#333943}.gaze-player button:disabled{opacity:.35;cursor:default}.gaze-player button:focus-visible,.gaze-player [tabindex]:focus-visible{outline-offset:-2px;outline:2px solid #8db9f4}.gaze-player button.active{color:#b6d3ff;background:#354962;border-color:#4a6484}.gaze-player .player-top{color:#8c939f;letter-spacing:.8px;background:#202329;border-bottom:1px solid #30343a;justify-content:space-between;align-items:center;height:32px;min-height:32px;padding:0 11px;font-size:9px;display:flex}.gaze-player .player-top>span{align-items:center;gap:8px;display:flex}.gaze-player .player-top>span:first-child{color:#c0c7d2;font-size:9px;font-weight:600}.gaze-player .divider{color:#49525f;margin:0 2px}.gaze-player .monitor-expand{color:#9ca5b2;background:0 0;border:0;min-height:22px;padding:3px}.gaze-player .live-dot{background:#92b9f0}.gaze-player .camera-layout{background:#090a0c;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.gaze-player .camera-layout:fullscreen{--monitor-height:95vh;background:#08090b;width:100%;height:100%}.gaze-player .stage{background:#090a0c;flex-shrink:0;max-height:none;margin:0 auto;position:relative;overflow:hidden}.gaze-player .stage>video,.gaze-player .stage>img,.gaze-player .stage>.overlay,.gaze-player .stage>.heat-layer{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.gaze-player .stage>.overlay{z-index:2;touch-action:none}.gaze-player .overlay.drawing{cursor:crosshair}.gaze-player .heat-layer{z-index:1;pointer-events:none}.gaze-player .handle{cursor:move}.gaze-player .stage-label{z-index:3;color:#a8b6c7;letter-spacing:.5px;pointer-events:none;background:#10141ce0;border:1px solid #454c594d;border-radius:3px;padding:4px 7px;font:8px ui-monospace,monospace;position:absolute;bottom:8px;left:8px}.gaze-player .stage-label>span{color:#6685b5;padding:0 5px}.gaze-player .media-error{color:#f1a8a8;z-index:5;background:#14191cef;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.gaze-player .eye-monitor-panel{border-top:1px solid var(--line);background:#181b20}.gaze-player .eye-panel-heading{color:#adb6c4;letter-spacing:.7px;background:#202329;border:0;border-radius:0;justify-content:space-between;width:100%;height:27px;min-height:27px;padding:0 10px;font-size:9px}.gaze-player .eye-panel-heading span{align-items:center;gap:6px;display:flex}.gaze-player .eye-panel-heading small{letter-spacing:0;color:#737c89;font-size:9px;font-weight:400}.gaze-player .eye-monitor-content{grid-template-columns:minmax(230px,40%) minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.gaze-player .eye-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;padding:0;display:grid}.gaze-player .eye-video{background:#0c0e11;border:1px solid #303640;border-radius:3px;min-width:0;margin:0;overflow:hidden}.gaze-player .eye-video figcaption{color:#b8c6d9;background:#252a32;justify-content:space-between;align-items:center;height:24px;padding:0 7px;font-size:10px;display:flex}.gaze-player .eye-video figcaption strong{font-weight:500}.gaze-player .eye-video figcaption button{color:#929eaf;background:0 0;border:0;min-height:20px;padding:3px}.gaze-player .eye-video-frame{background:#0b0c0e;width:100%;height:112px;position:relative;overflow:hidden;aspect-ratio:auto!important}.gaze-player .eye-video video{object-fit:contain;transform-origin:50%;width:100%;height:100%;display:block}.gaze-player .eye-video small{color:#7f8d9e;justify-content:space-between;padding:4px 6px;font:8px ui-monospace,monospace;display:flex}.gaze-player .eye-video small>span{display:none}.gaze-player .eye-unavailable{color:#8894a5;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.gaze-player .eye-signals{border:0;min-width:0;padding:0}.gaze-player .eye-signal-row{grid-template-columns:58px minmax(0,1fr) 64px;align-items:center;gap:6px;margin:5px 0;display:grid}.gaze-player .eye-signal-row strong,.gaze-player .eye-signal-row small{font-size:9px;font-weight:400;line-height:1.5;display:block}.gaze-player .eye-signal-row strong{color:#b9c2d1}.gaze-player .eye-signal-row small{color:#778392}.gaze-player .eye-signal-row svg{cursor:crosshair;background:#11151b;border:1px solid #292f38;border-radius:2px;width:100%;height:45px}.gaze-player .eye-signals p{color:#717b89;margin:6px 0 0;font-size:8px;line-height:1.4}.gaze-player .player-tools{background:#202329;border-block:1px solid #30343a;justify-content:space-between;align-items:center;gap:8px;height:36px;padding:4px 10px;display:flex}.gaze-player .tool-group{gap:3px;display:flex}.gaze-player .tool-group button{color:#8996a8;background:0 0;border:1px solid #0000;min-height:26px;padding:4px 7px;font-size:10px}.gaze-player .tool-group button.active{color:#c1d9fa;background:#354962;border-color:#405670}.gaze-player .transport{background:#1a1d21;border-bottom:1px solid #30343a;align-items:center;gap:8px;height:42px;padding:7px 10px;display:flex}.gaze-player .transport>button{color:#bac4d2;background:0 0;border:0;min-height:27px;padding:5px}.gaze-player .transport .play-button{color:#151e2c;background:#91bdf4;border-radius:4px;width:29px;height:28px}.gaze-player .transport .play-button:hover{background:#bad7fc}.gaze-player .time-display{color:#a7c8f4;white-space:nowrap;letter-spacing:.2px;min-width:144px;font:11px ui-monospace,monospace}.gaze-player .time-display small{color:#657383;margin-left:4px;font:10px ui-monospace,monospace}.gaze-player .transport>input{accent-color:#87b7f7;flex:1;min-width:40px}.gaze-player .transport select{color:#c0c9d6;background:#242a32;border:1px solid #353b44;border-radius:3px;width:60px;height:25px;min-height:25px;padding:2px 5px;font-size:10px}.gaze-player .media-timeline{background:#171a1f}.gaze-player .timeline-header{color:#8e9bad;letter-spacing:.7px;border-bottom:1px solid #30343a;justify-content:space-between;align-items:center;height:29px;padding:0 10px;font-size:8px;display:flex}.gaze-player .timeline-header>span:first-child{color:#b6c1d1;align-items:center;gap:7px;display:flex}.gaze-player .timeline-header>div{align-items:center;gap:8px;font:10px ui-monospace,monospace;display:flex}.gaze-player .timeline-header button{color:#8f9aa9;background:0 0;border:0;min-height:20px;padding:2px}.gaze-player .timeline-shortcuts{letter-spacing:0;color:#626f82;align-items:center;gap:8px;font-size:8px;display:flex}.gaze-player .timeline-shortcuts i{background:#687180;border-radius:50%;width:2px;height:2px}.gaze-player .timeline-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#414a57 #181d25;overflow-x:auto;container:gaze-timeline/inline-size}.gaze-player .timeline-content{min-width:100%;padding-right:10px}.gaze-player .timeline-ruler{color:#69768a;grid-template-columns:78px minmax(0,1fr);align-items:center;height:27px;font:8px ui-monospace,monospace;display:grid}.gaze-player .timeline-ruler>span{letter-spacing:.8px;padding-left:10px;font-size:7px}.gaze-player .timeline-ruler>div{background:repeating-linear-gradient(90deg,#37404d 0 1px,#0000 1px 2.5%) bottom/100% 4px no-repeat;height:100%;position:relative}.gaze-player .timeline-ruler>div>span{white-space:nowrap;position:absolute;top:5px}.gaze-player .timeline-ruler>div>span:last-child{transform:translate(-100%)}@container gaze-timeline (width<=420px){.gaze-player .timeline-ruler>div>span:nth-child(2n){display:none}}.gaze-player .timeline-tracks{position:relative}.gaze-player .media-lane{border-top:1px solid #222831;grid-template-columns:78px minmax(0,1fr);align-items:center;height:26px;display:grid}.gaze-player .media-lane>span{color:#8393a8;white-space:nowrap;align-items:center;gap:5px;padding-left:10px;font-size:9px;display:flex}.gaze-player .clip-bed{background:#11161d;height:20px;position:relative}.gaze-player .media-clip{white-space:nowrap;text-overflow:ellipsis;color:#b0cce9;background:#243f58;border:1px solid #3b5d7e;border-radius:2px;justify-content:space-between;align-items:center;gap:5px;height:20px;padding:0 7px;font-size:9px;display:flex;position:absolute;overflow:hidden}.gaze-player .media-clip small{color:#8eaccb;font-size:8px}.gaze-player .scene-clip{color:#b5cee9;background:repeating-linear-gradient(90deg,#2b3c51 0 47px,#334860 47px 48px);border-color:#425a78;position:relative}.gaze-player .media-clip.left-eye{color:#a5cebe;background:#20463f;border-color:#336458}.gaze-player .media-clip.right-eye{color:#c6b6df;background:#3c3150;border-color:#5c4778}.gaze-player .timeline-hit{cursor:crosshair;touch-action:none;position:absolute;inset:0 0 0 78px}.gaze-player .timeline-playhead{pointer-events:none;z-index:2;background:#e4a756;width:1px;position:absolute;top:-6px;bottom:-1px}.gaze-player .timeline-playhead b{clip-path:polygon(0 0,100% 0,50% 100%);background:#e4a756;width:9px;height:6px;position:absolute;top:0;left:-4px}.gaze-player .scarf{background:0 0;padding:5px 0 7px}.gaze-player .scarf-row{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:0;margin:3px 0;display:grid}.gaze-player .scarf-row>span{text-overflow:ellipsis;white-space:nowrap;max-width:78px;padding-left:10px;font-size:8px;overflow:hidden}.gaze-player .scarf-track{cursor:crosshair;background:#0f141b;border-radius:2px;height:13px;min-height:13px;position:relative;overflow:hidden}.gaze-player .scarf-track>i{opacity:.72;border-radius:1px;position:absolute;top:1px;bottom:1px}.gaze-player .playhead{z-index:2;background:#e4a756;width:1px;position:absolute;top:0;bottom:0}.gaze-player .player-foot{color:#6f7f94;background:#20242b;border-top:1px solid #30343a;justify-content:space-between;gap:8px;padding:7px 10px;font-size:8px;display:flex}.gaze-player .player-foot>span:last-child{white-space:nowrap}@media (max-width:700px){.gaze-player{--monitor-height:280px}.gaze-player .eye-monitor-content{grid-template-columns:1fr}.gaze-player .eye-video-frame{height:128px}.gaze-player .eye-signal-row{grid-template-columns:58px minmax(0,1fr) 60px}.gaze-player .eye-signal-row svg{height:32px}.gaze-player .timeline-shortcuts{display:none}.gaze-player .player-top>span:last-child{font-size:8px}.gaze-player .player-foot>span:last-child{display:none}.gaze-player .transport{flex-wrap:wrap;gap:4px;height:auto;padding:6px 8px}.gaze-player .transport>input{flex-basis:100%;order:2;width:100%;margin:8px 0}.gaze-player .time-display{min-width:125px;font-size:10px}.gaze-player .tool-group button{min-height:32px;padding:6px}.gaze-player .tool-group button span{display:none}.gaze-player .player-tools{height:42px}.gaze-player .media-lane{height:29px}.gaze-player .eye-panel-heading{min-height:32px}.gaze-player .eye-panel-heading small{font-size:8px}}@media (prefers-reduced-motion:reduce){.gaze-player *{scroll-behavior:auto!important;transition:none!important}}.gaze-player .eye-view-actions{align-items:center;gap:3px;display:flex}.gaze-player .eye-view-actions button{width:auto;min-width:25px;padding:2px 4px;font-size:9px}.gaze-player .eye-view-actions button[aria-pressed=true]{color:#d4e4ff;background:#3b4d69}.gaze-player .signal-toggles{background:#202630;border-bottom:1px solid #303846;flex-wrap:wrap;gap:6px 14px;padding:8px 10px;display:flex}.gaze-player .signal-toggles label{color:#bac9df;align-items:center;gap:5px;font-size:10px;display:flex}.gaze-player .signal-toggles input{accent-color:#87b6ed;width:13px;height:13px}.gaze-player .signal-timeline{position:relative}.gaze-player .signal-row{border-top:1px solid #2c333e;grid-template-columns:78px minmax(0,1fr);min-height:65px;display:grid}.gaze-player .signal-name{z-index:1;background:#1b2028;flex-direction:column;gap:5px;padding:9px 5px 5px 10px;display:flex}.gaze-player .signal-name strong{color:#c8d6e9;font-size:9px;font-weight:500}.gaze-player .signal-name small{color:#8094af;font-size:8px}.gaze-player .signal-track-content{background:#13191f;min-width:0;position:relative}.gaze-player .signal-plot{touch-action:pan-y;cursor:crosshair;outline-offset:-2px;width:100%;height:52px;display:block}.gaze-player .signal-plot [data-signal-event]{cursor:pointer;outline:none}.gaze-player .signal-plot [data-signal-event]:hover,.gaze-player .signal-plot [data-signal-event]:focus{stroke:#eef5ff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.gaze-player .signal-grid{stroke:#293442;stroke-width:.5px;vector-effect:non-scaling-stroke}.gaze-player .signal-empty{fill:#9aabc1;font:12px sans-serif}.gaze-player .signal-readout{pointer-events:none;color:#8399b7;background:#13191fd9;gap:10px;max-width:100%;padding:2px 4px;font:8px ui-monospace,monospace;display:flex;position:absolute;top:1px;right:5px}.gaze-player .signal-cursor-bed{pointer-events:none;position:absolute;inset:0 0 0 78px}.gaze-player .signal-cursor{border-left:1px solid #e7b66d;height:100%;position:absolute}.gaze-player .signal-event-detail{z-index:2;color:#9eb5d2;background:#26354a;flex-wrap:wrap;align-items:center;gap:7px 12px;padding:10px;font-size:10px;display:flex;position:relative}.gaze-player .signal-event-detail strong{color:#e0ebfc}.gaze-player .signal-event-detail button{color:#cde1ff;background:#334f72;border:1px solid #507198;border-radius:4px;padding:5px 8px}.gaze-player .signal-participant{color:#a8bedb;align-items:center;gap:10px;padding:7px 10px;font-size:10px;display:flex}.gaze-player .signal-participant select{color:#d0dced;background:#27354a;border:1px solid #3c506e}@media (max-width:700px){.gaze-player .signal-name strong{font-size:8px}.gaze-player .signal-readout{gap:5px;font-size:7px}.gaze-player .signal-event-detail{align-items:flex-start}}