:root{--flux-header-h:56px;--flux-toolbar-h:48px;--flux-primary:#3a5ccc;--flux-bg:#fafafa;--flux-line:#f0f0f0;--flux-muted:#888}body{margin:0}.ant-layout-header.app-header{z-index:20;height:var(--flux-header-h);line-height:var(--flux-header-h);border-bottom:1px solid var(--flux-line);background:#fff;justify-content:space-between;align-items:center;gap:24px;padding-inline:20px;display:flex;position:sticky;top:0}.app-brand{white-space:nowrap;color:inherit;margin:0;font-size:18px;font-weight:600}.app-sider.ant-layout-sider{top:var(--flux-header-h);height:calc(100vh - var(--flux-header-h));border-right:1px solid var(--flux-line);position:sticky}.app-sider .ant-layout-sider-children{flex-direction:column;display:flex}.app-sider-views{flex:1;min-height:0;padding-top:4px;overflow-y:auto}.app-sider-tools{border-top:1px solid var(--flux-line)}.app-sider .ant-menu{border-inline-end:0!important}.app-sider .ant-menu-item-group-title{padding-block:6px 2px}.app-sider .ant-menu-inline .ant-menu-item{height:34px;margin-block:2px;line-height:34px}.app-content.ant-layout-content{background:var(--flux-bg);min-width:0;padding:16px 24px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.view-actions{opacity:0;transition:opacity .15s}.ant-menu-item:hover .view-actions,.ant-menu-item-selected .view-actions{opacity:1}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.filter-bar>.ant-select{flex:160px;min-width:0;max-width:240px}.filter-chips{flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:4px;display:flex}.filter-chips .ant-tag{margin-inline-end:0}.library-toolbar{top:var(--flux-header-h);z-index:6;min-height:var(--flux-toolbar-h);background:var(--flux-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-inline:-24px;padding:8px 24px;display:flex;position:sticky}.library-toolbar.selecting{background:#eef1fb;box-shadow:0 1px #d9dff3}.library-list{transition:opacity .15s}.library-list.stale{opacity:.55}.m-name{align-items:center;gap:6px;min-width:0;display:flex}.m-meta{color:var(--flux-muted);font-size:12px}.m-tags{white-space:nowrap;gap:4px;display:flex;overflow:hidden}.m-tags .ant-tag{margin-inline-end:0}.m-thumb{border-radius:4px;width:48px;height:48px;overflow:hidden}.card-check{z-index:2;opacity:0;transition:opacity .15s;position:absolute;top:6px;left:6px}.ant-card:hover .card-check,.selecting .card-check,.card-check.ant-checkbox-wrapper-checked{opacity:1}.card-check .ant-checkbox-inner{width:20px;height:20px}.card-selected{outline:2px solid var(--flux-primary);outline-offset:-2px}.detail{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.detail-media{flex-direction:column;gap:12px;display:flex;position:sticky;top:0}.detail-player{color:#ddd;background:#000;border-radius:8px;place-items:center;min-height:180px;display:grid;overflow:hidden}.detail-player video,.detail-player img{max-width:100%;max-height:calc(100vh - 240px);display:block}.detail-info{flex-direction:column;gap:20px;min-width:0;display:flex}.detail-section-head{justify-content:space-between;align-items:center;gap:12px;min-height:24px;margin-bottom:8px;display:flex}@media (width<=960px){.detail{grid-template-columns:minmax(0,1fr)}.detail-media{position:static}}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.upload-picked{border:1px solid var(--flux-line);border-radius:6px;max-height:168px;margin-block:8px;overflow-y:auto}.upload-picked-row{align-items:center;gap:8px;padding:4px 4px 4px 10px;display:flex}.upload-picked-row+.upload-picked-row{border-top:1px solid var(--flux-line)}.drop-overlay{z-index:10;pointer-events:none;border:2px dashed var(--flux-primary);background:#3a5ccc14;border-radius:8px;position:absolute;inset:-12px}.drop-overlay span{width:fit-content;color:var(--flux-primary);background:#fff;border-radius:20px;margin:30vh auto 0;padding:10px 20px;font-size:16px;display:block;position:sticky;top:40vh;box-shadow:0 2px 8px #0000001f}
