.stem-panel{margin:24px 0;padding:24px}.stem-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.stem-heading h2{font-size:24px;letter-spacing:-.7px;margin:8px 0}.stem-heading p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7}.stem-heading>span{font-size:13px;color:var(--mint)}.stem-tools{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.stem-tools .button{font-size:14px}.stem-hint{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0}.stem-hint a{color:var(--mint);text-underline-offset:4px}#stem-status{font-size:14px;line-height:1.7;color:var(--mint);margin:14px 0}#stem-status.error{color:var(--coral)}#stem-progress{width:100%;height:6px}.stem-layer-list{display:flex;flex-direction:column;gap:10px}.stem-layer{border:1px solid var(--line);border-left:3px solid var(--stem-color);border-radius:5px;background:#152020;padding:13px}.stem-layer.selected{outline:1px solid var(--stem-color);background:#1c2827}.stem-layer-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stem-layer-head>input{color:var(--stem-color);font-size:16px;background:transparent;border:0;border-bottom:1px solid #495c54;padding:6px;min-width:100px;max-width:190px;flex:1}.stem-layer-head>span{font-size:12px;color:var(--muted)}.stem-layer-head label{margin-left:auto;font-size:13px;white-space:nowrap}.stem-layer-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0}.stem-layer-controls button{background:#23342e;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:8px 11px;min-height:36px;font-size:13px;cursor:pointer}.stem-layer-controls button[aria-pressed=true]{color:#172019;background:var(--stem-color)}.stem-layer-controls input[type=range]{width:110px;accent-color:var(--stem-color)}.stem-layer-controls output{font-size:12px;color:var(--muted);width:35px}.stem-layer canvas{width:100%;height:64px;display:block;cursor:crosshair;touch-action:manipulation}.stem-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.stem-footer button{font-size:13px}.stem-footer span{font-size:12px;color:var(--muted)}.stem-panel button:disabled{opacity:.4;cursor:default}#stem-play-dock{max-width:1400px;margin:0 auto}#stem-play-dock .stem-heading h2{font-size:19px}#stem-play-dock .stem-panel{padding:18px}#stem-play-dock .stem-layer canvas{height:44px}@media(max-width:650px){.stem-panel{padding:16px}.stem-heading{display:block}.stem-heading h2{font-size:21px}.stem-layer-head label{margin-left:0}.stem-tools .button{flex:1;min-width:140px;padding:12px 8px}.stem-layer-controls input[type=range]{width:100px}}