.signal-piece>h1{font-size:25px;font-weight:normal;margin-bottom:8px}.art-intro{color:#aaa}.art-stage{height:clamp(300px,60vw,540px);position:relative;margin:25px 0 20px;background:#111}.art-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.art-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;margin-bottom:40px}.art-controls[hidden]{display:none}.art-controls label{display:block;color:#bbb;font:12px monospace;margin-bottom:8px}.art-controls output{float:right;color:#8dc}.art-controls textarea,.art-controls select,.art-controls button{font:inherit;color:#eee;background:#171717;border:1px solid #444;border-radius:0;padding:10px}.art-controls textarea,.art-controls select{width:100%}.art-controls textarea{resize:vertical}.art-controls small{display:block;color:#999;font-size:11px;margin-top:8px}.art-controls input[type=range]{width:100%;accent-color:#8dc}.art-controls :focus-visible{outline:2px solid #8dc;outline-offset:3px}.art-text-control,.art-actions{grid-column:1/-1}.art-actions{display:flex;flex-wrap:wrap;gap:10px}.art-controls button{cursor:pointer;color:#8dc}.art-controls button:hover{border-color:#8dc}.signal-piece .prose h2{font-size:17px;font-weight:normal}.art-motion-note{font-size:11px;color:#999}@media(max-width:550px){.art-controls{grid-template-columns:1fr}.art-stage{height:330px}}