.fp-drop{min-height:120px;padding:24px 16px}
.fp-chosen{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}
.fp-chosen img{width:120px;height:68px;object-fit:cover;border-radius:8px;flex:none;background:var(--line)}
.fp-chosen__meta{min-width:0;display:flex;flex-direction:column;gap:6px}
.fp-chosen__meta strong{font-weight:650;font-size:.95rem}
.fp-tabs{align-self:flex-start;flex-wrap:wrap}

/* Preview stage mimics YouTube chrome (own light/dark palette) */
.fp-stage{--fp-bg:#fff;--fp-text:#0f0f0f;--fp-sub:#606060;--fp-sk:#e5e5e5;--fp-line:#e5e5e5;--fp-menu:#606060;font-family:Roboto,Arial,Helvetica,sans-serif;background:var(--fp-bg);color:var(--fp-text);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 16px}
.fp-stage[data-theme=dark]{--fp-bg:#0f0f0f;--fp-text:#f1f1f1;--fp-sub:#aaa;--fp-sk:#272727;--fp-line:#272727;--fp-menu:#aaa}
@media (max-width:640px){.fp-stage{padding:12px}}

.fp-card{display:flex;flex-direction:column;gap:12px;min-width:0}
.fp-th{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--fp-sk)}
.fp-th img{width:100%;height:100%;object-fit:cover;display:block}
.fp-ph{position:absolute;inset:0;display:grid;place-items:center;font-size:.8rem;color:var(--fp-sub);font-weight:500}
.fp-dur{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.8);color:#fff;font:500 .75rem/1.15 Roboto,Arial,sans-serif;padding:1px 4px;border-radius:2px;font-variant-numeric:tabular-nums;letter-spacing:.015em;z-index:1}
.fp-prog{position:absolute;left:0;bottom:0;height:3px;background:#f00;z-index:2}
.fp-info{display:flex;gap:12px;min-width:0;align-items:flex-start}
.fp-txt{min-width:0;flex:1;padding-right:0}
.fp-av{flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;background:var(--fp-sk);margin-top:0}
.fp-av--letter{display:inline-grid;place-items:center;color:#fff;font-weight:500;font-size:.75rem;line-height:1}
.fp-trow{display:flex;align-items:flex-start;gap:0}
.fp-t{flex:1;min-width:0;font-size:.875rem;font-weight:500;line-height:1.4;margin:0;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--fp-text);word-break:break-word}
.fp-menu{flex:none;width:24px;height:24px;fill:var(--fp-menu);opacity:.9;margin:-2px -8px 0 0}
.fp-m{font-size:.75rem;color:var(--fp-sub);line-height:1.4;margin:2px 0 0;font-weight:400}
.fp-chline{display:inline-flex;align-items:center;gap:2px;max-width:100%}
.fp-check{display:inline-block;vertical-align:-1px;margin-left:2px;width:14px;height:14px;fill:var(--fp-sub);flex:none}

/* Home: YouTube desktop proportions (~36px avatar on ~320-360px cards) */
.fp-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:40px}
.fp-home .fp-card{gap:12px}
.fp-home .fp-av{width:36px;height:36px}
.fp-home .fp-av--letter{font-size:.75rem}
.fp-home .fp-info{gap:12px}
.fp-home .fp-t{font-size:.875rem;line-height:1.4;font-weight:500}
.fp-home .fp-m{font-size:.75rem;line-height:1.4;margin:2px 0 0}
.fp-home .fp-check{width:14px;height:14px}
.fp-home .fp-menu{width:24px;height:24px;margin:-2px -8px 0 0}
.fp-home .fp-dur{font-size:.75rem;padding:1px 4px;right:4px;bottom:4px;border-radius:2px}
@media (max-width:900px){.fp-home{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.fp-home .fp-card:nth-child(n+5){display:none}}
@media (max-width:520px){.fp-home{grid-template-columns:minmax(0,1fr);row-gap:24px}.fp-home .fp-card:nth-child(n+4){display:none}.fp-home .fp-av{width:36px;height:36px}}

.fp-phone{border:1px solid var(--fp-line);border-radius:22px;overflow:hidden;display:grid;gap:14px;padding-bottom:14px;max-width:390px;margin:0 auto;background:var(--fp-bg)}
.fp-phone .fp-th{border-radius:0}
.fp-phone .fp-info{padding:0 12px;gap:12px}
.fp-phone .fp-card{gap:10px}
.fp-phone .fp-av{width:36px;height:36px}
.fp-phone .fp-t{font-size:.875rem}

.fp-search{display:grid;gap:16px}
.fp-search .fp-card{flex-direction:row;gap:16px;align-items:flex-start}
.fp-search .fp-th{flex:0 0 360px;max-width:46%;border-radius:8px}
.fp-search .fp-t{font-size:1.125rem;font-weight:400;-webkit-line-clamp:2}
.fp-search .fp-ch{display:flex;align-items:center;gap:8px;margin:8px 0}
.fp-search .fp-av{width:24px;height:24px}
.fp-search .fp-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px}
@media (max-width:640px){.fp-search .fp-th{flex-basis:42%}.fp-search .fp-desc{display:none}}

.fp-side{display:grid;gap:8px;max-width:402px}
.fp-side .fp-card{flex-direction:row;gap:8px;align-items:flex-start}
.fp-side .fp-th{flex:0 0 168px;border-radius:8px}
.fp-side .fp-t{font-size:.875rem;font-weight:500;-webkit-line-clamp:2}
.fp-side .fp-menu{display:none}
.fp-side .fp-m{font-size:.75rem}
@media (max-width:520px){.fp-side .fp-th{flex-basis:140px}}