.media-desk{--media-dark:#282a29;--media-mist:#e7eae7;--media-paper:#f5f6f4;background:var(--surface);min-height:calc(100vh - 224px)}.media-channel-tabs{border-bottom:1px solid var(--line);background:var(--media-mist);grid-template-columns:repeat(3,minmax(0,1fr));height:70px;display:grid}.media-channel-tabs button{border:0;border-right:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.media-channel-tabs button:last-child{border-right:0}.media-channel-tabs button:hover{color:var(--ink);background:#ffffff6b}.media-channel-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.media-channel-tabs button[aria-pressed=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:26px;right:26px}.media-channel-tabs span{font-size:14px;font-weight:650}.media-channel-tabs small{font:8px var(--font-mono);color:var(--muted)}.bili-board-head{background:var(--media-dark);min-height:106px;color:var(--media-paper);justify-content:space-between;align-items:center;gap:24px;padding:22px clamp(20px,3.5vw,56px);display:flex}.bili-board-head>div:first-child{align-items:center;gap:14px;display:flex}.channel-mark{color:#dfe5e1;border:1px solid #7f8782;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.bili-board-head small,.catalog-head small{color:#aeb6b1;font:8px var(--font-mono);display:block}.bili-board-head h2{margin:4px 0 0;font-size:22px;font-weight:550}.update-stamp{color:#b8c0bb;grid-template-columns:20px auto;align-items:center;gap:2px 7px;display:grid}.update-stamp svg{grid-row:1/3}.update-stamp span{font-size:9px}.update-stamp time{font:10px var(--font-mono);color:#f2f4f2}.bili-summary{border-bottom:1px solid var(--line);grid-template-columns:minmax(350px,5fr) minmax(500px,7fr);display:grid}.project-counts{background:#d7dbd8;border-right:1px solid #adb3af;grid-template-columns:repeat(3,1fr);display:grid}.project-count{border-right:1px solid #adb3af;flex-direction:column;min-height:146px;padding:22px;display:flex}.project-count:last-child{border-right:0}.project-count>span{color:#575d59;font-size:11px}.project-count>strong{font:500 36px var(--font-mono);color:#232624;margin-top:10px}.project-count>small{font:8px var(--font-mono);color:#68706b;margin-top:auto}.project-count>div{margin-top:auto;display:flex}.project-count button{cursor:pointer;background:0 0;border:1px solid #989f9b;width:32px;height:28px}.project-count button+button{border-left:0}.project-count button:hover{background:#eef0ee}.metric-tape{background:var(--media-paper);grid-template-columns:repeat(5,1fr);display:grid}.media-metric{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:146px;padding:22px 16px;display:flex}.media-metric:last-child{border-right:0}.media-metric>span{color:var(--accent)}.media-metric svg{width:18px;height:18px}.media-metric small{color:var(--muted);margin-top:20px;font-size:10px}.media-metric strong{font:550 clamp(18px,2vw,27px) var(--font-mono);margin-top:7px}.bili-catalog{padding:30px clamp(20px,3.5vw,56px) 56px}.catalog-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.catalog-head small{color:var(--accent)}.catalog-head h2{margin:5px 0 0;font-size:21px;font-weight:550}.catalog-manage{border:1px solid var(--accent);min-height:40px;color:var(--accent-strong);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:7px;padding:0 12px;font-size:11px;display:inline-flex}.catalog-manage:hover{background:var(--accent);color:var(--surface)}.category-rail{border:1px solid var(--line);background:var(--canvas);scrollbar-width:thin;border-width:1px 0;display:flex;overflow-x:auto}.category-rail button{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:18px;min-width:132px;height:58px;padding:0 15px;display:flex}.category-rail button:hover{background:#ffffff73}.category-rail button[aria-pressed=true]{background:var(--media-dark);color:var(--media-paper)}.category-rail span{white-space:nowrap;font-size:11px}.category-rail b{font:500 10px var(--font-mono)}.video-ledger{border-bottom:1px solid var(--line)}.video-ledger-head,.video-row{grid-template-columns:minmax(320px,2.5fr) 100px repeat(5,minmax(58px,.55fr));align-items:center;gap:12px;display:grid}.video-ledger-head{min-height:38px;color:var(--muted);font:8px var(--font-mono);border-bottom:1px solid var(--line)}.video-ledger-head span:nth-child(n+3){text-align:right}.video-row{border-bottom:1px solid #e5d9d0;min-height:104px;padding:12px 0}.video-row:last-child{border-bottom:0}.video-row:hover{background:linear-gradient(90deg,#0000,#e7eae773,#0000)}.video-identity{grid-template-columns:118px minmax(0,1fr);align-items:center;gap:14px;min-width:0;display:grid}.video-identity>a{aspect-ratio:16/10;background:#d9ddda;display:block;overflow:hidden}.video-identity img{object-fit:cover;filter:saturate(.72)contrast(.94);width:100%;height:100%;transition:filter .16s,transform .22s;display:block}.video-identity a:hover img{filter:none;transform:scale(1.025)}.video-identity h3{text-wrap:pretty;margin:0 0 9px;font-size:12px;font-weight:600;line-height:1.45}.video-identity a:hover h3{color:var(--accent)}.video-identity select{border:1px solid var(--line);background:var(--surface);max-width:130px;height:27px;color:var(--muted);border-radius:3px;font-size:9px}.video-row time{color:var(--muted);font:9px var(--font-mono)}.video-row>strong{text-align:right;font:500 11px var(--font-mono)}.media-empty{color:var(--muted);padding:30px 0;font-size:12px}.media-unavailable,.channel-placeholder{min-height:420px;padding:64px clamp(20px,3.5vw,56px)}.media-unavailable h2,.channel-placeholder h2{margin:18px 0 8px;font-size:30px;font-weight:500}.media-unavailable p,.channel-placeholder p{color:var(--muted)}.channel-placeholder>span{color:var(--accent);font:9px var(--font-mono)}.channel-placeholder>div{border:1px solid var(--line);border-width:1px 0;grid-template-columns:10px 1fr;gap:5px 12px;max-width:520px;margin-top:46px;padding:18px 0;display:grid}.channel-placeholder i{border:1px solid var(--muted);border-radius:50%;grid-row:1/3;width:8px;height:8px;margin-top:5px}.channel-placeholder strong{font-size:12px}.channel-placeholder small{color:var(--muted);grid-column:2;font-size:10px}.media-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#191c1ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.category-editor{background:var(--media-paper);border:1px solid #9ea49f;width:min(560px,100%);max-height:88vh;overflow:auto;box-shadow:0 24px 80px #12151357}.category-editor>header{border-bottom:1px solid #c9ceca;justify-content:space-between;align-items:center;min-height:86px;padding:20px 22px;display:flex}.category-editor small{color:var(--accent);font:8px var(--font-mono)}.category-editor h2{margin:4px 0 0;font-size:20px}.category-editor>header button{cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:40px;height:40px;display:grid}.category-editor>header button:hover{border-color:#aeb4af}.category-editor-body{padding:18px 22px}.category-editor-body>div{border-bottom:1px solid #d5d9d6;grid-template-columns:28px 1fr 40px;align-items:center;gap:8px;min-height:52px;display:grid}.category-editor-body input{height:38px;font:12px var(--font-sans);background:#fff;border:1px solid #b8beba;padding:0 9px}.category-editor-body input[readonly]{color:#59605c;cursor:not-allowed;background:#e4e7e4}.category-editor-body>div button,.category-lock{background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.category-editor-body>div button{color:#7a4a47;cursor:pointer}.category-lock{color:#59605c}.add-category{cursor:pointer;background:0 0;border:1px solid #9ca39e;align-items:center;gap:7px;min-height:42px;margin-top:16px;padding:0 12px;display:inline-flex}.add-category:hover{background:#e1e4e1}.category-editor>footer{border-top:1px solid #c9ceca;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px 22px;display:flex}.category-editor>footer span{color:#737a75;font-size:9px}.category-editor>footer button{border:1px solid var(--media-dark);background:var(--media-dark);color:#fff;cursor:pointer;min-height:40px;padding:0 18px}@media (max-width:1000px){.bili-summary{grid-template-columns:1fr}.project-counts{border-bottom:1px solid #adb3af;border-right:0}.video-ledger-head,.video-row{grid-template-columns:minmax(280px,2fr) 90px repeat(5,58px);gap:8px}.video-ledger{overflow-x:auto}.video-ledger-head,.video-row{min-width:780px}}@media (max-width:680px){.media-channel-tabs{height:62px}.media-channel-tabs button{flex-direction:column;gap:2px}.bili-board-head{flex-direction:column;align-items:flex-start}.project-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.project-count{min-height:125px;padding:16px 12px}.project-count>strong{font-size:29px}.metric-tape{grid-template-columns:repeat(5,96px);overflow-x:auto}.media-metric{min-height:118px;padding:16px 13px}.media-metric small{margin-top:15px}.bili-catalog{padding:24px 16px 40px}.catalog-head{flex-direction:column;align-items:flex-start}.video-identity{grid-template-columns:104px minmax(0,1fr)}.category-editor>footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.video-identity img{transition:none}}
