.touch-panel{gap:10px;display:grid}.touch-surface{border-radius:var(--radius-sm);background:var(--line-2);touch-action:none;overscroll-behavior:contain;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;direction:ltr;height:clamp(260px,100svh - 480px,520px);position:relative;overflow:hidden}.touch-surface--multi{background:var(--screen)}.touch-canvas{width:100%;height:100%}.touch-multi{position:absolute;inset:0}.touch-max,.touch-empty,.touch-hline,.touch-vline,.touch-dot{pointer-events:none}.touch-max{color:var(--screen-muted);flex-direction:column;gap:4px;font-size:13px;display:flex;position:absolute;top:12px;left:14px}.touch-max-num{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--screen-ink);font-size:72px;font-weight:200;font-stretch:125%;line-height:.9}.touch-empty{text-align:center;color:var(--screen-muted);justify-content:center;align-items:center;padding:24px;font-size:15px;display:flex;position:absolute;inset:0}.touch-hline{background:var(--screen-line-2);height:1px;position:absolute;top:0;left:0;right:0}.touch-vline{background:var(--screen-line-2);width:1px;position:absolute;top:0;bottom:0;left:0}.touch-dot{background:var(--accent);width:64px;height:64px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex;position:absolute;top:-32px;left:-32px}.touch-surface.is-fs{z-index:200;border-radius:0;height:auto;position:fixed;inset:0}.touch-surface:fullscreen{border-radius:0;height:100%}.touch-close{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:1;border-radius:var(--radius-sm);width:40px;height:40px;color:var(--screen-ink);cursor:pointer;background:#161616b8;border:1px solid #efefec66;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.touch-close svg{width:18px;height:18px}@media (width>=1024px){.touch-seg{justify-self:start;width:360px}.touch-panel{gap:14px}.touch-surface{height:486px}.touch-max-num{font-size:96px}}