.cat-top{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:4px 0 20px}
.cat-top h2{font:400 clamp(25px,3vw,36px) Georgia,serif;letter-spacing:-.035em;margin:8px 0 4px}
.cat-top p{margin:0;color:#acc0b3}
.cat-top>button{white-space:nowrap}
.cat-segments{display:flex;align-items:center;padding:4px;gap:4px;width:max-content;border:1px solid #3d5951;border-radius:13px;background:#142626;margin-bottom:18px}
.cat-tab{padding:10px 22px;border-radius:10px;background:transparent;color:#c2d2c5}
.cat-tab.selected{background:linear-gradient(120deg,#b8d2b3,#90bcac);color:#102322}
.cat-account-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#16292a;border:1px solid #31524a;padding:14px;border-radius:12px;margin-bottom:20px}
.cat-account-row label{margin:0;flex-shrink:0}
.cat-account-row select{width:min(100%,390px);max-width:100%}
/* Category navigation lives in the toolbar, never in cards. */
.cat-category-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
 padding:15px 18px;margin:10px 0 24px;border:1px solid #39564e;border-radius:14px;
 background:linear-gradient(135deg,#19302d,#142626)}
.cat-category-bar label{margin:0;font-size:12px;font-weight:500;color:#d2dfd3;white-space:nowrap}
.cat-category-bar select{width:min(100%,420px);min-width:210px;flex:1;cursor:pointer;
 border-color:#537266;background:#102422;padding:12px 14px;font-weight:500}
.cat-category-bar span{color:#adc9bb;font-size:12px}
#catCurrentName{font:normal 29px Georgia,serif;margin:5px 0 18px}
.cat-find-bar{display:flex;align-items:center;gap:13px;margin:15px 0}
.cat-find-bar input{flex:1;min-width:130px}
.cat-find-bar span{white-space:nowrap;color:#b6c9be;font-size:12px}
.cat-items{display:flex;flex-direction:column;gap:10px;margin:15px 0}
.cat-item{display:flex;gap:15px;padding:14px;border:1px solid #35534c;border-radius:13px;background:#182b2b;align-items:flex-start;min-width:0}
.cat-image{width:64px;height:92px;flex-shrink:0;background:#21352f;display:grid;place-items:center;border-radius:8px;overflow:hidden}
.cat-image img{height:100%;width:100%;object-fit:cover}
.cat-no-poster{font-size:10px;color:#9fb5a9;text-align:center;padding:8px}
.cat-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}
.cat-details>strong{font-size:15px;font-weight:500;line-height:1.4;color:#f1f4ed;overflow-wrap:anywhere}
.cat-subtitle{font-size:11px;color:#9eb9aa}
.cat-item-actions{display:flex;gap:8px;flex-wrap:wrap}
button.cat-small{font-size:11px;padding:7px 12px}
.cat-url,.cat-edit{background:#102123;border:1px solid #3b5750;padding:12px;border-radius:9px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cat-url span,.cat-edit label{font-size:11px;color:#b1c8bc;margin:0}
.cat-url code{color:#c7e5c8;overflow-wrap:anywhere;white-space:normal;font:11px ui-monospace,monospace}
.cat-edit select{width:min(100%,430px)}
.cat-edit>button{align-self:flex-start}
.cat-pages{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  margin:24px 0 12px;padding:17px;border:1px solid #37564c;border-radius:12px;
  background:linear-gradient(135deg,#18312d,#122525)}
.cat-pages button{min-width:85px}
.cat-pages button:disabled{opacity:.35}
.cat-pages span{min-width:110px;text-align:center}
.cat-pages span{font-size:12px;color:#b1c7ba}
.cat-hint,.cat-message{color:#adc7b7;font-size:12px;line-height:1.6}
.cat-message{min-height:18px}
.cat-empty{grid-column:1/-1;padding:22px;border:1px solid #3c5750;border-radius:12px;color:#c0d1c5}

@media(max-width:650px){.cat-account-row{align-items:stretch}.cat-account-row select{width:100%}.cat-item{padding:11px;gap:10px}.cat-image{width:51px;height:75px}.cat-top{align-items:stretch}.cat-item-actions>button{flex:1}.cat-segments{width:100%}.cat-tab{flex:1}}

#categoryBrowser .hidden{display:none!important}

.cat-category-link{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#16292a;border:1px solid #446152;border-radius:12px;padding:14px;margin:10px 0 19px;flex-wrap:wrap}
.cat-category-link>div{min-width:0;flex:1}.cat-category-link span{display:block;font-size:11px;color:#b2c9b8;margin-bottom:7px}.cat-category-link code{display:block;overflow-wrap:anywhere;color:#d5edd3;font:11px ui-monospace,monospace}
.cat-category-link button{white-space:nowrap}

@media(max-width:650px){
 .cat-category-bar{align-items:stretch;gap:8px;padding:12px}
 .cat-category-bar label,.cat-category-bar select,.cat-category-bar span{width:100%;flex:1 0 100%}
 .cat-pages{gap:7px;padding:11px}
 .cat-pages button{flex:1 1 38%;min-width:90px}
 .cat-pages span{order:-1;flex:1 0 100%;padding:6px}
}

/* One compact, professional URL field per title. No embedded playback. */
.cat-vod-row{display:flex;flex-direction:column;gap:12px;min-width:0;
padding:15px 18px;border:1px solid #34524b;border-radius:12px;
background:linear-gradient(135deg,#192e2c,#122528)}
.cat-vod-title{display:flex;align-items:baseline;justify-content:space-between;
gap:10px;flex-wrap:wrap;min-width:0}
.cat-vod-title strong{font-size:14px;color:#f1f5ee;font-weight:550;overflow-wrap:anywhere}
.cat-vod-title span{font-size:11px;color:#a5c5b2}
.cat-vod-label{display:block;margin-bottom:8px;color:#b3c8bb;font-size:11px}
.cat-vod-controls{display:flex;gap:9px;align-items:center;min-width:0}
.cat-vod-controls input{flex:1;min-width:0;height:40px;border-radius:9px;
background:#101f21;border:1px solid #38534a;padding:9px 11px;color:#d5e8d9;
font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:text}
.cat-vod-controls input:focus{outline:1px solid #8ebfa3}
.cat-vod-controls button{flex:0 0 auto;height:40px;white-space:nowrap;
border-radius:9px;padding:8px 16px}
.cat-vod-controls button:disabled{opacity:.4;cursor:not-allowed}
.cat-vod-settings{color:#a8b9b0;font-size:11px}
.cat-vod-settings summary{width:max-content;max-width:100%;cursor:pointer;
padding:4px 2px;color:#a7c2b0;list-style:revert}
.cat-vod-settings[open] .cat-edit{margin-top:9px}
.cat-vod-settings .cat-edit{border-color:#2d4840}
@media(max-width:650px){
 .cat-vod-row{padding:12px;gap:9px}
 .cat-vod-controls{flex-wrap:wrap}
 .cat-vod-controls input{flex:1 1 100%;width:100%}
 .cat-vod-controls button{width:100%}
}