.logic-tool.svelte-6czk9g{min-height:min(720px, calc(100vh - var(--nav-height) - 8rem));grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);gap:1rem;display:grid}.logic-controls.svelte-6czk9g,.logic-workspace.svelte-6czk9g{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-translucent)}.logic-controls.svelte-6czk9g{flex-direction:column;gap:1.2rem;padding:1rem;display:flex}.logic-control-group.svelte-6czk9g{gap:.55rem;display:grid}.logic-control-group.svelte-6czk9g h2:where(.svelte-6czk9g){color:var(--color-muted);font-family:var(--font-mono);text-transform:lowercase;align-items:center;gap:.4rem;margin:0;font-size:.9rem;display:flex}.logic-control-grid.svelte-6czk9g{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.logic-button.svelte-6czk9g{width:100%;min-height:2.5rem}.logic-button.danger.svelte-6czk9g{border-color:var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger)}.logic-button.danger.svelte-6czk9g:hover{border-color:var(--color-danger);color:var(--color-danger-hover)}.logic-workspace.svelte-6czk9g{background:radial-gradient(circle at 50% 0, #e7c56212, transparent 28rem), var(--color-canvas);min-height:32rem;position:relative;overflow:hidden}.logic-canvas.svelte-6czk9g{width:100%;height:100%;min-height:inherit;touch-action:none;display:block}@media (width<=700px){.logic-tool.svelte-6czk9g{grid-template-columns:1fr}.logic-controls.svelte-6czk9g{order:2}.logic-workspace.svelte-6czk9g{min-height:28rem}}