:root{--primary:#3563e9;--bg:#f5f6fa;--text:#202a3d;--muted:#657187;--border:#e4e8f0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:var(--primary);text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}:focus-visible{outline:3px solid var(--primary)}button,.button{border:1px solid var(--border);border-radius:8px;padding:9px 15px;background:white;color:var(--text);cursor:pointer;display:inline-block}.primary{background:var(--primary);color:white;border-color:var(--primary)}.app{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:white;padding:28px 18px;border-right:1px solid var(--border)}.brand{font-size:24px;font-weight:800;margin:0 12px 28px}.brand span{color:var(--primary)}nav{display:grid;gap:8px}nav a{padding:11px 15px;color:var(--muted);border-radius:8px}nav a.active{color:white;background:var(--primary)}.workspace{min-width:0}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:white;border-bottom:1px solid var(--border);gap:12px}.identity{display:flex;gap:12px;align-items:center}.identity span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:28px;max-width:1600px;margin:auto}h1{font-size:26px;margin:0 0 8px}h2{font-size:18px;margin:0 0 12px}p,.muted{color:var(--muted)}.card{background:white;padding:24px;border:1px solid var(--border);border-radius:14px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid .card{margin:12px 0}.badge{display:inline-block;background:#edf2ff;color:var(--primary);border-radius:5px;padding:3px 9px;font-size:12px}.empty{padding:32px 18px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:8px}.notice{padding:12px 16px;background:#eaf6f0;color:#147d64;border-radius:8px;margin:16px 0}.error{background:#fff0f0;color:#b03342}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:500}.fields{display:grid;gap:16px}label{display:block}input[type=email],input[type=password],input[type=text],select{border:1px solid #cad3e1;border-radius:7px;padding:10px;width:100%;margin-top:5px}.check{display:flex;align-items:center;gap:8px;margin:6px 0}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.login{max-width:440px;margin:8vh auto;padding:30px}.login-shell{padding:20px}.login-shell .brand{margin:0}.small{font-size:12px}.pager{margin-top:18px}.pager nav{display:flex;gap:12px}.pager svg{width:20px}.code{overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace}footer{padding:16px 28px;color:var(--muted);font-size:12px}@media(max-width:1100px){.app{grid-template-columns:190px minmax(0,1fr)}.grid{grid-template-columns:1fr}main{padding:20px}.identity span{max-width:160px}}@media(max-width:720px){.app{grid-template-columns:1fr}.sidebar{padding:14px}.brand{margin:0 0 10px}nav{display:flex;overflow:auto}nav a{white-space:nowrap;padding:7px}header{padding:12px;height:auto;flex-wrap:wrap}main{padding:16px}.card{padding:18px}.identity span{max-width:140px}}
.storage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.storage-stats .card{margin:0}.storage-stats strong{display:block;font-size:25px;margin-top:10px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;flex-wrap:wrap}.page-heading h1{overflow-wrap:anywhere}.storage-table{min-width:700px}.storage-table td small{display:block;max-width:260px}.hash-value{overflow-wrap:anywhere}.storage-thumbnail{display:block;max-width:100%;width:auto;height:auto;max-height:300px;margin:18px 0;border-radius:8px;background:var(--bg)}@media(max-width:720px){.storage-stats{grid-template-columns:1fr}}

.storage-thumbnail[hidden]{display:none}

.quality-video{display:block;width:100%;max-height:70vh;background:#111827;border-radius:12px;object-fit:contain}

#video-preview-link[hidden]{display:none}

.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin:16px 0}.comic-page{border:1px solid var(--border,#e4e8f0);border-radius:8px;padding:12px;min-width:0}.comic-page img{width:100%;height:180px;object-fit:contain;background:#f5f6fa}.comic-page p{overflow-wrap:anywhere}.comic-page .actions{gap:6px;flex-wrap:wrap}.comic-page button{padding:4px 8px;font-size:12px}

[data-comic-root] [hidden]{display:none!important}

.text-body-plain{white-space:pre-wrap;overflow-wrap:anywhere}.text-preview{overflow-wrap:anywhere;max-height:70vh;overflow:auto}.text-preview pre{white-space:pre-wrap;overflow-wrap:anywhere}.post-preview figure{margin:20px 0;padding:14px;border:1px solid var(--border);border-radius:10px}.post-preview img{display:block;max-width:100%;max-height:420px;margin:auto;object-fit:contain}.post-preview figcaption{overflow-wrap:anywhere;color:var(--muted);font-size:12px;margin-top:10px}.text-block{margin:14px 0;padding:16px;border:1px solid var(--border);border-radius:10px;min-width:0}.text-block .actions{margin-top:10px}.text-block textarea{min-height:110px}.text-block-title{font-weight:600;margin-bottom:10px}[data-text-root] [hidden]{display:none!important}#text-body{min-height:320px;font-family:inherit}

[data-novel-import] button:disabled{opacity:.5;cursor:not-allowed}[data-novel-import] select{min-width:0}[data-novel-import] th,[data-novel-import] td{overflow-wrap:anywhere}
/* Compact catalogue workspace, shared by six video sections. */
.catalogue-filter{padding:14px 18px}.compact-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.compact-filters>label{flex:1 1 130px;min-width:110px}.compact-filters>label:first-child{flex:1.5 1 180px}.compact-filters input,.compact-filters select{margin-top:3px;padding:7px}.advanced-filter{margin-top:10px}.advanced-filter>summary{cursor:pointer;font-size:12px;color:var(--muted)}.advanced-filter[open] .compact-filters{margin-top:10px}.media-list{min-width:1000px}.media-list th,.media-list td{padding:12px 8px}.media-title{display:block;max-width:230px;overflow-wrap:anywhere;margin:5px 0}.list-cover{width:60px;height:82px;object-fit:cover;border-radius:6px}.cover-button{border:0;background:transparent;padding:0}.cover-placeholder{width:60px;height:82px;display:grid;place-items:center;background:#edf2ff;color:#3563e9;font-size:12px;border-radius:6px}.tag-stack{display:flex;flex-wrap:wrap;gap:4px;max-width:160px}.row-actions{display:flex;gap:4px;flex-wrap:wrap;min-width:125px}.row-actions button{padding:5px 7px}.tag-options{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.tag-options label{display:flex;align-items:center;gap:5px}.sidebar{max-height:100vh;overflow:auto;position:sticky;top:0}.sidebar details>summary{cursor:pointer;padding:10px 12px;color:var(--muted)}.sidebar .subnav a{font-size:13px;margin-left:12px;padding:6px 12px}.sidebar details{margin:3px 0}#workspace-dialog{width:min(1100px,94vw);height:88vh;border:0;border-radius:14px;padding:0;background:white;box-shadow:0 20px 80px #172b4d55}#workspace-dialog::backdrop{background:#15213c88}.dialog-toolbar{height:52px;display:flex;justify-content:space-between;align-items:center;padding:8px 18px;border-bottom:1px solid var(--border)}#workspace-frame{border:0;width:100%;height:calc(100% - 52px)}body.embedded .sidebar,body.embedded header,body.embedded footer{display:none}body.embedded .app{display:block}body.embedded main{padding:20px}body.embedded .workspace{min-width:0}.preview-player-frame{width:100%;height:620px;border:0}input[type=url],input[type=number]{border:1px solid #cad3e1;border-radius:7px;padding:9px;width:100%;margin-top:4px}

/* Nested navigation stays vertical; filter inputs retain the shared form styling. */
.sidebar .subnav{display:grid;gap:2px}.sidebar .subnav a{display:block;margin-left:10px;white-space:nowrap}.compact-filters input{display:block;border:1px solid #cad3e1;border-radius:7px;width:100%}

.cover-gallery-stage{background:#eef1f7;border:1px solid var(--border);border-radius:12px;padding:18px}.cover-gallery-slide{margin:0;text-align:center}.cover-gallery-slide[hidden],.cover-gallery-slide [hidden]{display:none!important}.cover-gallery-slide img{display:block;max-width:100%;width:auto;height:48vh;object-fit:contain;margin:auto}.cover-gallery-slide figcaption{margin-top:14px;font-weight:600;overflow-wrap:anywhere}.cover-gallery-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px 0}.cover-gallery-choices{display:flex;gap:8px;overflow:auto;padding:4px 0 12px}.cover-gallery-choices button{white-space:nowrap;font-size:12px}.cover-gallery-choices button[aria-current=true]{background:var(--primary);border-color:var(--primary);color:white}

/* Grouped catalogue columns: every metric remains visible without a dropdown. */
.catalogue-data{padding:18px}.catalogue-table-scroll{position:relative;max-height:70vh;overflow:auto;border:1px solid var(--border);border-radius:8px}.grouped-media-list{min-width:3500px;border-collapse:separate;border-spacing:0}.grouped-media-list th,.grouped-media-list td{white-space:nowrap;font-size:12px;padding:10px 12px;background:white;min-width:100px}.grouped-media-list thead th{position:sticky;top:0;z-index:3;background:#f4f7fd;border-bottom:1px solid #cdd6e7}.grouped-media-list thead tr:nth-child(2) th{top:40px;height:44px}.grouped-media-list thead tr:first-child{height:40px}.grouped-media-list .group-heading{text-align:center;color:#334d7b;border-right:1px solid #dce3ef;font-weight:600}.grouped-media-list .cover-column{position:sticky;left:0;width:76px;min-width:76px;max-width:76px;z-index:2}.grouped-media-list .media_id-column{position:sticky;left:76px;width:90px;min-width:90px;max-width:90px;z-index:2}.grouped-media-list .title-column{position:static;left:auto;width:240px;min-width:240px;max-width:240px;z-index:2;white-space:normal}.grouped-media-list .operation-column{position:sticky;right:0;min-width:152px;z-index:2;border-left:1px solid #dce3ef}.grouped-media-list thead .cover-column,.grouped-media-list thead .operation-column,.grouped-media-list thead .media_id-column,.grouped-media-list thead .title-column{z-index:5}.grouped-media-list .numeric{text-align:right;font-variant-numeric:tabular-nums}.column-sort{display:inline-flex;align-items:center;gap:6px;color:inherit}.column-sort span{color:var(--primary)}th[aria-sort=ascending],th[aria-sort=descending]{color:#234ec6;box-shadow:inset 0 -3px 0 var(--primary)}.grouped-media-list .product-line{white-space:normal;width:180px;margin-bottom:5px}.grouped-media-list .tag-stack{min-width:140px}.grouped-media-list tbody tr:hover td{background:#f7f9ff}.grouped-media-list .date-cell{min-width:150px}@media(max-width:900px){.grouped-media-list .title-column{position:static}.grouped-media-list .media_id-column{left:76px}}

/* One tint per header group; title follows horizontal scrolling. */
.grouped-media-list thead th{text-align:center;vertical-align:middle}.grouped-media-list .column-sort{justify-content:center;width:100%}.grouped-media-list thead .title-column{position:sticky;left:auto;z-index:3}.grouped-media-list thead .group-0{background:#edf1f7}.grouped-media-list thead .group-1{background:#e8f1ff}.grouped-media-list thead .group-2{background:#e6f5ec}.grouped-media-list thead .group-3{background:#f1eafb}.grouped-media-list thead .group-4{background:#fff2dc}.grouped-media-list thead .group-5{background:#e3f4f5}.grouped-media-list thead .group-6{background:#fbecef}

.grouped-media-list .media_id-column{position:static;left:auto;width:290px;min-width:290px;max-width:290px;white-space:nowrap}.grouped-media-list thead .media_id-column{position:sticky;left:auto;z-index:3}

[data-node-form] [hidden]{display:none!important}[data-node-form] textarea{width:100%;border:1px solid #cad3e1;border-radius:7px;padding:10px;font:inherit}[data-node-form] input[type=password]{font-family:ui-monospace,monospace}

/* Catalogue separators follow first-level column groups, including fixed edges. */
.grouped-media-list .group-end,.grouped-media-list .cover-column{border-right:1px solid #dce3ef}.grouped-media-list .operation-column{border-left:0}

/* All menu destinations use one restrained document entrance, including cache hits. */
@keyframes mediahub-page-enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes mediahub-menu-progress{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
.workspace>main{animation:mediahub-page-enter 180ms cubic-bezier(.2,.65,.3,1) both}
.sidebar nav a{transition:background-color 140ms ease,color 140ms ease}
body.menu-navigating::before{content:"";position:fixed;inset:0 auto auto 0;width:30%;height:2px;background:var(--primary);z-index:10000;pointer-events:none;animation:mediahub-menu-progress 1s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.workspace>main{animation:none}.sidebar nav a{transition:none}body.menu-navigating::before{animation:none;width:100%}}

.page-tabs{display:flex;gap:12px;margin:18px 0}.history-subtabs{margin:12px 0}.import-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.import-toolbar>div{flex:1 1 300px}.import-toolbar p{margin:4px 0}#dictionary-editor{width:min(560px,94vw);max-height:85vh;overflow:auto;border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 18px 70px #172b4d33}#dictionary-editor::backdrop{background:#172b4d55}#dictionary-editor [hidden]{display:none!important}input[type=date]{border:1px solid #cad3e1;border-radius:7px;padding:9px;margin-top:4px}
.storage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.storage-summary>div{background:white;border:1px solid var(--border);border-radius:12px;padding:16px 22px}.storage-summary span{color:var(--muted);display:block}.storage-summary strong{font-size:26px}.storage-node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.storage-node-card{margin:0;min-width:0}.node-card-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.node-card-heading h2{margin:0 0 4px}.node-purpose{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.node-facts{margin:16px 0}.node-facts>div{display:grid;grid-template-columns:115px minmax(0,1fr);padding:7px 0}.node-facts dt{color:var(--muted)}.node-facts dd{margin:0;overflow-wrap:anywhere}.node-test-status{display:flex;gap:18px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--border)}.node-capacity{padding:12px 0}.node-capacity strong{font-size:22px}.node-capacity progress{display:block;width:100%;height:7px;margin:10px 0;accent-color:var(--primary)}.node-capacity small{color:var(--muted)}.node-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--border)}.node-more{margin-top:16px;color:var(--muted)}.node-more summary{cursor:pointer}.node-more .actions{margin-top:12px}@media(max-width:1100px){.storage-node-grid{grid-template-columns:1fr}}@media(max-width:720px){.storage-summary{grid-template-columns:1fr}.node-facts>div{grid-template-columns:1fr}}