.archive-page{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45;color:#25313a;background:#f5f6f7;padding-top:24px;letter-spacing:0}
.archive-page main{width:100%;max-width:1480px;float:none}
.archive-page h1,.archive-page h2,.archive-page p,.archive-page label,.archive-page th,.archive-page td,.archive-page button,.archive-page select,.archive-page input{font-family:Arial,Helvetica,sans-serif;letter-spacing:0;line-height:1.45}
.archive-page h1{font-weight:700;line-height:1.25}
.archive-page h2{font-size:23px;font-weight:700;margin:0 0 18px;color:#25313a}
.archive-page button{margin:0;text-transform:none;font-size:14px;font-weight:400;box-shadow:none}
.archive-page input,.archive-page select{margin:0;height:auto;box-shadow:none}
.archive-page table{margin:0;border:0}
.archive-page td{font-size:14px}
.archive-page .archive-heading{border-top:0}
.archive-page .feature-status{border-left:3px solid #2d7652;background:#eaf4ed;color:#264b37;padding:10px 14px;margin:16px 0 18px}
.archive-page #featured-section{margin-top:20px}
.archive-page #featured-section{margin-bottom:32px;border-bottom:1px solid #cfd6db;padding-bottom:28px}
.archive-page .featured-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px}
.archive-page .featured-item{position:relative;background:white;border:1px solid #d7dde1;border-radius:6px;overflow:hidden;padding:0 14px 14px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.archive-page .featured-play{display:block;width:calc(100% + 28px);align-self:center;min-height:0;padding:0;border:0;border-radius:0;background:#fff;margin-bottom:12px}
.archive-page .featured-play img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.archive-page .featured-item .video-title{font-weight:700;min-height:0;text-align:left;padding:0;color:#006ba5}
.archive-page .featured-item p{font-size:12px;color:#63727c;margin:5px 0 10px}
.archive-page .feature-check{display:flex;flex-direction:row;align-items:center;gap:7px;font-weight:400;font-size:12px;margin:8px 0 0;min-height:24px;width:fit-content}
.archive-page .feature-check input{width:17px;height:17px;min-height:17px;padding:0;accent-color:#28794e;flex:none}
.archive-page .feature-order{display:flex;gap:7px;margin-top:10px}
.archive-page .feature-order button{width:36px;height:36px;min-height:36px;padding:0;color:#375b71}
.archive-page .feature-order button[draggable=true]{cursor:grab}
.archive-page .featured-item.dragging{opacity:.5}
.archive-page .featured-item.drop-target{outline:3px solid #ef9b24;outline-offset:2px}
.archive-page .featured-empty{grid-column:1/-1;color:#63727c;margin:0}
.archive-page #player-dialog{font-family:Arial,Helvetica,sans-serif;font-size:14px}
.archive-page #player-dialog h2{margin:0;font-size:20px}
.archive-page #player-dialog p{margin:12px 0}
.archive-page #player-dialog label{line-height:1.45}
.archive-page .video-title{font-weight:bold!important}
.archive-page .archive-preview{float:left;width:88px;min-height:0;padding:0;margin:0 12px 6px 0;border:0;background:transparent}
.archive-page .archive-preview img{display:block;width:88px;height:50px;object-fit:contain;background:#eef2f5;border-radius:3px}
.archive-page .thumbnail-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #d7dde1;padding-top:12px;margin-top:14px}
.archive-page .thumbnail-tools button{display:inline-flex;align-items:center;gap:8px;min-height:42px;background:#eaf4ed;color:#245b3b;border-color:#a9c5b2}
.archive-page #thumbnail-status{margin:0;font-size:13px;color:#245b3b}
.archive-page .card-hearts,.archive-page .card-hearts:hover,.archive-page .card-hearts:focus{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:400;line-height:1.45;color:#596a75;margin:2px 0 5px;padding:0;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}
.archive-page .card-hearts i{color:#596a75;font-size:13px;width:13px;text-align:center}
.archive-page .card-hearts[aria-pressed=true] i{color:#c9344d}
.archive-page .card-heart-status{font-size:12px;color:#973618;overflow-wrap:anywhere}
.archive-page .card-heart-status:not(:empty){margin-top:6px}
.archive-page .list-hearts{display:inline-flex;align-items:center;gap:5px;flex:none;white-space:nowrap;font-size:12px;line-height:20px;color:#596a75}
.archive-page .list-hearts i{color:#c9344d}
.archive-page .video-hearts{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}
.archive-page #heart-video{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #d5b3bb;background:#fff;border-radius:6px;font-size:24px;color:#b1364f}
.archive-page #heart-video[aria-pressed=true]{background:#fff0f2;color:#d52546;border-color:#e8a9b5}
.archive-page #heart-video:disabled{opacity:.5}
.archive-page #heart-count{font-weight:bold;font-size:16px;min-width:2ch;color:#435968}
.archive-page #heart-status{font-size:12px;color:#63727c;flex:1 1 160px}
.archive-page .edit-mode-toggle{display:inline-flex;align-items:center;gap:9px;margin-left:auto;min-height:44px;padding:6px 0;border:0;background:transparent;flex:none;color:#435968;font-weight:bold;white-space:nowrap}
.archive-page .edit-track{display:block;width:42px;height:24px;border-radius:14px;background:#aab5bd;padding:3px;transition:background .15s}
.archive-page .edit-track>span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}
.archive-page .edit-mode-toggle[aria-checked=true] .edit-track{background:#28794e}
.archive-page .edit-mode-toggle[aria-checked=true] .edit-track>span{transform:translateX(18px)}
.archive-page [data-edit-state]{min-width:22px;text-align:left;font-size:12px}
.archive-page .player-admin-bar{display:flex;justify-content:flex-end;border-bottom:1px solid #d3dfe5;margin-bottom:12px}
.archive-page .video-name,.archive-page .player-name{display:flex;align-items:flex-start;gap:6px;min-width:0;width:100%}
.archive-page .video-name .video-title,.archive-page .player-name h2{flex:1;min-width:0}
.archive-page td .video-name{width:auto}
.archive-page .player-name{flex:1}
.archive-page .edit-title-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-height:32px;padding:0;border:1px solid #d3dfe5;background:#f5f8fa;color:#38657b;font-size:14px}
.archive-page .edit-title-button:hover{background:#eaf4ed;color:#245b3b}
.archive-page #title-dialog{width:min(480px,calc(100% - 24px));font-family:Arial,Helvetica,sans-serif}
.archive-page #title-dialog h2{font-size:20px;margin:0 0 16px}
.archive-page #title-dialog input{width:100%;font-size:16px;min-height:44px}
.archive-page #title-dialog label{display:block;margin-top:12px}
.archive-page #title-error{color:#9c303b;font-size:13px;white-space:pre-wrap}
.archive-page .title-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.archive-page #save-title{background:#28794e;color:#fff;border-color:#28794e}
@media(max-width:600px){.archive-page .archive-heading{flex-wrap:wrap}.archive-page #edit-mode{font-size:12px;min-height:38px}}
@media(max-width:600px){.archive-page{padding-top:12px}.archive-page .featured-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.archive-page .featured-item{padding:0 10px 10px}.archive-page .featured-play{width:calc(100% + 20px)}.archive-page .featured-item .video-title{font-size:13px}.archive-page .feature-order button{width:38px;height:42px}.archive-page #featured-section{margin-bottom:22px;padding-bottom:22px}}
@media(max-width:360px){.archive-page .featured-list{grid-template-columns:1fr}}