.library-heading{padding:28px 0 20px}.library-heading h1{font-size:clamp(30px,3vw,42px);margin-bottom:10px}.library-heading>p:not(.eyebrow){font-size:15px;max-width:75ch}
.library-section{max-width:1050px;padding-top:24px;min-height:280px}.library-section h2{font:400 27px/1.3 var(--display);margin:32px 0 14px}.library-notice{font:13px/1.6 Arial,sans-serif;color:#435d45;margin:0 0 12px}.library-notice:empty{display:none}
.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--rule);padding-bottom:12px}.library-toolbar p,.library-count{font-size:14px;color:var(--muted);margin:0}
.library-list{display:flex;flex-direction:column}.library-video{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:18px;align-items:start;border-bottom:1px solid var(--rule);padding:20px 0}.library-thumbnail{display:block;aspect-ratio:16/9;overflow:hidden;background:#e5ebdd;border-radius:8px}.library-thumbnail img{width:100%;height:100%;object-fit:cover}.library-copy h3{font:600 17px/1.35 Arial,sans-serif;letter-spacing:0;margin:0 0 8px}.library-copy h3 a{text-decoration:none}.library-copy h3 a:hover{text-decoration:underline}.library-copy p{font:13px/1.5 Arial,sans-serif;color:var(--muted);margin:3px 0}
.library-remove,.library-danger{border:0;background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font:13px/1.4 Arial,sans-serif;min-height:44px;cursor:pointer;padding:8px}.library-danger{color:#842e2e}.library-empty,.library-error{font:15px/1.7 Arial,sans-serif;color:var(--muted);padding:22px 0;max-width:65ch}.library-error button{border:0;background:none;color:var(--ink);text-decoration:underline;cursor:pointer}
.library-create,.library-rename{max-width:700px;background:#eeefe4;padding:20px;border-radius:8px}.library-create label,.library-rename label,.playlist-picker label{display:block;font:600 13px/1.4 Arial,sans-serif;margin-bottom:8px}.library-create>div,.library-rename>div,.playlist-picker-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.library-create input,.library-rename input,.playlist-picker input,.playlist-picker select{min-width:0;flex:1;min-height:44px;background:var(--paper);border:1px solid #a2afa0;border-radius:4px;padding:10px 12px;color:var(--ink);font:15px Arial,sans-serif}.library-create .button,.library-rename .button,.playlist-picker .button{min-height:44px;white-space:nowrap}.library-back{display:inline-flex;min-height:44px;align-items:center;font-size:14px}.library-rename{margin:20px 0 8px}.playlist-list{border-top:1px solid var(--rule)}.playlist-item{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:14px 4px;border-bottom:1px solid var(--rule);text-decoration:none}.playlist-item strong,.playlist-item small{display:block}.playlist-item strong{font:600 17px/1.4 Arial,sans-serif}.playlist-item small{font:13px/1.5 Arial,sans-serif;color:var(--muted);margin-top:4px}.playlist-item:hover strong{text-decoration:underline}
.library-like,.playlist-picker summary{min-height:44px;padding:9px 13px;border:1px solid #a2afa0;border-radius:5px;background:transparent;color:var(--ink);font:14px/1.3 Arial,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.library-like svg{width:19px;height:19px}.library-like[aria-pressed=true]{background:#e8efda;border-color:#7f9568}.library-like[aria-pressed=true] svg{fill:currentColor}.playlist-picker{position:relative}.playlist-picker summary{list-style:none}.playlist-picker summary::-webkit-details-marker{display:none}.playlist-picker[open] summary,.playlist-picker summary:hover,.library-like:hover{background:#e8efda}.playlist-picker-body{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:min(350px,calc(100vw - 48px));padding:18px;background:var(--paper);border:1px solid var(--rule);border-radius:8px;box-shadow:0 8px 20px #12392e22}.playlist-picker-body form{margin-top:18px}.playlist-picker-body .fine{margin:12px 0 0}.playlist-picker button:disabled{opacity:.55;cursor:not-allowed}
.watch-actions{flex-wrap:wrap}
.playlist-start{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.playlist-start .button{min-height:44px}.playlist-navigation:not([hidden]){display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;margin:12px 0;background:#eeefe4;border-radius:8px;font:14px/1.5 Arial,sans-serif}.playlist-navigation>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.playlist-navigation span{color:var(--muted);font-size:13px}.playlist-nav-controls a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){.library-heading h1{font-size:32px}.library-section{padding-top:18px}.library-video{grid-template-columns:125px minmax(0,1fr);gap:12px}.library-copy h3{font-size:15px}.library-remove{grid-column:2;justify-self:start;padding:0;min-height:40px}.library-create,.library-rename{padding:16px}.library-create input,.library-rename input{min-width:150px}.playlist-picker-body{left:auto;right:0}.library-heading>p:not(.eyebrow){font-size:14px}}