@layer tx.components{.tx-composition-canvas.svelte-dj6d5g{grid-template-columns:minmax(0,1fr);gap:.5rem;min-inline-size:0;margin:0;display:grid}.tx-composition-canvas-surface.svelte-dj6d5g{border-radius:var(--tx-radius-md,.5rem);background:var(--tx-color-surface-sunken,transparent);block-size:auto;inline-size:100%;display:block}.tx-composition-canvas-controls.svelte-dj6d5g{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.tx-composition-canvas-controls.svelte-dj6d5g button:where(.svelte-dj6d5g){min-block-size:2rem;min-inline-size:2rem;font:inherit;color:inherit;background:var(--tx-color-surface,transparent);border:1px solid var(--tx-color-border-strong,currentColor);border-radius:var(--tx-radius-sm,.375rem);cursor:pointer;padding-inline:.75rem}.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-color-focus-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}}}