@layer lab{.dd-ctl{flex-direction:column;align-items:stretch;gap:12px}.dd-row{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.dd-readout{font-family:var(--mono);color:var(--ink-soft);font-size:12px}.dd-readout b{color:var(--accent-deep)}.dd-stage{border:2px dashed var(--accent-line);background:radial-gradient(circle at 50% 50%, var(--accent-soft), var(--panel) 70%);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;height:340px;position:relative;overflow:hidden}.dd-stage.grabbing{cursor:grabbing}.dd-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dd-puck{will-change:transform;pointer-events:none;width:72px;height:72px;font-family:var(--mono);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:-36px 0 0 -36px;font-size:11px;font-weight:600;display:flex;position:absolute;top:0;left:0}.dd-puck .grip{grid-template-columns:repeat(3,4px);gap:4px;display:grid}.dd-puck .grip i{opacity:.55;background:currentColor;border-radius:50%;width:4px;height:4px}.dd-snap{color:#fff;z-index:1;background:linear-gradient(150deg,#7e8aa6,#5d6a86)}.dd-lerp{background:radial-gradient(circle at 32% 28%, var(--accent-2), var(--accent));color:#fff;z-index:2}.dd-hint{font-family:var(--mono);color:var(--muted);pointer-events:none;justify-content:center;align-items:center;font-size:13px;transition:opacity .3s;display:flex;position:absolute;inset:0}.dd-stage.touched .dd-hint{opacity:0}.dd-legend{font-family:var(--mono);color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:11px;display:flex}.dd-legend .sw{vertical-align:middle;border-radius:4px;width:11px;height:11px;margin-right:5px;display:inline-block}.dd-legend .sw.snap{background:#5d6a86}.dd-legend .sw.lerp{background:var(--accent)}}