.canvas-wrap.svelte-8fpkio{position:relative;width:100%;aspect-ratio:2 / 1;background:var(--canvas-bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}@media(max-width:700px){.canvas-wrap.svelte-8fpkio{aspect-ratio:auto;height:52vh}}svg.svelte-8fpkio{width:100%;height:100%;display:block;cursor:grab;-webkit-user-select:none;user-select:none}svg.panning.svelte-8fpkio{cursor:grabbing}.err.svelte-8fpkio{position:absolute;inset:.5rem;background:var(--danger-soft);color:var(--danger);padding:.5rem .75rem;border-radius:var(--r-sm);font-size:.875rem;z-index:5}.zoom-ui.svelte-8fpkio{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:4;align-items:flex-end}.zbtn.svelte-8fpkio{width:2rem;height:2rem;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);font-size:1.1rem;font-weight:500;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;touch-action:manipulation}.zbtn.svelte-8fpkio:hover{background:var(--surface-hover);border-color:var(--border-strong)}.zbtn.svelte-8fpkio:active{background:var(--surface-2)}.zbtn.reset.svelte-8fpkio{font-size:1rem}.zoom-label.svelte-8fpkio{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:.15rem .45rem;font-size:.72rem;color:var(--text-2);font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-weight:500}.align-ui.svelte-8fpkio{position:absolute;top:.5rem;left:.5rem;display:flex;gap:2px;z-index:4}.abtn.svelte-8fpkio{width:2rem;height:2rem;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-sm);font-size:1.1rem;font-weight:500;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;touch-action:manipulation}.abtn.svelte-8fpkio:hover{background:var(--surface-hover);border-color:var(--border-strong)}@media(max-width:700px){.zbtn.svelte-8fpkio,.abtn.svelte-8fpkio{width:2.4rem;height:2.4rem}.align-ui.svelte-8fpkio{gap:.3rem}}.toggle.svelte-14yz30v{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:.22rem;gap:.15rem}button.svelte-14yz30v{border:none;background:transparent;padding:.4rem .9rem;border-radius:var(--r-full);font-size:.85rem;font-weight:500;color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}button.svelte-14yz30v:hover{color:var(--text)}button.active.svelte-14yz30v{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}button.placeholder.svelte-14yz30v{color:var(--text-3)}button.placeholder.active.svelte-14yz30v{color:var(--text-2)}.dot.svelte-14yz30v{display:inline-block;width:5px;height:5px;margin-left:.3rem;border-radius:50%;background:var(--text-4);vertical-align:middle}@media(max-width:600px){button.svelte-14yz30v{padding:.4rem .6rem;font-size:.78rem}}