.replayer-wrapper{position:relative}.replayer-mouse{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#0000;width:20px;height:20px;transition:left 50ms linear,top 50ms linear;position:absolute}.replayer-mouse:after{content:"";opacity:.3;background:#4950f6;border-radius:100%;width:20px;height:20px;display:inline-block;transform:translate(-50%,-50%)}.replayer-mouse.active:after{animation:.2s ease-in-out click}.replayer-mouse.touch-device{background-image:none;border:4px solid #4950f600;border-radius:100%;width:70px;height:70px;margin-top:-37px;margin-left:-37px;transition:left linear,top linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:.2s ease-in-out touch-click}.replayer-mouse-tail{pointer-events:none;position:absolute}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@font-face{font-family:General Sans;src:url(/assets/GeneralSans-Regular-Dn3hZj8I.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:General Sans;src:url(/assets/GeneralSans-Medium-Dnk_K_Tg.otf)format("opentype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:General Sans;src:url(/assets/GeneralSans-Semibold-DQ6WvPG1.otf)format("opentype");font-style:normal;font-weight:600;font-display:swap}.panel-app{--background:#eeecea;--text:#110d0b;--muted:#575451;--accent:#b8915c;--line:#dcd7d1;--subtle:#e7e3de;--error:#9d3029;--surface:#faf9f7;--surface-raised:#fffefd;--bronze-soft:#e8dfd2;--bronze-ink:#79572b;--sidebar-width:232px;--panel-radius:12px;--panel-gap:24px;--panel-padding:clamp(20px, 3vw, 48px);--interaction-click:#dc2626;--interaction-drag:#eab308;background:var(--background);color:var(--text);min-height:100dvh;font:400 14px/1.55 General Sans,sans-serif}.panel-app *{box-sizing:border-box}.panel-app :focus-visible{outline:2px solid var(--bronze-ink);outline-offset:4px}.panel-app a{color:inherit}.panel-app button,.panel-app input,.panel-app select,.panel-app textarea{font:inherit}.panel-app button,.panel-app select,.panel-app input:not([type=range]):not([type=checkbox]),.panel-app textarea{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);border-radius:7px;min-height:44px;padding:10px 13px}.panel-app button{font-weight:500;transition:background .15s,border-color .15s}.panel-app button:hover:not(:disabled){background:var(--subtle);border-color:#bdb3a7}.panel-app button.primary{background:var(--text);color:var(--surface);border-color:var(--text)}.panel-app button.primary:hover:not(:disabled){filter:none;background:#302820}.panel-app button:disabled{opacity:.45}.panel-app fieldset:disabled{opacity:1}.panel-app fieldset:disabled button,.panel-app fieldset:disabled input,.panel-app fieldset:disabled select{opacity:.45}.panel-app label{gap:7px;font-size:12px;font-weight:500}.panel-app label select,.panel-app label input{font-size:14px;font-weight:400}.panel-app h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(28px,3vw,36px);font-weight:500}.panel-app h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:500}.panel-app p{margin:0}.panel-app .hint{color:var(--muted);font-size:12px;line-height:1.65}.panel-sidebar{width:var(--sidebar-width);border-right:1px solid var(--line);z-index:5;background:#e7e3de;flex-direction:column;padding:32px 20px 24px;display:flex;position:fixed;inset:0 auto 0 0}.panel-brand{letter-spacing:-.045em;align-items:center;gap:12px;padding:0 8px;font-size:23px;font-weight:600;text-decoration:none;display:flex}.brand-caption{letter-spacing:.13em;color:var(--muted);margin-top:1px;font-size:8px;font-weight:500;display:block}.brand-mark{background:var(--text);border-radius:9px;justify-content:center;align-items:center;gap:3px;width:36px;height:40px;display:flex}.brand-mark i{background:var(--accent);border-radius:2px;width:3px;height:15px;display:block;transform:skewY(-25deg)}.brand-mark i:nth-child(2){height:23px}.sidebar-label{letter-spacing:.12em;color:var(--muted);padding:52px 12px 13px;font-size:10px}.panel-navigation{justify-content:stretch;gap:6px;margin:0;display:grid}.panel-navigation a{color:var(--muted);border-radius:7px;align-items:center;gap:12px;padding:13px 12px;font-weight:500;text-decoration:none;display:flex}.panel-navigation a:hover{background:#ded8d0}.panel-navigation a[aria-current]{background:var(--text);color:var(--surface)}.panel-navigation a[aria-current] svg{color:var(--accent)}.panel-navigation svg,.demo-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-bottom{margin-top:auto}.demo-link{border-bottom:1px solid #d0c9c0;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 10px;text-decoration:none;display:flex}.local-note{align-items:baseline;gap:9px;padding-inline:8px;font-size:12px;display:flex}.local-note small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.panel-topbar{margin-left:var(--sidebar-width);border-bottom:1px solid var(--line);height:72px;padding-inline:var(--panel-padding);justify-content:space-between;align-items:center;gap:16px;display:flex}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb span{color:#9c9389;padding-inline:12px}.breadcrumb strong{color:var(--text);font-weight:500}.local-badge{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.panel-app .admin{max-width:1720px;margin:0 auto 0 var(--sidebar-width);padding:36px var(--panel-padding) 28px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-heading p{color:var(--muted);max-width:65ch}.page-kicker{color:var(--bronze-ink);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:600;display:block}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);margin-bottom:var(--panel-gap);overflow:hidden}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.card-heading .hint{font-size:11px}.section-number{color:var(--bronze-ink);font-variant-numeric:tabular-nums;margin-right:10px;font-size:11px}.card-content{padding:20px 22px}.panel-app .actions{gap:12px}.device-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.device-switch{background:var(--subtle);border-radius:9px;gap:4px;width:fit-content;padding:4px;display:flex}.panel-app .device-switch button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 15px;font-size:12px}.panel-app .device-switch button[aria-pressed=true]{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 4px #110d0b14}.panel-app .native-device{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.session-select{flex:1;min-width:180px}.panel-app #sessions{width:100%;max-width:none}.session-actions{align-items:end}.panel-app .danger-button{color:var(--error);background:0 0}.upload-action{border:1px solid var(--line);background:var(--surface-raised);white-space:nowrap;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;display:inline-flex;position:relative;font-size:13px!important}.upload-action:hover{background:var(--subtle)}.upload-action:focus-within{outline:2px solid var(--bronze-ink);outline-offset:3px}.panel-app .upload-action input{opacity:0;cursor:pointer;width:100%;min-height:0;position:absolute;inset:0}.panel-app #session-info{color:var(--muted);margin-top:14px;font-size:11px;line-height:1.7}.panel-app #export-status:not(:empty){color:var(--bronze-ink);margin-top:10px;font-size:11px}.panel-app #stage,.panel-app #heat-stage{background:#e2ded9;border:0;border-radius:0;max-width:100%;min-height:330px;padding:18px;overflow:auto}.panel-app #replay,.panel-app #heat-replay{max-width:none;margin-inline:auto}.stage-controls{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:18px;padding-bottom:18px;display:flex}.zoom-actions{gap:6px;display:flex}.panel-app .zoom-actions button{min-height:36px;padding:6px 10px;font-size:11px}.panel-app .zoom-actions button[aria-pressed=true]{background:var(--text);color:var(--surface);border-color:var(--text)}.stage-controls label{align-items:center;gap:10px;display:flex}.stage-controls input[type=range]{width:min(160px,30vw)}.stage-controls output{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.panel-app #stage[data-device=ultrawide],.panel-app #heat-stage[data-device=ultrawide]{padding:10px}.panel-app #stage[data-device=tablet],.panel-app #heat-stage[data-device=tablet]{padding:26px}.panel-app #stage[data-device=mobile],.panel-app #heat-stage[data-device=mobile]{padding:32px}.panel-app #stage[data-device] #replay,.panel-app #heat-stage[data-device] #heat-replay{background:#fff;overflow:hidden;box-shadow:0 0 0 2px #575451,0 10px 22px #110d0b22}.panel-app #stage[data-device=ultrawide] #replay,.panel-app #heat-stage[data-device=ultrawide] #heat-replay{border-radius:3px}.panel-app #stage[data-device=desktop] #replay,.panel-app #heat-stage[data-device=desktop] #heat-replay{border-radius:6px}.panel-app #stage[data-device=tablet] #replay,.panel-app #heat-stage[data-device=tablet] #heat-replay{border-radius:14px;box-shadow:0 0 0 5px #575451,0 12px 28px #110d0b2b}.panel-app #stage[data-device=mobile] #replay,.panel-app #heat-stage[data-device=mobile] #heat-replay{border-radius:23px;box-shadow:0 0 0 7px #110d0b,0 15px 28px #110d0b38}:is(.panel-app #stage:has(#replay:not(:empty)),.panel-app #heat-stage:has(#heat-replay:not(:empty))){min-height:0}.panel-app #empty,.panel-app #heat-empty{max-width:480px;min-height:330px;color:var(--muted);text-align:center;place-content:center;margin:auto;padding:40px;font-size:14px;display:grid}.panel-app #empty[hidden],.panel-app #heat-empty[hidden]{display:none}.panel-app fieldset{border:0;border-radius:0;margin:0;padding:20px 22px}.panel-app fieldset legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.playback-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.transport{flex-wrap:wrap;gap:7px;display:flex}.transport button{min-width:60px}.playback-settings{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.playback-settings label{align-items:center;gap:10px;display:flex}.panel-app .timeline{flex-wrap:nowrap;gap:14px;margin-top:20px}.panel-app .timeline label{width:1px;height:1px;position:absolute;overflow:hidden}.panel-app input[type=range]{accent-color:var(--bronze-ink);cursor:pointer;min-height:24px}.timeline output{white-space:nowrap;color:var(--muted);font-size:11px}.panel-app #corrections{border-top:1px solid var(--line);padding-top:20px}.panel-app #corrections textarea{margin-bottom:10px;font:12px/1.6 ui-monospace,monospace}.panel-app #apply-css{margin-top:12px}.panel-app .error:not(:empty){background:#f6e8e4;border:1px solid #e5c2ba;border-radius:7px;margin-block:12px;padding:12px 16px}.panel-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:22px;font-size:11px;display:flex}.panel-app .heat-filters{grid-template-columns:minmax(160px,1.5fr) minmax(160px,1fr) minmax(160px,1fr);gap:14px;display:grid}.panel-app .heat-filters select,.panel-app .heat-filters input{width:100%;min-width:0;max-width:100%}.panel-app .heat-metrics{background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 24px;display:grid;overflow:hidden}.panel-app .heat-metrics>div{border:0;border-right:1px solid var(--line);border-radius:0;padding:22px}.panel-app .heat-metrics>div:last-child{border-right:0}.panel-app .heat-metrics dt{color:var(--muted);font-size:12px}.panel-app .heat-metrics dd{letter-spacing:-.04em;margin:12px 0 0;font-size:34px;font-weight:500;line-height:1.25}.panel-app .heat-metrics>div:first-child{background:var(--text);color:var(--surface)}.panel-app .heat-metrics>div:first-child dt{color:#d2c7b9}.panel-app .heat-metrics>div:first-child dd{color:#d6b68c}.filter-status{color:var(--muted);font-size:11px;margin-top:14px!important}.panel-app #heat-controls{border-bottom:1px solid var(--line)}.heat-control-row{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.heat-control-row label{min-width:130px}.panel-app .check-label{align-items:center;gap:9px;margin-left:auto;font-size:12px;display:flex}.panel-app input[type=checkbox]{accent-color:var(--bronze-ink);width:17px;height:17px}.panel-app #heat-variants{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:12px}.panel-app #heat-variants p{margin:10px 0}.panel-app #heat-layout{max-width:100%}.map-bottom{border-top:1px solid var(--line);padding:18px 22px}.heat-export-actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.panel-app #heat-map-info{color:var(--muted);font-size:11px;line-height:1.7}.panel-app .heat-legend{gap:8px;margin:0;font-size:10px}.panel-app .heat-gradient{width:80px;height:5px}.help-details{color:var(--muted);margin-top:16px;font-size:12px}.help-details summary{width:fit-content}.help-details p{max-width:90ch;margin-top:8px}@media (width>=1952px){.panel-app .admin{padding-left:calc(var(--panel-padding) + var(--sidebar-width));max-width:1952px;margin-inline:auto}}@media (width<=1150px){.panel-app{--sidebar-width:200px;--panel-padding:24px}.panel-app .heat-filters{grid-template-columns:1fr 1fr}.panel-brand{font-size:21px}.brand-caption{font-size:7px}}@media (width<=800px){.panel-app{--sidebar-width:0px;--panel-padding:20px}.panel-sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;padding:18px 20px 0;position:static}.panel-brand{width:fit-content;padding:0;font-size:21px}.sidebar-label,.sidebar-bottom,.brand-caption{display:none}.brand-mark{width:30px;height:32px}.panel-navigation{gap:6px;margin-top:18px;display:flex}.panel-navigation a{border-radius:7px 7px 0 0;flex:1;justify-content:center;padding:12px}.panel-topbar{height:52px}.local-badge{font-size:10px}.panel-app .admin{padding-top:26px}.page-heading{margin-bottom:24px}}@media (width<=540px){.panel-app{--panel-padding:16px;--panel-gap:18px}.page-heading{flex-direction:column;align-items:start;gap:16px}.page-heading p{font-size:13px}.card-content,.card-heading,.panel-app fieldset,.map-bottom{padding:16px}.device-switch{width:100%}.panel-app .device-switch button{flex:1;padding:9px 6px;font-size:11px}.device-row>.hint{display:none}.panel-app .heat-filters{grid-template-columns:1fr}.panel-app .heat-metrics{grid-template-columns:1fr 1fr}.panel-app .heat-metrics>div{border-bottom:1px solid var(--line);padding:18px}.panel-app .heat-metrics>div:nth-child(2){border-right:0}.panel-app .heat-metrics>div:nth-child(n+3){border-bottom:0}.panel-app .heat-metrics dd{font-size:29px}.panel-app .actions>label{width:auto}.session-actions .session-select{flex-basis:100%}.session-actions button{flex:1}.playback-settings{width:100%}.playback-settings label{flex:1;justify-content:space-between}.card-heading{flex-wrap:wrap;gap:10px}.heat-control-row{gap:18px}.heat-control-row label{flex:1;min-width:100px}.panel-app .check-label{flex-basis:100%;margin-left:0}.panel-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.panel-app button{transition:none}}.gesture-overlay{--gesture-color:var(--interaction-click);pointer-events:none;z-index:10;position:absolute;inset:0;overflow:hidden}.gesture-overlay[data-gesture=drag]{--gesture-color:var(--interaction-drag)}.gesture-trail{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gesture-trail path{fill:none;stroke:var(--gesture-color);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.gesture-ring{border:2px solid var(--gesture-color);background:color-mix(in srgb, var(--gesture-color) 20%, transparent);border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:0 0 0 2px #fff9}.gesture-label{background:var(--text);color:var(--surface);white-space:nowrap;border-radius:5px;padding:4px 8px;font:500 12px/1.5 General Sans,sans-serif;position:absolute}#replay .has-gesture-events .replayer-mouse.active:after{animation:none}#replay .replayer-mouse{pointer-events:none;z-index:11}#replay .replayer-mouse:after{background:var(--interaction-click)}#replay .has-gesture-events .replayer-mouse:after{display:none}#replay .replayer-mouse{background:0 0;border:0;width:32px;height:32px;margin:0}#replay .replayer-mouse:before{content:"";filter:none;background-repeat:no-repeat;background-size:32px 32px;position:absolute;inset:0}#replay .replayer-mouse[data-cursor=default]{transform:translate(-11px,-6px)}#replay .replayer-mouse[data-cursor=default]:before{background-image:url(/pointer.cur)}#replay .replayer-mouse[data-cursor=pointer]{transform:translate(-12px,-6px)}#replay .replayer-mouse[data-cursor=pointer]:before{background-image:url(/link.cur)}#replay .replayer-mouse[data-cursor=grab]{transform:translate(-15px,-15px)}#replay .replayer-mouse[data-cursor=grab]:before{background-image:url(/move.cur)}#replay .hide-replay-cursor .replayer-mouse{display:none}#replay .show-drag-trail .replayer-mouse-tail{visibility:hidden}