.tagged-player{width:100%;max-width:min(100%,720px);margin-top:20px}.tagged-player>turbo-frame{display:block}.track-taggings{margin-top:18px;border:1px solid var(--rule);padding:20px;background:var(--surface);min-width:0}.tagging-heading{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.tagging-heading h2{font-size:18px;margin-bottom:6px}.tagging-heading p{margin-bottom:6px}.tagging-subheading{font-size:12px!important;color:var(--muted);margin:18px 0 10px!important}.tag-cloud{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.tag-cloud p{margin:0}.tag-cloud-form{margin:0}.tag-cloud-tag{display:inline-flex;background:var(--ground);border:1px solid var(--rule);padding:5px 9px;color:var(--text);font-family:inherit;font-size:calc(12px + var(--tag-weight,1)*.6px);cursor:default}.tag-cloud button{cursor:pointer}.tag-cloud button:hover{border-color:var(--accent);color:var(--link)}.tag-cloud-tag.kind-genre{border-bottom-color:#d7e86a}.tag-cloud-tag.kind-vibe{border-bottom-color:#cfa8ff}.tag-cloud-tag.kind-term{border-bottom-color:#9fb2c4}.own-taggings{display:grid;gap:8px}.own-tagging{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,2fr) auto;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--hairline)}.tagging-term{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:13px}.tagging-kind{font-size:10px;color:var(--dim)}.tagging-remove{margin:0}.tagging-rating{display:flex;gap:8px;align-items:center}.tagging-rating input[type=range]{accent-color:var(--accent);cursor:pointer;min-width:0;margin:0}.tagging-rating.is-horizontal input{width:100%;min-width:60px}.tagging-rating-output{font:12px ui-monospace,monospace;min-width:48px;color:var(--text)}.tagging-rating.is-unrated input{opacity:.48}.tagging-rating.is-unrated output{color:var(--dim)}.tagging-clear{font-size:10px;white-space:nowrap}.tagging-add-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:16px}.tagging-name-field{flex:1;min-width:150px}.tagging-add-form>div:nth-child(3){min-width:90px}.tagging-add-form label{font-size:12px}.tagging-add-form button{white-space:nowrap}.tagging-save-status{margin:3px 0;font-size:11px;color:#8fe0a8;min-height:17px}.tagging-save-status.is-error,.tagging-errors{color:var(--link)}.tagging-errors{padding-left:20px;font-size:13px}.tagging-frame-controls{border-top:1px solid var(--rule);margin-top:20px;padding-top:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px);gap:18px}.tagging-player-status .catalog-hint,.tagging-duration-field .catalog-hint{margin:5px 0 0;line-height:1.4}.tagging-frame-actions{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-top:12px}.tagging-one-frame{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.tagging-one-frame>div{width:100px}.tagging-one-frame label{font-size:11px}.tagging-one-frame .catalog-input{padding:7px}.tagging-batch-actions{display:flex;gap:8px;flex-wrap:wrap}.tagging-timeline-tools{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.tagging-timeline-tools label{margin:0;font-size:11px}.tagging-timeline-tools input{accent-color:var(--accent);width:130px}.tagging-timeline-tools output,.tagging-clock{font:11px ui-monospace,monospace;color:var(--muted)}.tagging-clock{margin-left:auto;color:var(--link)}.tagging-empty-frames{margin:10px 0 0}.tagging-timeline-viewport{overflow-x:auto;overscroll-behavior-x:contain;border-top:1px solid var(--rule);margin-top:10px;max-width:100%}.tagging-timeline-canvas{position:relative;min-height:64px}.tagging-ruler{height:34px;position:relative;border-bottom:1px solid var(--rule);cursor:pointer;color:var(--muted);font:10px ui-monospace,monospace;overflow:hidden}.tagging-ruler-mark{position:absolute;top:10px;border-left:1px solid var(--rule);padding-left:5px;height:24px;white-space:nowrap}.tagging-playhead{position:absolute;top:0;bottom:0;width:1px;pointer-events:none;background:var(--accent);z-index:2}.tagging-playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--accent)}.tagging-frame{border:1px solid var(--rule);background:var(--ground);margin:8px 0;padding:8px;overflow:auto}.is-scaled .tagging-frame{position:absolute;margin:0;border-left-color:var(--muted);min-width:0}.tagging-frame.is-current{border-color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.tagging-frame.is-out-of-bounds{border-style:dashed}.tagging-frame-header{display:flex;align-items:baseline;justify-content:space-between;gap:6px;white-space:nowrap;font-size:10px;margin-bottom:8px}.tagging-frame-header>.quiet-link{font:10px ui-monospace,monospace}.tagging-frame-settings{font-size:10px}.tagging-frame-settings summary{cursor:pointer;color:var(--muted)}.tagging-frame-settings[open]{background:var(--surface);border:1px solid var(--rule);padding:5px;position:absolute;z-index:3;min-width:160px}.tagging-frame-bounds{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.tagging-frame-bounds label{font-size:10px;color:var(--muted)}.tagging-frame-bounds input{font-size:11px;padding:5px}.tagging-frame-bounds button{font-size:10px;grid-column:1/-1;padding:6px}.tagging-frame-settings form+form{margin-top:8px}.tagging-frame-sliders{display:flex;gap:12px;justify-content:space-evenly;min-width:max-content}.tagging-frame-term{width:38px;flex:0 0 38px;display:flex;flex-direction:column;align-items:center}.tagging-frame-term-name{font-size:10px;width:38px;height:27px;overflow:hidden;line-height:1.25;text-align:center;overflow-wrap:anywhere}.tagging-rating.is-vertical{flex-direction:column;gap:6px;margin-top:7px}.tagging-rating.is-vertical input[type=range]{writing-mode:vertical-lr;direction:rtl;width:22px;height:115px;touch-action:pan-x}.tagging-rating.is-vertical output{min-width:0;font-size:10px}.tagging-rating.is-vertical .tagging-clear{font-size:9px}.tagging-timeline-canvas:not(.is-scaled) .tagging-playhead{display:none}.tagging-timeline-canvas:not(.is-scaled) .tagging-frame-sliders{justify-content:flex-start}.tagging-timeline-canvas:not(.is-scaled) .tagging-ruler{display:none}
@media(max-width:760px){.track-taggings{padding:14px}.own-tagging{grid-template-columns:minmax(80px,1fr) minmax(100px,2fr);gap:8px}.tagging-remove{grid-column:1/-1;text-align:right}.tagging-frame-controls{grid-template-columns:1fr}.tagging-rating.is-horizontal{gap:5px}.tagging-rating-output{font-size:10px;min-width:43px}.tagging-clear{font-size:9px}.tagging-one-frame>div{width:90px}.tagging-one-frame button{padding:9px 10px}.tagging-batch-actions .outline-button{font-size:11px;padding:7px 9px}.tagging-timeline-tools{gap:8px}.tagging-timeline-tools input{width:100px}}