@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#17243e;background:#f5f7fb;font-synthesis:none;--blue:#315af3;--navy:#102440;--muted:#748096;--line:#e6ebf3;--radius:16px}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #85a7ff;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #dce2ed;border-radius:9px;padding:12px 14px;background:white;color:#17243e;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #315af315}label{display:block;font-size:.875rem;font-weight:550;margin:22px 0 0}label input,label textarea,label select{margin-top:9px}button{border:0}button.primary,.primary{background:var(--blue);color:white;border:1px solid var(--blue);border-radius:9px;padding:12px 18px;font-weight:550}.secondary{background:white;border:1px solid #dce2ed;border-radius:9px;padding:12px 18px;color:#23314c}.wide{width:100%}.muted{color:var(--muted);line-height:1.7}.error{color:#b42338;font-size:.875rem;line-height:1.6}.error:empty{display:none}.brand{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;white-space:nowrap}.brand>span:last-child:not(.brand-mark){font-weight:400;opacity:.6}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;width:36px;height:36px;border-radius:10px;font-size:1.5rem;font-weight:800}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:var(--navy);color:white;padding:46px 9%;display:flex;flex-direction:column}.story-copy{margin:auto 0;padding:65px 0}.eyebrow,.label-blue{font-size:.75rem;font-weight:600;letter-spacing:.15em}.eyebrow{color:#9eb5d5}.story-copy h1{font-size:clamp(2.8rem,4.4vw,4.8rem);line-height:1.2;letter-spacing:-.055em;font-weight:650;margin:26px 0}.story-copy h1>span{color:#7394ff}.story-copy>p:not(.eyebrow){color:#b6c5db;line-height:1.85}.pipeline-preview{display:flex;gap:14px;align-items:center;margin-top:50px}.pipeline-preview>div{flex:1;display:flex;flex-direction:column;gap:13px}.pipeline-preview b{font-size:.875rem}.pipeline-preview small{font-size:.75rem;color:#a5b8d3;line-height:1.7}.pipeline-preview i{font-style:normal;color:#7a8eaf}.platform{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;font-size:1.3rem;font-weight:700;background:#edf2ff;color:#305af4}.platform.douyin,.platform.tiktok{background:#212c40;color:white}.platform.facebook{background:#e7efff;color:#1877f2}.platform.youtube{background:#ffeded;color:#e54040}.platform.transform{background:#dfe8ff;color:#5277f9}.story-footer{color:#8094b1;font-size:.75rem;letter-spacing:.12em}.login-panel{display:flex;align-items:center;justify-content:center;background:white;padding:48px 10%}.login-panel form{width:100%;max-width:390px}.label-blue{color:var(--blue)}.login-panel h2{font-size:1.8rem;letter-spacing:-.04em;margin:17px 0 8px}.login-panel .muted{font-size:.875rem;margin-bottom:30px}.login-panel details{margin:18px 0 24px;font-size:.875rem;color:#64728a}.login-panel summary{cursor:pointer}.login-divider{text-align:center;border-top:1px solid var(--line);margin:30px 0 23px;height:1px}.login-divider span{font-size:.75rem;background:white;position:relative;top:-11px;padding:0 12px;color:var(--muted)}.login-note{text-align:center;font-size:.75rem;line-height:1.9;color:#8490a3;margin-top:25px}.initial{padding:60px;max-width:1000px;margin:auto}.initial .pipeline-preview>div{background:white;padding:30px;border-radius:16px}.initial small{color:#748096}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#12243e;color:white;padding:14px 24px;border-radius:12px;box-shadow:0 10px 40px #11243e25;z-index:20;max-width:90vw;display:none;font-size:.875rem}#toast.show{display:block}@media(max-width:800px){.login{grid-template-columns:1fr}.login-story{padding:25px}.story-copy{padding:25px 0 12px}.story-copy h1{font-size:2.7rem}.story-copy>p:not(.eyebrow),.story-footer,.login-story .pipeline-preview{display:none}.login-panel{padding:35px 25px}.eyebrow{display:none}}
.workspace{min-height:100vh;display:flex}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#102440;color:#aabbd2;display:flex;flex-direction:column;padding:29px 18px;z-index:5}.sidebar .brand{color:white;padding:0 12px;gap:12px;font-size:1.4rem}.workspace-label{font-size:.75rem;letter-spacing:.15em;padding:37px 14px 15px;color:#6f89ac}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:14px;text-align:left;padding:14px;border-radius:9px;color:inherit;background:transparent;font-size:.875rem;font-weight:450}.sidebar nav button svg{color:#7994b7}.sidebar nav button:hover{background:#ffffff08;color:white}.sidebar nav button.selected{background:#315af3;color:white;box-shadow:0 5px 18px #0002}.sidebar nav button.selected svg{color:white}.nav-divider{margin:19px 12px 10px;border-top:1px solid #243852}.sidebar-bottom{margin-top:auto;padding:30px 10px 0}.connected{display:flex;gap:11px;align-items:center;padding:18px 0;color:#8da7c6}.connected strong{font-weight:500;font-size:.75rem;color:#c6d4e5}.connected small{display:block;font-size:.75rem;margin-top:5px}.user-button{border-top:1px solid #293b53;width:100%;display:flex;align-items:center;gap:11px;padding:20px 0 0;background:transparent;color:white;text-align:left;font-size:.875rem}.user-button small{display:block;color:#8da7c6;font-size:.75rem;margin-top:5px}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#dce6fe;color:#315af3;font-weight:650;flex-shrink:0}.main-wrap{margin-left:246px;min-width:0;flex:1}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{display:flex;align-items:center;gap:17px;font-size:.875rem;color:#8590a3}.breadcrumb b{color:#36425a;font-weight:500}.slash{color:#c5cdd9}.top-actions{display:flex;align-items:center;gap:17px}.mode-label{font-size:.75rem;color:#748096}.icon-button{padding:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:transparent;color:#7a87a0}.icon-button:hover{background:#edf2fc;color:var(--blue)}.mobile-menu{display:none}#content{padding:33px 38px 25px;max-width:1680px;margin:auto;min-height:calc(100vh - 150px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:29px}.page-heading h1{font-size:1.8rem;font-weight:650;letter-spacing:-.05em;margin:8px 0 10px}.page-heading .muted{font-size:.875rem;margin:0}.eyebrow.dark{font-size:.75rem;letter-spacing:.13em;color:#8895aa;margin:0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:23px}.stat-card{position:relative;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.stat-card>p{font-size:.875rem;color:#6d7a90;margin:0 34px 16px 0;line-height:1.7}.stat-card>strong{font-size:2.3rem;font-weight:600;letter-spacing:-.055em;display:block}.stat-card>small{display:block;color:#97a0b0;font-size:.75rem;margin-top:13px;line-height:1.6}.stat-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.stat-card .stat-icon{position:absolute;right:18px;top:18px}.blue{background:#edf1ff;color:#315af3}.purple{background:#f1edff;color:#8158db}.green{background:#e9f7f0;color:#268266}.amber{background:#fff4e3;color:#bd8120}.red{background:#ffeded;color:#c24759}.gray{background:#edf0f5;color:#78869a}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:23px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h2{font-size:1rem;letter-spacing:-.025em;font-weight:600;margin:0}.section-head p{font-size:.75rem;color:#8691a3;margin:8px 0 0;line-height:1.7}.tiny-label{font-size:.75rem;letter-spacing:.12em;color:#8e9aab;background:#f4f6fa;padding:6px 9px;border-radius:5px}.overview-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:23px}.flow-steps{display:flex;align-items:center;padding:6px 0 24px}.flow-steps>button{position:relative;display:flex;align-items:center;flex-direction:column;background:#f6f8fd;border:1px solid #eaf0fa;border-radius:13px;flex:1;padding:20px 8px;gap:12px;min-width:0;color:#2e4568}.flow-steps>button:hover{border-color:#8fa8ff;background:#f0f4ff}.flow-steps>button>svg{width:27px;height:27px;color:#4b72e8}.flow-steps b{font-size:.875rem;font-weight:550}.flow-steps small{font-size:.75rem;color:#8492a8}.step-no{position:absolute;top:9px;left:11px;font-size:.75rem;color:#a6b6ce}.flow-line{width:27px;border-top:2px dashed #dbe4f3}.flow-summary{font-size:.75rem;color:#8291a5;border-top:1px solid var(--line);padding-top:18px;display:flex;gap:8px;align-items:center}.attention{background:#fffdf9}.attention .section-head{margin-bottom:16px}.attention>strong{font-size:2.5rem;font-weight:550;letter-spacing:-.05em}.attention>p{font-size:.875rem;color:#8f8375;margin:8px 0 18px}.text-button{font-size:.8rem;background:transparent;color:var(--blue);font-weight:550;padding:0}.attention-foot{font-size:.75rem;line-height:1.7;color:#9c9387;border-top:1px solid #f0eade;margin-top:20px;padding-top:16px}.recent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.video-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:0;transition:transform .18s,box-shadow .18s}.video-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #16254309}.poster-button{display:block;width:100%;padding:0;background:transparent;text-align:left}.video-poster{height:146px;background:#e3eaf1;position:relative;display:grid;place-items:center;overflow:hidden}.video-poster.facebook{background:#dfe9f6}.video-poster.tiktok{background:#e7e5f0}.video-poster.youtube{background:#f1e5e2}.video-poster.douyin{background:#e3eee9}.poster-pattern{position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,#ffffff45 40%,#ffffff45 60%,transparent 60%)}.poster-play{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#ffffffc0;box-shadow:0 4px 15px #1429440a;color:#5d6e89}.poster-platform{position:absolute;left:12px;top:12px;font-size:.75rem;font-weight:550;background:#ffffffdf;color:#566982;padding:5px 8px;border-radius:5px}.duration{position:absolute;bottom:10px;right:11px;font-size:.75rem;background:#24344fc9;color:white;border-radius:4px;padding:4px 6px}.video-poster img{width:100%;height:100%;object-fit:cover}.video-card-body{padding:15px}.badge{font-size:.75rem;line-height:1.5;border-radius:5px;padding:5px 8px;font-weight:550;display:inline-flex;white-space:nowrap}.video-title{font-size:.875rem;font-weight:550;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;background:transparent;text-align:left;padding:0;margin:11px 0 15px;color:#253650;width:100%;min-height:46px}.video-meta{display:flex;justify-content:space-between;gap:7px;color:#8b97a9;font-size:.75rem;line-height:1.6}.video-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.mini-source{display:flex;align-items:center;gap:12px;background:transparent;padding:15px 0;text-align:left;border-top:1px solid var(--line);min-width:0}.mini-source>span:nth-child(2){flex:1;min-width:0}.mini-source b{font-size:.8rem;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-source small{font-size:.75rem;color:#8796a9;display:block;margin-top:5px}.app-footer{display:flex;justify-content:space-between;padding:0 38px 25px;font-size:.75rem;color:#a0acbd}.demo-banner{font-size:.75rem;padding:11px 38px;background:#eaf0ff;color:#5872ad;display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1.7}.demo-banner button{background:transparent;color:#315af3;font-size:.75rem;white-space:nowrap;font-weight:600}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:25px}.search-field{display:flex;align-items:center;border:1px solid #e0e5ef;border-radius:9px;background:white;padding:0 13px;color:#8a97aa;max-width:440px;flex:1}.search-field input{border:0;box-shadow:none;padding:13px 10px;font-size:.875rem;min-width:60px}.search-field kbd{color:#bcc5d2}.toolbar>select{width:auto;font-size:.8rem;max-width:220px;padding:13px}.result-count{margin-left:auto;font-size:.75rem;color:#8d99ab;white-space:nowrap}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.channel-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center}.card-title{display:block;background:transparent;font-size:1rem;text-align:left;font-weight:600;padding:0;color:#253650;margin:22px 0 7px;line-height:1.65}.channel-sub{font-size:.75rem;color:#8995a8;margin:6px 0;line-height:1.7}.channel-metrics{display:flex;gap:25px;margin:26px 0}.channel-metrics>div{flex:1}.channel-metrics span{display:block;font-size:.75rem;color:#8e9bad;margin-bottom:8px}.channel-metrics b{font-size:.875rem;font-weight:550}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.card-foot>span{display:flex;align-items:center;gap:5px;color:#99a4b4;font-size:.75rem}.card-foot svg{width:16px}.route-list{display:grid;gap:15px}.route-card{display:flex;align-items:center;gap:20px;background:white;border:1px solid var(--line);padding:23px;border-radius:var(--radius)}.route-end{display:flex;align-items:center;gap:13px;flex:1;min-width:0}.route-end small{font-size:.75rem;letter-spacing:.06em;color:#95a1b1;display:block;margin-bottom:8px}.route-end b{font-size:.875rem;font-weight:550;line-height:1.6;display:block}.route-link{display:flex;align-items:center;width:76px;gap:6px;color:#90a6d8}.route-link>span{flex:1;border-top:1px dashed #cbd5e6}.route-options{display:flex;flex-direction:column;gap:8px;font-size:.75rem;color:#8d99ab}.route-status{display:flex;align-items:center;gap:15px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.video-grid .video-poster{height:180px}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:#8995aa;border:1px dashed #d9e1ec;border-radius:12px;background:#ffffff70;width:100%}.empty>svg{width:36px;height:36px}.empty h3{font-size:1rem;color:#4c5e79}.empty p{font-size:.875rem;line-height:1.8}.notice{border:1px solid #e3e8f2;background:#f1f5fc;padding:15px 18px;border-radius:10px;font-size:.875rem;line-height:1.8;margin-bottom:20px;overflow-wrap:anywhere}.notice.error{background:#fff3f3;border-color:#ffdddd}.load-more{text-align:center;padding:30px}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:70px;color:#8390a6}.spinner{width:18px;height:18px;border:2px solid #dce5ff;border-top-color:#315af3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-panel{text-align:center}.avatar.large{width:64px;height:64px;font-size:1.7rem;margin:10px auto 20px}.profile-panel h2{font-size:1.2rem}.permissions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.permissions-grid .panel{margin:0}.permissions-grid h3{font-size:1rem;margin:0 0 22px}.permission-chips{display:flex;flex-wrap:wrap;gap:14px}.permission{font-size:.75rem;display:flex;align-items:center;gap:5px;color:#a3aebe}.permission svg{width:16px;height:16px}.permission.yes{color:#2d866e}dialog{padding:0;border:0;max-height:100dvh;height:100dvh;max-width:100vw;width:550px;margin:0 0 0 auto;background:white;color:#17243e;box-shadow:-15px 0 80px #0c24462a}dialog::backdrop{background:#0c1b3a66;backdrop-filter:blur(3px)}.drawer{height:100%;display:flex;flex-direction:column}.drawer-head{padding:27px 30px 23px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:1.2rem;margin:12px 0 0;line-height:1.6;word-break:break-word}.drawer-head .label-blue{font-size:.75rem}.drawer form{min-height:0;flex:1;display:flex;flex-direction:column}.drawer-body{padding:3px 30px 30px;overflow-y:auto;flex:1}.drawer-footer{padding:18px 30px;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:flex-end}.drawer-body .detail-status{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.detail-status .muted{font-size:.75rem}.toggle-field{display:flex;align-items:center;gap:12px;padding:6px 0;position:relative}.toggle-field>span:first-child{flex:1}.toggle-field input{position:absolute;right:0;width:40px;height:24px;opacity:0;z-index:1;cursor:pointer;margin:0}.toggle-track{width:40px;height:23px;background:#dce2ed;border-radius:14px;padding:3px;position:relative;display:block}.toggle-track:after{content:'';width:17px;height:17px;display:block;border-radius:50%;background:white;box-shadow:0 1px 4px #0001;transition:transform .15s}.toggle-field input:checked+.toggle-track{background:#315af3}.toggle-field input:checked+.toggle-track:after{transform:translateX(17px)}.toggle-field input:focus-visible+.toggle-track{outline:3px solid #9fb7ff}.toggle-field input:disabled+.toggle-track{opacity:.5}.drawer input:disabled,.drawer select:disabled,.drawer textarea:disabled{background:#f6f7fa;color:#8794a8}.field-help{font-size:.75rem;color:#8593a8;line-height:1.7}.video-player{width:100%;max-height:300px;background:#0f172a;border-radius:10px}.external-link{display:block;color:#315af3;font-size:.875rem;margin:18px 0}.drawer .video-poster{height:220px;border-radius:10px}
@media(min-width:1600px){.recent-grid .video-poster{height:185px}}
@media(max-width:1250px){.sidebar{width:220px;padding-inline:12px}.main-wrap{margin-left:220px}#content{padding:28px 25px}.topbar{padding-inline:25px}.stats-grid{gap:12px}.stat-card{padding:18px 15px}.stat-card>p{font-size:.75rem}.stat-card .stat-icon{right:12px;top:14px;width:27px;height:27px}.recent-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.recent-grid .video-poster{height:165px}.channel-grid{grid-template-columns:repeat(2,1fr)}.route-card{flex-wrap:wrap}.route-options{margin-left:52px}.route-status{margin-left:auto}.route-end{min-width:180px}.overview-grid{grid-template-columns:1.8fr 1fr}.flow-steps b{font-size:.75rem}.flow-steps small{font-size:.75rem}.source-strip{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.result-count{display:none}.permissions-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{width:200px}.main-wrap{margin-left:200px}.sidebar nav button{gap:10px;padding:13px 10px;font-size:.8rem}.sidebar .brand{font-size:1.2rem}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}.page-heading h1{font-size:1.6rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.attention{display:none}.channel-grid{grid-template-columns:1fr}.route-link{width:30px}.route-end{min-width:155px}.flow-steps b{font-size:.875rem}.flow-steps small{font-size:.75rem}.permissions-grid{grid-template-columns:1fr}.demo-banner{padding-inline:25px;flex-wrap:wrap;gap:4px}}
@media(max-width:650px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px;box-shadow:10px 0 40px #172b4b30}.sidebar.open{transform:translateX(0)}.main-wrap{margin-left:0}.mobile-menu{display:inline-flex}.topbar{height:66px;padding:0 16px}.breadcrumb{gap:9px;font-size:.8rem}.breadcrumb>span{display:none}.top-actions{gap:8px}.mode-label{display:none}#content{padding:25px 17px}.page-heading h1{font-size:1.55rem}.page-heading .muted{font-size:.8rem}.stats-grid{gap:10px}.stat-card>strong{font-size:1.9rem}.stat-card>small{font-size:.75rem}.stat-card>p{font-size:.75rem}.panel{padding:19px}.section-head{gap:10px}.section-head p{font-size:.75rem}.tiny-label{display:none}.flow-steps{gap:0}.flow-line{width:14px}.flow-steps b{font-size:.75rem}.flow-steps small{font-size:.75rem}.flow-summary{font-size:.75rem}.recent-grid,.video-grid{gap:12px}.recent-grid .video-poster,.video-grid .video-poster{height:130px}.video-card-body{padding:12px}.video-title{font-size:.8rem;margin-block:10px;min-height:43px}.video-meta{flex-direction:column;font-size:.75rem}.recent{padding:17px}.mini-source>.badge{font-size:.75rem}.mini-source b{font-size:.75rem}.demo-banner{padding:10px 17px;font-size:.75rem}.demo-banner button{font-size:.75rem}.toolbar{gap:9px}.search-field{flex-basis:100%;max-width:none}.toolbar>select{flex:1;max-width:none;min-width:0;padding:12px 9px;font-size:.75rem}.route-card{padding:17px;gap:12px}.route-end{min-width:115px;gap:8px}.route-end .platform{width:30px;height:30px;font-size:1rem;flex-shrink:0}.route-end b{font-size:.75rem}.route-end small{font-size:.75rem}.route-link{width:20px}.route-options{margin-left:0;font-size:.75rem}.route-status{gap:4px}.app-footer{padding:0 17px 22px;font-size:.75rem;gap:12px}.drawer-head{padding:23px}.drawer-body{padding:0 23px 25px}.drawer-footer{padding:16px 23px}.loading{padding:50px 15px}.channel-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sidebar nav button,.toolbar>select,.text-button,.card-title,.route-end b,.video-title,.channel-metrics b{font-size:.875rem}.badge{font-size:.75rem}.stat-card>p{min-height:42px}.stat-card>small{line-height:1.7}.attention{min-width:0}
/* Shared query controls: explicit dimensions avoid native select differences. */
.filter-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:24px}.filter-panel .toolbar{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(150px,1fr));align-items:center;gap:12px;margin:0}.filter-panel .search-field{max-width:none;width:100%;height:46px;margin:0;padding:0 13px;display:flex;border-radius:10px}.filter-panel .search-field input{margin:0;height:44px;padding:0 10px;font-size:.875rem;font-weight:400;line-height:44px}.filter-panel .toolbar>select,.pagination select,.drawer select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%236d7d96' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:38px}.filter-panel .toolbar>select{height:46px;max-width:none;width:100%;padding-top:0;padding-bottom:0;border-radius:10px;font-size:.875rem;line-height:normal;margin:0}.filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line);color:#7d8ba2;font-size:.875rem}.view-switch{display:inline-flex;gap:4px;background:#f3f5fa;border-radius:9px;padding:4px}.view-switch button{display:flex;align-items:center;gap:7px;background:transparent;color:#728097;border-radius:6px;padding:8px 12px;font-size:.875rem}.view-switch button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 1px 5px #1232}.pagination{display:flex;align-items:center;gap:22px;justify-content:space-between;flex-wrap:wrap;margin:24px 0;font-size:.875rem;color:#738198}.pagination label{margin:0;display:flex;align-items:center;gap:10px;font-weight:400}.pagination label select,.pagination label input{margin:0;width:80px;height:40px;padding:8px 11px}.pagination label select{padding-right:28px;background-position:right 8px center}.page-controls{display:flex;align-items:center;gap:12px}.page-controls .secondary{font-size:.875rem;padding:10px 14px}.page-jump input{max-width:65px}.channel-card .card-title{margin-top:16px}.source-url{font-size:.875rem;color:#4168d6;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px 0 12px}.card-facts{display:grid;gap:11px;margin:16px 0;font-size:.875rem}.card-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.card-facts dt{color:#7a88a0;line-height:1.65}.card-facts dd{font-weight:550;margin:0;text-align:right;overflow-wrap:anywhere}.card-note{font-size:.875rem;line-height:1.75;background:#f7f9fc;border-radius:8px;padding:11px 13px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow:auto}.linked-channels{padding-top:15px;border-top:1px solid var(--line);margin-top:17px;margin-bottom:18px}.detail-label{font-size:.75rem;letter-spacing:.06em;color:#8a98ae;display:block;margin-bottom:10px}.linked-channels>div{display:flex;gap:7px;flex-wrap:wrap}.linked-channels .muted{font-size:.875rem}.relation-chip{display:flex;gap:7px;flex-wrap:wrap;align-items:center;text-align:left;background:#edf2fd;color:#4a63a0;padding:7px 9px;border-radius:6px;font-size:.8rem;line-height:1.5}.relation-chip small{font-size:.75rem;color:#7e90b5}.card-foot{gap:12px}.card-foot>span{font-size:.75rem}.post-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kind-label{font-size:.75rem;color:#7a86a1;padding:4px 7px;border:1px solid #e8ecf4;border-radius:5px}.video-meta{font-size:.8rem;flex-wrap:wrap}.post-time{font-size:.8rem;display:flex;align-items:flex-start;gap:6px;line-height:1.6;color:#8795aa;margin:13px 0 8px}.post-time svg{width:15px;height:17px;flex-shrink:0}.post-url{font-size:.875rem;color:var(--blue);display:inline-block;line-height:1.6}.views-count{color:#46639e;font-weight:550}.record-list{display:grid;gap:13px}.record-list .channel-card{display:grid;grid-template-columns:190px minmax(230px,1fr) minmax(180px,.8fr);column-gap:24px;padding:20px 24px}.record-list .card-top{grid-column:1;gap:10px;justify-content:flex-start}.record-list .channel-identity{grid-column:1}.record-list .channel-detail{grid-column:2;grid-row:1/4}.record-list .linked-channels{grid-column:3;grid-row:1/4;margin:0;border-top:0;border-left:1px solid var(--line);padding:0 0 0 22px}.record-list .card-foot{grid-column:1;margin-top:15px}.record-list .card-note{margin-bottom:0}.record-list .video-card{display:grid;grid-template-columns:190px 1fr}.record-list .video-poster{height:100%;min-height:155px}.record-list .video-card-body{padding:20px 24px;display:grid;grid-template-columns:1fr auto;gap:7px 20px}.record-list .video-title{min-height:0;margin:0;grid-column:1/-1;-webkit-line-clamp:1}.record-list .video-meta{grid-column:1;font-size:.875rem}.record-list .post-time{grid-column:2;grid-row:1;margin:0}.record-list .post-url{grid-column:2;grid-row:3;text-align:right}.record-list .route-card{margin:0}.destination-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.destination-actions .field-help{flex-basis:100%;margin:0}.danger-outline{background:white;border:1px solid #edc0c7;border-radius:9px;padding:12px 15px;color:#b63749;font-size:.875rem}.picker-more{display:block;margin-top:9px}.drawer input[type=search]{margin-bottom:2px}.record-list .channel-sub{font-size:.875rem}.channel-detail{min-width:0}.record-list .channel-card .card-title{overflow-wrap:anywhere}.record-list .card-foot{flex-wrap:wrap}.record-list .video-card .poster-button{min-height:160px}
@media(max-width:1200px){.filter-panel .toolbar{grid-template-columns:1fr 1fr}.record-list .channel-card{grid-template-columns:180px 1fr}.record-list .linked-channels{grid-column:1/-1;grid-row:auto;border:0;border-top:1px solid var(--line);padding:16px 0 0;margin-top:15px}.record-list .video-card-body{grid-template-columns:1fr}.record-list .post-time,.record-list .post-url{grid-column:1;grid-row:auto;text-align:left}.pagination{gap:15px}.page-controls{flex:1;justify-content:flex-end}}
@media(max-width:700px){.filter-panel{padding:14px}.filter-panel .toolbar{grid-template-columns:1fr 1fr;gap:10px}.filter-panel .search-field{grid-column:1/-1}.filter-panel .toolbar>select{font-size:.8rem;min-width:0;padding-left:10px;padding-right:29px;background-position:right 9px center}.filter-panel .toolbar>select:last-child{grid-column:1/-1}.filter-bottom{font-size:.8rem}.view-switch button{font-size:.8rem;padding:8px}.view-switch svg{width:16px}.pagination{align-items:flex-start}.page-controls{flex-basis:100%;justify-content:space-between}.page-jump{font-size:.8rem}.record-list .channel-card{display:block;padding:20px}.record-list .linked-channels{margin-top:16px}.record-list .video-card{grid-template-columns:100px 1fr}.record-list .video-poster{min-height:190px}.record-list .video-card-body{padding:15px;gap:10px}.record-list .video-title{-webkit-line-clamp:3;line-height:1.7}.record-list .video-poster .poster-platform{left:7px;top:7px;font-size:.65rem;padding:4px}.record-list .video-poster .duration{right:7px;bottom:7px}.card-facts{font-size:.875rem}.post-time{font-size:.8rem}.video-grid{grid-template-columns:1fr}.record-list .video-meta{font-size:.8rem}}
.recent-posts{margin:18px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.recent-posts .detail-label{font-size:.75rem;letter-spacing:.035em;line-height:1.6}.recent-post-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0}.recent-post-stats>div{min-width:0}.recent-post-stats dt{font-size:.8rem;color:#7b889d;line-height:1.6;min-height:2.6em}.recent-post-stats dd{font-size:1.5rem;font-weight:650;margin:7px 0 0;font-variant-numeric:tabular-nums}.recent-success dd{color:#268266}.recent-pending dd{color:#b1761d}.recent-merge dd{color:#6c57bb}
.copy-input{display:flex;align-items:center;position:relative;margin-top:9px}.copy-input input{margin-top:0;padding-right:78px;min-width:0}.copy-secret{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:#edf2ff;color:#315af3;border:1px solid #dce6ff;border-radius:7px;padding:8px 11px;font-size:.8rem;font-weight:550}.copy-secret:hover:not(:disabled){background:#e1eaff}.copy-secret:disabled{opacity:.4}.masked-key-field input[readonly]{background:#f5f7fb;color:#66748b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;cursor:default}.masked-key-field details{margin-top:10px;font-size:.8rem;color:#647693}.masked-key-field summary{cursor:pointer}.masked-key-field details label{margin-top:12px}