/* Pixtov Video – Title clips add-on (video6). Uses the editor's colour variables. CC0 */
#rail .ttlrail{display:flex;flex-direction:column;align-items:center;gap:3px}
.ttl-top{position:sticky;top:-12px;z-index:3;background:var(--card,#fff);padding:2px 0 6px;margin-top:-2px}
.ttl-search{position:relative;display:flex;align-items:center}
.ttl-search .ttl-ic{position:absolute;inset-inline-start:10px;color:var(--mut,#5b6075);display:grid;place-items:center;pointer-events:none}
.ttl-q{width:100%;height:42px;border:2px solid var(--line,#e6e7f0);border-radius:12px;padding:0 38px;font:inherit;font-size:15px;background:#fff;outline:none;-webkit-appearance:none;appearance:none}
.ttl-q:focus{border-color:var(--acc2,#5b4bff);box-shadow:0 0 0 3px var(--accs,rgba(91,75,255,.12))}
.ttl-q::-webkit-search-cancel-button{display:none}
.ttl-clr{position:absolute;inset-inline-end:6px;width:30px;height:30px;border:0;border-radius:8px;background:transparent;cursor:pointer;color:var(--mut,#5b6075);display:grid;place-items:center}
.ttl-clr:hover{background:#f0f0f7}
.ttl-info{font-size:12px;color:var(--mut,#5b6075);margin:5px 2px 0;min-height:16px}
.ttl-sug{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.ttl-sug button{border:1px dashed #c9cbe0;background:#fafaff;border-radius:999px;padding:3px 9px;font:inherit;font-size:12px;cursor:pointer;color:var(--acc,#4338ca)}
.ttl-sug button:hover{border-style:solid;background:var(--accs,rgba(91,75,255,.1))}
.ttl-chips{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 0}
.ttl-chips button{border:1px solid var(--line,#e6e7f0);background:#fff;border-radius:9px;padding:5px 9px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.ttl-chips button.on{border-color:var(--acc,#4338ca);background:var(--accs,rgba(91,75,255,.1));color:var(--acc,#4338ca)}
.ttl-cats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.ttl-mode button{flex:1}
.ttl-snd{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--mut,#5b6075);margin:8px 2px 4px;cursor:pointer}
.ttl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.ttl-card{border:1px solid var(--line,#e6e7f0);border-radius:11px;background:#fff;padding:5px;cursor:pointer;transition:border-color .12s,transform .12s;min-width:0}
.ttl-card:hover,.ttl-card:focus-visible{border-color:var(--acc2,#5b4bff);outline:none}
.ttl-card.adding{transform:scale(.96)}
.ttl-th{position:relative;border-radius:8px;overflow:hidden;background:#20223a;display:grid;place-items:center}
.ttl-cv{display:block;width:100%;height:auto;max-height:190px;object-fit:contain}
.ttl-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.ttl-b{position:absolute;top:4px;inset-inline-start:4px;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-weight:700;border-radius:6px;padding:1px 5px;letter-spacing:.02em}
.ttl-b.found{background:#16a34a}
.ttl-play{position:absolute;bottom:4px;inset-inline-end:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.88);display:grid;place-items:center;cursor:pointer;color:#14162b;opacity:.85}
.ttl-play svg{width:13px;height:13px;fill:currentColor;stroke:none}
.ttl-card.playing .ttl-play{background:var(--acc,#4338ca);color:#fff}
.ttl-nm{font-size:12px;font-weight:700;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.ttl-srow{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line,#e6e7f0);border-radius:10px;background:#fff}
.ttl-snm{flex:1;min-width:0;font-weight:600;font-size:13px;display:flex;flex-direction:column}
.ttl-snm small{font-weight:400;color:var(--mut,#5b6075);font-size:11px}
.ttl-credits{display:block;margin:14px auto 4px;background:none;border:0;color:var(--mut,#5b6075);text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
.ttl-cred ul{padding-inline-start:18px;font-size:13px;line-height:1.5}
.ttl-cred a{color:var(--acc,#4338ca)}
.ttl-edit{border:1px solid var(--line,#e6e7f0);border-radius:12px;padding:4px 10px 8px;margin-bottom:10px;background:#fbfbff}
.ttl-edit .sec{margin-top:6px}
.ttl-lines{width:100%;min-height:68px;font:inherit;font-size:15px;border:1px solid var(--line,#e6e7f0);border-radius:9px;padding:6px 8px;resize:vertical;box-sizing:border-box}
.ttl-lbl{display:block;font-size:12px;color:var(--mut,#5b6075);font-weight:600;margin:6px 0 3px}
.ttl-cols{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.ttl-col{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--mut,#5b6075);gap:2px}
.ttl-col input{width:40px;height:32px;border:1px solid var(--line,#e6e7f0);border-radius:8px;padding:2px;background:#fff}
.ttl-chiprow .chips{margin-bottom:2px}
.ttl-made{font-size:11.5px;margin:6px 0 0}
@media (max-width:820px){.ttl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ttl-q{font-size:16px}}
@media (min-width:1500px){.ttl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}