:root{--app-bg: #f1f5f9;--color-primary: #2563eb;--color-primary-hover: #3b82f6;--color-primary-bg: #eff6ff;--color-secondary: #0d9488;--color-bg-container: #ffffff;--color-bg-elevated: #f8fafc;--color-border: rgba(15, 23, 42, .08);--color-border-light: rgba(15, 23, 42, .04);--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .08), 0 4px 8px rgba(15, 23, 42, .04);--shadow-glow: 0 0 20px rgba(37, 99, 235, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--sidebar-width: 248px;--header-height: 60px;--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--sidebar-bg: linear-gradient(180deg, #0c1222 0%, #111c34 100%);--sidebar-text: rgba(255, 255, 255, .6);--sidebar-text-active: #ffffff;--sidebar-icon: rgba(255, 255, 255, .45);--sidebar-icon-active: #60a5fa}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--app-bg)}.app-shell{height:100vh;min-height:0;overflow:hidden;background:var(--app-bg)}.app-shell .ant-layout,.app-main{background:var(--app-bg)}.app-main{height:100vh;min-width:0;min-height:0;overflow:hidden}.app-sider{position:sticky;top:0;height:100vh;background:var(--sidebar-bg)!important;border-right:none;box-shadow:2px 0 12px #0000001f;overflow:hidden}.app-sider .ant-layout-sider-children{display:flex;height:100%;min-height:0;flex-direction:column}.nav-content{display:flex;height:100%;min-height:0;flex-direction:column;background:transparent}.nav-content .ant-menu{flex:1;min-height:0;overflow:auto;border-inline-end:0!important;background:transparent!important;color:var(--sidebar-text)}.brand{flex:0 0 auto;display:flex;align-items:center;min-width:0;gap:12px;height:64px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{position:relative;flex:0 0 42px;display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#0f766e,#2563eb 58%,#f59e0b 140%);box-shadow:0 10px 22px #2563eb42,inset 0 1px #ffffff47;color:#fff}.brand-mark:after{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border:1px solid rgba(255,255,255,.24);border-radius:inherit;content:"";pointer-events:none}.brand-symbol{position:relative;z-index:1;width:34px;height:34px;display:block}.brand-symbol-panel{fill:#fff3}.brand-symbol-face{fill:#ffffffeb}.brand-symbol-wave{fill:none;stroke:#0f766e;stroke-linecap:round;stroke-width:3.2}.brand-symbol-spark{fill:#facc15}.brand-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.brand-name{color:#fff;overflow:hidden;font-size:13px;font-weight:700;letter-spacing:0;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.brand-subtitle{color:#ffffff73;overflow:hidden;font-size:12px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.app-header{flex:0 0 var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-height);padding:0 24px;background:#ffffffd9;border-bottom:1px solid rgba(15,23,42,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.page-title{min-width:0;overflow:hidden;margin:0!important;line-height:normal!important;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button{display:none;flex:0 0 auto}.header-account{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px}.account-avatar{flex:0 0 auto;background:var(--color-primary);font-size:14px;font-weight:700}.account-text{display:flex;min-width:0;flex-direction:column;align-items:flex-end;line-height:18px}.account-label{color:var(--color-text-secondary);font-size:12px}.account-name{max-width:180px;overflow:hidden;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.account-meta{flex:0 0 auto}.mobile-nav-drawer .ant-drawer-body{display:flex;min-height:0;flex-direction:column;padding:0;background:#0c1222}.mobile-nav-drawer .nav-content{flex:1}.mobile-nav-drawer .brand{display:none}.mobile-account-panel{flex:0 0 auto;padding:14px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff08}.mobile-account-panel .header-account{display:flex;align-items:flex-start;justify-content:flex-start}.mobile-account-panel .account-text{align-items:flex-start}.mobile-account-panel .account-meta{display:flex;flex-wrap:wrap}.login-screen{display:grid;min-height:100vh;place-items:center;padding:32px;background:linear-gradient(135deg,#eef2ff,#f1f5f9 46%,#eff6ff);overflow:auto}.login-shell{display:grid;width:min(1080px,100%);min-height:640px;grid-template-columns:minmax(0,1.1fr) 440px;overflow:hidden;border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-lg),0 0 40px #2563eb0f}.login-visual{position:relative;display:flex;min-width:0;flex-direction:column;padding:38px;overflow:hidden;background:linear-gradient(135deg,#0c1222,#1e3a5f 50%,#2563eb 140%);color:#fff}.login-visual:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.9),transparent 78%);mask-image:linear-gradient(135deg,rgba(0,0,0,.9),transparent 78%)}.login-visual>*{position:relative;z-index:1}.login-visual-brand{height:auto;padding:0;border-bottom:0}.login-visual-brand .brand-mark{flex-basis:46px;width:46px;height:46px}.login-visual-brand .brand-symbol{width:38px;height:38px}.login-visual-brand .brand-name,.login-visual-brand .brand-subtitle{color:#fff}.login-visual-copy{max-width:460px;margin-top:96px}.login-visual-copy .ant-typography{color:#fff}.login-visual-copy h1.ant-typography{margin:0 0 12px;font-size:44px;line-height:1.12;letter-spacing:0}.login-visual-board{display:flex;max-width:520px;min-height:210px;flex-direction:column;gap:18px;margin-top:auto;padding:22px;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-lg);background:#ffffff24;box-shadow:inset 0 1px #ffffff38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-board-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.login-board-row span,.login-board-row strong{display:block;height:12px;border-radius:999px;background:#ffffffb8}.login-board-row span{width:42%}.login-board-row strong{width:86px;background:#f1c46b}.login-board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.login-board-grid i{display:block;height:58px;border-radius:8px;background:#fff3}.login-board-chart{display:flex;height:78px;align-items:end;gap:12px;padding-top:6px}.login-board-chart span{width:34px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#f6cf78,#ffffff6b)}.login-panel{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:40px 44px;background:#fff}.login-language{position:absolute;top:24px;right:28px}.login-brand{height:auto;min-height:60px;padding:0;border-bottom:0}.login-brand .brand-mark{flex-basis:46px;width:46px;height:46px}.login-brand .brand-symbol{width:38px;height:38px}.login-brand .brand-name,.login-visual-brand .brand-name{font-size:15px;line-height:20px}.login-body{display:flex;flex-direction:column;gap:24px;padding:34px 0 0}.login-body .ant-form-item{margin-bottom:18px}.login-body .ant-input-affix-wrapper,.login-body .ant-input{border-radius:var(--radius-md)}.consumer-portal{min-height:100vh;padding:32px;background:var(--app-bg)}.consumer-portal-shell{width:min(980px,100%);margin:0 auto}.consumer-portal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 26px}.consumer-portal-main{display:flex;flex-direction:column;gap:20px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.consumer-profile{display:flex;align-items:center;gap:18px}.page-table-card{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md)}.page-table-card .ant-table-wrapper,.page-table-card .ant-spin-nested-loading,.page-table-card .ant-spin-container{min-width:0}.page-table-card .ant-table{background:#fff}.page-table-card .ant-table-thead>tr>th,.page-table-card .ant-table-thead>tr>td{background:var(--color-bg-elevated)!important;color:#475569;font-weight:600;font-size:13px;letter-spacing:.01em}.page-table-card .ant-table-tbody>tr>td{vertical-align:middle}.page-table-card .ant-table-tbody>tr:hover>td{background:var(--color-bg-elevated)!important}.page-table-card .ant-pagination{margin:12px 16px;padding-top:8px;border-top:1px solid var(--color-border-light)}.page-section-label{padding:4px 4px 0;font-size:13px;color:var(--color-text-secondary);letter-spacing:.02em}.nav-menu-scroll{position:relative;flex:1;min-height:0;overflow:hidden}.nav-menu-scroll .ant-menu{height:100%;overflow-y:auto;overflow-x:hidden;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.nav-menu-scroll .ant-menu::-webkit-scrollbar{width:4px}.nav-menu-scroll .ant-menu::-webkit-scrollbar-thumb{border-radius:4px;background:#ffffff1f}.nav-menu-fade{position:absolute;bottom:0;left:0;right:0;height:32px;background:linear-gradient(transparent,#111c34e6);pointer-events:none}.nav-footer{flex:0 0 auto;padding:12px 18px;border-top:1px solid rgba(255,255,255,.06)}.nav-version{color:#ffffff4d;font-size:11px;font-weight:500;letter-spacing:.04em}.nav-content .ant-menu-item,.nav-content .ant-menu-submenu-title{color:#fff9!important;border-radius:8px!important;margin:2px 8px!important;height:40px;line-height:40px;transition:all .2s ease}.nav-content .ant-menu-item:hover,.nav-content .ant-menu-submenu-title:hover{color:#fff!important;background:#ffffff0f!important}.nav-content .ant-menu-item-selected{color:#fff!important;background:#2563eb40!important;font-weight:600}.nav-content .ant-menu-item-selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:#60a5fa}.nav-content .ant-menu-submenu-arrow{color:#ffffff59!important}.nav-content .ant-menu-submenu-open>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:#ffffffa6!important}.nav-content .ant-menu-submenu>.ant-menu{background:transparent!important}.nav-content .ant-menu-submenu>.ant-menu .ant-menu-item{padding-left:44px!important;font-size:13px}.nav-content .ant-menu-item .anticon,.nav-content .ant-menu-submenu-title .anticon{color:#ffffff73;font-size:16px}.nav-content .ant-menu-item-selected .anticon{color:#60a5fa!important}.ant-btn-primary:hover{box-shadow:var(--shadow-sm),0 0 16px #2563eb33}.ant-card{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.ant-card .ant-card-head{border-bottom-color:#0f172a0f;min-height:52px;position:relative}.ant-card .ant-card-head:after{content:"";position:absolute;bottom:-1px;left:20px;width:40px;height:2px;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:2px}.ant-card .ant-card-head-title{font-weight:600;font-size:15px}.ant-modal .ant-modal-content{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.ant-tag{border-radius:var(--radius-sm);font-weight:500;font-size:12px;border:none}.ant-table-wrapper .ant-table-thead>tr>th{font-size:13px;font-weight:600;letter-spacing:.01em}.video-job-script.ant-typography{max-width:100%;margin:0;color:var(--color-text-secondary);font-size:12px;line-height:20px}.video-job-meta-line{display:flex;min-width:0;flex-wrap:wrap;gap:6px 12px;color:var(--color-text-tertiary);font-size:12px;line-height:18px}.video-asset-line>span:first-child{color:var(--color-text-tertiary);font-size:12px}.ai-region-record-label{display:block;margin-bottom:3px;color:var(--color-text-secondary);font-size:12px;font-weight:600}@media(max-width:900px){.login-screen{padding:20px}.login-shell{width:min(460px,100%);min-height:0;grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:32px 28px}.consumer-portal{padding:20px}.consumer-portal-header,.consumer-profile{align-items:flex-start;flex-direction:column}}.app-content{flex:1;min-height:0;padding:20px 24px 28px;background:linear-gradient(180deg,#f1f5f9,#e8edf4);overflow:auto}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-thumb{border-radius:6px;background:#0f172a1f}.app-content::-webkit-scrollbar-track{background:transparent}.account-loading{display:grid;min-height:280px;place-items:center}.error-boundary-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--app-bg)}.page-stack{display:flex;min-width:0;flex-direction:column;gap:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;margin-bottom:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-xs)}.page-stack{animation:pageEnter .3s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.page-section{display:flex;flex-direction:column;gap:8px}.json-editor{font-family:Cascadia Mono,Consolas,monospace;font-size:12px}.response-box{max-height:420px;overflow:auto;padding:12px;border:1px solid rgba(15,23,42,.15);border-radius:8px;background:#0f172a;color:#d1e7ff;font-family:Cascadia Mono,Consolas,monospace;font-size:12px;white-space:pre-wrap}.secret-box{padding:10px 12px;border:1px solid #c7d7fe;border-radius:8px;background:#f5f8ff;color:var(--color-text-primary);font-family:Cascadia Mono,Consolas,monospace;word-break:break-all}.muted{color:var(--color-text-secondary)}.consumer-select-option{display:inline-flex;align-items:center;gap:8px;min-width:0}.consumer-select-option>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-status-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.access-status-card{display:flex;min-width:0;min-height:92px;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base),transform var(--transition-base)}.access-status-card:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.access-status-icon{display:inline-grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:8px;font-size:18px}.access-status-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.access-status-label,.access-status-meta{color:var(--color-text-secondary);font-size:12px}.access-status-value{color:var(--color-text-primary);font-size:28px;line-height:32px}.access-status-green{border-left-color:#059669}.access-status-green .access-status-icon{background:#ecfdf3;color:#059669}.access-status-amber{border-left-color:#d48806}.access-status-amber .access-status-icon{background:#fff7e6;color:#d48806}.access-status-blue{border-left-color:#1677ff}.access-status-blue .access-status-icon{background:#eef6ff;color:#1677ff}.access-status-red{border-left-color:#cf1322}.access-status-red .access-status-icon{background:#fff1f0;color:#cf1322}.access-inline-alert{border-radius:var(--radius-sm)}.access-workbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.access-filter{max-width:100%}.access-token-cell,.access-modal-meta{display:flex;min-width:0;flex-direction:column;gap:5px}.access-token-line{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.access-modal-summary{display:flex;min-width:0;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated)}.endpoint-hint{margin-bottom:16px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated)}.dashboard-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base),transform var(--transition-base)}.dashboard-panel:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.dashboard-metric-card{position:relative;min-height:142px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base),transform var(--transition-base)}.dashboard-metric-card:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.dashboard-metric-card:after{position:absolute;right:-28px;bottom:-34px;width:112px;height:112px;border-radius:50%;content:"";opacity:.12}.dashboard-metric-head{display:flex;min-width:0;align-items:center;gap:10px}.dashboard-metric-icon{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border-radius:8px;color:#fff;font-size:18px}.dashboard-metric-title{color:var(--color-text-secondary)}.dashboard-metric-value{display:block;min-width:0;margin-top:16px;overflow:hidden;color:var(--color-text-primary);font-size:24px;line-height:32px;text-overflow:ellipsis;white-space:nowrap}.dashboard-metric-meta{display:block;margin-top:4px;color:var(--color-text-secondary);font-size:12px}.metric-teal .dashboard-metric-icon,.metric-teal:after{background:#0f766e}.metric-blue .dashboard-metric-icon,.metric-blue:after{background:#2563eb}.metric-violet .dashboard-metric-icon,.metric-violet:after{background:#722ed1}.metric-orange .dashboard-metric-icon,.metric-orange:after{background:#fa8c16}.dashboard-chart{display:flex;min-height:260px;flex-direction:column;justify-content:space-between;gap:14px}.usage-trend{display:grid;height:220px;grid-template-columns:repeat(7,minmax(42px,1fr));align-items:end;gap:12px}.usage-trend-item{display:grid;min-width:0;grid-template-rows:1fr 20px 18px;align-items:end;justify-items:center;gap:4px}.usage-trend-bar-wrap{display:flex;width:100%;height:150px;align-items:end;overflow:hidden;border-radius:var(--radius-sm);background:linear-gradient(180deg,#f7f9fc,#eef1f6)}.usage-trend-bar{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#93c5fd,#2563eb);box-shadow:0 -2px 10px #2563eb2e}.usage-trend-value{color:var(--color-text-primary);font-size:12px;line-height:18px}.usage-trend-label{color:var(--color-text-secondary);font-size:12px;line-height:16px}.dashboard-chart-footer{display:flex;min-height:28px;align-items:center;border-top:1px solid var(--color-border-light);padding-top:10px}.status-chart{display:grid;min-height:260px;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:22px}.status-chart-ring{display:grid;width:150px;height:150px;place-items:center;border-radius:50%;box-shadow:var(--shadow-md)}.status-chart-center{display:flex;width:94px;height:94px;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--color-border-light)}.status-chart-list{display:flex;min-width:0;flex-direction:column;gap:12px}.status-chart-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.dashboard-business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-business-tile{display:grid;min-width:0;min-height:92px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy value" "copy icon";gap:8px 12px;align-items:center;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),transform var(--transition-base)}.dashboard-business-tile:hover{border-color:#2563eb4d;background:#f8fbff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dashboard-business-tile:focus-visible,.choice-item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.dashboard-business-tile>span:first-child{grid-area:copy;display:flex;min-width:0;flex-direction:column;gap:4px}.dashboard-business-value{grid-area:value;color:var(--color-text-primary);font-size:24px;font-weight:700;line-height:30px}.dashboard-business-icon{grid-area:icon;justify-self:end;color:var(--color-primary)}.billing-bars{display:flex;min-height:260px;flex-direction:column;justify-content:flex-start;gap:18px;padding-top:4px}.billing-row{display:grid;grid-template-columns:130px minmax(120px,1fr) 96px;align-items:center;gap:14px}.billing-label{display:flex;min-width:0;flex-direction:column;gap:2px}.model-cell{display:flex;align-items:center;gap:12px;min-width:0}.model-thumb{flex:0 0 auto;border:1px solid var(--color-border);border-radius:8px;object-fit:cover;background:var(--color-bg-elevated)}.model-main{display:flex;min-width:0;flex-direction:column;gap:4px}.model-detail-thumb{border:1px solid var(--color-border);border-radius:8px;object-fit:cover;background:var(--color-bg-elevated)}.model-video-preview{width:100%;max-height:260px;margin-bottom:16px;border:1px solid rgba(15,23,42,.15);border-radius:8px;background:#111827}.live-player-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-player-surface{position:relative;display:grid;min-height:520px;overflow:hidden;place-items:center;border:1px solid #1f2937;border-radius:var(--radius-md);background:#050816}.live-player-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.live-player-video>div,.live-player-video video{width:100%!important;height:100%!important;object-fit:contain!important}.live-player-placeholder{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;color:#d5def0}.live-player-placeholder .anticon{color:#8ab4ff;font-size:42px}.live-player-placeholder .ant-typography{color:#d5def0}.live-watch-operations{margin-top:4px}.live-takeover-panel{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.live-takeover-head,.live-takeover-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-region-panel{display:flex;flex-direction:column;gap:16px}.ai-region-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-region-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px 360px;gap:16px;align-items:start}.ai-region-editor{min-width:0;outline:none}.ai-region-side,.ai-region-record-panel{min-width:0}.ai-region-record-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ai-region-canvas{position:relative;display:grid;min-height:360px;overflow:auto;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);cursor:crosshair}.ai-region-canvas img{display:block;max-width:100%;max-height:560px;-webkit-user-select:none;user-select:none}.ai-region-image-wrap{position:relative;display:inline-block;max-width:100%}.ai-region-selection{position:absolute;box-sizing:border-box;border:2px solid #2563eb;background:#2563eb29;box-shadow:0 0 0 9999px #0f172a57;pointer-events:none}.ai-region-empty{padding:24px;color:#667085;text-align:center}.ai-region-capture-hidden .ant-modal,.ai-region-capture-hidden .ant-modal-mask,body.ai-region-capture-active .ant-drawer,body.ai-region-capture-active .ant-drawer-mask{opacity:0!important;pointer-events:none}.ai-region-records{display:flex;flex-direction:column;max-height:min(640px,calc(90vh - 220px));gap:8px;overflow-y:auto;padding-right:4px}.ai-region-record{display:block;min-width:0;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.ai-region-record-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ai-region-record-reason{display:block;margin-bottom:8px}.ai-region-record-block+.ai-region-record-block{margin-top:8px}.ai-region-message-items{display:flex;flex-direction:column;gap:10px}.ai-region-message-item{padding-top:10px;border-top:1px dashed #e6e8ef}.ai-region-message-item:first-child{padding-top:0;border-top:0}.ai-region-record-label{display:block;margin-bottom:3px;color:#667085;font-size:12px;font-weight:600}.ai-region-record .ant-typography{min-width:0;margin:0;white-space:pre-wrap;word-break:break-word}@media(max-width:1280px){.ai-region-layout{grid-template-columns:1fr}}.standalone-player-page{display:flex;min-height:100vh;flex-direction:column;gap:12px;padding:12px;background:#050816}.standalone-player-topbar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #1f2937;border-radius:var(--radius-md);background:#0b1020}.standalone-player-topbar .ant-typography{color:#e5edf8}.standalone-player-topbar .ant-typography-secondary{color:#9aa8bd!important}.standalone-player-alert{flex:0 0 auto}.standalone-player-surface{position:relative;display:grid;flex:1;min-height:0;overflow:hidden;place-items:center;border:1px solid #1f2937;border-radius:6px;background:#000}.video-production-page{gap:14px}.video-page-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:18px}.video-page-copy{min-width:0}.video-page-subtitle{display:block;max-width:760px;margin-top:4px}.video-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.video-stat-card{display:flex;min-width:0;min-height:86px;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base),transform var(--transition-base)}.video-stat-card:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-1px)}.video-stat-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.video-stat-label{color:var(--color-text-secondary);font-size:12px}.video-stat-value{color:var(--color-text-primary);font-size:28px;line-height:32px}.video-stat-meta{min-width:0;max-width:150px;color:var(--color-text-secondary);font-size:12px;line-height:18px;text-align:right}.video-stat-teal{border-left-color:#0f766e}.video-stat-blue{border-left-color:#1677ff}.video-stat-amber{border-left-color:#d48806}.video-stat-red{border-left-color:#cf1322}.video-workbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.video-search{width:min(420px,100%)}.video-workbar-actions{flex:0 0 auto;justify-content:flex-end}.video-table-panel{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md)}.video-table-panel .ant-table-wrapper,.video-table-panel .ant-spin-nested-loading,.video-table-panel .ant-spin-container{min-width:0}.video-table-panel .ant-table{background:#fff}.video-table-panel .ant-table-thead>tr>th{background:#f8fafc;color:#344054;font-weight:600}.video-table-panel .ant-table-tbody>tr>td{vertical-align:middle}.video-table-panel .ant-table-tbody>tr:hover>td{background:#f8fbff}.video-table-panel .ant-pagination{margin-right:16px;margin-left:16px}.video-job-row td{height:92px}.video-job-primary,.video-status-cell,.video-asset-stack,.video-result-cell,.video-result-copy{min-width:0}.video-job-primary{display:flex;flex-direction:column;gap:5px}.video-job-title-line{display:flex;min-width:0;align-items:center;gap:8px}.video-job-name{min-width:0}.video-job-script.ant-typography{max-width:100%;margin:0;color:#667085;font-size:12px;line-height:20px}.video-job-meta-line{display:flex;min-width:0;flex-wrap:wrap;gap:6px 12px;color:#98a2b3;font-size:12px;line-height:18px}.video-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:12px}.video-status-tag{margin-inline-end:0}.video-status-message{width:100%;font-size:12px}.video-asset-stack{display:flex;flex-direction:column;gap:7px}.video-asset-line{display:grid;min-width:0;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center}.video-asset-line>span:first-child{color:#98a2b3;font-size:12px}.video-asset-line .ant-typography,.video-result-copy .ant-typography{max-width:100%}.video-task-id{display:inline-block;max-width:100%;font-family:Cascadia Mono,Consolas,monospace;font-size:12px}.video-result-cell{display:flex;align-items:center;gap:10px}.video-result-placeholder{display:grid;flex:0 0 auto;width:42px;height:56px;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-text-tertiary);font-size:11px;font-weight:700}.video-result-copy{display:flex;flex:1;flex-direction:column;gap:4px}.video-wizard-form{display:flex;flex-direction:column;gap:18px}.video-wizard-form .ant-input,.video-wizard-form .ant-select-selector,.video-wizard-form .ant-input-number{border-radius:var(--radius-sm)}.video-wizard-form .ant-input:not(textarea),.video-wizard-form .ant-select-single .ant-select-selector,.video-wizard-form .ant-input-number{min-height:36px}.video-wizard-form .ant-select-single .ant-select-selector{align-items:center}.video-wizard-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.video-summary-item{display:flex;min-width:0;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated)}.video-summary-label{color:var(--color-text-secondary);font-size:12px}.video-summary-value{min-width:0;color:var(--color-text-primary)}.video-wizard-body{min-height:430px}.choice-panel{display:flex;flex-direction:column;gap:12px}.choice-list{display:grid;max-height:390px;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-right:4px}.choice-item{display:flex;min-width:0;min-height:86px;align-items:center;gap:12px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.choice-item:hover{border-color:#2563eb4d;background:#f7fbff}.choice-item-selected{border-color:#2563eb;background:var(--color-primary-bg);box-shadow:0 0 0 2px #2563eb1f}.choice-main{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.choice-title-line{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.voice-avatar{display:grid;flex:0 0 auto;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-primary-bg);color:#2563eb;font-weight:700}.asset-link-panel{margin-bottom:16px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.asset-link-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.asset-cell{display:flex;align-items:center;gap:12px;min-width:0}.asset-thumb{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border:1px solid var(--color-border);border-radius:8px;object-fit:cover;background:var(--color-bg-elevated);color:var(--color-text-tertiary)}.asset-main{display:flex;min-width:0;flex-direction:column;gap:4px}.asset-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.action-button-blocked:not(:disabled){color:#00000040;border-color:#d9d9d9;background:#fff;box-shadow:none;cursor:not-allowed}.action-button-blocked:not(:disabled):hover,.action-button-blocked:not(:disabled):focus{color:#00000040!important;border-color:#d9d9d9!important;background:#fff!important}.global-action-floating-message{position:fixed;top:76px;left:50%;z-index:99999;max-width:min(560px,calc(100vw - 32px));padding:10px 16px;color:var(--color-text-primary);font-size:14px;line-height:20px;text-align:center;background:#fff;border:1px solid #d9e4ff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:1;transform:translate(-50%) translateY(0);animation:global-action-message-in .28s cubic-bezier(.2,.85,.22,1.12) both;pointer-events:none}.global-action-floating-message-success{border-color:#b7eb8f}.global-action-floating-message-warning{border-color:#ffe58f}.global-action-floating-message-error{border-color:#ffccc7}.global-action-floating-message-leave{animation:global-action-message-out .34s ease forwards}@keyframes global-action-message-in{0%{opacity:0;transform:translate(-50%) translateY(-18px) scale(.98)}70%{opacity:1;transform:translate(-50%) translateY(3px) scale(1)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes global-action-message-out{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(18px) scale(.98)}}@media(max-width:900px){.app-sider{display:none}.app-header{gap:8px;padding:0 12px}.mobile-menu-button{display:inline-flex}.page-title{flex:1;font-size:16px!important}.app-content{padding:14px}.header-account{display:none}.usage-trend{grid-template-columns:repeat(7,minmax(32px,1fr));gap:8px;overflow-x:auto}.status-chart{grid-template-columns:1fr;justify-items:center}.dashboard-business-grid{grid-template-columns:1fr}.billing-row{grid-template-columns:1fr;gap:6px}.video-page-head,.video-workbar,.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{align-items:stretch}.toolbar-right>*,.toolbar-left>*{max-width:100%}.app-content .ant-table-wrapper{overflow-x:auto}.app-content .ant-card-extra{margin-inline-start:0}.video-stat-grid,.access-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-workbar{align-items:stretch;flex-direction:column}.access-filter,.video-search{width:100%}.video-workbar-actions{justify-content:flex-start}}@media(max-width:560px){.login-screen{padding:12px}.login-panel{padding:28px 20px}.login-language{top:16px;right:18px}.login-body{gap:18px}.brand-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-copy{max-width:180px}.video-stat-grid,.access-status-grid{grid-template-columns:1fr}.video-stat-card{align-items:flex-start;flex-direction:column}.video-stat-meta{max-width:none;text-align:left}}
