.chime-touch-controls{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;width:100%}.piece-dialog.reflect-dialog .chime-touch-controls>button{width:44px;min-width:44px;height:44px;min-height:44px;padding:4px;font:14px/1 Arial,sans-serif;border:1px solid #a4a98c;border-radius:50%;background:#fff8e7;color:#48553e}
.craft-chimes~.craft-toolbar{gap:7px}.chime-status{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}
@media(max-width:700px){.piece-dialog.reflect-dialog:has(.craft-chimes) .craft-workspace{max-height:calc(100dvh - 330px)}.craft-chimes~.craft-toolbar .craft-text-button{min-width:100px}.chime-touch-controls{gap:3px}}
@media(max-height:530px) and (orientation:landscape){.piece-dialog.reflect-dialog:has(.craft-chimes) .craft-workspace{max-height:none}.chime-touch-controls{max-width:150px}.piece-dialog.reflect-dialog .chime-touch-controls>button{min-width:36px;width:36px;min-height:36px;height:36px}}

/* Rest keeps chimes playable without presenting editor affordances. */
.is-calm .piece-transform,.is-calm .piece-outline,.is-calm .piece-remove,.is-calm .piece-label{display:none!important;pointer-events:none!important}
.is-calm .garden-piece,.is-calm .garden-piece:focus-visible,.is-calm .garden-piece:hover{outline:0!important}
.is-calm .garden-piece[data-piece$="wind-chime"]{cursor:pointer;touch-action:manipulation}
.is-calm .garden-piece[data-piece$="wind-chime"]:is(:hover,:focus-visible) canvas{transform:none}