#time-note-markers{position:absolute;inset:0;z-index:5;pointer-events:none}.player-studio button.time-note-pin{position:absolute;top:5px;transform:translateX(-50%);display:grid;place-items:center;width:24px;min-width:24px;height:26px;min-height:26px;padding:0;border:0;border-radius:5px;background:color-mix(in srgb,var(--studio-mint) 16%,transparent);color:var(--studio-mint);font-size:14px;pointer-events:auto;cursor:pointer}.player-studio button.time-note-pin:hover,.player-studio button.time-note-pin:focus-visible{background:var(--studio-mint);color:var(--paint-10103c,#10103c);outline:1px solid var(--studio-mint);outline-offset:2px}.time-note-pin span{pointer-events:none}.time-notes-panel{margin-top:30px;padding-top:24px;border-top:1px solid var(--border)}.time-notes-panel>h3{font-size:20px;margin:0 0 12px}.time-notes-panel>.muted{font-size:12px;line-height:1.6}.time-notes-list{display:grid;gap:12px;margin:20px 0}.time-note-entry{padding:14px;border:1px solid var(--border);background:var(--panel);border-radius:10px;min-width:0}.time-note-entry>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.time-note-entry small{font-size:10px;color:var(--muted)}.time-note-entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin:12px 0}.time-note-entry .time-note-jump{border-color:var(--accent);color:var(--accent);font:600 12px ui-monospace,monospace;padding:5px 8px;min-height:30px}.time-note-actions{display:flex;gap:8px;justify-content:flex-end}.time-note-actions button{font-size:11px;padding:4px 8px;min-height:28px}.time-note-form{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--border)}.time-note-form h4{font-size:15px;margin:0}.time-note-form label{display:grid;gap:6px;font-size:12px}.time-note-form textarea{min-height:100px!important;font-size:14px}.time-note-form input{width:100%}.time-note-form button{justify-self:start;font-size:12px}.time-note-undo{font-size:12px;background:var(--accent-bg);padding:10px;border-radius:8px}.time-note-undo button{font-size:12px;padding:4px 8px}@media(max-width:700px){.player-studio button.time-note-pin{width:30px;min-width:30px;height:32px;min-height:32px}.time-note-actions button,.time-note-form button{min-height:38px}}

/* Comment pins sit above the waveform; their thin leaders point to the exact time. */
.player-studio .studio-timeline{margin-top:54px}.player-studio button.time-note-pin{top:-44px;height:22px;min-height:22px;width:24px;min-width:24px;border-radius:5px}.player-studio button.time-note-pin:after{content:'';position:absolute;left:50%;top:22px;width:1px;height:22px;background:var(--studio-mint);opacity:.45;pointer-events:none}
@media(max-width:700px){.player-studio button.time-note-pin{top:-48px;height:26px;min-height:26px;width:30px;min-width:30px}}