#yt-form{display:flex;gap:8px;flex-wrap:wrap}
#yt-url{flex:1 1 260px;min-width:0;padding:13px 14px;border:1.5px solid var(--line,#cfcfd6);border-radius:12px;font-size:16px;background:var(--card,#fff);color:var(--ink,#1d1d1f)}
#yt-url:focus{outline:2px solid var(--accent,#ef4444);outline-offset:1px}
#yt-msg{font-size:15px;color:var(--sub,#5a5a60);min-height:1.4em;margin:10px 0 0}
.yt-head{display:flex;gap:12px;align-items:center;margin:14px 0 0}
.yt-head img{border-radius:10px;object-fit:cover;flex:none;background:var(--soft,#f1f1f4)}
.yt-head b{display:block;font-size:17px;line-height:1.35}
.yt-head span{font-size:13px;color:var(--sub,#5a5a60)}
.yt-bar,.yt-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 0;font-size:14px;color:var(--sub,#5a5a60)}
.yt-bar select,.yt-bar input[type=search]{padding:8px 10px;border:1px solid var(--line,#cfcfd6);border-radius:10px;font-size:15px;background:var(--card,#fff);color:var(--ink,#1d1d1f);max-width:100%}
.yt-bar input[type=search]{flex:1 1 160px;min-width:0}
#yt-lines{list-style:none;margin:14px 0 0;padding:0;max-height:62vh;overflow:auto;border:1px solid var(--line,#e6e6ea);border-radius:12px}
#yt-lines li{display:flex;gap:12px;padding:8px 12px;font-size:16px;line-height:1.55;border-bottom:1px solid var(--line,#eeeef2)}
#yt-lines li:last-child{border-bottom:0}
#yt-lines a{flex:none;font-variant-numeric:tabular-nums;font-size:13px;color:var(--accent,#ef4444);text-decoration:none;padding-top:3px;min-width:44px}
#yt-lines.nots a{display:none}
#yt-lines mark{background:#fde68a;color:inherit;border-radius:3px}
code{background:var(--soft,#f1f1f4);padding:2px 6px;border-radius:6px;font-size:.92em;word-break:break-all}
