:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-page:#f5f7f6;--color-sidebar:#f1f2ef;--color-surface:#fff;--color-surface-muted:#f8faf8;--color-surface-raised:#fcfdfc;--color-surface-sunken:#eef3f1;--color-brand:#0f766e;--color-brand-cyan:#14b8a6;--color-brand-hover:#0b655e;--color-brand-soft:#eaf6f3;--color-brand-subtle:#f2faf7;--color-text:#17201e;--color-text-muted:#66706c;--color-text-subtle:#98a19d;--color-icon:#73807b;--color-line:#e2e7e4;--color-divider:#edf0ee;--color-line-strong:#d3dad6;--color-success:#23866a;--color-warning:#b9782d;--color-danger:#c55252;--color-info:#52758a;--color-white:#fff;--tone-success-bg:#e7f4ef;--tone-success-text:#176b55;--tone-success-line:#c8e4d9;--tone-warning-bg:#fbf1e4;--tone-warning-text:#8f5d22;--tone-warning-line:#edd8b8;--tone-danger-bg:#faebeb;--tone-danger-text:#a84242;--tone-danger-line:#efcccc;--tone-info-bg:#e9f1f4;--tone-info-text:#42687f;--tone-info-line:#ccdde4;--tone-neutral-bg:#f1f3f2;--tone-neutral-text:#66706c;--tone-neutral-line:#e0e5e2;--font-ui:"Inter", "Manrope", "Geist", "PingFang SC", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;--font-display:"Manrope", "Inter", "Geist", "PingFang SC", "Noto Sans SC", ui-sans-serif, system-ui, sans-serif;--font-data:"Inter", "Manrope", "Geist Mono", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs:.72rem;--text-sm:.82rem;--text-md:.94rem;--text-lg:1.08rem;--text-xl:1.45rem;--text-data-lg:1.72rem;--text-data-md:1.1rem;--radius-xs:6px;--radius-sm:8px;--radius:10px;--radius-lg:12px;--radius-pill:999px;--gradient-brand:linear-gradient(135deg, #0f766e 0%, #14a58f 100%);--gradient-soft:linear-gradient(135deg, #f7faf9 0%, #edf7f4 100%);--gradient-icon:linear-gradient(135deg, #e1f5ef 0%, #f2faf7 100%);--gradient-page:radial-gradient(circle at 75% 0%, #14b8a614, transparent 34%);--shadow-card:0 1px 2px #18201e0a, 0 10px 26px #18201e0e;--shadow-card-hover:0 1px 2px #18201e0d, 0 14px 34px #18201e12;--shadow-raised:0 16px 40px #18201e17;--shadow-focus:0 0 0 3px #0f766e29;--shadow-none:0 0 0 #18201e00;--sidebar:232px;--appbar:60px;--control-height:34px;--motion:.17s ease;--paper:var(--color-page);--surface:var(--color-surface);--surface-muted:var(--color-surface-muted);--surface-sunken:var(--color-surface-sunken);--ink:var(--color-brand);--ink-strong:var(--color-text);--ink-soft:#315f55;--text:var(--color-text);--text-muted:var(--color-text-muted);--text-subtle:var(--color-text-subtle);--line:var(--color-line);--line-strong:var(--color-line-strong);--ochre:var(--color-brand);--sage:var(--color-success);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--info:var(--color-info);--shadow:var(--shadow-card);--shadow-soft:var(--shadow-card);font-family:var(--font-ui)}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%}body{color:var(--text);background:var(--gradient-page), linear-gradient(180deg, var(--paper) 0%, #f8faf9 100%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}button,input,select{font:inherit;min-width:0;min-height:var(--control-height);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}button{color:var(--text);background:var(--surface);box-shadow:none;cursor:pointer;white-space:nowrap;transition:border-color var(--motion), background-color var(--motion), box-shadow var(--motion), color var(--motion), opacity var(--motion), transform var(--motion);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:650;display:inline-flex}button:hover{color:var(--color-brand-hover);background:var(--color-brand-subtle);border-color:#176b5b47}button:active{background:var(--color-brand-soft)}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--color-brand);outline-offset:2px;box-shadow:var(--shadow-focus)}button:disabled,input:disabled{cursor:not-allowed;opacity:.52}input,select{color:var(--text);background:var(--surface);transition:border-color var(--motion), background-color var(--motion), box-shadow var(--motion);padding:0 10px;box-shadow:inset 0 1px 1px #18201e06}input:hover,select:hover{border-color:var(--color-line-strong);background:var(--color-surface-raised)}input::placeholder{color:var(--text-muted)}.app-layout{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--color-sidebar);grid-template-rows:auto 1fr auto;height:100vh;display:grid;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #e2e6e3d1;padding:20px 18px 16px}.sidebar-brand span,.context-label,.eyebrow{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:0;font-weight:680}.sidebar-brand strong{color:var(--ink-strong);font-family:var(--font-display);margin-top:4px;font-size:1.42rem;font-weight:740;line-height:1;display:block}.side-nav{align-content:start;gap:4px;min-height:0;padding:12px;display:grid;overflow-y:auto}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-thumb{background:#176b5b2e;border-radius:3px}.side-nav button{border-radius:var(--radius-sm);min-height:50px;color:var(--text-muted);box-shadow:none;text-align:left;background:0 0;border-color:#0000;grid-template-columns:34px minmax(0,1fr);place-items:center start;gap:7px;padding:7px 10px;display:grid}.side-nav button:hover{background:#eaf6f39e;border-color:#176b5b14}.side-nav button .nav-copy>span{color:var(--text);font-weight:700}.side-nav button small{color:var(--text-muted);font-size:.72rem;font-weight:500}.side-nav button.active{color:var(--color-brand);box-shadow:none;background:linear-gradient(135deg,#e1f5ef 0%,#f4fbf8 100%);border-color:#176b5b2e}.side-nav button.active .nav-copy>span{color:var(--color-brand)}.side-nav button.active small{color:#4e7e73}.nav-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-icon);transition:background-color var(--motion), color var(--motion), transform var(--motion);background:#ffffff5c;border:1px solid #0000;place-items:center;display:grid}.side-nav button:hover .nav-icon,.side-nav button.active .nav-icon{color:var(--color-brand);background:var(--gradient-icon)}.nav-copy{gap:2px;min-width:0;display:grid}.sidebar-footer{border-radius:var(--radius);color:var(--text-muted);box-shadow:none;background:#ffffff57;border:1px solid #e2e7e4b3;gap:2px;margin:10px;padding:8px;display:grid}.sidebar-footer span{color:var(--text-muted);font-size:var(--text-xs)}.sidebar-footer strong{color:var(--text);font-weight:680}.sidebar-logout{border:1px solid var(--line-strong);background:var(--color-surface);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;border-radius:8px;margin-top:6px;padding:6px 10px;font-weight:620;transition:color .15s,border-color .15s}.sidebar-logout:hover{color:var(--color-danger);border-color:var(--color-danger)}.workspace{min-width:0}.appbar{z-index:30;min-height:var(--appbar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(130%)blur(8px);backdrop-filter:saturate(130%)blur(8px);background:#ffffffe6;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.appbar h1{color:var(--ink-strong);font-family:var(--font-display);margin:1px 0 0;font-size:1.45rem;font-weight:690;line-height:1.1}.context-label{color:var(--color-brand)}.appbar-actions,.page-actions,.section-actions,.row-actions,.drawer-actions,.quick-actions,.inline-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.content-shell{width:min(1320px, calc(100vw - var(--sidebar) - 40px));gap:12px;margin:0 auto;padding:16px 0 44px;display:grid}.page-stack{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;min-width:0;display:grid}.page-stack>*{grid-column:span 12}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:16px;min-height:58px;padding-bottom:10px;display:flex}.page-header h2,.section-heading h3,.drawer-header h2{color:var(--ink-strong);font-family:var(--font-display);margin:2px 0 0}.page-header h2{font-size:var(--text-xl);font-weight:690}.page-header p{color:var(--text-muted);margin:4px 0 0}.priority-grid,.workflow-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.status-strip{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);transition:border-color var(--motion), box-shadow var(--motion), transform var(--motion);grid-column:span 6;grid-template-columns:minmax(130px,.6fr) minmax(0,1.4fr);gap:12px;padding:14px;display:grid}.status-strip-primary{border-left:3px solid var(--color-brand);background:linear-gradient(90deg, #dff5ef6b 0%, var(--surface) 44%)}.status-strip:hover,.workspace-panel:hover,.toolbar:hover,.thumb-item:hover{box-shadow:var(--shadow-card-hover);border-color:#0f766e29}.status-strip strong{color:var(--ink-strong);font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:720;line-height:1;display:block}.status-strip dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.status-strip dl div{border-left:1px solid var(--color-divider);min-width:0;padding-left:10px}.status-strip dt{color:var(--text-muted);font-size:.76rem}.status-strip dd{color:var(--text);font-family:var(--font-data);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1rem;font-weight:680}.workspace-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);transition:border-color var(--motion), box-shadow var(--motion);grid-column:span 12;padding:12px}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-title-group{align-items:center;gap:9px;min-width:0;display:flex}.section-heading h3{font-size:1rem;font-weight:680}.icon-tile{border-radius:var(--radius-sm);color:var(--color-icon);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:inline-grid}.section-icon{width:34px;height:34px;color:var(--color-brand);background:var(--gradient-icon);border-color:#0f766e1f}.metric-summary{align-items:center;gap:10px;min-width:0;display:flex}.metric-icon{width:38px;height:38px;color:var(--color-brand);background:var(--gradient-icon);border-color:#0f766e1f;border-radius:11px}.status-strip .eyebrow{color:var(--text-muted)}.status-strip-primary .eyebrow{color:var(--color-brand)}.toolbar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);transition:border-color var(--motion), box-shadow var(--motion);flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.toolbar>input{flex:260px}.inline-controls label,.drawer-form label{color:var(--text-muted);font-size:var(--text-sm);gap:4px;display:grid}.inline-controls{margin-left:auto}.segmented-control{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);gap:2px;padding:3px;display:inline-flex}.segmented-control button{min-height:30px;color:var(--text-muted);box-shadow:none;background:0 0;border-color:#0000;padding:0 10px}.segmented-control button:hover{color:var(--color-brand);background:var(--color-brand-subtle)}.segmented-control button.active{color:var(--color-brand);background:var(--color-brand-soft)}.data-table{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;overflow-x:auto}.table-head,.table-row{align-items:center;gap:12px;min-width:0;display:grid}.table-head{border-bottom:1px solid var(--line);min-height:34px;color:var(--text-subtle);background:#f6f8f7;padding:0 12px;font-size:.73rem;font-weight:650}.table-sort-head{font:inherit;color:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;margin:0;padding:0}.table-sort-head:hover{color:var(--text)}.qq-data-table .table-head span,.qq-data-table .table-head button{text-align:center}.qq-data-table .table-head span:first-child,.qq-data-table .table-head button:first-child{text-align:left}.table-body{min-width:0}.table-row{border-bottom:1px solid var(--color-divider);min-height:50px;transition:background-color var(--motion);padding:8px 12px}.table-row:last-child{border-bottom:0}.table-row>*{min-width:0}.table-row:hover{background:#f5faf8}.table-row.clickable{cursor:pointer}.table-row.clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.table-row.clickable:active{background:#e8f5f0}.tags-cell{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.cell-text{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 6px;min-width:0;display:grid}.cell-text strong{min-width:0;color:var(--ink-strong);font-weight:640}.cell-text small{color:var(--text-subtle);font-size:var(--text-xs);grid-column:1/-1}.video-thumb-cell{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.video-thumb{border:1px solid var(--line);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-icon);background:#f2f5f4;place-items:center;display:grid;overflow:hidden}.video-thumb img,.video-thumb video{object-fit:cover;width:100%;height:100%}.video-thumb video::-webkit-media-controls{display:none!important}.source-identity{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.source-avatar{border:1px solid var(--line);width:34px;height:34px;color:var(--color-brand);background:var(--color-brand-subtle);font-size:var(--text-sm);border-radius:50%;place-items:center;font-weight:760;display:grid;overflow:hidden}.source-avatar img{object-fit:cover;width:100%;height:100%}.source-avatar-large{width:48px;height:48px;font-size:1.05rem}.source-profile-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.channel-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.channel-avatar-initial{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:inline-flex}.platform-pill{border:1px solid var(--color-divider);border-radius:var(--radius-pill);width:fit-content;min-height:24px;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;background:#f6f8f7;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.code-cell{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;display:inline-grid}.code-cell code,.mono,.mono-values .key-value span{color:var(--ink-soft);font-family:var(--font-data);font-variant-numeric:tabular-nums;font-size:.82rem}.code-cell code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copy-button{width:24px;min-width:24px;height:24px;min-height:24px;color:var(--text-muted);box-shadow:none;background:0 0;border-color:#0000;place-items:center;padding:0;display:inline-grid}.copy-button:hover,.copy-button.copied{border-color:var(--color-divider);color:var(--color-brand);background:var(--color-brand-subtle)}.row-actions button{min-height:32px}.table-row>button{border-color:var(--color-divider);color:var(--text-muted);box-shadow:none;background:0 0;gap:4px;padding:0 8px}.primary-action{border-color:var(--color-brand);color:var(--color-white);background:var(--gradient-brand);box-shadow:0 6px 14px #0f766e24}.primary-action:hover{border-color:var(--color-brand-hover);color:var(--color-white);background:linear-gradient(135deg,#0c625c 0%,#10957f 100%);box-shadow:0 8px 18px #0f766e2e}.primary-action:active{background:#0f4b40;border-color:#0f4b40}.secondary-action{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 3px #0000000f}.secondary-action:hover{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-surface)}.secondary-action:disabled{border-color:var(--color-divider);color:var(--text-faint);box-shadow:none;cursor:not-allowed;opacity:1;background:#f4f6f5}.drawer-sync-actions{flex-wrap:wrap;gap:8px;display:flex}.source-videos-header{align-items:center;gap:14px;padding:8px 0 4px;display:flex}.source-videos-actions{flex-wrap:wrap;gap:10px;padding:6px 0 12px;display:flex}.import-video-section{margin-bottom:16px}.import-video-row{align-items:center;gap:8px;display:flex}.import-video-input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:5px;flex:1;padding:6px 10px;font-size:.85rem}.import-video-input::placeholder{color:var(--text-muted);opacity:.7}.import-video-error{color:#b91c1c;margin:6px 0 0;font-size:.82rem}.selection-actions{gap:10px;padding:6px 0 12px;display:flex}.danger-action{color:#b91c1c;box-shadow:none;background:#fff5f5;border-color:#fecaca}.danger-action:hover{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.table-footer{color:var(--text-muted);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.table-footer button{min-height:30px}.workflow-lanes{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:relative;overflow:hidden}.workflow-lanes:before{display:none}.workflow-step{border-right:1px solid var(--color-divider);background:var(--surface);min-width:0;padding:10px;position:relative}.workflow-step:after{content:"";z-index:1;border-top:1px solid var(--color-divider);border-right:1px solid var(--color-divider);background:var(--surface);width:9px;height:9px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)rotate(45deg)}.workflow-step:last-child{border-right:0}.workflow-step:last-child:after{display:none}.workflow-step-title{align-items:center;gap:7px;min-width:0;display:flex}.workflow-step-title>span:not(.icon-tile){color:var(--color-brand);font-size:.74rem;font-weight:720}.workflow-icon{z-index:2;color:#758681;border-color:var(--color-divider);background:#f4f7f6;width:30px;height:30px;position:relative}.workflow-active .workflow-icon,.workflow-active .workflow-step-title>span:not(.icon-tile){color:var(--color-brand)}.workflow-warning .workflow-icon,.workflow-warning .workflow-step-title>span:not(.icon-tile){color:var(--color-warning)}.workflow-danger .workflow-icon,.workflow-danger .workflow-step-title>span:not(.icon-tile){color:var(--color-danger)}.workflow-active .workflow-icon{background:var(--gradient-icon);border-color:#0f766e29}.workflow-warning .workflow-icon{border-color:var(--tone-warning-line);background:var(--tone-warning-bg)}.workflow-danger .workflow-icon{border-color:var(--tone-danger-line);background:var(--tone-danger-bg)}.workflow-step strong{color:var(--ink-strong);font-family:var(--font-data);font-variant-numeric:tabular-nums;margin-top:5px;font-size:1.34rem;font-weight:700;line-height:1;display:block}.workflow-step small{color:var(--text-muted);margin-top:5px;display:block}.compact-status{border-radius:var(--radius-sm);color:var(--tone-success-text);background:linear-gradient(135deg,#eef9f4 0%,#f8fcfa 100%);border:1px solid #c8e4d9bf;align-items:center;gap:8px;margin-bottom:8px;padding:7px 8px;display:flex;box-shadow:inset 0 1px #ffffffb3}.key-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.key-value{border-radius:var(--radius-sm);background:#f7f9f8;border:0;gap:3px;min-width:0;min-height:42px;padding:7px 8px;display:grid}.key-value small{color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:5px;font-weight:680;display:inline-flex}.key-value small svg{color:var(--color-icon)}.key-value span{color:var(--text)}.activity-list,.quick-actions{gap:0;display:grid}.activity-item{border-radius:var(--radius-sm);background:#f7f9f8;border:0;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 9px;display:flex}.activity-item div{min-width:0}.activity-item strong,.activity-item span{min-width:0;display:block}.activity-item strong{color:var(--text);font-weight:670}.activity-item span{color:var(--text-muted);font-size:var(--text-sm)}.quick-actions button{border:0;border-bottom:1px solid var(--color-divider);min-height:36px;box-shadow:none;text-align:left;background:0 0;border-radius:0;grid-template-columns:28px minmax(0,1fr) auto;justify-content:stretch;padding:5px 7px;display:grid}.quick-actions{border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:#fbfcfb;overflow:hidden}.quick-actions button:last-child{border-bottom:0}.quick-action-icon{border-color:var(--color-divider);width:26px;height:26px;color:var(--color-icon);background:var(--surface)}.quick-action-label{align-self:center;min-width:0;font-weight:560}.quick-action-arrow{color:var(--text-subtle);transition:color var(--motion), transform var(--motion);align-self:center}.quick-actions button:hover .quick-action-icon{color:var(--color-brand)}.quick-actions button:hover .quick-action-arrow{color:var(--color-brand);transform:translate(2px)}.thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.thumb-item{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-card);gap:8px;padding:10px;display:grid}.thumb-preview{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--color-brand);background:var(--color-brand-soft);place-items:center;gap:4px;font-weight:760;display:grid}.meta-line{color:var(--text-muted);font-size:var(--text-sm);gap:8px;display:flex}.section-block{gap:10px;margin-top:4px;display:grid}.check-cell{align-items:center;gap:8px;min-width:0;display:inline-flex}.check-cell input{width:16px;min-width:16px;height:16px;min-height:16px;accent-color:var(--color-brand)}.progress-cell{gap:5px;min-width:0;display:grid}.progress-cell>span:first-child{color:var(--text-muted);font-size:var(--text-sm)}.progress-track{border-radius:var(--radius-pill);background:var(--surface-sunken);height:5px;overflow:hidden}.progress-track span{background:var(--color-brand);height:100%;display:block}.drawer-layer{z-index:100;grid-template-columns:1fr minmax(420px,540px);display:grid;position:fixed;inset:0}.drawer-scrim{width:100%;height:100%;min-height:0;box-shadow:none;background:#18201e47;border:0;border-radius:0}.drawer{border-left:1px solid var(--line-strong);background:var(--paper);grid-template-rows:auto 1fr;min-width:0;height:100vh;display:grid;box-shadow:-18px 0 42px #18201e1f}.drawer-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:12px 14px;display:flex}.drawer-header h2{font-size:1.1rem;font-weight:730}.drawer-body{min-width:0;padding:14px;overflow:auto}.drawer-form{gap:10px;display:grid}.drawer-summary{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);justify-content:space-between;padding:10px;display:flex}.system-pill,.status-badge{border:1px solid var(--line);border-radius:var(--radius-pill);width:fit-content;min-height:24px;font-size:var(--text-xs);white-space:nowrap;align-items:center;padding:3px 8px;font-weight:720;line-height:1.2;display:inline-flex}.system-pill{background:var(--surface);gap:7px;min-height:32px}.system-pill>span{background:currentColor;border-radius:50%;width:7px;height:7px}.tone-success{border-color:var(--tone-success-line);color:var(--tone-success-text);background:var(--tone-success-bg)}.tone-warning{border-color:var(--tone-warning-line);color:var(--tone-warning-text);background:var(--tone-warning-bg)}.tone-danger{border-color:var(--tone-danger-line);color:var(--tone-danger-text);background:var(--tone-danger-bg)}.tone-info{border-color:var(--tone-info-line);color:var(--tone-info-text);background:var(--tone-info-bg)}.tone-neutral{border-color:var(--tone-neutral-line);color:var(--tone-neutral-text);background:var(--tone-neutral-bg)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.muted{color:var(--text-muted)}.error,.loading,.empty{border-radius:var(--radius-sm);margin:0;padding:8px 10px}.error{border:1px solid var(--tone-danger-line);color:var(--tone-danger-text);background:var(--tone-danger-bg)}.loading,.empty{border:1px solid var(--line);color:var(--text-muted);background:var(--surface-muted)}.loading{position:relative;overflow:hidden}.loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff85,#0000);animation:1.45s ease-in-out infinite loading-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes loading-sheen{to{transform:translate(100%)}}@media (width<=1100px){:root{--sidebar:204px}.priority-grid,.workflow-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.status-strip,.span-8,.span-6,.span-4,.span-3{grid-column:span 6}.workflow-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-lanes:before{display:none}.workflow-step{border-bottom:1px solid var(--color-divider)}.workflow-step:after{display:none}.thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.sidebar-brand,.sidebar-footer{display:none}.side-nav{padding:8px;display:flex;overflow-x:auto}.side-nav button{flex:none;min-width:88px;min-height:42px}.side-nav button small{display:none}.appbar{min-height:54px;padding:0 10px}.content-shell{width:min(100vw - 20px,720px);padding-top:10px}.page-header,.section-heading{flex-direction:column;align-items:stretch}.priority-grid,.workflow-grid{grid-template-columns:1fr}.status-strip,.span-8,.span-6,.span-4,.span-3{grid-column:auto}.status-strip,.status-strip dl,.key-value-grid,.workflow-lanes,.thumb-grid{grid-template-columns:1fr}.status-strip dl div{border-left:0;padding-left:0}.data-table{overflow-x:auto}.table-head,.table-row{min-width:760px}.drawer-layer{grid-template-columns:1fr}.drawer-scrim{display:none}.drawer{width:100vw}}@media (width<=420px){.side-nav button{grid-template-columns:28px;justify-content:center;justify-items:center;min-width:44px}.side-nav .nav-copy{display:none}}.video-browser{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:0;display:grid;overflow:hidden}.video-browser-toolbar{border-bottom:1px solid var(--line);background:#f6f8f7;align-items:center;gap:12px;min-height:34px;padding:0 12px;display:flex}.video-browser-toolbar .check-cell{color:var(--text-muted);font-size:.82rem;font-weight:650}.video-browser-row{border-bottom:1px solid var(--color-divider);cursor:pointer;min-height:50px;transition:background-color var(--motion);grid-template-columns:32px 48px minmax(0,1fr) 100px 90px;align-items:center;gap:10px;padding:8px 12px;display:grid}.video-browser-row:last-of-type{border-bottom:0}.video-browser-row:hover{background:#f5faf8}.video-browser-row.video-row-locked{cursor:not-allowed;opacity:.5}.video-browser-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand);margin:0}.video-browser-cover{background:var(--color-divider);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.video-browser-cover img{object-fit:cover;width:100%;height:100%}.video-browser-cover .cover-fallback{color:var(--text-muted)}.load-more-button{border:0;border-top:1px solid var(--line);width:100%;min-height:38px;color:var(--text-muted);background:var(--surface-muted);cursor:pointer;border-radius:0;padding:0;font-weight:650}.load-more-button:hover{color:var(--color-brand);background:var(--color-brand-subtle)}.load-more-button:disabled{cursor:default;opacity:.5}.video-card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:0;display:grid}.video-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.video-card:hover{border-color:var(--color-brand);box-shadow:0 4px 18px #0f766e1a}.video-card-selected{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-subtle)}.video-card-locked{opacity:1}.video-card-check{z-index:2;background:#00000073;border-radius:4px;padding:3px 4px 3px 3px;position:absolute;top:10px;left:10px}.video-card-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand);cursor:pointer}.video-card-cover{aspect-ratio:16/9;background:var(--surface-muted);position:relative;overflow:hidden}.video-card-cover .cover-play-button{z-index:3;color:#fff;cursor:pointer;pointer-events:auto;opacity:0;background:#0009;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:.76rem;line-height:1;transition:opacity .15s,background .15s;display:inline-flex;position:absolute;top:8px;right:8px}.video-card-cover:hover .cover-play-button{opacity:1}.video-card-cover .cover-play-button:hover{background:#000c}.video-card-cover img,.video-card-cover video{object-fit:contain;background:var(--surface);width:100%;height:100%}.video-card-cover video::-webkit-media-controls{display:none!important}.video-card-cover video::-moz-media-controls{display:none!important}.video-card-cover video{pointer-events:none}.video-card-cover-media{width:100%;height:100%;position:relative}.video-card-cover .cover-fallback{color:var(--text-muted);margin:auto;position:absolute;inset:0}.video-card-duration{color:#fff;background:#000000b8;border-radius:4px;padding:2px 7px;font-size:.75rem;font-weight:650;line-height:1.4;position:absolute;bottom:8px;right:8px}.video-card-copied-tip{color:#fff;letter-spacing:.3px;z-index:2;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;animation:1.2s ease-out forwards video-card-copied-fade;display:flex;position:absolute;inset:0}@keyframes video-card-copied-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.video-card-body{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.video-card-title{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.video-card-title a{color:inherit;text-decoration:none}.video-card-title a:hover{color:var(--color-brand)}.sort-select{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:.82rem}.publish-preview{border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;margin-bottom:12px;padding:10px 12px}.publish-preview-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.publish-preview-toggle{color:var(--ink-strong);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:inline-flex}.publish-preview-toggle strong{font-weight:640}.publish-preview-controls{align-items:center;gap:8px;display:inline-flex}.publish-preview-body{gap:12px;margin-top:10px;display:grid}.publish-preview-tagstats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.publish-preview-tagstats-label{color:var(--text-subtle);margin-right:2px;font-size:.8rem}.tagstats-chip{cursor:default}.publish-preview-tagstats [role=button]{cursor:pointer}.publish-preview-tagstats [role=button]:hover{filter:brightness(.96)}.publish-status-cell{white-space:nowrap}.publish-preview-batch{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;padding:10px 12px;display:grid}.publish-preview-batch-head{border-bottom:1px dashed var(--line);cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:6px;display:flex}.publish-preview-batch-head:hover{color:var(--ink-strong)}.publish-preview-channel{grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.publish-preview-channel-name{color:var(--ink-strong);overflow-wrap:anywhere;font-size:.88rem;font-weight:600}.publish-preview-picks{gap:6px;min-width:0;display:grid}.publish-preview-pick{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:6px 8px;font-size:.83rem;display:grid}.publish-preview-thumb{border:1px solid var(--line);width:64px;height:64px;color:var(--color-icon);cursor:pointer;background:#f2f5f4;border-radius:8px;place-items:center;padding:0;display:grid;overflow:hidden}.publish-preview-thumb img,.publish-preview-thumb video{object-fit:cover;width:100%;height:100%}.publish-preview-pick-meta{gap:4px;min-width:0;display:grid}.publish-preview-pick-head{align-items:center;gap:6px;min-width:0;display:inline-flex}.publish-preview-pick-head .truncate{max-width:320px}.publish-preview-exclude-btn{width:20px;height:20px;color:var(--tone-danger-text);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;place-items:center;margin-left:auto;padding:0;transition:opacity .15s;display:inline-grid}.publish-preview-pick:hover .publish-preview-exclude-btn{opacity:1}.publish-preview-exclude-btn:hover{background:var(--tone-danger-bg)}.publish-preview-excluded{border:1px dashed var(--tone-danger-line);background:var(--surface);border-radius:8px;gap:6px;padding:8px 10px;display:grid}.publish-preview-excluded-item{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.publish-preview-excluded-meta{align-items:center;gap:8px;min-width:0;display:inline-flex}.publish-preview-excluded-meta .truncate{max-width:340px}.publish-preview-note{font-size:.8rem}.publish-filters{align-items:center;gap:8px;margin-bottom:12px;display:flex}.publish-filters input[type=search]{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;flex:0 220px;padding:4px 10px;font-size:.85rem}.publish-filters input[type=search]::placeholder{color:var(--text-muted)}.page-nav{justify-content:center;align-items:center;gap:12px;padding:14px 0 4px;display:flex}.page-nav-info{color:var(--text-muted);text-align:center;min-width:70px;font-size:.88rem;font-weight:600}.video-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.video-card-partition{color:var(--color-brand);background:var(--color-brand-subtle);border-radius:3px;padding:1px 7px;font-size:.72rem;font-weight:600}.video-card-stats{color:var(--text-muted);gap:10px;font-size:.78rem;display:flex}.video-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.video-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}@media (width<=700px){.video-card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-shell{background:var(--color-page);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;width:min(400px,100%);padding:32px 28px;box-shadow:0 12px 32px #17201e14}.login-brand{margin-bottom:8px}.login-brand span{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:0;font-weight:680}.login-brand strong{color:var(--ink-strong);font-family:var(--font-display);margin-top:4px;font-size:1.42rem;font-weight:740;line-height:1;display:block}.login-subtitle{color:var(--color-text-muted);margin:0 0 20px;font-size:.92rem}.login-form{gap:14px;display:grid}.login-form label{color:var(--color-text-muted);font-size:var(--text-xs);gap:6px;font-weight:620;display:grid}.login-form input{border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:9px 11px;font-size:.95rem}.login-form input:focus{outline:2px solid var(--color-brand-cyan);outline-offset:-1px;border-color:#0000}.login-form .primary-action{margin-top:4px}.login-panel{border:1px dashed var(--color-line-strong);background:var(--color-surface-muted);border-radius:10px;gap:10px;padding:16px;display:grid}.login-hint{color:var(--color-text-muted);font-size:var(--text-xs);margin:0}.login-command{background:var(--color-surface-sunken);color:var(--color-text);white-space:nowrap;border-radius:8px;padding:9px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;display:block;overflow-x:auto}
