:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f8fe;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.appShell{background:#f7fbff;border:1px solid #d8e8fb;border-radius:28px;grid-template-columns:254px minmax(0,1fr);gap:38px;min-height:100vh;padding:24px;display:grid}.sidebar{background:#d9ebfc;border:1px solid #c8def7;border-radius:24px;flex-direction:column;height:calc(100vh - 48px);min-height:720px;padding:30px 18px 22px;display:flex;position:sticky;top:24px}.brandBlock{padding:0 12px 28px}.brandName{color:#164a9a;font-size:28px;font-weight:850;line-height:1}.brandSub{color:#5c79a6;margin-top:8px;font-size:14px}.navList{gap:12px;display:grid}.navItem{color:#164a9a;letter-spacing:0;border-radius:12px;align-items:center;gap:16px;min-height:52px;padding:0 18px;font-weight:800;text-decoration:none;display:flex}.navItem span{text-align:center;width:16px;font-size:14px}.navItem.active{background:#fff;box-shadow:0 1px #1a57a514}.chromeCard{color:#164a9a;background:#c8e0fb;border:1px solid #9fc7f5;border-radius:18px;gap:10px;margin-top:auto;padding:18px;display:grid}.chromeCard span,.chromeCard small{color:#5b78a6;font-size:13px}.chromeStatus{align-items:center;gap:14px;min-height:30px;display:flex}.chromeStatus b{color:#007c44;background:#ccffd9;border-radius:999px;padding:7px 32px;font-size:13px}.workspace{min-width:0;padding:36px 14px 24px 0}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:4px;font-size:34px;line-height:1.08}h2{letter-spacing:0;margin-bottom:8px;font-size:18px;line-height:1.2}h3{margin-bottom:0;font-size:16px}.topbar p,.panelHeader p,.muted,.summaryBox,.emptyState,.projectHint{color:#5b6d8d;font-size:15px;line-height:1.45}.topActions,.panelActions,.rowActions,.sourceChips>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{cursor:pointer;letter-spacing:0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:800;text-decoration:none;transition:background .2s;display:inline-flex}.button.primary{color:#fff;background:#1269e9}.button.primary:hover:not(:disabled){background:#4c93fb}.button.ghost{color:#246bd6;background:#fff;border-color:#cfe2fb}.button.danger{color:#ff333d;background:snow;border-color:#ffb8b8}.button:disabled{opacity:.48;cursor:not-allowed}.setupGrid,.projectBar,.panel,.statCard{background:#fff;border:1px solid #cfe2fb;border-radius:18px;box-shadow:4px 6px #2876cd14}.setupGrid{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;margin-bottom:24px;padding:0;display:grid}.setupGrid.single,.dashboardGrid.single,.lowerGrid.single,.settingsGrid{grid-template-columns:minmax(0,1fr)}.projectBar{grid-template-columns:minmax(280px,1fr) minmax(380px,1.15fr);gap:30px;margin-bottom:22px;padding:22px 28px 16px;display:grid}.projectPicker select,input,select,textarea{color:#172033;background:#f8fbff;border:1px solid #cfe0f4;border-radius:9px;outline:none;width:100%;padding:9px 16px}.projectPicker .sourceChips{margin-top:22px}.chip{color:#5b6d8d;background:#f8fbff;border:1px solid #cfe0f4;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.chip.hot{color:#2471dc;background:#eef6ff}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:24px;display:grid}.statCard{align-items:center;gap:22px;min-height:130px;padding:12px 26px;display:flex}.statIcon{border-radius:999px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.statIcon.blue{color:#2f7de4;background:#eef6ff}.statIcon.green{color:#00b978;background:#ccfadb}.statIcon.yellow{color:#f6a800;background:#ffedb2}.statCard span{color:#65728b;font-weight:800;display:block}.statCard strong{margin:4px 0 8px;font-size:32px;line-height:1;display:block}.statCard p{color:#5b6d8d;margin-bottom:0;font-size:15px}.dashboardGrid,.lowerGrid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;margin-bottom:24px;display:grid}.lowerGrid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr)}.panel{padding:28px}.panelHeader{margin-bottom:14px}.panelHeader.inline{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.jobPanel{min-height:230px}.emptyPage{max-width:760px}.statusPill,.rowStatus{color:#4d668c;text-transform:capitalize;background:#e9f1fb;border-radius:999px;justify-content:center;align-items:center;min-width:88px;min-height:32px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.statusPill.running,.statusPill.queued,.rowStatus.running,.rowStatus.queued{color:#008f54;background:#ccfadb}.rowStatus.done,.statusPill.completed{color:#008347;background:#d5f8df}.statusPill.failed,.rowStatus.failed{color:#df1d2d;background:#ffe0e0}.progressTrack{background:#e5f0ff;border-radius:999px;height:18px;overflow:hidden}.progressTrack span{border-radius:inherit;background:#7fb2f8;height:100%;display:block}.progressContainer{align-items:center;gap:12px;width:100%;display:flex}.progressBar{background:#e5f0ff;border-radius:12px;flex:1;height:24px;overflow:hidden}.progressBar span{border-radius:inherit;background:linear-gradient(90deg,#1269e9 0%,#4c93fb 100%);height:100%;transition:width .3s;display:block}.progressText{text-align:right;color:#1269e9;min-width:50px;font-size:14px;font-weight:800}.mergePanel{background:#f0f7ff;border:1px solid #cfe2fb;border-radius:12px;justify-content:center;align-items:center;margin:16px 0;padding:16px;display:flex}.mergePanel .progressContainer{width:100%}.compact{gap:12px}.compact .button{min-width:128px}.logPanel pre{color:#eef6ff;background:#183a63;border-radius:10px;min-height:160px;margin:20px 0 0;padding:18px;font-size:13px;line-height:1.8;overflow:auto}.videoPanel{flex-direction:column;gap:12px;display:flex}.resourceList{gap:8px;margin-top:18px;display:grid}.resourceList h3{color:#172033;margin:10px 0 0;font-size:14px}.resourceList a,.resourceList span{overflow-wrap:anywhere;color:#4f6c97;max-width:100%;font-size:13px;line-height:1.4;display:block}.storyboardPanel{margin-bottom:24px}.summaryBox,.emptyState,.projectHint{margin:12px 0 18px}.tableWrap{border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th{color:#5b6d8d;text-align:left;background:#eff5fc;padding:14px 20px;font-size:13px}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}td{vertical-align:top;border-bottom:1px solid #e7eef8;padding:13px 20px;font-size:14px}.sceneRow td:first-child b{font-size:15px;display:block}.sceneRow td:first-child span,td small{color:#607391;margin-top:4px;font-size:12px;display:block}.sceneRow p{color:#172033;max-width:470px;margin:5px 0 6px;line-height:1.4}details summary{cursor:pointer;color:#246bd6;font-weight:800}details textarea{resize:vertical;min-height:120px;margin-top:10px}td a{color:#4f6c97;text-decoration:none}.sceneDetails td{background:#f9fcff}.promptPanel{max-width:none;margin-bottom:0}.promptBox span,label{color:#4c5f7f;gap:8px;font-size:13px;font-weight:800;display:grid}.promptBox textarea{resize:vertical;min-height:80px;font-size:16px;line-height:1.45}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.fileLabel{margin:16px 0}.autoFlag{color:#00b978;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:900}.error{color:#9b1c1c;background:#fff0f0;border:1px solid #ffcaca;border-radius:10px;margin:12px 0;padding:12px 14px}.job{background:#f6f9ff;border:1px solid #dce3ef;border-radius:10px;margin:12px 0;padding:12px 14px}.job-failed{background:#fff0f0;border-color:#ffcaca}.job-completed{background:#f0fff4;border-color:#bce8ca}.videoBox{max-width:760px;margin-top:14px}.settingsGrid{gap:24px;display:grid}.settingsRows{grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:12px 18px;display:grid}.settingsRows span{color:#5b6d8d;font-size:14px;font-weight:800}.settingsRows strong{overflow-wrap:anywhere}.chromeStatus.large{justify-content:flex-start}video{background:#000;border-radius:12px;width:100%;max-height:420px}@media (width<=1180px){.appShell{grid-template-columns:220px minmax(0,1fr);gap:22px}.projectBar,.setupGrid,.dashboardGrid,.lowerGrid{grid-template-columns:1fr}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (width<=820px){.appShell{border-radius:0;padding:14px;display:block}.sidebar{height:auto;min-height:0;margin-bottom:20px;position:static}.workspace{padding:0}.topbar,.panelHeader.inline{display:grid}.statsGrid,.formGrid{grid-template-columns:1fr}.projectBar,.setupGrid,.panel{padding:20px}.setupGrid{padding:0}.compact .button{flex:120px;min-width:0}h1{font-size:28px}}.loginContainer{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.loginBox{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #00000026}.loginForm{margin-top:30px}.loginForm h2{text-align:center;color:#172033;margin:0 0 24px;font-size:24px}.formGroup{margin-bottom:16px}.formGroup label{color:#172033;margin-bottom:8px;font-weight:500;display:block}.formGroup input{border:1px solid #c8def7;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .3s}.formGroup input:focus{border-color:#1269e9;outline:none;box-shadow:0 0 0 3px #1269e91a}.formGroup input:disabled{cursor:not-allowed;background-color:#f3f8fe}.loginForm button{width:100%;margin-top:24px;padding:12px;font-weight:600}.loginHint{color:#555;background:#f3f8fe;border:1px solid #c8def7;border-radius:8px;margin-top:24px;padding:16px;font-size:12px}.loginHint p{margin:8px 0}.loginHint code{color:#1269e9;background:#fff;border-radius:4px;padding:4px 8px;font-family:monospace}.dashboardOverview{flex-direction:column;gap:24px;display:flex}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.statCard{background:#fff;border:1px solid #c8def7;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.statCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1269e91a}.statIcon{font-size:32px}.statContent{flex:1}.statContent h3{color:#8892b0;margin:0;font-size:14px;font-weight:500}.statValue{color:#1269e9;margin:4px 0;font-size:28px;font-weight:700;display:block}.statSub{color:#555;margin:4px 0 0;font-size:12px}.projectsList{flex-direction:column;gap:12px;display:flex}.projectItem{cursor:pointer;background:#fff;border:1px solid #c8def7;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.projectItem:hover{border-color:#1269e9;box-shadow:0 4px 16px #1269e91a}.projectInfo{flex:1;min-width:0}.projectHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.projectHeader h3{color:#172033;flex:1;margin:0;font-size:16px}.statusBadge{white-space:nowrap;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.statusBadge.storyboard_ready{color:#0d7e6e;background:#d1f2eb}.statusBadge.storyboard_failed{color:#c41e3a;background:#fde8e8}.statusBadge.storyboard_pending{color:#b45309;background:#fef3c7}.projectMeta{color:#8892b0;margin:0;font-size:13px}.projectSub{color:#555;margin:4px 0 0;font-size:12px}.projectProgress{flex-direction:column;align-items:center;gap:8px;min-width:120px;display:flex}.projectProgress .progressBar{background:#e8f1f9;border-radius:3px;width:80px;height:6px}.projectProgress .progressBar span{background:linear-gradient(90deg,#1269e9,#4c93fb);border-radius:3px;height:100%;transition:width .3s;display:block}.progressText{color:#1269e9;font-size:13px;font-weight:600}.emptyState{text-align:center;color:#8892b0;padding:40px 20px}.emptyState p{margin:0 0 16px}.userInfo{color:#555;white-space:nowrap;background:#f3f8fe;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500}.tableWrap table{border-collapse:collapse;width:100%}.tableWrap th{text-align:left;color:#555;background:#f3f8fe;border-bottom:2px solid #c8def7;padding:12px;font-size:13px;font-weight:600}.tableWrap td{border-bottom:1px solid #e8f1f9;padding:12px;font-size:13px}.projectRow{transition:background-color .2s}.projectRow:hover{background-color:#f8fbff}.button.danger{color:#c41e3a}.button.danger:hover{background-color:#fde8e8}