/* Desktop workspace pages. Requests, account state and the navigation stack live in app.js. */
html[data-ui="desktop"] body.desktop-page-open .watch-layout,
html[data-ui="desktop"] body.desktop-page-open .discovery-bar,
html[data-ui="desktop"] body.desktop-page-open .channel-categories{visibility:hidden;pointer-events:none}
html[data-ui="desktop"] body.desktop-page-open #sheet-backdrop{display:none!important}
html[data-ui="desktop"] .drawer[data-desktop-page="true"]{position:fixed;inset:66px 0 0 168px;width:auto;max-width:none;height:auto;min-height:0;display:flex;flex-direction:column;border:0;border-radius:0;background:#161618;box-shadow:none;z-index:40;transform:none;animation:xdp-page-in .22s ease-out both}
html[data-ui="desktop"] .drawer[data-desktop-page="true"][hidden]{display:none!important}
html[data-ui="desktop"] .drawer[data-desktop-page="true"].is-closing{pointer-events:none;animation:xdp-page-out .16s ease-in both}
html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:62px;gap:14px;padding:10px 36px;border:0;background:#161618}
html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-header h2{margin:0;font-size:16px;font-weight:500;color:#bdbdc5}
html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-header .icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#9b9ba5;background:#ffffff06}
html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-header .icon-button:hover{color:#fff;background:#ffffff10}
html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 36px 44px;scrollbar-color:#44444c transparent;scrollbar-width:thin}
html[data-ui="desktop"] .xdp-page{width:100%;max-width:1660px;min-height:100%;margin:0 auto;color:#f4f4f5;--xdp-muted:#85858f;--xdp-border:#ffffff0d;--xdp-pink:#ff2c58}
html[data-ui="desktop"] .xdp-page button{font-family:inherit;letter-spacing:normal}
html[data-ui="desktop"] .xdp-page button:focus-visible,html[data-ui="desktop"] .xdp-page input:focus-visible{outline:2px solid #ff7894;outline-offset:4px}
html[data-ui="desktop"] .xdp-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
html[data-ui="desktop"] .xdp-icon svg{width:20px;height:20px}
html[data-ui="desktop"] .xdp-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:112px;min-height:40px;padding:8px 20px;border:1px solid #ffffff0b;border-radius:8px;background:#2c2c31;color:#eeeef2;font-size:14px;font-weight:500;white-space:nowrap}
html[data-ui="desktop"] .xdp-button:hover{background:#3b3b42}
html[data-ui="desktop"] .xdp-button.is-primary{border-color:transparent;background:var(--xdp-pink);color:#fff}
html[data-ui="desktop"] .xdp-button.is-primary:hover{background:#ff4770}
html[data-ui="desktop"] .xdp-button .xdp-icon svg{width:17px;height:17px}
html[data-ui="desktop"] .xdp-button:disabled{opacity:.45;cursor:not-allowed}
html[data-ui="desktop"] .xdp-text-button{padding:8px 0;color:#92929b;font-size:13px}
html[data-ui="desktop"] .xdp-text-button:hover{color:#fff}
html[data-ui="desktop"] .xdp-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:10px 0 24px}
html[data-ui="desktop"] .xdp-page-heading h1{margin:0;font-size:28px;line-height:1.4;font-weight:600}
html[data-ui="desktop"] .xdp-page-heading p{margin:10px 0 0;color:var(--xdp-muted);font-size:13px;line-height:1.7}
html[data-ui="desktop"] .xdp-avatar{position:relative;display:grid;place-items:center;flex:0 0 auto;width:64px;height:64px;overflow:hidden;border:1px solid #ffffff0b;border-radius:50%;background:#35343d;color:#e8e6ed;font-size:25px;font-weight:600}
html[data-ui="desktop"] .xdp-avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
html[data-ui="desktop"] .xdp-avatar>.xdp-icon{width:100%;height:100%}
html[data-ui="desktop"] .xdp-avatar .xdp-icon svg{width:42%;height:42%}
html[data-ui="desktop"] .xdp-profile-identity{display:flex;align-items:flex-start;gap:30px;padding:20px 0 36px}
html[data-ui="desktop"] .xdp-profile-avatar{width:120px;height:120px;margin-top:4px;font-size:47px;border:3px solid #ffffff13}
html[data-ui="desktop"] .xdp-profile-copy{flex:1;min-width:0}
html[data-ui="desktop"] .xdp-profile-name{margin:0 0 9px;font-size:29px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}
html[data-ui="desktop"] .xdp-profile-id{max-width:650px;margin:0;color:#777781;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html[data-ui="desktop"] .xdp-profile-metrics{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:16px 0 13px}
html[data-ui="desktop"] .xdp-profile-metric{display:inline-flex;align-items:baseline;gap:8px;padding:0;font-size:14px;color:#a3a3ad;white-space:nowrap}
html[data-ui="desktop"] button.xdp-profile-metric:hover{color:#f4f4f5}
html[data-ui="desktop"] .xdp-profile-metric strong{color:#f5f5f7;font-size:19px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums}
html[data-ui="desktop"] .xdp-profile-bio{max-width:720px;margin:0;color:#aaaab4;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
html[data-ui="desktop"] .xdp-profile-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:12px;max-width:300px;padding-top:10px}
html[data-ui="desktop"] .xdp-profile-actions>.xdp-text-button{flex-basis:100%;text-align:right}
html[data-ui="desktop"] .xdp-tabs{position:sticky;top:0;z-index:3;display:flex;gap:36px;align-items:center;min-height:60px;margin-bottom:24px;border-bottom:1px solid var(--xdp-border);background:#161618;overflow-x:auto;scrollbar-width:none}
html[data-ui="desktop"] .xdp-tabs::-webkit-scrollbar{display:none}
html[data-ui="desktop"] .xdp-tab{position:relative;display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;gap:7px;min-width:70px;min-height:59px;padding:0 0 5px;color:#93939e;font-size:17px;white-space:nowrap}
html[data-ui="desktop"] .xdp-tab[aria-selected="true"]{color:#fff;font-weight:600}
html[data-ui="desktop"] .xdp-tab[aria-selected="true"]:after{position:absolute;bottom:0;left:calc(50% - 15px);width:30px;height:3px;border-radius:3px;background:var(--xdp-pink);content:""}
html[data-ui="desktop"] .xdp-tab-count{color:inherit;font-size:12px;opacity:.65;font-weight:400}
html[data-ui="desktop"] .xdp-tab:disabled{opacity:.4;cursor:not-allowed}
html[data-ui="desktop"] .xdp-content-area{min-height:300px}
html[data-ui="desktop"] .xdp-video-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px;padding:0 0 8px}
html[data-ui="desktop"] .xdp-video-card{min-width:0}
html[data-ui="desktop"] .xdp-video-media{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:3 / 4;overflow:hidden;padding:0;border-radius:10px;background:#24242a;color:#fff;transform:translateZ(0)}
html[data-ui="desktop"] .xdp-video-cover{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}
html[data-ui="desktop"] .xdp-cover-fallback{position:absolute;inset:0;color:#63636e;background:linear-gradient(150deg,#2a2a31,#1c1c22)}
html[data-ui="desktop"] .xdp-cover-fallback svg{width:40px;height:40px}
html[data-ui="desktop"] .xdp-video-media:hover .xdp-video-cover{transform:scale(1.035);filter:brightness(1.06)}
html[data-ui="desktop"] .xdp-cover-shade{position:absolute;inset:55% 0 0;z-index:2;background:linear-gradient(transparent,#0009);pointer-events:none}
html[data-ui="desktop"] .xdp-video-metric{position:absolute;bottom:12px;left:12px;z-index:3;display:flex;align-items:center;gap:5px;font-size:12px;text-shadow:0 1px 8px #0008}
html[data-ui="desktop"] .xdp-video-metric svg{width:17px;height:17px;fill:#fff;stroke-width:1.4}
html[data-ui="desktop"] .xdp-video-duration{position:absolute;right:12px;bottom:12px;z-index:3;font-size:12px;text-shadow:0 1px 8px #0008;font-variant-numeric:tabular-nums}
html[data-ui="desktop"] .xdp-video-state{position:absolute;top:10px;left:10px;z-index:3;padding:4px 8px;border-radius:4px;background:#0007;font-size:11px;backdrop-filter:blur(8px)}
html[data-ui="desktop"] .xdp-video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:40px;max-height:44px;margin:11px 0 5px;padding:0;overflow:hidden;color:#e8e8ee;font-size:14px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
html[data-ui="desktop"] .xdp-video-title:hover{color:#fff}
html[data-ui="desktop"] .xdp-video-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:22px;color:#7c7c87;font-size:12px}
html[data-ui="desktop"] .xdp-video-author{display:block;min-width:0;padding:0;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:left}
html[data-ui="desktop"] button.xdp-video-author:hover{color:#b7b7c0}
html[data-ui="desktop"] .xdp-video-date{flex:0 0 auto;font-size:11px}
html[data-ui="desktop"] .xdp-video-actions{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:9px;border-top:1px solid var(--xdp-border);padding-top:7px}
html[data-ui="desktop"] .xdp-video-action{display:flex;align-items:center;gap:4px;min-height:28px;padding:0;color:#aaaab5;font-size:12px}
html[data-ui="desktop"] .xdp-video-action svg{width:14px;height:14px}
html[data-ui="desktop"] .xdp-video-action:hover{color:#fff}
html[data-ui="desktop"] .xdp-video-action.is-danger:hover{color:#ff7290}
html[data-ui="desktop"] .xdp-video-action:disabled{opacity:.4;cursor:wait}
html[data-ui="desktop"] .xdp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;padding:48px 24px;text-align:center}
html[data-ui="desktop"] .xdp-empty-icon{display:grid;place-items:center;width:82px;height:82px;margin-bottom:20px;border:1px solid #ffffff06;border-radius:50%;background:#ffffff03;color:#696975}
html[data-ui="desktop"] .xdp-empty-icon svg{width:34px;height:34px;stroke-width:1.4}
html[data-ui="desktop"] .xdp-empty h3{margin:0;color:#d6d6df;font-size:18px;line-height:1.6;font-weight:500}
html[data-ui="desktop"] .xdp-empty p{max-width:420px;margin:10px 0 0;color:#82828e;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
html[data-ui="desktop"] .xdp-empty>.xdp-button{margin-top:24px}
html[data-ui="desktop"] .xdp-empty.is-loading .xdp-empty-icon svg{animation:xdp-spin 1.2s linear infinite}
html[data-ui="desktop"] .xdp-person-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:20px}
html[data-ui="desktop"] .xdp-person-card{display:flex;align-items:center;gap:14px;min-width:0;padding:24px;border:1px solid #ffffff06;border-radius:12px;background:#1e1e22}
html[data-ui="desktop"] .xdp-person-main{display:flex;align-items:center;gap:18px;flex:1;min-width:0;padding:0;text-align:left}
html[data-ui="desktop"] .xdp-person-copy{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}
html[data-ui="desktop"] .xdp-person-copy>strong{overflow:hidden;color:#ececf2;font-size:17px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
html[data-ui="desktop"] .xdp-person-bio{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.7;color:#90909a;overflow-wrap:anywhere}
html[data-ui="desktop"] .xdp-person-metrics{color:#6f6f7b;font-size:11px;line-height:1.5}
html[data-ui="desktop"] .xdp-person-follow{flex:0 0 auto;min-width:84px;min-height:36px;padding:7px 14px;font-size:12px}
html[data-ui="desktop"] .xdp-search-form{display:flex;align-items:center;width:min(720px,100%);height:52px;margin:8px 0 26px;border:1px solid #ffffff16;border-radius:10px;background:#29292e;overflow:hidden}
html[data-ui="desktop"] .xdp-search-form:focus-within{border-color:#96969f}
html[data-ui="desktop"] .xdp-search-input{flex:1;width:0;min-width:0;height:100%;padding:0 20px;border:0;outline:0!important;background:transparent;color:#ededf3;font:inherit;font-size:15px}
html[data-ui="desktop"] .xdp-search-input::placeholder{color:#85858f}
html[data-ui="desktop"] .xdp-search-submit{display:flex;align-items:center;justify-content:center;gap:8px;align-self:stretch;min-width:100px;padding:0 18px;color:#f2f2f6;font-size:15px}
html[data-ui="desktop"] .xdp-search-submit:before{width:1px;height:22px;margin-left:-18px;margin-right:8px;background:#ffffff16;content:""}
html[data-ui="desktop"] .xdp-search-submit:hover{background:#ffffff06}
html[data-ui="desktop"] .xdp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 18px}
html[data-ui="desktop"] .xdp-section-heading h2{margin:0;font-size:19px;font-weight:500}
html[data-ui="desktop"] .xdp-search-history{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px}
html[data-ui="desktop"] .xdp-history-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:36px;padding:7px 13px;border-radius:7px;background:#26262c;color:#b5b5bf;font-size:13px}
html[data-ui="desktop"] .xdp-history-chip>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-ui="desktop"] .xdp-history-chip .xdp-icon{color:#6d6d79}
html[data-ui="desktop"] .xdp-history-chip svg{width:14px;height:14px}
html[data-ui="desktop"] .xdp-history-chip:hover{background:#323238;color:#eee}
html[data-ui="desktop"] .xdp-collection-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-ui="desktop"] .xdp-collection-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:200px;padding:26px;border:1px solid #ffffff0a;border-radius:12px;background:#212126;text-align:left}
html[data-ui="desktop"] .xdp-collection-card>.xdp-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#ffffff06;color:#aaaab8}
html[data-ui="desktop"] .xdp-collection-card strong{font-size:18px;font-weight:500}
html[data-ui="desktop"] .xdp-collection-card>span:not(.xdp-icon),html[data-ui="desktop"] .xdp-collection-card p{margin:0;color:#8d8d9a;font-size:12px;line-height:1.8}
html[data-ui="desktop"] .xdp-collection-card:hover{background:#29292f}
@media(min-width:1700px){html[data-ui="desktop"] .xdp-video-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 22px}}
@media(max-width:1280px){html[data-ui="desktop"] .xdp-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-ui="desktop"] .xdp-profile-identity{gap:24px}html[data-ui="desktop"] .xdp-profile-actions{max-width:240px}html[data-ui="desktop"] .xdp-profile-actions .xdp-button{min-width:98px;padding:8px 15px}html[data-ui="desktop"] .xdp-person-card{padding:20px;gap:10px}html[data-ui="desktop"] .xdp-person-main{gap:12px}html[data-ui="desktop"] .xdp-person-card .xdp-avatar{width:54px;height:54px;font-size:21px}}
@media(max-width:1100px){html[data-ui="desktop"] .drawer[data-desktop-page="true"]{left:76px}html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-body{padding:0 24px 36px}html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-header{padding:10px 24px}html[data-ui="desktop"] .xdp-profile-avatar{width:100px;height:100px;font-size:40px}html[data-ui="desktop"] .xdp-profile-name{font-size:26px}html[data-ui="desktop"] .xdp-profile-actions{max-width:180px;gap:8px}html[data-ui="desktop"] .xdp-profile-actions .xdp-button{min-width:110px}html[data-ui="desktop"] .xdp-person-list{grid-template-columns:minmax(0,1fr)}html[data-ui="desktop"] .xdp-collection-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){html[data-ui="desktop"] .xdp-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}html[data-ui="desktop"] .xdp-profile-identity{flex-wrap:wrap;gap:20px}html[data-ui="desktop"] .xdp-profile-copy{min-width:200px}html[data-ui="desktop"] .xdp-profile-actions{justify-content:flex-start;max-width:none;width:100%;padding-top:0;padding-left:120px}html[data-ui="desktop"] .xdp-profile-actions>.xdp-text-button{flex-basis:auto;padding-left:10px}html[data-ui="desktop"] .xdp-profile-metrics{gap:20px}html[data-ui="desktop"] .xdp-tabs{gap:24px}}
@media(max-width:700px){html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-body{padding-right:18px;padding-left:18px}html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-header{padding-right:18px;padding-left:18px}html[data-ui="desktop"] .xdp-page-heading h1{font-size:25px}html[data-ui="desktop"] .xdp-profile-avatar{width:86px;height:86px;font-size:34px}html[data-ui="desktop"] .xdp-profile-identity{gap:18px}html[data-ui="desktop"] .xdp-profile-actions{padding-left:104px}html[data-ui="desktop"] .xdp-profile-name{font-size:23px}html[data-ui="desktop"] .xdp-profile-id{font-size:11px}html[data-ui="desktop"] .xdp-search-form{height:46px}html[data-ui="desktop"] .xdp-search-input{padding:0 14px;font-size:14px}html[data-ui="desktop"] .xdp-search-submit{min-width:90px;font-size:14px}}
@media(max-height:600px){html[data-ui="desktop"] .drawer[data-desktop-page="true"]{top:0;left:0}html[data-ui="desktop"] .xdp-empty{min-height:240px}html[data-ui="desktop"] .xdp-profile-identity{padding-top:6px;padding-bottom:22px}}
@keyframes xdp-page-in{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes xdp-page-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}
@keyframes xdp-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-ui="desktop"] .drawer[data-desktop-page="true"],html[data-ui="desktop"] .xdp-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html[data-ui="desktop"] .creator-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:20px}
html[data-ui="desktop"] .creator-service{display:flex;min-height:210px;align-items:flex-start;flex-direction:column;padding:28px;gap:16px;border:1px solid #ffffff0b;border-radius:12px;background:#202024;text-align:left;color:#eee}
html[data-ui="desktop"] .creator-service:hover{background:#2b2b32;border-color:#ff365d60}
html[data-ui="desktop"] .creator-service>span:first-child{color:#ff5276}
html[data-ui="desktop"] .creator-service svg{width:30px;height:30px}
html[data-ui="desktop"] .creator-service strong{font-size:20px}
html[data-ui="desktop"] .creator-service>span:last-child{font-size:13px;line-height:1.7;color:#9595a1}
html[data-ui="desktop"] .creator-service-note{margin:32px 0;color:#868690;font-size:13px}
html[data-ui="desktop"] .search-scope-note{color:#767681;font-size:12px;line-height:1.7;margin-top:28px}
@media(max-width:1100px){html[data-ui="desktop"] .creator-services{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Library pages retain the desktop workspace and a predictable reading rhythm. */
html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-body {
  scrollbar-gutter: stable;
  scroll-padding-top: 76px;
}
html[data-ui="desktop"] .xdp-page :is(.xdp-button, .xdp-text-button, .xdp-tab, .xdp-video-title, .xdp-video-author, .xdp-video-action, .xdp-history-chip, .xdp-collection-card, .creator-service) {
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}
html[data-ui="desktop"] .xdp-tabs { scroll-padding-inline: 12px; }
html[data-ui="desktop"] .xdp-tab:hover:not(:disabled) { color: #fff; }
html[data-ui="desktop"] .xdp-tab:focus-visible { outline-offset: -5px; border-radius: 6px; }
html[data-ui="desktop"] .xdp-video-card { border-radius: 10px; }
html[data-ui="desktop"] .xdp-video-media:focus-visible { outline-offset: 3px; }
html[data-ui="desktop"] .xdp-video-media:focus-visible .xdp-video-cover { transform: scale(1.035); filter: brightness(1.06); }
html[data-ui="desktop"] .xdp-video-media::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 46px;
  height: 46px;
  border: 1px solid #ffffff4d;
  border-radius: 50%;
  background: #0005 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8 5.5v13L18 12z'/%3E%3C/svg%3E") center / 27px no-repeat;
  opacity: 0;
  pointer-events: none;
  content: "";
  transform: translate(-50%, -45%) scale(.94);
  transition: opacity 180ms ease, transform 180ms ease;
}
html[data-ui="desktop"] .xdp-video-media:is(:hover, :focus-visible)::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
html[data-ui="desktop"] .xdp-video-title:focus-visible,
html[data-ui="desktop"] .xdp-video-author:focus-visible,
html[data-ui="desktop"] .xdp-video-action:focus-visible { outline-offset: 1px; border-radius: 3px; }
html[data-ui="desktop"] .xdp-person-card {
  transition: background-color 150ms ease, border-color 150ms ease;
}
html[data-ui="desktop"] .xdp-person-card:focus-within { border-color: #ffffff24; background: #232328; }
html[data-ui="desktop"] .xdp-person-main:hover .xdp-person-copy > strong { color: #fff; }
html[data-ui="desktop"] .xdp-person-main:focus-visible { border-radius: 6px; }
html[data-ui="desktop"] .xdp-person-follow { white-space: nowrap; }
html[data-ui="desktop"] .xdp-empty { min-height: min(340px, 50dvh); }
html[data-ui="desktop"] .xdp-page-heading > div { min-width: 0; }
html[data-ui="desktop"] .xdp-page-heading h1 { overflow-wrap: anywhere; }
html[data-ui="desktop"] .xdp-search-form { flex-shrink: 0; }
html[data-ui="desktop"] .xdp-search-submit:focus-visible { outline-offset: -5px; }
html[data-ui="desktop"] .xdp-collection-card { min-width: 0; }
html[data-ui="desktop"] .xdp-collection-card strong { overflow-wrap: anywhere; }
html[data-ui="desktop"] .xdp-collection-card:focus-visible,
html[data-ui="desktop"] .creator-service:focus-visible { outline-offset: 3px; }

/* Short computer windows keep navigation and header actions available. */
@media (min-width: 640px) and (min-height: 400px) and (max-height: 600px) {
  html[data-ui="desktop"] .sidebar { display: flex; width: 76px; padding: 15px 10px; }
  html[data-ui="desktop"] .sidebar .brand { padding: 0 10px; margin-bottom: 16px; }
  html[data-ui="desktop"] .sidebar .brand > span:last-child,
  html[data-ui="desktop"] .sidebar .bottom-tools > span { display: none; }
  html[data-ui="desktop"] .sidebar .nav-item { height: 43px; justify-content: center; gap: 0; padding: 10px; font-size: 0; }
  html[data-ui="desktop"] .sidebar .nav-divider { margin: 7px; }
  html[data-ui="desktop"] .sidebar .sidebar-bottom { padding: 20px 8px 0; }
  html[data-ui="desktop"] .sidebar .bottom-tools { flex-direction: column; gap: 14px; }
  html[data-ui="desktop"] .workspace { margin-left: 76px; }
  html[data-ui="desktop"] .workspace > .desktop-header { display: flex; height: 56px; padding-left: 14px; }
  html[data-ui="desktop"] .workspace > .main-content { height: calc(100% - 56px); padding: 0 12px 8px; }
  html[data-ui="desktop"] .workspace .channel-categories { display: flex; height: 36px; }
  html[data-ui="desktop"] .workspace .watch-layout { height: calc(100% - 36px); }
  html[data-ui="desktop"] .account-login-trigger { top: 9px; right: 16px; height: 38px; }
  html[data-ui="desktop"] .guest-account-menu { top: 60px; max-height: calc(100dvh - 72px); }
  html[data-ui="desktop"] .drawer[data-desktop-page="true"] { top: 56px; left: 76px; }
  html[data-ui="desktop"] .drawer[data-desktop-page="true"] .drawer-header { min-height: 50px; }
  html[data-ui="desktop"] .xdp-profile-identity { padding-bottom: 18px; }
  html[data-ui="desktop"] .xdp-profile-avatar { width: 80px; height: 80px; font-size: 32px; }
  html[data-ui="desktop"] .xdp-profile-metrics { margin: 10px 0; }
  html[data-ui="desktop"] .xdp-profile-name { font-size: 23px; }
  html[data-ui="desktop"] .workspace .social-rail {
    top: auto; bottom: 9px; right: 10px; width: auto; flex-direction: row; align-items: flex-end; gap: 4px; transform: none;
  }
  html[data-ui="desktop"] .workspace .social-button { width: 42px; min-width: 42px; min-height: 42px; }
  html[data-ui="desktop"] .workspace .social-button svg { width: 22px; height: 22px; }
  html[data-ui="desktop"] .workspace .social-button small { font-size: 9px; line-height: 13px; }
  html[data-ui="desktop"] .workspace .creator-action { width: 42px; height: 51px; }
  html[data-ui="desktop"] .workspace .creator-profile-button { width: 32px; height: 32px; left: 5px; }
  html[data-ui="desktop"] .workspace .avatar-follow-button { top: 14px; left: -1px; }
  html[data-ui="desktop"] .workspace .video-more-button { width: 32px; height: 42px; }
  html[data-ui="desktop"] .workspace .video-info { bottom: 68px; left: 16px; right: 24px; }
  html[data-ui="desktop"] .workspace .play-overlay { width: 46px; height: 46px; }
}
@media (min-width: 640px) and (max-width: 900px) and (min-height: 400px) {
  html[data-ui="desktop"] .workspace > .desktop-header { gap: 8px; padding-right: 118px; }
  html[data-ui="desktop"] .workspace .desktop-search { flex: 1; min-width: 0; max-width: none; margin-left: 0; }
  html[data-ui="desktop"] .workspace .desktop-search > button { padding: 0 8px; }
  html[data-ui="desktop"] .workspace .desktop-search > button > svg { display: none; }
  html[data-ui="desktop"] .workspace .desktop-tools { display: flex; gap: 5px; }
  html[data-ui="desktop"] .workspace .desktop-tools > button { min-width: 28px; font-size: 9px; }
  html[data-ui="desktop"] .workspace .desktop-tools > button svg { width: 18px; height: 18px; }
}
@media (min-width: 901px) and (min-height: 400px) and (max-height: 600px) {
  html[data-ui="desktop"] .workspace .desktop-tools { display: flex; }
}
@media (max-width: 700px) {
  html[data-ui="desktop"] .xdp-page-heading { flex-wrap: wrap; gap: 14px; padding-bottom: 20px; }
  html[data-ui="desktop"] .xdp-profile-actions { padding-left: 0; }
  html[data-ui="desktop"] .xdp-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-ui="desktop"] .xdp-person-card { padding: 16px; }
  html[data-ui="desktop"] .xdp-person-card .xdp-avatar { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui="desktop"] .xdp-page *,
  html[data-ui="desktop"] .xdp-page *::after { animation: none !important; transition: none !important; }
}

/* Search keeps the typed draft stable while the result area updates. */
html[data-ui="desktop"] .xdp-search-form .xdp-search-input::-webkit-search-cancel-button { -webkit-appearance: none; }
html[data-ui="desktop"] .xdp-search-clear {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin-right: 8px;
  padding: 10px;
  border-radius: 50%;
  color: #9999a4;
}
html[data-ui="desktop"] .xdp-search-clear[hidden] { display: none; }
html[data-ui="desktop"] .xdp-search-clear:hover { color: #fff; background: #ffffff0b; }
html[data-ui="desktop"] .xdp-search-clear:focus-visible { outline-offset: -3px; }
html[data-ui="desktop"] .xdp-search-clear svg { width: 18px; height: 18px; }
html[data-ui="desktop"] .xdp-search-summary {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: 0 0 24px;
  color: #c7c7d0;
  font-size: 14px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
html[data-ui="desktop"] .xdp-search-summary > span:first-child { min-width: 0; max-width: 100%; }
html[data-ui="desktop"] .xdp-search-result-count { flex: 0 0 auto; color: #85858f; font-size: 12px; }
html[data-ui="desktop"] .xdp-content-area:focus-visible { outline: 2px solid #ff7894; outline-offset: 6px; border-radius: 4px; }
html[data-ui="desktop"] .xdp-content-area[aria-busy="true"] .xdp-search-result-count { color: #babac5; }
@media (max-width: 700px) {
  html[data-ui="desktop"] .xdp-search-clear { flex-basis: 32px; width: 32px; height: 32px; margin-right: 4px; padding: 7px; }
  html[data-ui="desktop"] .xdp-search-summary { gap: 4px 12px; margin-bottom: 18px; font-size: 13px; }
}

/* Scope belongs immediately after search results, not after a full-height page. */
html[data-ui="desktop"] .xdp-page.xdp-search { min-height: auto; }
html[data-ui="desktop"] .xdp-search + .search-scope-note {
  max-width: 760px;
  margin: 20px 0 0;
  color: #92929d;
  font-size: 12px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}

/* Follow requests keep their place in the directory while awaiting the server. */
html[data-ui="desktop"] .xdp-person-actions {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  gap: 7px;
  max-width: 144px;
}
html[data-ui="desktop"] .xdp-person-follow[aria-disabled="true"] { opacity: .6; cursor: progress; }
html[data-ui="desktop"] .xdp-person-follow[aria-disabled="true"]:hover { background: #2c2c31; }
html[data-ui="desktop"] .xdp-person-follow.is-primary[aria-disabled="true"]:hover { background: var(--xdp-pink); }
html[data-ui="desktop"] .xdp-person-error {
  margin: 0;
  color: #ff91a7;
  font-size: 11px;
  line-height: 1.6;
  text-align: right;
  overflow-wrap: anywhere;
}