.composer-drag-handle{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (min-width:640px){html[data-fold-state=unfolded-landscape] .composer-split,html[data-fold-state=unfolded-portrait] .composer-split{grid-template-columns:var(--composer-split-cols,1.15fr .85fr);column-gap:1.5rem}}@media (min-width:640px) and (horizontal-viewport-segments:2){html[data-fold-state=unfolded-landscape] .composer-split,html[data-fold-state=unfolded-portrait] .composer-split{column-gap:max(1.5rem, calc(env(viewport-segment-left 1 0,0px) - env(viewport-segment-right 0 0,0px)));grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:640px){html[data-fold-state=unfolded-landscape] .composer-canvas[data-composer-variant=wide]{height:clamp(22rem,100dvh - 8rem,40rem);min-height:0}}@media (vertical-viewport-segments:2){html[data-fold-state=unfolded-landscape] .composer-split{column-gap:0;row-gap:max(1.5rem, calc(env(viewport-segment-top 0 1,0px) - env(viewport-segment-bottom 0 0,0px)));grid-template-columns:minmax(0,1fr)}html[data-fold-state=unfolded-landscape] .composer-canvas[data-composer-variant=wide]{min-height:0;height:clamp(18rem, calc(env(viewport-segment-bottom 0 0,50dvh) - env(viewport-segment-top 0 0,0px) - 6rem), 34rem)}html[data-fold-state=unfolded-landscape] .composer-node{pointer-events:none}html[data-fold-state=unfolded-landscape] .composer-node button{pointer-events:auto}}html[data-fold-state] .composer-split{transition-property:grid-template-columns,column-gap,row-gap;transition-duration:.28s;transition-timing-function:ease-out}html[data-fold-state] .composer-canvas{transition-property:height,border-color,background-color;transition-duration:.28s;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){html[data-fold-state] .composer-split,html[data-fold-state] .composer-canvas{transition-property:none}}