@layer tx.components{.tx-composition-canvas.svelte-dj6d5g{gap:var(--tx-space-2);grid-template-columns:minmax(0,1fr);min-inline-size:0;margin:0;display:grid}.tx-composition-canvas-surface.svelte-dj6d5g{border-radius:var(--tx-shape-radius-lg);background:var(--tx-canvas,transparent);block-size:auto;inline-size:100%;display:block}.tx-composition-canvas-controls.svelte-dj6d5g{gap:var(--tx-space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.tx-composition-canvas-controls.svelte-dj6d5g button:where(.svelte-dj6d5g){min-block-size:2rem;min-inline-size:2rem;padding-inline:var(--tx-space-3);font:inherit;color:inherit;background:var(--tx-surface,transparent);border:var(--tx-border-width-thin) solid var(--tx-border-strong,currentColor);border-radius:var(--tx-shape-radius-md);cursor:pointer}.tx-composition-canvas-controls.svelte-dj6d5g button[aria-disabled=true]:where(.svelte-dj6d5g){cursor:default;opacity:.6}.tx-composition-canvas-controls.svelte-dj6d5g button:where(.svelte-dj6d5g):focus-visible{outline:2px solid var(--tx-ring,currentColor);outline-offset:2px}.tx-composition-canvas-note.svelte-dj6d5g{margin:0}.tx-visually-hidden.svelte-dj6d5g{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.tx-composition-canvas-controls.svelte-dj6d5g button:where(.svelte-dj6d5g):focus-visible{outline-color:highlight}.tx-composition-canvas-controls.svelte-dj6d5g button:where(.svelte-dj6d5g){border-color:buttontext}.tx-composition-canvas-controls.svelte-dj6d5g button[aria-disabled=true]:where(.svelte-dj6d5g){opacity:1;color:graytext;border-color:graytext}}}