:root{color-scheme:dark;font-family:Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at top,#202428cc,#080a0c 60%),#050608;color:#f4f6f8eb}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#050608}body{-webkit-user-select:none;user-select:none}button,input{font:inherit}svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.5}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-stack{position:absolute;top:0;right:0;bottom:0;left:0}.stage-canvas,.stage-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.canvas-stack>.stage-canvas:first-child{opacity:.5}.preprocess-layer,.heatmap-layer,.overlay-layer{pointer-events:none}.overlay-layer{overflow:visible}.overlay-history-shadow,.overlay-history-line,.overlay-history-dot-shadow,.overlay-history-dot,.overlay-candidate-shadow,.overlay-roi-shadow,.overlay-roi,.overlay-drag-roi-shadow,.overlay-drag-roi,.overlay-current-fixation-shadow,.overlay-current-fixation,.overlay-current-fixation-core,.overlay-pending-fixation-shadow,.overlay-pending-fixation-ring,.overlay-pending-fixation{vector-effect:non-scaling-stroke}.overlay-history-shadow{fill:none;stroke:#0009;stroke-linecap:round;stroke-linejoin:round;stroke-width:6}.overlay-history-line{fill:none;stroke:#ffecb8f5;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.75}.overlay-history-dot-shadow{fill:#00000073}.overlay-history-dot{fill:#fff5d4f0;stroke:#141618f2;stroke-width:2}.overlay-candidate-shadow{fill:#0006}.overlay-roi-shadow{fill:none;stroke:#00000094;stroke-width:6}.overlay-roi{fill:none;stroke:#f6fafcf7;stroke-width:2}.overlay-drag-roi-shadow{fill:none;stroke:#0000007a;stroke-width:5;stroke-dasharray:10 6}.overlay-drag-roi{fill:none;stroke:#ffdb9efa;stroke-width:2;stroke-dasharray:10 6}.overlay-current-fixation-shadow{fill:#0000006b}.overlay-current-fixation{fill:#5dedfff5;stroke:#0e181ff2;stroke-width:2.5}.overlay-current-fixation-core{fill:#effefffa}.overlay-pending-fixation-shadow{fill:#0000006b}.overlay-pending-fixation-ring{fill:none;stroke:#ffc65cfa;stroke-width:3}.overlay-pending-fixation{fill:#ffc65cfa;stroke:#201403f2;stroke-width:2}.panel{position:absolute;z-index:10;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0c0e11c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 28px #00000047}.panel-top-left{top:10px;left:10px}.panel-top-right{top:10px;right:10px}.panel-bottom-right{right:10px;bottom:10px}.mode-group{display:flex;align-items:center;gap:6px;padding-right:4px;border-right:1px solid rgba(255,255,255,.08)}.sliders{flex-direction:column;align-items:stretch;min-width:196px;gap:10px}.slider-row{display:flex;align-items:center;gap:10px}.slider-label{display:flex;align-items:center;width:38px;color:#f0f4f6c7;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.slider-value{min-width:44px;text-align:right;color:#fff4e2db;font-size:12px;font-variant-numeric:tabular-nums}.slider-row input[type=range]{flex:1;margin:0;accent-color:#f2b35a;background:transparent}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;color:#f0f4f6bd;cursor:pointer;transition:transform .14s ease,color .14s ease,border-color .14s ease,background .14s ease}.icon-button:hover{transform:translateY(-1px);color:#fff7edf0;border-color:#ffffff29;background:#ffffff12}.icon-button:disabled{cursor:default;opacity:.4;transform:none}.icon-button.is-active{color:#ffd49b;border-color:#ffc36e6b;background:#ffb3581f}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#101418b8,#040608f0),#030406e0}.loading-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0a0c0fc2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.loading-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#f0f4f6b8}.spinner{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.08);border-top-color:#ffc36ed6;animation:spin .8s linear infinite}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.panel{gap:6px;padding:7px;border-radius:12px}.panel-top-right{left:10px;right:auto;top:auto;bottom:10px}.panel-bottom-right{left:10px;right:10px;bottom:58px;min-width:0}}