.dp-root{--c-matematik: var(--c-fizik, var(--accent))}.dp-canvas{display:flex;justify-content:center;padding:12px}.dp-stage{width:100%;max-width:940px;display:flex;flex-direction:column;gap:6px}.dp-status{align-self:flex-start;padding:.3rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--bg-card);border:1px solid var(--line);color:var(--ink);transition:background .2s ease,color .2s ease}.dp-status[data-tone=up]{color:#0891b2}.dp-status[data-tone=down]{color:#7c3aed}.dp-status[data-tone=boom]{background:#ef4444;border-color:#ef4444;color:#fff}.dp-field{position:relative;width:100%;aspect-ratio:180 / 110}.dp-field canvas{width:100%;height:100%;display:block;border-radius:8px;background:var(--bg-card);color:var(--ink);--dp-wave: var(--c-fizik, #0891b2);cursor:crosshair}.dp-handle{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none}.dp-handle.is-dragging{cursor:grabbing}.dp-handle:focus-visible{outline:2px solid var(--c-fizik, var(--accent));outline-offset:-6px}.dp-graph-title,.dp-graph-axis{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;font-size:.78rem;color:var(--ink-soft)}.dp-graph-title{margin-top:6px}.dp-graph{width:100%;height:90px;display:block;border-radius:6px;background:var(--bg-card)}.dp-graph-ref{stroke:var(--ink-soft);stroke-width:1;stroke-dasharray:5 5}.dp-graph-curve{fill:none;stroke:var(--c-fizik, #0891b2);stroke-width:2.5;stroke-linejoin:round}.dp-graph-curve--second{stroke:#ef4444;stroke-dasharray:6 4}.dp-graph-marker{stroke:#ef4444;stroke-width:2}.dp-presets{display:flex;flex-wrap:wrap;gap:.4rem}.dp-chip{padding:.4rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer}.dp-chip:hover{border-color:var(--c-fizik, var(--accent))}.dp-chip.is-active{background:var(--c-fizik, var(--accent));border-color:var(--c-fizik, var(--accent));color:var(--bg-card)}.dp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.dp-btn{padding:.5rem 1.05rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.dp-btn--primary{background:var(--c-fizik, var(--accent));border-color:transparent;color:var(--bg-card)}.dp-slowmo{font-size:.8rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.dp-chip:focus-visible,.dp-btn:focus-visible{outline:2px solid var(--c-fizik, var(--accent));outline-offset:2px}@media(min-width:900px){.cp-viewer--full .dp-canvas{height:100%}.cp-viewer--full .dp-stage{container-type:size;max-width:none;height:100%;justify-content:center}}.cp-viewer.is-fullscreen .dp-stage{container-type:size;max-width:none;height:100%;justify-content:center}@container (min-width: 1px){.dp-stage>*{width:min(100cqw,calc((100cqh - 170px) * 180 / 110));align-self:center}.dp-stage>.dp-status{width:auto}}@media(prefers-reduced-motion:reduce){.dp-status{transition:none}}