body{margin:0;padding:0;overflow:hidden;height:100vh;width:100vw}.container{width:100vw;height:100vh;margin:0;display:flex}canvas{transform:scaleX(-1);height:100%}.paused{position:absolute;top:85%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:10px}.measurement-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 48px;background:#000000a6;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;text-align:center;border-radius:16px;pointer-events:none;white-space:nowrap;box-shadow:0 10px 40px #0006}.right{flex:1}.res-container{height:100%}.center{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.results-panel{height:100%;width:100%;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;gap:8px;background:#edf1f6;overflow:hidden}.results-panel__header{height:4px;width:100%;border-radius:999px;background:#cfd7e2;opacity:1}.results-panel__content{width:100%;min-width:0;display:flex;flex-direction:column;align-self:stretch;gap:12px}.results-panel__start{padding:14px 20px;font-size:1.05rem;font-weight:700;color:#fff;background:#2563eb;border:none;border-radius:10px;cursor:pointer;box-shadow:0 2px 6px #1c2d402e}.results-panel__start:hover{background:#1d4ed8}.results-panel__table{display:flex;flex-direction:column;gap:2px;width:100%;min-width:0;background:transparent;box-shadow:none}.results-panel__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:8px;overflow:hidden;background:#f5f8fc;box-shadow:0 1px #1c2d401f,0 2px 6px #1c2d4014}.results-panel__cell{padding:8px 10px;color:#1a2b3d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(.85rem,.95vw,1rem);line-height:1.1;font-weight:600;word-break:normal;overflow-wrap:normal}.results-panel__cell--name{background:#f0f4f9;color:#7a8898;font-weight:600;text-transform:none;letter-spacing:.01em}.results-panel__cell--value{font-weight:800;color:#1f2f42;background:#f8fbff;text-align:left;min-height:42px;font-size:clamp(1.1rem,1.2vw,1.45rem)}@media(max-width:760px){.results-panel{padding:8px}.results-panel__table{gap:6px}.results-panel__row{grid-template-columns:1fr}.results-panel__cell--name{border-right:none}}