:root{color:#182033;background:#f6f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #0f5bff;--primary-strong: #0047df;--primary-soft: #eef4ff;--text: #182033;--muted: #69758a;--border: #dde5ef;--panel: #ffffff;--page: #f6f8fc;--success-bg: #e8f8ef;--success-text: #12834d;--danger-bg: #fff0f1;--danger-text: #d92d45;--warning-bg: #fff8e6;--warning-text: #9a6200;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(31, 45, 66, .06);--shadow-md: 0 10px 30px rgba(31, 45, 66, .04);--shadow-lg: 0 18px 48px rgba(31, 45, 66, .1);--live: #e0245e;--live-soft: #ffe6ee}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.66}.auth-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at 34% 20%,rgba(15,91,255,.1),transparent 30%),linear-gradient(135deg,#f7fbff,#f3f7ff 48%,#fff);overflow:hidden;padding:48px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,440px);align-items:center;gap:clamp(36px,7vw,108px);width:min(1120px,100%);min-height:min(720px,calc(100vh - 96px));z-index:1}.auth-top-actions{position:absolute;top:26px;right:38px;display:flex;align-items:center;gap:14px;color:#526077;font-size:13px;font-weight:700;z-index:2}.auth-top-actions>span{width:1px;height:16px;background:#d9e2ef}.auth-top-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;padding:4px 0;font-weight:700}.auth-top-button:hover{color:var(--primary)}.language-switcher{display:inline-flex;align-items:center;gap:7px;color:inherit;font-size:13px;font-weight:700}.language-options{display:inline-grid;grid-template-columns:repeat(2,minmax(38px,1fr));gap:2px;border:1px solid #dbe5f2;border-radius:8px;background:#eef4ff;padding:2px}.language-options button{min-width:38px;min-height:28px;border:0;border-radius:6px;background:transparent;color:#526077;padding:4px 8px;font:inherit;font-size:12px;line-height:1}.language-options button:hover,.language-options button.active{background:#fff;color:var(--primary)}.language-options button.active{box-shadow:0 1px 3px #0f5bff24}.language-options button:focus-visible{outline:0;border-radius:6px;box-shadow:0 0 0 3px #0f5bff2e}.language-switcher-auth .language-options{background:#eef4ffc7}.auth-hero{position:relative;display:grid;gap:28px;min-height:640px;min-width:0;padding:8px 0 34px}.auth-logo{display:inline-flex;align-items:center;gap:10px;color:#0d172a;font-size:16px;font-weight:800}.auth-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#0f5bff,#2d7dff);color:#fff;box-shadow:0 10px 24px #0f5bff38}.auth-hero-copy{display:grid;gap:12px;max-width:560px;margin-top:clamp(28px,8vh,86px)}.auth-hero-copy h1{margin:0;color:#0b1730;font-size:44px;line-height:1.14;letter-spacing:0}.auth-hero-copy p{margin:0;color:#66748c;font-size:16px;line-height:1.8}.auth-feature-list{display:grid;gap:14px;max-width:300px}.auth-feature-item{display:flex;align-items:center;gap:10px;color:#43516a;font-size:14px}.auth-feature-item span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #d9e8ff;border-radius:50%;background:#fff;color:var(--primary);box-shadow:0 8px 18px #0f5bff14}.auth-feature-item strong{font-size:14px}.auth-illustration{position:absolute;right:0;bottom:92px;width:min(310px,48%);aspect-ratio:1.25 / 1;color:var(--primary);pointer-events:none}.auth-illustration-base{position:absolute;right:10%;bottom:4%;width:70%;height:20%;border:1px solid rgba(15,91,255,.14);border-radius:50%;background:linear-gradient(180deg,#0f5bff1f,#007c8914);transform:rotate(-6deg)}.auth-illustration-screen{position:absolute;right:16%;bottom:18%;display:grid;grid-template-rows:26px 1fr auto;width:58%;height:62%;border:1px solid rgba(78,130,255,.28);border-radius:12px;background:#ffffffeb;box-shadow:0 26px 60px #0f5bff33;overflow:hidden}.auth-illustration-toolbar{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e6eefb;background:#f7faff;padding:0 12px}.auth-illustration-toolbar span{width:6px;height:6px;border-radius:50%;background:#8bb6ff}.auth-illustration-player{display:grid;place-items:center;color:#2b6dff}.auth-illustration-bars{display:grid;grid-template-columns:1fr 1.25fr .8fr;align-items:end;gap:8px;padding:0 16px 16px}.auth-illustration-bars span{border-radius:6px 6px 0 0;background:linear-gradient(180deg,#62b7ff,#1d63ff)}.auth-illustration-bars span:nth-child(1){height:34px}.auth-illustration-bars span:nth-child(2){height:52px}.auth-illustration-bars span:nth-child(3){height:42px}.auth-illustration-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid rgba(15,91,255,.13);border-radius:8px;background:#ffffffe6;color:#315078;padding:8px 10px;font-size:12px;font-weight:800;box-shadow:0 18px 38px #1e4e9424}.chip-top{top:16%;right:0}.chip-right{right:4%;bottom:14%}.chip-left{left:4%;bottom:26%}.auth-hero-note{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:380px;margin-top:auto;border:1px solid #dbe8f8;border-radius:8px;background:#ffffff9e;color:#526077;padding:10px 12px;font-size:13px;font-weight:700}.auth-hero-note svg{color:#12a369}.auth-copyright{position:absolute;left:0;bottom:0;margin:0;color:#8390a4;font-size:11px;font-weight:700}.auth-card-area{display:grid;justify-items:center;gap:18px;min-width:0}.auth-card{display:grid;gap:22px;width:min(100%,430px);border:1px solid #e2e9f3;border-radius:8px;background:#fffffff0;padding:28px 30px;box-shadow:0 24px 70px #192a4821}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e5ebf4}.auth-tabs button{position:relative;min-height:42px;border:0;background:transparent;color:#6b768b;padding:0 10px 13px;font-weight:800}.auth-tabs button.active{color:var(--primary)}.auth-tabs button.active:after{position:absolute;right:16%;bottom:-1px;left:16%;height:2px;border-radius:999px;background:var(--primary);content:""}.auth-form,.auth-register-guide{display:grid;gap:15px}.auth-card-heading{display:grid;gap:7px}.auth-card-heading h2{margin:0;color:#142039;font-size:20px;line-height:1.25;letter-spacing:0}.auth-card-heading p{margin:0;color:#778399;font-size:12px;line-height:1.7;font-weight:700}.auth-input-shell{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#9aa6b8;padding:0 10px}.auth-input-shell:focus-within{border-color:#0f5bff9e;box-shadow:0 0 0 3px #0f5bff1a}.auth-input-shell input{min-height:40px;border:0;border-radius:0;box-shadow:none;padding:0}.auth-input-shell input:focus{box-shadow:none}.auth-input-shell button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#8a95a8;padding:0}.auth-input-shell button:hover,.auth-link-button:hover,.auth-register-switch button:hover{color:var(--primary)}.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5a667a;font-size:12px;font-weight:700}.auth-checkbox{display:inline-flex;grid-template-columns:none;align-items:center;gap:8px;color:#5a667a;font-size:12px}.auth-checkbox input{width:15px;min-height:15px;accent-color:var(--primary)}.auth-link-button,.auth-register-switch button{border:0;background:transparent;color:var(--primary);padding:0;font-size:12px;font-weight:800}.auth-submit-button{width:100%;min-height:44px}.auth-register-switch{display:flex;align-items:center;justify-content:center;gap:8px;color:#778399;font-size:12px;font-weight:700}.auth-register-steps{display:grid;gap:12px}.auth-register-steps div{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;color:#3e4b62;font-size:13px}.auth-register-steps span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:900}.auth-register-callout{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #e5ebf4;border-radius:8px;background:#f8fbff;color:#526077;padding:12px;font-size:12px;font-weight:700;line-height:1.6}.auth-register-callout svg{color:var(--primary)}.auth-agreement{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:#7d889a;font-size:12px;font-weight:700;text-align:center}.auth-agreement svg{color:#6c7890;flex:0 0 auto}.auth-agreement span{color:var(--primary)}.auth-loading-card{display:grid;justify-items:center;gap:12px;width:min(100%,260px);border:1px solid #e2e9f3;border-radius:8px;background:#fff;color:#66748c;padding:24px;font-size:13px;font-weight:800;box-shadow:0 18px 54px #1620331c}.brand{display:flex;align-items:center;gap:10px;color:#0d172a;font-weight:700}.brand svg{color:var(--primary)}.page-heading h1{margin:0;color:#0d172a;font-size:28px;line-height:1.15;letter-spacing:0}label{display:grid;gap:7px;color:#46536a;font-size:13px;font-weight:700}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:#0f5bff9e;box-shadow:0 0 0 3px #0f5bff1a;outline:none}textarea{min-height:92px;resize:vertical}.app-shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh;background:var(--page)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:26px;min-height:100vh;border-right:1px solid #18283c;background:linear-gradient(180deg,#172437,#0f1a2a);padding:24px 12px;box-shadow:14px 0 34px #0c16262e}.brand{min-height:38px;font-size:16px}.nav-list{display:grid;gap:8px}.sidebar-footer{display:grid;gap:10px;margin-top:auto;border-top:1px solid rgba(212,223,239,.12);padding-top:16px}.language-switcher-sidebar{min-height:40px;border:1px solid rgba(218,228,242,.16);border-radius:8px;background:#ffffff0f;color:#d7e2f2;padding:8px 10px}.language-switcher-sidebar .language-options{width:100%;border-color:#dae4f229;background:#07101c6b}.language-switcher-sidebar .language-options button{color:#b9c7da}.language-switcher-sidebar .language-options button:hover,.language-switcher-sidebar .language-options button.active{background:#2c6bfff5;color:#fff}.nav-item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:42px;border:0;border-radius:8px;background:transparent;color:#d7e2f2;padding:9px 12px;text-align:left;font-weight:700}.sidebar .brand{color:#fff;padding:0 8px}.sidebar .brand svg{color:#fff}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(135deg,#2f75ff,#0f5bff);color:#fff;box-shadow:0 12px 26px #0f5bff4d}.workspace{display:flex;flex-direction:column;gap:20px;min-width:0;padding:0 28px 28px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-height:76px;margin:0 -28px;border-bottom:1px solid #e7edf5;background:#fffffff5;padding:0 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow{margin:0 0 6px;color:#007c89;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.session-box{display:flex;align-items:center;gap:10px;min-height:40px;color:#111827}.page-heading{padding-top:8px}.content-grid{display:grid;gap:16px;min-width:0}.two-columns{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:18px;box-shadow:0 10px 30px #1f2d420a}.panel.wide{min-height:360px}.detail-panel{grid-column:1 / -1}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end}.heading-select{min-width:150px}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.panel-heading h2{margin:0;color:var(--text);font-size:18px;line-height:1.25}.panel-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px;font-weight:700}.stack-form{display:grid;gap:13px}.inline-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto;align-items:end;gap:10px;margin:12px 0}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;font-weight:700;white-space:nowrap}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff;padding:8px 12px;box-shadow:0 8px 18px #0f5bff2e}.primary-button:hover{background:var(--primary-strong)}.danger-button{border-color:#b42318;background:#b42318;color:#fff;box-shadow:0 8px 18px #b423182e}.danger-button:hover{background:#8b1a12}.secondary-button{border:1px solid var(--border);background:#fff;color:#26334a;padding:8px 11px}.secondary-button:hover,.icon-button:hover{background:#f4f7fb}a.secondary-button{text-decoration:none}.compact-button{min-height:32px;padding:6px 9px;font-size:13px}.icon-button{width:34px;height:34px;border:1px solid var(--border);background:#fff;color:#344156;padding:0;box-shadow:none}.form-error{margin:0;border-left:3px solid #b42318;background:#fff3f1;color:#8b1a12;padding:9px 11px;font-size:13px}.form-success{margin:0;border-left:3px solid #178a4c;background:#eefbf4;color:#16653a;padding:9px 11px;font-size:13px}.qr-login-box{display:grid;gap:12px;margin-top:14px;border:1px solid #d8e1eb;border-radius:8px;background:#f8fafb;padding:14px}.qr-login-status{display:flex;align-items:center;gap:8px;color:#46536a;font-size:13px}.qr-login-image{width:min(100%,240px);aspect-ratio:1 / 1;justify-self:center;border:1px solid #cbd6e2;border-radius:8px;background:#fff;object-fit:contain;padding:8px}.qr-login-sms-form{display:grid;gap:10px}.qr-login-next-action{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #b7d8d4;border-radius:8px;background:#eef8f6;color:#006a75;padding:12px}.qr-login-next-action strong,.qr-login-next-action span{display:block}.qr-login-next-action span{margin-top:3px;color:#46536a;font-size:12px}.qr-login-meta{display:grid;gap:4px;color:#617086;font-size:12px;overflow-wrap:anywhere}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#17203385;padding:20px}.dialog-panel{display:grid;gap:14px;width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #cbd6e2;border-radius:8px;background:#fff;padding:18px;box-shadow:0 18px 50px #17203338}.drawer-backdrop{position:fixed;inset:0;z-index:22;display:flex;justify-content:flex-end;background:#1720336b}.drawer-panel{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);height:100vh;overflow:hidden;border-left:1px solid #cbd6e2;background:#fff;box-shadow:-18px 0 48px #17203333}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6;padding:18px 20px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{margin:0;color:#172033;font-size:18px}.delete-confirm-dialog{width:min(460px,100%)}.delete-confirm-heading{display:flex;align-items:center;gap:10px}.delete-confirm-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;background:#fff4f4;color:#b42318}.delete-confirm-body{display:grid;border:1px solid #f1b8b8;border-radius:8px;background:#fff8f7;padding:12px}.delete-confirm-body strong{color:#172033;font-size:16px;overflow-wrap:anywhere}.qr-login-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.qr-login-step{min-height:30px;border:1px solid #d8e1eb;border-radius:6px;color:#617086;padding:6px 8px;font-size:12px;font-weight:800;text-align:center}.qr-login-step.active,.qr-login-step.done{border-color:#007c89;background:#e8f3f2;color:#006a75}.qr-login-success{display:grid;gap:14px;justify-items:start;border:1px solid #d8e1eb;border-radius:8px;background:#f8fbfd;padding:14px}.filter-bar{display:grid;grid-template-columns:repeat(2,minmax(180px,240px));gap:12px;margin-bottom:14px}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.check-row{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:#46536a;font-size:13px;font-weight:700}.check-row input{width:16px;min-height:16px}.account-picker{display:grid;gap:8px;border:1px solid #d8e1eb;border-radius:8px;background:#f8fbfd;padding:10px}.account-picker-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;color:#46536a;font-size:13px;font-weight:700}.account-picker-row input{width:16px;min-height:16px}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;margin-top:14px}.copy-row code{overflow:hidden;border-radius:6px;background:#f2f6f8;color:#1f2d42;padding:9px;text-overflow:ellipsis;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{border-bottom:1px solid #edf1f6;padding:13px 12px;text-align:left;vertical-align:middle}th{color:#68758a;font-size:12px;font-weight:800;text-transform:none;background:#fbfcff}td{color:#26334a;font-size:14px}td strong,td span{display:block}td span{margin-top:3px;color:var(--muted);font-size:12px}td select{min-width:120px}.account-identity{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.account-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cbd6e2;border-radius:50%;background:#edf3f7;color:#2f3c50;object-fit:cover;font-size:13px;font-weight:800}.account-identity-text{min-width:0}.account-identity-text strong,.account-identity-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity-text span{margin-top:3px;color:#6b788c;font-size:12px}.selected-row{background:#f5f8ff}.link-button{border:0;background:transparent;color:#006f7b;font-weight:800;padding:0;text-align:left}.badge{display:inline-flex;align-items:center;min-height:23px;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:800;text-transform:capitalize}.badge.active,.badge.admin,.badge.alive{background:var(--success-bg);color:var(--success-text)}.badge.disabled,.badge.unchecked,.badge.expired{background:#f2f4f7;color:#59677b}.badge.business{background:var(--primary-soft);color:var(--primary)}.badge.invited{background:#fff5da;color:#8a5a00}.badge.pending,.badge.leased,.badge.running,.badge.info,.badge.debug{background:var(--primary-soft);color:var(--primary)}.badge.succeeded,.badge.completed,.badge.prepared,.badge.sent,.badge.accepted,.badge.visible{background:var(--success-bg);color:var(--success-text)}.badge.failed,.badge.error{background:var(--danger-bg);color:var(--danger-text)}.badge.cancel_requested,.badge.cancelled,.badge.stop_requested,.badge.stopped,.badge.warning{background:var(--warning-bg);color:var(--warning-text)}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.status-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;min-height:132px;border:1px solid #d8e1eb;border-radius:8px;background:#fff;padding:18px}.status-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e8f3f2;color:#007c89}.status-card p,.status-card span{margin:0;color:#617086;font-size:13px}.status-card strong{display:block;margin:7px 0;overflow-wrap:anywhere;color:#172033;font-size:20px;line-height:1.2}.empty-state{display:grid;gap:8px;place-items:center;min-height:160px;color:#59677b}.jobs-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}.danmaku-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.danmaku-task-page{display:grid;gap:18px}.danmaku-task-toolbar{align-items:center}.danmaku-task-summary{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.danmaku-task-query-grid{grid-template-columns:minmax(260px,1.4fr) minmax(140px,.7fr) minmax(150px,.75fr) minmax(130px,.65fr) minmax(150px,.75fr) minmax(220px,1fr) auto}.danmaku-date-range span{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.danmaku-task-board{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.danmaku-task-dialog{gap:0;width:min(1180px,calc(100vw - 40px));padding:0;overflow:hidden}.danmaku-task-dialog>.dialog-heading{margin-bottom:0;border-bottom:1px solid #edf1f6;padding:18px 20px}.danmaku-task-dialog .danmaku-task-composer{max-height:calc(100vh - 128px);overflow:auto}.danmaku-task-composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:18px;padding:18px 20px 20px}.danmaku-task-form{gap:14px}.danmaku-form-section{background:#fff}.danmaku-section-heading,.table-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.segmented-control{display:inline-flex;align-items:center;border:1px solid #d9e2ef;border-radius:8px;background:#f7faff;padding:3px}.segmented-control button{min-height:30px;border:0;border-radius:6px;background:transparent;color:#4f5f76;padding:0 12px;font-size:13px;font-weight:800}.segmented-control button.active{background:#fff;color:var(--primary);box-shadow:0 4px 12px #1b33561a}.danmaku-section-heading h3,.table-section-heading h2{margin:0}.danmaku-target-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.danmaku-strategy-grid{grid-template-columns:repeat(4,minmax(130px,1fr))}.danmaku-script-picker{max-height:260px;overflow:auto}.manual-account-panel{display:grid;gap:10px}.danmaku-preview-panel{position:sticky;top:96px;align-self:start}.danmaku-task-dialog .danmaku-preview-panel{top:18px}.danmaku-template-dialog{width:min(840px,calc(100vw - 40px));padding:0;overflow:hidden}.danmaku-template-dialog>.dialog-heading{margin-bottom:0;border-bottom:1px solid #edf1f6;padding:18px 20px}.danmaku-template-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f6;padding:14px 20px}.danmaku-template-toolbar .query-keyword{flex:1;min-width:260px}.template-dialog-error{margin:14px 20px 0}.danmaku-template-list{display:grid;gap:12px;max-height:calc(100vh - 246px);overflow:auto;padding:18px 20px 20px}.danmaku-template-card{display:grid;gap:12px;border:1px solid #dfe7f0;border-radius:8px;background:#fff;padding:14px}.danmaku-template-card-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.danmaku-template-card h3,.danmaku-template-card p{margin:0}.danmaku-template-card p{margin-top:4px;color:var(--muted);font-size:13px}.danmaku-template-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f6;padding-top:10px}.danmaku-template-edit-dialog{width:min(980px,calc(100vw - 40px))}.recording-list-page{display:grid;gap:18px}.recording-list-page .panel-heading{align-items:flex-start;margin-bottom:0}.recording-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recording-overview-card{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:14px 16px;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.recording-overview-card:hover{border-color:#c4d2e6;box-shadow:var(--shadow-sm)}.recording-overview-card.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.recording-overview-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.recording-overview-card.completed .recording-overview-icon{background:var(--success-bg);color:var(--success-text)}.recording-overview-card.failed .recording-overview-icon{background:var(--danger-bg);color:var(--danger-text)}.recording-overview-card.active .recording-overview-icon{background:var(--primary-soft);color:var(--primary)}.recording-overview-text{display:grid;gap:1px}.recording-overview-text strong{color:var(--text);font-size:22px;line-height:1.1}.recording-overview-text>span{color:var(--muted);font-size:12px;font-weight:700}.recording-filter-bar{grid-template-columns:minmax(180px,240px) minmax(180px,240px) minmax(220px,1fr);margin-bottom:0}.recording-filter-search{min-width:0}.recording-search-control{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);padding:0 10px;color:var(--muted)}.recording-search-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.recording-search-control input{flex:1;min-width:0;border:none;background:transparent;padding:9px 0;outline:none}.recording-list{display:grid;gap:8px}.recording-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel)}.recording-table{min-width:1040px;table-layout:fixed}.recording-table th:nth-child(1){width:20%}.recording-table th:nth-child(2){width:13%}.recording-table th:nth-child(3){width:14%}.recording-table th:nth-child(4){width:18%}.recording-table th:nth-child(5){width:13%}.recording-table th:nth-child(6){width:10%}.recording-table th:nth-child(7){width:12%}.recording-table th:nth-child(8){width:150px}.recording-table-row.active td:first-child{border-left:3px solid var(--primary)}.recording-table-row.failed td:first-child{border-left:3px solid var(--danger-text)}.recording-table td{min-width:0}.recording-table td strong,.recording-table td span,.recording-table .recording-row-title,.recording-table .live-room-link{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-table .recording-row-title>span,.recording-table .live-room-link span{display:inline;margin-top:0;color:inherit;font-size:inherit}.recording-table-duration{font-variant-numeric:tabular-nums}.platform-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#050505;box-shadow:inset 0 0 0 1px #ffffff1f,0 1px 2px #0f172a29}.platform-icon svg{width:15px;height:15px;overflow:visible}.platform-icon-cyan{fill:#25f4ee}.platform-icon-red{fill:#fe2c55}.platform-icon-main{fill:#fff}.platform-icon-tiktok,.platform-icon-douyin{background:#050505}.platform-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;color:#1f2d42;font-size:13px;font-weight:850;line-height:1.2;vertical-align:middle}.platform-badge .platform-icon{display:inline-flex;width:22px;height:22px;border-radius:6px;overflow:visible}.platform-badge .platform-icon svg{width:14px;height:14px}.platform-badge-badge{min-height:28px;border:1px solid #dce8fb;border-radius:7px;background:#eef4ff;color:var(--primary);padding:3px 9px 3px 4px;font-size:12px;font-weight:900}.platform-badge-inline{min-height:24px}.platform-badge-label,.platform-badge-detail{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-badge-detail{color:#1f2d42}.platform-badge-badge .platform-badge-detail{color:#354158}.platform-badge-with-detail .platform-badge-label:after{content:"/";margin-left:6px;color:#9aa7ba;font-weight:700}.danmaku-task-meta-line{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0}.danmaku-task-id-fragment{color:var(--muted);font-size:12px;font-weight:800}.danmaku-task-name-cell .danmaku-task-meta-line{display:inline-flex}.danmaku-task-name-cell .danmaku-task-id-fragment{display:inline-block}.danmaku-task-name-cell .platform-badge,.creator-mini-card .platform-badge{display:inline-flex}.danmaku-task-name-cell .platform-badge-label,.danmaku-task-name-cell .platform-badge-detail,.creator-mini-card .platform-badge-label,.creator-mini-card .platform-badge-detail{display:inline-block}.recording-row{display:grid;grid-template-columns:96px minmax(0,1.7fr) minmax(0,1.2fr) minmax(160px,1fr) 120px auto;align-items:center;gap:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:14px 16px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.recording-row:not(.recording-row-head):not(.recording-row-skeleton):hover{border-color:#c4d2e6;box-shadow:var(--shadow-md);transform:translateY(-1px)}.recording-row.active{border-left:3px solid var(--primary)}.recording-row.failed{border-left:3px solid var(--danger-text)}.recording-row-head{position:sticky;top:0;padding:6px 16px;border:none;background:transparent;box-shadow:none;color:var(--muted);font-size:12px;font-weight:800}.recording-row-head span{text-transform:none}.recording-col-actions{text-align:right}.recording-cell{min-width:0}.recording-cell-main{display:grid;gap:3px}.recording-row-title{border:none;background:none;padding:0;color:var(--text);font-size:15px;font-weight:800;line-height:1.3;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-row-title:hover{color:var(--primary)}.recording-row-sub{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-row-dot{color:#c4d0e0}.recording-cell-room{color:#36435c;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge.is-live{gap:6px;background:var(--live-soft);color:var(--live)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 #e0245e80;animation:live-pulse 1.4s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #e0245e80}70%{box-shadow:0 0 0 6px #e0245e00}to{box-shadow:0 0 #e0245e00}}.badge svg{margin-right:4px}.recording-progress{display:grid;gap:6px}.recording-progress-head{display:flex;align-items:baseline;gap:6px;font-size:13px}.recording-progress-elapsed{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-weight:800;font-variant-numeric:tabular-nums}.recording-progress-total{color:var(--muted);font-weight:700}.recording-progress-track{height:6px;border-radius:999px;background:#eef2f9;overflow:hidden}.recording-progress-fill{height:100%;min-width:6px;border-radius:999px;background:linear-gradient(90deg,var(--primary),#4f86ff);transition:width .6s ease}.recording-row-stats{display:flex;align-items:center;gap:10px}.recording-row-duration{color:var(--muted);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.recording-row-error{margin:6px 0 0;border-radius:var(--radius-sm);background:var(--danger-bg);padding:6px 8px;color:var(--danger-text);font-size:12px;overflow-wrap:anywhere}.recording-cell-updated{color:var(--muted);font-size:12px;font-weight:700}.recording-cell-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.recording-stop-button:not(:disabled){color:var(--danger-text)}.recording-stop-button:not(:disabled):hover{border-color:var(--danger-text);background:var(--danger-bg)}.skeleton-line{border-radius:6px;background:linear-gradient(90deg,#eef2f7 25%,#e3e9f2 37%,#eef2f7 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.recording-row-skeleton{pointer-events:none}.recording-row-skeleton .recording-row-main{display:grid;gap:6px}.skeleton-badge{width:72px;height:22px}.skeleton-title{width:70%;height:16px}.skeleton-text{width:100%;height:13px}.skeleton-text.short{width:50%}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.recording-empty{gap:10px;padding:28px 20px}.recording-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--primary-soft);color:var(--primary)}.recording-empty strong{color:var(--text);font-size:16px}.recording-empty p{margin:0;max-width:360px;color:var(--muted);font-size:13px;text-align:center}.recording-create-page{display:grid;gap:16px;min-width:0}.recording-create-title{display:grid;gap:8px}.recording-create-title h2,.recording-create-title p{margin:0}.recording-create-title h2{color:#0c1424;font-size:28px;line-height:1.2;letter-spacing:0}.recording-create-title>p:last-child{color:#69758a;font-size:14px;font-weight:700}.recording-breadcrumb{color:#7a8799;font-size:14px;font-weight:800}.recording-create-shell{display:grid;grid-template-columns:194px minmax(0,1fr);gap:16px;align-items:stretch}.recording-step-panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:#fff;padding:28px 26px;box-shadow:0 10px 30px #1f2d420a}.recording-stepper{display:grid;gap:0;margin:0;padding:0;list-style:none}.recording-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;min-height:112px;color:#6f7d92;font-size:14px;font-weight:800}.recording-step:not(:last-child):after{position:absolute;top:46px;bottom:-34px;left:14px;width:2px;border-radius:999px;background:#dce5f0;content:""}.recording-step span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #d5deeb;border-radius:50%;background:#fff;color:#6f7d92;font-size:13px;font-weight:900}.recording-step.active,.recording-step.complete{color:var(--primary)}.recording-step.active span,.recording-step.complete span{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 8px 18px #0f5bff3d}.recording-step.complete:after{background:var(--primary)}.recording-create-form{display:grid;gap:18px;padding:26px 28px}.recording-mode-control{width:min(340px,100%)}.recording-mode-control button{min-width:156px;min-height:36px}.recording-mode-control button.active{background:var(--primary);color:#fff;box-shadow:0 8px 18px #0f5bff38}.recording-target-summary{display:grid;gap:16px;border:1px solid #b9d1ff;border-radius:8px;background:linear-gradient(135deg,#f8fbff,#eef5ff);padding:18px 20px}.recording-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.recording-section-heading h3{margin:0;color:#0c1424;font-size:18px;line-height:1.25}.recording-section-heading>span{color:#7a8799;font-size:12px;font-weight:800}.recording-summary-list{display:grid;gap:12px;margin:0}.recording-summary-list div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;min-width:0}.recording-summary-list dt,.recording-summary-list dd{margin:0;min-width:0;font-size:14px;line-height:1.45}.recording-summary-list dt{color:#58667c;font-weight:800}.recording-summary-list dd{overflow-wrap:anywhere;color:#1f2d42;font-weight:800}.recording-form-section{display:grid;gap:14px}.recording-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px 18px}.recording-room-field,.recording-notes-field,.recording-check-row{grid-column:1 / -1}.recording-room-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.recording-info-callout{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #b9d1ff;border-radius:8px;background:#f3f8ff;color:#526077;padding:13px 16px;font-size:13px;font-weight:700;line-height:1.6}.recording-info-callout svg{color:var(--primary)}.recording-action-bar{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #edf1f6;padding-top:20px}.recording-action-button{min-width:150px;min-height:44px}.template-locked-target{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;border:1px solid #dfe7f0;border-radius:8px;background:#fbfcff;padding:12px}.template-locked-target dt{color:var(--muted);font-size:12px;font-weight:800}.template-locked-target dd{margin:4px 0 0;overflow:hidden;color:#172033;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.template-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.template-meta-grid div{min-width:0}.template-meta-grid dt{color:var(--muted);font-size:12px;font-weight:800}.template-meta-grid dd{margin:4px 0 0;overflow:hidden;color:#1b2537;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.danmaku-preview-card{display:grid;gap:14px;border:1px solid #dfe7f0;border-radius:8px;background:#fbfcff;padding:14px}.danmaku-preview-card .panel-heading{margin-bottom:0}.preview-list{display:grid;gap:10px;margin:0}.preview-list div{display:grid;gap:3px;border-bottom:1px solid #edf1f6;padding-bottom:9px}.preview-list div:last-child{border-bottom:0;padding-bottom:0}.preview-list dt{color:var(--muted);font-size:12px;font-weight:800}.preview-list dd{margin:0;overflow-wrap:anywhere;color:#1a2436;font-size:14px;font-weight:800}.readiness-list{display:flex;flex-wrap:wrap;gap:6px}.table-section-heading{min-height:64px;border-bottom:1px solid #edf1f6;padding:14px 16px}.danmaku-config-table,.danmaku-tasks-table{min-width:940px}.danmaku-tasks-table{min-width:1120px}.danmaku-task-name-cell{display:grid;gap:3px;min-width:180px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.danmaku-task-name-cell strong,.danmaku-task-name-cell span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-progress-cell{display:grid;grid-template-columns:minmax(78px,1fr) auto;align-items:center;gap:8px;min-width:130px}.task-progress-cell span{margin-top:0;font-size:12px;font-weight:800}.task-progress-bar{width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:#e8edf5}.task-progress-bar::-webkit-progress-bar{border-radius:999px;background:#e8edf5}.task-progress-bar::-webkit-progress-value{border-radius:999px;background:var(--primary)}.task-progress-bar::-moz-progress-bar{border-radius:999px;background:var(--primary)}.task-progress-bar.completed::-webkit-progress-value,.task-progress-bar.stopped::-webkit-progress-value{background:#2dbd67}.task-progress-bar.completed::-moz-progress-bar,.task-progress-bar.stopped::-moz-progress-bar{background:#2dbd67}.task-progress-bar.failed::-webkit-progress-value{background:#f04438}.task-progress-bar.failed::-moz-progress-bar{background:#f04438}.task-progress-bar.pending::-webkit-progress-value,.task-progress-bar.stop_requested::-webkit-progress-value{background:#f79009}.task-progress-bar.pending::-moz-progress-bar,.task-progress-bar.stop_requested::-moz-progress-bar{background:#f79009}.task-detail-layout{grid-template-columns:1fr}.compact-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.task-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.task-meta-grid div{border:1px solid #e0e7ef;border-radius:8px;background:#f8fbfd;padding:12px}.task-meta-grid span{display:block;color:#617086;font-size:12px;font-weight:800;text-transform:uppercase}.task-meta-grid strong{display:block;margin-top:6px;overflow-wrap:anywhere;color:#172033;font-size:14px}.logs-panel{align-self:start}.recording-detail-page,.recording-detail-hero{display:grid;gap:16px}.recording-detail-summary{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:14px;align-items:stretch}.recording-detail-primary{display:grid;align-content:space-between;gap:12px;min-width:0;border:1px solid #e3eaf4;border-radius:var(--radius-sm);background:#fbfdff;padding:14px}.detail-progress{align-self:start}.recording-detail-room{display:grid;gap:4px;min-width:0}.recording-detail-room strong{overflow-wrap:anywhere;color:var(--text);font-size:18px}.recording-detail-room span{overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:1.45}.recording-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-detail-overview .status-card span{overflow-wrap:anywhere}.recording-files-panel,.recording-logs-panel{display:grid;gap:12px}.recording-files-panel .panel-heading,.recording-logs-panel .panel-heading{margin-bottom:0}.recording-file-list{display:grid;gap:10px}.recording-file-card{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(160px,.8fr) minmax(280px,1.1fr) auto;gap:14px;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:14px;box-shadow:var(--shadow-sm)}.recording-file-main{display:flex;align-items:center;gap:12px;min-width:0}.recording-file-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.recording-file-main div,.recording-file-status{display:grid;gap:3px;min-width:0}.recording-file-main strong{color:var(--text);font-size:14px}.recording-file-main span,.recording-file-status>span:not(.badge){overflow-wrap:anywhere;color:var(--muted);font-size:12px}.recording-file-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recording-file-stats div{display:grid;gap:3px;min-width:0}.recording-file-stats span{color:var(--muted);font-size:12px;font-weight:800}.recording-file-stats strong{overflow-wrap:anywhere;color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}.recording-file-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.timeline-page{display:grid;grid-template-areas:"heading heading" "media events";grid-template-columns:minmax(320px,400px) minmax(0,1fr);align-items:start;gap:16px}.timeline-page.video-landscape{grid-template-columns:minmax(520px,.85fr) minmax(0,1fr)}.timeline-page.video-square{grid-template-columns:minmax(420px,.65fr) minmax(0,1fr)}.timeline-loading-panel{min-height:360px}.timeline-hero-panel{display:contents}.timeline-hero-heading{grid-area:heading;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow-sm);padding:16px}.timeline-title-block{display:grid;min-width:0;gap:6px}.section-kicker{color:var(--primary);font-size:12px;font-weight:800}.timeline-title-block h2{margin:0;overflow-wrap:anywhere;color:var(--text);font-size:24px;line-height:1.2}.timeline-title-block p{margin:0;color:var(--muted);font-size:13px;font-weight:700}.timeline-actions{min-width:280px}.timeline-workbench{grid-area:media;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;min-width:0}.timeline-video-column{display:grid;gap:10px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow-sm);padding:12px}.video-frame{display:grid;overflow:hidden;min-height:300px;border-radius:var(--radius-sm);background:#101828;aspect-ratio:16 / 9}.timeline-video-frame{aspect-ratio:9 / 16;max-height:min(720px,calc(100vh - 220px));min-height:0;box-shadow:inset 0 0 0 1px #ffffff14}.timeline-video-frame.landscape{aspect-ratio:16 / 9;max-height:min(520px,calc(100vh - 220px))}.timeline-video-frame.square{aspect-ratio:1 / 1;max-height:min(620px,calc(100vh - 220px))}.video-frame video{display:block;align-self:stretch;justify-self:stretch;width:100%;height:100%;min-width:0;min-height:0;background:#101828;object-fit:contain}.video-placeholder{display:grid;gap:8px;place-items:center;color:#d8e1eb;text-align:center}.video-placeholder strong{color:#fff}.video-placeholder span{color:#aeb9c8;font-size:13px}.timeline-playback-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.timeline-playback-strip>div,.timeline-insight-card,.timeline-room-card,.timeline-meta-list>div{border:1px solid #e3eaf4;border-radius:var(--radius-sm);background:#fbfdff}.timeline-playback-strip>div{display:grid;gap:4px;padding:10px 12px}.timeline-playback-strip span,.timeline-insight-card span,.timeline-room-card span,.timeline-meta-list span{color:var(--muted);font-size:12px;font-weight:800}.timeline-playback-strip strong,.timeline-room-card strong,.timeline-meta-list strong{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.timeline-heat-panel{display:grid;gap:8px;border:1px solid #dfe7f0;border-radius:var(--radius-sm);background:#fbfdff;padding:10px}.timeline-heat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.timeline-heat-heading h3{margin:0;color:var(--text);font-size:14px}.timeline-heat-heading p{margin:2px 0 0;color:var(--muted);font-size:12px;font-weight:700}.timeline-heat-chart{display:block;width:100%;height:74px;border:1px solid #e3eaf4;border-radius:var(--radius-sm);background:linear-gradient(180deg,#fff,#f8fbff);padding:6px;cursor:crosshair}.timeline-heat-chart:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.timeline-heat-chart svg{display:block;width:100%;height:100%}.timeline-heat-area{fill:#12834d21}.timeline-heat-line{fill:none;stroke:#12834d;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;vector-effect:non-scaling-stroke}.timeline-heat-cursor{stroke:var(--primary);stroke-width:1;vector-effect:non-scaling-stroke}.timeline-heat-dot{fill:var(--primary);stroke:#fff;stroke-width:1.4;vector-effect:non-scaling-stroke}.timeline-heat-detail{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px}.timeline-heat-score,.timeline-heat-contributions>div{border:1px solid #e3eaf4;border-radius:var(--radius-sm);background:#fff;padding:8px}.timeline-heat-score{display:grid;align-content:center;gap:2px}.timeline-heat-score span,.timeline-heat-contributions span,.timeline-heat-score small,.timeline-heat-contributions small{color:var(--muted);font-size:11px;font-weight:800}.timeline-heat-score strong{color:var(--text);font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.timeline-heat-contributions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.timeline-heat-contributions>div{display:grid;gap:2px;min-width:0}.timeline-heat-contributions strong{color:var(--text);font-size:18px;line-height:1.1;font-variant-numeric:tabular-nums}.timeline-heat-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:74px;border:1px dashed #d5deea;border-radius:var(--radius-sm);color:var(--muted)}.timeline-insight-panel{display:grid;align-content:start;gap:10px;min-width:0}.timeline-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.timeline-insight-card{display:flex;align-items:center;gap:10px;padding:12px}.timeline-insight-card>div{display:grid;gap:2px}.timeline-insight-card strong{color:var(--text);font-size:20px;line-height:1.1}.timeline-insight-icon,.timeline-list-icon,.timeline-row-pin{display:grid;place-items:center;flex:0 0 auto}.timeline-insight-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary)}.timeline-insight-icon.danmaku{background:#e8f8ef;color:#12834d}.timeline-insight-icon.speech{background:#fff8e6;color:#9a6200}.timeline-insight-icon.metrics{background:#f2f4f7;color:#59677b}.timeline-room-card{display:grid;gap:8px;padding:12px}.timeline-room-card>div{display:grid;gap:3px}.timeline-room-card p{margin:0;overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:1.45}.timeline-meta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.timeline-meta-list>div{display:grid;gap:4px;min-width:0;padding:10px}.timeline-meta-list>.timeline-meta-wide{grid-column:1 / -1}.timeline-meta-list strong{overflow-wrap:anywhere}.timeline-panels{grid-area:events;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.timeline-page-error{grid-column:1 / -1;margin:0}.timeline-list-panel{display:flex;flex-direction:column;align-self:start;gap:12px;height:min(760px,calc(100vh - 176px));min-height:520px;min-width:0}.timeline-list-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.timeline-list-heading h2{margin:0;color:var(--text);font-size:16px}.timeline-list-heading p{margin:3px 0 0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}.timeline-list-heading-main{min-width:0}.timeline-list-heading-side,.timeline-list-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.timeline-list-action-button{min-height:30px;padding:5px 8px}.timeline-list-heading .timeline-subtitle-action-message{color:#16653a}.timeline-list-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--primary-soft);color:var(--primary)}.timeline-list-speech .timeline-list-icon{background:var(--warning-bg);color:var(--warning-text)}.timeline-raw-metrics-panel .timeline-list-icon{background:#f2f4f7;color:#59677b}.timeline-list-count{display:inline-flex;align-items:baseline;gap:3px;color:var(--muted);font-size:12px;font-weight:800}.timeline-list-count strong{color:var(--text);font-size:19px}.timeline-list{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:2px}.timeline-raw-metrics-panel{grid-column:1 / -1;display:grid;gap:12px;min-width:0}.timeline-raw-metrics-panel>summary{cursor:pointer;list-style:none}.timeline-raw-metrics-panel>summary::-webkit-details-marker{display:none}.timeline-raw-metrics-list{max-height:360px}.timeline-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;width:100%;border:1px solid #dfe7f0;border-radius:var(--radius-sm);background:#fff;color:#243247;padding:10px;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.timeline-message-row{grid-template-columns:minmax(0,1fr);padding:11px 12px}.timeline-row:hover,.timeline-row.active{border-color:var(--primary);background:#f6f9ff;box-shadow:0 0 0 1px #0f5bff14}.timeline-row-pin{width:28px;height:28px;border-radius:50%;background:#eef2f7;color:var(--muted)}.timeline-row.active .timeline-row-pin{background:var(--primary);color:#fff}.timeline-row-content{display:grid;gap:7px;min-width:0}.timeline-row-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.timeline-row-meta span{color:#617086;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.timeline-row-meta strong{overflow-wrap:anywhere;color:#172033;font-size:13px}.timeline-row p{margin:0;overflow-wrap:anywhere;color:#243247;font-size:14px;line-height:1.45}.timeline-message-text{color:#223047;font-weight:700}.timeline-message-speaker{color:var(--primary);font-weight:900}.timeline-message-separator{color:#172033;font-weight:900}.timeline-row-time{color:#7c8797;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.compact-empty{min-height:120px}.log-list{display:grid;gap:10px}.log-row{display:grid;gap:8px;border-bottom:1px solid #e3e9f0;padding:10px 0}.log-row:last-child{border-bottom:0}.log-row div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.log-row strong{color:#243247;font-size:14px}.log-row span{color:#6b788c;font-size:12px}.log-row code{overflow-wrap:anywhere;border-radius:6px;background:#f2f6f8;color:#1f2d42;padding:8px;font-size:12px}.muted-text{color:#6b788c;font-size:12px}.creator-page{display:grid;gap:18px}.query-panel{padding:20px}.query-grid{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(160px,.7fr) minmax(170px,.7fr) auto;align-items:end;gap:14px}.query-keyword{min-width:0}.input-with-icon{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;min-height:40px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#8a95a8;padding:0 10px}.input-with-icon input{min-height:38px;border:0;box-shadow:none;padding:0}.input-with-icon input:focus{box-shadow:none}.input-with-button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.input-with-button input{min-width:0}.query-actions{display:flex;align-items:center;gap:10px}.creator-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.creator-dialog-form-grid{grid-template-columns:minmax(180px,1fr) minmax(150px,.6fr) minmax(180px,1fr)}.table-panel{padding:0;overflow:hidden}.creator-table{min-width:960px}.creator-cell{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:180px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.creator-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d6e0ec;border-radius:50%;background:linear-gradient(135deg,#e9f0ff,#eef8f1);color:var(--primary);object-fit:cover;font-size:14px;font-weight:900}.creator-cell-text{min-width:0}.creator-cell-text strong,.creator-cell-text span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-cell-text strong{color:#1a2436;font-size:14px}.nowrap{flex-wrap:nowrap}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;border-top:1px solid #edf1f6;color:var(--muted);padding:10px 16px;font-size:13px;font-weight:700}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-controls select{width:auto;min-width:112px;min-height:34px}.page-indicator{display:grid;place-items:center;min-width:34px;height:34px;border-radius:6px;background:var(--primary);color:#fff;font-size:13px;font-weight:900}.page-description{margin:0;max-width:640px;color:#526177;font-size:14px;font-weight:700;line-height:1.6}.account-pool-page{display:grid;gap:18px}.account-pool-toolbar{align-items:flex-start}.account-pool-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px}.account-pool-main{display:grid;gap:16px;min-width:0}.account-pool-query-grid{grid-template-columns:minmax(260px,1.4fr) minmax(130px,.55fr) minmax(140px,.6fr) minmax(160px,.7fr) auto}.account-pool-table{min-width:1080px}.account-id-cell{max-width:160px;overflow-wrap:anywhere;color:#354158;font-size:13px;font-weight:800}.danger-action{color:#b42318}.danger-action:hover{border-color:#f1b8b8;background:#fff4f4}.creator-import-box{display:grid;gap:10px;border:1px solid #e4eaf2;border-radius:8px;background:#f8fbff;padding:12px}.creator-import-preview{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;color:#26334a}.creator-import-preview strong,.creator-import-preview span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-import-preview span{margin-top:3px;color:var(--muted);font-size:12px}.creator-inline-form{grid-template-columns:minmax(120px,.6fr) minmax(140px,1fr) minmax(140px,1fr) minmax(180px,1.1fr) auto auto;margin:0}.creator-dialog{gap:0;width:min(920px,calc(100vw - 40px));padding:0;overflow:hidden}.creator-recording-drawer{width:min(780px,100%)}.creator-recording-drawer .creator-dialog-hero{min-width:0}.creator-recording-drawer .panel-subtitle{display:flex;flex-wrap:wrap;gap:3px}.creator-create-dialog{width:min(720px,calc(100vw - 40px))}.creator-dialog .dialog-heading{margin-bottom:0;border-bottom:1px solid #edf1f6;padding:18px 20px}.creator-dialog>.stack-form,.creator-dialog-section{display:grid;gap:14px;padding:18px 20px 20px}.creator-dialog>.form-error,.creator-dialog>.form-success{margin:14px 20px 0}.creator-dialog-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.creator-dialog-hero h2{margin:0}.creator-avatar.large{width:46px;height:46px;font-size:16px}.creator-dialog-tabs{display:flex;gap:4px;border-bottom:1px solid #edf1f6;background:#fbfcff;padding:10px 20px 0}.creator-dialog-tabs button{min-height:38px;border:0;border-bottom:2px solid transparent;background:transparent;color:#59677b;padding:8px 14px;font-weight:800}.creator-dialog-tabs button:hover,.creator-dialog-tabs button.active{border-bottom-color:var(--primary);color:var(--primary)}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.creator-card-list{display:grid;gap:10px;max-height:300px;overflow:auto}.creator-review-table{max-height:360px;overflow:auto}.creator-recording-drawer-section{min-height:0;overflow:auto}.creator-recording-drawer-section .creator-review-table{max-height:none;min-height:0;overflow:auto}.creator-recording-drawer-section .creator-review-table table{width:100%;min-width:560px;table-layout:fixed}.creator-recording-drawer-section .creator-review-table th,.creator-recording-drawer-section .creator-review-table td{overflow:hidden;text-overflow:ellipsis}.creator-recording-drawer-section .creator-review-table th:nth-child(1){width:34%}.creator-recording-drawer-section .creator-review-table th:nth-child(2){width:30%}.creator-recording-drawer-section .creator-review-table th:nth-child(3){width:18%}.creator-recording-drawer-section .creator-review-table th:nth-child(4){width:96px}.creator-recording-drawer-section .creator-review-table .link-button,.creator-recording-drawer-section .creator-review-table .live-room-link,.creator-recording-drawer-section .creator-review-table td strong,.creator-recording-drawer-section .creator-review-table td span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-recording-drawer-section .creator-review-table .link-button>span,.creator-recording-drawer-section .creator-review-table .live-room-link span{display:inline;margin-top:0;color:inherit;font-size:inherit}.live-room-link{display:inline-flex;align-items:center;color:#006f7b;font-weight:800;text-decoration:none}.live-room-link:hover{color:var(--primary);text-decoration:underline}.creator-mini-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #edf1f6;border-radius:8px;background:#fff;padding:12px}.creator-mini-card strong,.creator-mini-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-mini-card strong{color:#1a2436;font-size:14px}.creator-mini-card span{color:var(--muted);font-size:12px}.creator-mini-card-meta{display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0}.admin-page{display:grid;gap:18px}.admin-users-query-grid{grid-template-columns:minmax(260px,1.6fr) minmax(150px,.65fr) minmax(150px,.65fr) auto}.jobs-query-grid{grid-template-columns:minmax(170px,.7fr) minmax(170px,.7fr) auto}.admin-users-table,.jobs-table{min-width:920px}.admin-dialog{width:min(760px,calc(100vw - 40px))}.admin-dialog-form-grid{grid-template-columns:minmax(190px,1fr) minmax(160px,.75fr) minmax(140px,.5fr)}.settings-page .settings-summary{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.settings-form-panel{padding:0;overflow:hidden}.settings-form-panel .panel-heading{margin-bottom:0;border-bottom:1px solid #edf1f6;padding:18px 20px}.settings-form-panel>.stack-form{padding:18px 20px 20px}.settings-section{display:grid;gap:12px;border:1px solid #edf1f6;border-radius:8px;background:#fbfcff;padding:14px}.settings-section h3{margin:0;color:#1a2436;font-size:15px;line-height:1.3}.settings-form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.compact-settings-grid{grid-template-columns:minmax(180px,320px)}.script-page{display:grid;gap:18px}.script-query-grid{grid-template-columns:minmax(260px,1.6fr) minmax(170px,.7fr) auto}.script-table{min-width:940px}.script-content-cell{display:grid;gap:4px;width:100%;max-width:560px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.script-content-cell strong,.script-content-cell span{display:block;overflow:hidden;text-overflow:ellipsis}.script-content-cell strong{color:#1a2436;font-size:14px;white-space:nowrap}.script-content-cell span{display:-webkit-box;margin-top:0;color:var(--muted);font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.tag-list{display:flex;flex-wrap:wrap;gap:6px;max-width:260px}.tag-list span{display:inline-flex;align-items:center;min-height:22px;border-radius:6px;background:#f3f6fb;color:#526075;padding:3px 7px;font-size:12px;font-weight:800}.tag-list .muted-tag{background:transparent;color:var(--muted);padding-left:0}.script-dialog{width:min(820px,calc(100vw - 40px))}.script-dialog-form-grid{grid-template-columns:minmax(180px,1fr) minmax(150px,.6fr)}.script-editor-dialog textarea{min-height:150px}.script-generate-dialog textarea{min-height:160px;resize:vertical}.spinning-icon{animation:icon-spin .9s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.script-ai-meta{display:grid;gap:6px;border:1px solid #edf1f6;border-radius:8px;background:#fbfcff;color:var(--muted);padding:10px 12px;font-size:12px;font-weight:700}.script-ai-meta span{overflow-wrap:anywhere}.script-generation-loading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;color:#1f3b68;margin:14px 20px 0;padding:13px 14px}.script-generation-loading strong,.script-generation-loading span{display:block}.script-generation-loading strong{font-size:14px}.script-generation-loading span{color:var(--muted);font-size:12px;font-weight:700;margin-top:3px}.script-generated-section{display:grid;gap:12px;border-top:1px solid #edf1f6;padding:16px 20px 20px}.script-generated-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.script-generated-heading strong{color:#1a2436;font-size:15px}.script-generated-heading span{color:var(--muted);font-size:12px;font-weight:700}.script-generated-save-form textarea{max-height:360px}@media(max-width:1360px){.timeline-page{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.timeline-page.video-landscape{grid-template-columns:minmax(420px,.85fr) minmax(0,1fr)}.timeline-page.video-square{grid-template-columns:minmax(360px,.68fr) minmax(0,1fr)}.timeline-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-raw-metrics-panel{grid-column:1 / -1}}@media(max-width:980px){.recording-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.recording-filter-search{grid-column:1 / -1}.recording-row-head{display:none}.recording-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}.recording-cell{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:baseline}.recording-cell[data-label]:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:700}.recording-cell-main{grid-template-columns:minmax(0,1fr);border-bottom:1px solid #eef2f8;padding-bottom:10px}.recording-cell-actions{grid-template-columns:minmax(0,1fr);justify-content:flex-start;border-top:1px solid #eef2f8;padding-top:10px}.recording-row-title,.recording-row-sub,.recording-cell-room{white-space:normal}.timeline-hero-heading{align-items:stretch;flex-direction:column}.timeline-actions{justify-content:flex-start;min-width:0}.timeline-page{grid-template-areas:"heading" "media" "events";grid-template-columns:1fr}.timeline-workbench{grid-template-columns:1fr}.timeline-video-column{justify-self:center;width:min(100%,440px)}.timeline-list-panel{height:auto;min-height:360px}.timeline-list{max-height:420px}.timeline-insight-grid,.timeline-meta-list{grid-template-columns:repeat(4,minmax(0,1fr))}.recording-detail-summary,.recording-file-card{grid-template-columns:1fr}.recording-detail-meta,.recording-file-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.recording-file-actions{justify-content:flex-start}.auth-screen{align-items:flex-start;overflow:auto;padding:76px 24px 32px}.auth-top-actions{top:22px;right:24px}.auth-layout{grid-template-columns:1fr;gap:28px;min-height:auto}.auth-hero{justify-items:center;gap:20px;min-height:auto;padding:0;text-align:center}.auth-hero-copy{max-width:620px;margin-top:10px}.auth-hero-copy h1{font-size:36px}.auth-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,620px);max-width:none}.auth-feature-item{justify-content:center}.auth-illustration{position:relative;right:auto;bottom:auto;width:min(330px,78vw);margin:0 auto}.auth-hero-note{justify-self:center;margin-top:0}.auth-copyright{position:static}.app-shell,.two-columns,.jobs-layout,.danmaku-layout,.danmaku-task-board,.danmaku-task-composer,.danmaku-task-query-grid,.timeline-layout,.timeline-panels,.compact-status-grid,.task-meta-grid,.template-meta-grid,.recording-create-shell,.recording-form-grid,.query-grid,.account-pool-layout,.account-pool-query-grid,.admin-users-query-grid,.jobs-query-grid,.script-query-grid{grid-template-columns:1fr}.sidebar{position:static;min-height:auto;border-right:0;border-bottom:1px solid #d9e1ec}.nav-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.workspace{padding:0 22px 22px}.topbar{align-items:center;justify-content:flex-end;margin:0 -22px;padding:14px 22px}.session-box{justify-content:flex-end}.status-grid{grid-template-columns:1fr}.danmaku-preview-panel{position:static}}@media(max-width:640px){.auth-screen{padding:74px 16px 24px}.auth-top-actions{right:16px;left:16px;justify-content:center;gap:10px}.auth-top-button{font-size:12px}.auth-layout{gap:18px}.auth-hero-copy h1{font-size:30px}.auth-hero-copy p{font-size:14px}.auth-feature-list{grid-template-columns:1fr;gap:10px}.auth-feature-item{justify-content:flex-start}.auth-illustration{display:none}.auth-card-area{width:100%}.auth-card{width:100%;padding:22px}.auth-form-row,.auth-register-switch{align-items:flex-start;flex-direction:column}.auth-agreement{flex-wrap:wrap;line-height:1.5}.nav-list,.inline-form,.input-with-button,.filter-bar,.control-grid,.recording-form-grid,.recording-room-control,.timeline-playback-strip,.timeline-heat-detail,.timeline-heat-contributions,.timeline-insight-grid,.timeline-meta-list,.recording-detail-meta,.recording-file-stats,.creator-inline-form,.creator-dialog-form-grid,.danmaku-target-grid,.danmaku-strategy-grid,.danmaku-date-range span,.admin-dialog-form-grid,.settings-form-grid,.compact-settings-grid,.script-dialog-form-grid,.account-pool-query-grid{grid-template-columns:1fr}.workspace{padding:0 18px 18px}.topbar{margin:0 -18px;padding:14px 18px}.panel-heading,.creator-toolbar,.account-pool-toolbar,.table-footer,.table-section-heading,.danmaku-section-heading{align-items:stretch;flex-direction:column}.creator-dialog,.drawer-panel,.admin-dialog,.danmaku-task-dialog,.danmaku-template-dialog,.danmaku-template-edit-dialog,.script-dialog{width:min(100%,calc(100vw - 28px))}.danmaku-template-toolbar,.danmaku-template-card-footer{align-items:stretch;flex-direction:column}.danmaku-template-toolbar .query-keyword{min-width:0}.template-locked-target,.template-meta-grid,.creator-dialog-hero,.creator-recording-drawer .creator-dialog-hero,.creator-mini-card{grid-template-columns:1fr}.drawer-heading{align-items:flex-start}.recording-create-form,.recording-step-panel{padding:18px}.recording-stepper{grid-template-columns:1fr}.recording-step{min-height:70px}.recording-step:not(:last-child):after{bottom:-12px}.recording-section-heading,.recording-action-bar{align-items:stretch;flex-direction:column}.recording-action-button,.recording-mode-control,.recording-mode-control button{width:100%}.recording-summary-list div{grid-template-columns:1fr;gap:3px}.creator-mini-card-meta,.dialog-actions{justify-content:flex-start}}