.db-demo.svelte-1mfbecm{margin-top:38px}.db-canvas-shell.svelte-1mfbecm{position:relative;border:1px solid var(--line);border-radius:18px;background:#080d16a8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.db-canvas-wrap.svelte-1mfbecm{position:relative;width:100%;aspect-ratio:1000 / 540}.db-canvas-wrap.svelte-1mfbecm canvas:where(.svelte-1mfbecm){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.db-stagebar.svelte-1mfbecm{display:flex;gap:2px;padding:10px 10px 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.db-stagebar.svelte-1mfbecm::-webkit-scrollbar{display:none}.db-ctrl.svelte-1mfbecm{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line);flex-wrap:wrap}.db-progress.svelte-1mfbecm{flex:1;min-width:120px;height:3px;border-radius:2px;background:#e6edf514;overflow:hidden}.db-progress.svelte-1mfbecm i:where(.svelte-1mfbecm){display:block;height:100%;background:var(--accent);transition:width .2s linear}.db-grid.svelte-1mfbecm{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}@media(max-width:940px){.db-grid.svelte-1mfbecm{grid-template-columns:1fr}}.db-term.svelte-1mfbecm{font-family:var(--mono);font-size:12px;line-height:1.85;background:#03060bb8;border:1px solid var(--line);border-radius:14px;padding:17px 19px;height:100%;min-height:260px;max-height:380px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.db-term.svelte-1mfbecm .l:where(.svelte-1mfbecm){animation:svelte-1mfbecm-dbtin .4s var(--ease-out)}.db-term.svelte-1mfbecm .t:where(.svelte-1mfbecm){color:#475569}.db-term.svelte-1mfbecm .ok:where(.svelte-1mfbecm){color:#34d399}.db-term.svelte-1mfbecm .cy:where(.svelte-1mfbecm){color:var(--accent)}.db-term.svelte-1mfbecm .gd:where(.svelte-1mfbecm){color:var(--gold)}.db-term.svelte-1mfbecm .wh:where(.svelte-1mfbecm){color:var(--bone)}.db-term.svelte-1mfbecm .dim2:where(.svelte-1mfbecm){color:var(--muted)}.sim-note.svelte-1mfbecm{font-size:11.5px;color:var(--muted);letter-spacing:.04em;line-height:1.7;display:flex;align-items:center;gap:7px}.sim-note.svelte-1mfbecm .dot:where(.svelte-1mfbecm){width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto}@keyframes svelte-1mfbecm-dbtin{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.db-term.svelte-1mfbecm .l:where(.svelte-1mfbecm){animation:none}}