/* Roteiro e cursor; a geometria vem de interface-shell.css. */
#ld-demo.la-demo .la-player{position:relative;display:flex;align-items:center;gap:8px;flex:none;min-height:40px;padding-bottom:6px;font-size:var(--ld-text-meta);color:var(--lm-muted)}
#ld-demo.la-demo .la-caption{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ld-demo.la-demo .la-player button{padding:6px 10px;min-height:32px;border-radius:16px;color:var(--lm-primary);background:var(--lm-container);font-size:var(--ld-text-meta)}
#ld-demo.la-demo .la-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#36422d;border-radius:2px}
#ld-demo.la-demo .la-progress>span{display:block;height:100%;width:var(--la-progress,0%);background:var(--lm-primary)}
#ld-demo.la-demo .la-cursor{position:absolute;top:0;left:0;width:22px;height:28px;z-index:30;pointer-events:none;filter:drop-shadow(1px 2px 2px #000b);will-change:transform}
#ld-demo.la-demo .la-cursor>span{display:block;width:18px;height:24px;background:#f2f7e9;clip-path:polygon(0 0,0 90%,28% 69%,47% 100%,64% 90%,47% 60%,85% 60%)}
#ld-demo.la-demo .la-cursor[data-pressed=true]>span{transform:scale(.9);transform-origin:top left}

#ld-demo.la-demo .la-player[hidden]{display:none}