.adminPage{background:#f5f6f8;color:#172b3c}.adminPage header{height:76px;gap:12px}.catalogLink{font-size:13px;color:#667888;text-decoration:none;white-space:nowrap}.adminMain{max-width:1120px;padding:46px 28px 30px}.eyebrowLabel{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#8a6476;margin:0 0 12px;line-height:1.5}.adminPage h1{font-size:38px;letter-spacing:-1.2px;line-height:1.15;font-weight:750}.adminPage h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin:0}.subtle{font-size:14px;line-height:1.6;color:#74828d}.adminPage button,.adminPage input,.adminPage select{font:inherit}.adminPage button{transition:background .15s,border-color .15s}.adminPage button:disabled{cursor:wait;opacity:.55}.adminPage :is(input,select,button):focus-visible{outline:3px solid #477abe;outline-offset:3px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;border-radius:10px;font-size:13px!important;font-weight:650!important;border:1px solid transparent;white-space:nowrap}.primary{color:#fff;background:#a91348}.primary:hover{background:#8d103d}.secondary{background:#fff;border-color:#dce2e7;color:#304a61}.secondary:hover{border-color:#9caebd;background:#f8fafc}.loginPanel{max-width:430px;margin:20px auto 30px;padding:36px;background:#fff;border:1px solid #e6eaee;border-radius:18px;box-shadow:0 12px 45px #19324706}.loginMark{width:48px;height:48px;display:grid;place-items:center;font-size:28px;background:#f9edf2;color:#a91348;border-radius:13px;margin-bottom:26px}.loginPanel h1{font-size:31px}.loginPanel .subtle{margin:16px 0 27px}.adminPage label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600;margin-bottom:20px}.adminPage input,.adminPage select{width:100%;min-width:0;height:46px;border:1px solid #dce2e7;border-radius:9px;background:#fff;color:#172b3c;padding:0 13px;font-size:14px;outline-offset:2px}.adminPage input::placeholder{color:#9aa5ad;font-size:13px;font-weight:400}.passwordField{position:relative;display:flex}.passwordField input{padding-right:85px}.passwordField button{position:absolute;right:4px;top:4px;bottom:4px;font-size:11px;background:none;color:#607387;border:0;padding:0 10px}.loginPanel .primary{width:100%;justify-content:space-between}.returnLink{display:block;text-align:center;color:#7c8995;font-size:12px;text-decoration:none;margin-top:25px}.error{color:#b0234f;font-size:13px;line-height:1.5;margin:0 0 16px}.error:empty{display:none}.adminHeading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:34px;border-bottom:1px solid #e1e6eb}.adminHeading .subtle{margin-bottom:0}.adminToolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:30px 0 22px}.adminToolbar h2{display:flex;gap:10px;align-items:center}.adminToolbar h2 span{font-size:11px;font-weight:600;letter-spacing:0;padding:4px 7px;background:#e8edf2;color:#6f8191;border-radius:6px}.adminSearch{position:relative;max-width:360px;margin-bottom:24px!important}.adminSearch input{padding-left:37px;background:#fff;height:42px}.adminSearch>span{position:absolute;top:9px;left:14px;font-size:21px;color:#7e8f9c;line-height:1}.playlistList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.playlistRow{border:1px solid #e0e6eb;border-radius:12px;background:white;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;color:inherit;min-width:0}.playlistRow:hover{border-color:#ad7b90;background:#fffcfd}.playlistIcon{flex-shrink:0;width:38px;height:42px;display:grid;place-items:center;border-radius:9px;background:#edf2f8;color:#426282;font-size:20px}.playlistDetails{flex:1;min-width:0}.playlistDetails strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere;font-weight:650}.playlistDetails small{display:block;font-size:11px;color:#8a98a3;margin-top:4px}.playlistPlus{font-size:22px;color:#a91348}.adminFooter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid #e1e6eb;margin-top:34px;font-size:11px;color:#8b99a4}.textButton{border:0;background:none;color:#9f1549;font-size:13px!important;padding:8px 0;text-align:left}.feedback{padding:14px 18px;background:#e8f4ee;border:1px solid #c6e2d2;border-radius:10px;color:#286346;font-size:13px;line-height:1.5}.editDialog{width:calc(100% - 32px);max-width:530px;padding:28px;border-radius:18px;max-height:calc(100dvh - 32px);overscroll-behavior:contain;color:#172b3c}.editDialog::backdrop{background:#132b49a8;backdrop-filter:blur(4px)}.dialogHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dialogHeading .eyebrowLabel{margin-bottom:6px}.iconButton{width:38px;height:38px;border:0;border-radius:50%;background:#f1f4f7;color:#6c7c8a;font-size:25px!important;flex-shrink:0}.adminPage fieldset{border:0;padding:0;margin:0;min-width:0}.fileDrop{position:relative;align-items:center;padding:23px 16px!important;text-align:center;background:#f8fafc;border:1px dashed #c4d0da;border-radius:12px;overflow:hidden;cursor:pointer}.fileDrop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.fileDrop:focus-within{outline:3px solid #477abe;outline-offset:2px}.fileDrop strong{font-size:14px;max-width:100%;overflow-wrap:anywhere}.fileDrop>span:not(.uploadSymbol){font-size:11px;color:#81909d;font-weight:400}.fileDrop .fileChoose{font-weight:650!important;color:#446682!important;padding-top:4px}.uploadSymbol{font-size:23px;width:38px;height:38px;display:grid;place-items:center;background:#e9eff6;color:#3f6384;border-radius:10px;margin-bottom:2px}.playlistChoice{margin-top:-13px;margin-bottom:17px}.playlistChoice .textButton{font-size:12px!important}.dialogActions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0f3;padding-top:21px;margin-top:23px}.uploadProgress{padding:16px 0 0}.uploadProgress>div{display:flex;justify-content:space-between;font-size:13px;gap:12px}.uploadProgress progress{accent-color:#a91348;width:100%;height:8px;margin-top:12px}.uploadProgress .subtle{font-size:12px}.smallDialog{max-width:460px}.smallDialog .dialogHeading{margin-bottom:26px}.playlistList .empty{font-size:13px;margin:0}
@media(max-width:760px){.adminPage header{height:62px;padding:0 18px}.adminMain{padding:28px 18px 20px}.adminPage h1{font-size:31px}.adminHeading{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:25px}.adminHeading>.primary{width:100%}.adminHeading .subtle{font-size:13px;margin-top:12px;max-width:320px}.playlistList{grid-template-columns:1fr;gap:10px}.playlistRow{padding:15px}.adminToolbar{margin:24px 0 17px;gap:8px}.adminToolbar h2{font-size:19px}.adminToolbar .secondary{font-size:11px!important;padding:10px;min-height:40px}.adminSearch{max-width:none}.catalogLink{font-size:12px}.loginPanel{margin:12px auto;padding:27px 24px}.loginPanel h1{font-size:29px}.editDialog{padding:23px 20px;max-height:calc(100dvh - 24px);width:calc(100% - 24px)}.dialogActions .primary{flex:1}.dialogActions .secondary{padding:12px 17px}.adminFooter{align-items:flex-start}.adminFooter .textButton{padding:0;font-size:12px!important}.fileDrop{padding:19px 12px!important}.adminPage .brand{font-size:14px;letter-spacing:0;white-space:nowrap}.dialogHeading{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.adminPage button{transition:none}}

.adminPage .brandAccent{margin-left:4px}

/* The same illustrated catalogue and section sequence as the viewer. */
#playlistHeadingLabel{font:inherit;letter-spacing:inherit;padding:0;background:none;color:inherit}
.playlistHelp{font-size:13px;color:#74828d;margin:0 0 22px;line-height:1.5}#backToPlaylists{margin:0 0 18px}
.playlistList{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.playlistCard{border:0;background:none;text-align:left;padding:0;color:inherit;min-width:0;border-radius:12px;align-self:start}
.playlistCover{display:block;position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#092e52,#07479c)}
.playlistCover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.playlistCoverFallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:15px;font-size:17px;line-height:1.3;letter-spacing:1px;font-weight:750;color:#cfdef2;text-align:center}
.playlistVideoCount{position:absolute;bottom:10px;right:10px;padding:5px 8px;border-radius:6px;background:#071e39e6;color:#fff;font-size:11px;font-weight:400}
.playlistCardTitle{display:block;font-size:14px;line-height:1.5;margin:12px 0 8px;font-weight:650;min-height:42px;overflow-wrap:anywhere}
.playlistCardAction{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #e3c9d4;border-radius:8px;padding:8px 12px;color:#a91348;background:#fff;font-size:12px;font-weight:600}
.playlistCard:hover .playlistCardAction{background:#a91348;border-color:#a91348;color:#fff}
.playlistList .playlistSection{margin-top:16px}.playlistList .playlistSection:first-child{margin-top:0}.playlistList .materialsFolder{margin-top:10px}
@media(max-width:760px){.playlistList{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.playlistCover{border-radius:9px}.playlistCardTitle{font-size:12px;line-height:1.4;min-height:34px;margin:9px 0 8px}.playlistCardAction{font-size:11px;width:100%;padding:8px 5px}.playlistVideoCount{font-size:9px;bottom:7px;right:7px;padding:4px 6px}.playlistList .playlistSection{font-size:16px}.playlistCoverFallback{font-size:12px;padding:10px}.adminToolbar h2{min-width:0;flex-wrap:wrap}.adminToolbar{align-items:flex-start}#playlistHeadingLabel{overflow-wrap:anywhere}.playlistHelp{font-size:12px}}

.posterPreview{margin:0 0 22px}.posterPreview img{display:block;width:100%;max-height:180px;object-fit:contain;background:#10243b;border-radius:10px}.posterPreview p{font-size:12px;line-height:1.5;color:#718392;margin:9px 0 0}.posterPreview img:not([src]){display:none}

.compressionPanel{background:#f3f6fa;border-radius:12px;padding:12px 14px;margin:12px 0 18px;font-size:14px;line-height:1.5}.compressionPanel p{margin:0}.compressionPanel progress{width:100%;margin:10px 0;accent-color:#97234e}.compressionPanel button{margin-top:8px}
