[data-sound-shape]{width:min(100%,460px);box-sizing:border-box;margin:22px auto 0;padding:20px;background:var(--panel,#faf9f6);border:1px solid var(--line,#e4e1d9);border-radius:22px;color:var(--text,#30322f);text-align:left;font-family:inherit}
.shape-heading,.shape-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted,#77796f)}
[data-sound-shape] button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit;padding:6px;border-radius:6px}
[data-sound-shape] button:hover{color:#ee8153}
[data-sound-shape] button:focus-visible,[data-sound-shape] input:focus-visible{outline:2px solid #ee8153;outline-offset:3px}
.shape-pad{position:relative;height:180px;margin:16px 0;background:radial-gradient(circle,#d4d4c4 .8px,transparent 1px) 0 0/14px 14px,linear-gradient(135deg,#f5f5eb,#eee8da);border:1px solid #e5e0d5;border-radius:16px;touch-action:none;cursor:crosshair;user-select:none;overflow:hidden}
.shape-pad>span:not(.shape-dot){position:absolute;font-size:9px;letter-spacing:1.4px;color:#858779;pointer-events:none}
.shape-bright{top:12px;left:50%;transform:translateX(-50%)}.shape-soft{bottom:12px;left:50%;transform:translateX(-50%)}.shape-thock{left:12px;top:50%;transform:translateY(-50%)}.shape-clack{right:12px;top:50%;transform:translateY(-50%)}
.shape-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;box-sizing:border-box;border:4px solid #fff;border-radius:50%;background:#ee8153;box-shadow:0 3px 12px #0002;transform:translate(-50%,-50%);pointer-events:none}
.shape-ranges{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px}.shape-ranges label{font-size:11px;color:var(--muted,#77796f)}.shape-ranges input{display:block;width:100%;margin-top:8px;accent-color:#ee8153;cursor:pointer}.shape-bottom{font-size:11px}
.embedded-experience [data-sound-shape]{display:none}
.shape-auto{display:flex;align-items:center;gap:6px;cursor:pointer}.shape-auto input{accent-color:#ee8153;width:14px;height:14px;margin:0}.shape-live{color:#c75b32;font-size:10px}[data-auditioning=true] .shape-dot{box-shadow:0 0 0 7px #ee815325,0 3px 12px #0002}
.shape-presets{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.shape-presets button{border:1px solid #e4e1d9;font-size:10px;border-radius:20px;padding:6px 12px}.shape-presets button[aria-pressed=true]{color:#b5512a;border-color:#ee8153;background:#ee81530b}