:root{--composer-height:82px;--keyboard-offset:0px}
.chatTitle{display:none}
.chatTitle #editTitle{margin-left:auto}
#workingIndicator{display:inline-flex;align-items:center;gap:9px;color:#a7e9b7;font-size:14px;font-weight:700}
#workingIndicator[hidden]{display:none!important}
#workingIndicator i{width:17px;height:17px;border:2px solid #355840;border-top-color:#85e49c;border-radius:50%;animation:codex-spin .8s linear infinite}
#workingIndicator b{min-width:42px;padding:2px 6px;border-radius:7px;background:#1c2b22;color:#d8f5df;font:12px/1.4 ui-monospace,monospace;text-align:center}
@media(max-width:430px){.chatTitle{top:68px;padding-inline:12px}#workingIndicator{font-size:13px;gap:7px}#workingIndicator b{min-width:38px}}
.is-working #composer{box-shadow:0 -8px 28px #54dd7912}
.streamGroup{white-space:pre-wrap;line-height:1.5}
.streamGroup:empty{display:none}
.threadLoading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;margin:10px 14px;color:#d8e6dc;text-align:left}
.threadLoading>i{width:22px;height:22px;flex:0 0 auto;border:2px solid #355840;border-top-color:#85e49c;border-radius:50%;animation:codex-spin .8s linear infinite}
.threadLoading>span{display:grid;gap:4px}.threadLoading strong{font-size:15px}.threadLoading small{font-size:12px}
.threadLoading.historySyncing{justify-content:flex-start;min-height:0;margin:4px 14px 14px;padding:10px 12px;border:1px solid #293b31;border-radius:12px;background:#101914;color:#b7c9bd}
.threadLoading.historySyncing>i{width:15px;height:15px}
.threadLoading.historySyncing strong{font-size:13px}.threadLoading.historySyncing small{color:#829388}
.instantTaskPreview{animation:task-preview-in .16s ease-out}
@keyframes task-preview-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes codex-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#workingIndicator i{animation-duration:1.8s}}
.activityCard{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;max-width:calc(100% - 28px);margin:10px 14px;padding:12px 14px;border:1px solid #2b3b32;border-radius:14px;background:#121a16;color:#d6e2da}
.activityCard>div{min-width:0}
.activityCard strong{display:block;font-size:14px;overflow-wrap:anywhere}
.activityState{display:grid;place-items:center;width:22px;height:22px}
.activityState i{width:14px;height:14px;border:2px solid #355840;border-top-color:#85e49c;border-radius:50%;animation:codex-spin .8s linear infinite}
.activityCard.done .activityState i{border:0;background:#73d98c;animation:none;clip-path:polygon(14% 52%,38% 75%,87% 22%,100% 35%,39% 92%,0 65%)}
.activityCard.failed .activityState i{border:0;background:#ef7771;animation:none;clip-path:polygon(10% 0,50% 38%,90% 0,100% 10%,62% 50%,100% 90%,90% 100%,50% 62%,10% 100%,0 90%,38% 50%,0 10%)}
.activityCard details{margin-top:6px;max-width:100%}
.activityCard summary{cursor:pointer;color:#84bd92;font-size:12px}
.activityCard pre{max-height:190px;margin:7px 0 0;padding:9px;border-radius:9px;background:#0a100d;color:#9eafa4;font:12px/1.45 ui-monospace,monospace;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere}
.planCard ul{margin:8px 0 0;padding-left:19px;color:#9eafa4;font-size:13px}
.planCard li{margin:4px 0}
.planCard li.completed{text-decoration:line-through;color:#6f8176}
.approvalCard{max-width:calc(100% - 28px);margin:12px 14px;padding:15px;border:1px solid #b98535;border-radius:15px;background:#2a2114;color:#f6e4c3}
.approvalCard strong{display:block;color:#ffd58b;font-size:16px}
.approvalCard p{margin:7px 0 13px;color:#ddc9a8;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}
.approvalCard>div{display:flex;flex-wrap:wrap;gap:7px}
.approvalCard button{padding:9px 11px;font-size:12px}
.approvalCard button:first-child{background:#3a3024;color:#f2d6c7}
.approvalCard.resolved{border-color:#3a6648;background:#18271d;color:#a9e5b8}
#chat{padding-top:52px}
body.task-open header{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10;width:min(780px,100%)}
body.task-open #chat{padding-top:120px}
.completionSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 14px 14px;padding:12px 14px;border:1px solid #31543d;border-radius:14px;background:#142219}
.completionSummary>span{display:flex;align-items:center;gap:8px;min-width:0}
.completionSummary i{width:14px;height:14px;flex:0 0 auto;background:#73d98c;clip-path:polygon(14% 52%,38% 75%,87% 22%,100% 35%,39% 92%,0 65%)}
.completionSummary strong{font-size:14px;color:#d9f6df}
.completionSummary small{padding:3px 7px;border-radius:7px;background:#203229;color:#a7e9b7;font:12px/1.4 ui-monospace,monospace;white-space:nowrap}
.completionSummary button{padding:8px 10px;background:#203229;color:#a7e9b7;font-size:12px;white-space:nowrap}
#messages.result-only>.turnHistory{display:none}
#messages.result-only>.turnHistory.latestTurn{display:block}
#messages.result-only.show-process>.turnHistory{display:block}
#messages.result-only.show-process{overflow-anchor:none}
#messages.result-only:not(.show-process)>:not(.completionSummary):not(.resultMessage):not(.turnHistory){display:none}
#messages.result-only>.resultMessage{display:block}
#messages.result-only .resultMessage{margin-top:0;border:1px solid #2d4537;background:#152019}
.turnHistory{margin:12px 14px 20px;padding:12px;border:1px solid #293b31;border-radius:16px;background:#101914}
.turnResultHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 2px 8px}
.turnResultHead strong{color:#d8efdd;font-size:14px}
.turnResultHead small{padding:3px 7px;border-radius:7px;background:#1e3025;color:#8fd5a0;font-size:11px}
.turnHistory>.bubble{max-width:100%;margin:0}
.turnDetailControls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}
.turnDetails{min-width:0;border:1px solid #30463a;border-radius:10px;background:#142019}
.turnDetails>summary{padding:9px 10px;cursor:pointer;color:#9edbac;font-size:12px;font-weight:700;list-style-position:inside}
.turnDetails[open]{grid-column:1/-1}
.turnDetails[open]>summary{border-bottom:1px solid #293b31}
.turnDetailItems{padding:2px 0 1px;border-radius:0 0 10px 10px;background:#0c130f}
.turnDetailItems>.bubble,.turnDetailItems>.event{max-width:calc(100% - 16px);margin:8px}
.turnDetailItems>.bubble.user{margin-left:12%}
.turnDetailItems>.taskMessageActions{margin-right:8px}
.emptyTurnDetails{margin:0;padding:10px;color:#829388;font-size:12px}
.turnResultLabel{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 7px;color:#a8b8ae;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.copyTaskResult{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #30463a;border-radius:9px;background:#18271f;color:#a7e9b7;font-size:17px;line-height:1;text-transform:none}
.copyTaskResult:hover{background:#22372a;color:#d2f8db}
.copyTaskResult:focus-visible{outline:2px solid #85e49c;outline-offset:2px}
@media(max-width:430px){.completionSummary{padding:10px 11px}.completionSummary>span{gap:6px}.completionSummary button{padding:7px 8px}}
.taskRow{position:relative;width:calc(100% - 28px);max-width:calc(100% - 28px);min-width:0;margin:8px 14px;overflow:hidden}
.taskRow .task{width:100%;max-width:100%;min-width:0;margin:0;padding-right:48px;overflow:hidden}
.taskRow .task>span:nth-child(2){min-width:0;overflow:hidden}
.taskMenu{position:absolute;right:7px;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;padding:0;border-radius:10px;background:#202c25;color:#b9d9c1;font-size:22px;line-height:1}
.sectionTitle{flex-wrap:wrap}
@media(min-width:900px){
  main{width:66.666667vw;max-width:1200px}
  body.task-open header,.chatTitle,#composer{width:66.666667vw;max-width:1200px}
}
body:not(.task-open) main{display:grid;grid-template-rows:auto minmax(0,1fr);height:100dvh;overflow:hidden}
body:not(.task-open){height:100dvh;max-height:100dvh;overflow:hidden;overscroll-behavior:none}
body:not(.task-open) #app{height:100%;min-height:0;overflow:hidden}
body:not(.task-open) #home{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
body:not(.task-open) #home>.sectionTitle{grid-row:1}
body:not(.task-open) #pausedUploadNotice{grid-row:2}
body:not(.task-open) #taskLists{grid-row:3}
body:not(.task-open) #homeTaskLauncher{grid-row:4}
body:not(.task-open) #taskLists{width:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:8px;scrollbar-gutter:stable}
body:not(.task-open) .welcome{display:none}
body:not(.task-open) .sectionTitle{background:#0d1310;z-index:2}
body:not(.task-open) header>div{text-align:center}
body:not(.task-open) header strong{font-size:14px;letter-spacing:.08em;color:#b9efc5}
body:not(.task-open) header #subtitle{display:none}
body:not(.task-open) #homeTaskLauncher{position:relative;z-index:4;padding:10px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid #27372e;background:#101713fa;box-shadow:0 -10px 24px #0007}
#openTaskComposer{width:100%;min-height:52px;font-size:16px}
@media(max-height:700px){body:not(.task-open) .welcome{padding-top:22px;padding-bottom:10px}body:not(.task-open) .sectionTitle h2{margin-block:10px}}
#taskComposerDialog{width:min(90vw,900px);min-width:min(90vw,520px);height:min(84dvh,800px);min-height:460px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;resize:both;overflow:auto}
.taskComposerForm{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;height:calc(100% - 68px);min-height:380px;padding:14px 18px 18px}
.taskComposerForm>label{margin:0 0 5px;font-size:12px}
.taskComposerForm>input{padding:10px 13px;border-color:#405548}
.taskComposerForm .quickControls{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:9px}
.taskComposerForm select{width:100%;padding-block:10px;font-size:13px}
.taskComposerForm .quickControls{margin-top:8px}
.taskComposerForm .modelDescription{min-height:16px;margin:5px 4px 7px;font-size:11px}
.taskComposerForm textarea{width:100%;height:100%;min-height:280px;padding:18px;resize:none;border:2px solid #496452;border-radius:15px;background:#0b120e;font-size:18px;line-height:1.58;box-shadow:inset 0 0 0 1px #14231a}
.taskComposerForm textarea:focus{border-color:#83d596;outline:none;box-shadow:0 0 0 3px #70ca8422}
.taskComposerActions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:14px}
.taskComposerActions small{flex:1;line-height:1.4}.taskComposerActions button{white-space:nowrap}
#taskComposerDialog.is-maximized{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;resize:none}
#taskComposerDialog.is-collapsed{width:min(90vw,620px);min-width:0;height:auto;min-height:0;resize:none}
#taskComposerDialog.is-collapsed .taskComposerForm{display:none}
#taskComposerDialog.is-collapsed .followUpComposerHead{border-bottom:0}
#minimizedTaskComposer{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(74px + env(safe-area-inset-bottom));z-index:20;display:grid;gap:2px;min-width:230px;padding:12px 16px;text-align:left;box-shadow:0 8px 28px #000b}
#minimizedTaskComposer small{color:#36513e;font-size:10px}
#minimizedTaskComposer[hidden]{display:none!important}
#taskRunChoiceDialog{width:min(92vw,540px)}
#taskRunChoicePreview{max-height:220px;overflow:auto;padding:13px;border:1px solid #34483c;border-radius:12px;background:#0e1611;color:#e2ece5;white-space:pre-wrap;overflow-wrap:anywhere}
.taskRunChoices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.taskRunChoices button:last-child{background:#26352c;color:#d9e9de}
#savedTaskViewerDialog{width:min(90vw,900px);min-width:min(90vw,520px);height:min(84dvh,800px);min-height:460px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;resize:both;overflow:auto}
#savedTaskViewerHeading{overflow-wrap:anywhere}
#savedTaskEditorForm{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;height:calc(100% - 68px);min-height:380px;padding:14px 18px 18px}
#savedTaskEditorForm>label{margin:0 0 5px;font-size:12px}
#savedTaskEditorForm>input{padding:10px 13px;border-color:#405548}
.savedTaskSettings{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:9px;margin-top:8px}
.savedTaskSettings select{width:100%;padding-block:10px;font-size:13px}
#savedTaskViewerMeta{min-height:16px;margin:5px 4px 7px;font-size:11px;line-height:1.35}
#savedTaskViewerText{width:100%;height:100%;min-height:280px;overflow:auto;padding:18px;resize:none;border:2px solid #496452;border-radius:15px;background:#0b120e;color:#e1ebe4;font-size:17px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#savedTaskViewerText:not([readonly]):focus{border-color:#83d596;outline:none;box-shadow:0 0 0 3px #70ca8422}
.savedTaskViewerActions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}
.savedTaskViewerActions .danger{background:#442522;color:#ffb0aa}
#savedTaskViewerDialog.is-maximized{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;resize:none}
#savedTaskViewerDialog.is-collapsed{width:min(90vw,620px);min-width:0;height:auto;min-height:0;resize:none}
#savedTaskViewerDialog.is-collapsed #savedTaskEditorForm{display:none}
#savedTaskViewerDialog.is-collapsed .followUpComposerHead{border-bottom:0}
#minimizedSavedTask{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(74px + env(safe-area-inset-bottom));z-index:21;display:grid;gap:2px;min-width:230px;padding:12px 16px;text-align:left;box-shadow:0 8px 28px #000b}
#minimizedSavedTask small{color:#36513e;font-size:10px}#minimizedSavedTask[hidden]{display:none!important}
#taskActionsDialog,#editTaskTitleDialog,#confirmTaskActionDialog{width:min(92vw,500px)}
#deleteTaskConfirmationLabel[hidden]{display:none!important}
.taskActionButtons{display:grid;gap:9px;margin-top:16px}.taskActionButtons button{text-align:left;background:#202c25;color:#e1ebe4}.taskActionButtons .danger{background:#442522;color:#ffb0aa}
.dialogButtons{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.dialogButtons .close{background:#26352c;color:#d9e9de}.dialogButtons .danger{background:#9d3935;color:#fff}
#confirmTaskActionText{line-height:1.55}
@media(max-width:600px){#taskComposerDialog,#savedTaskViewerDialog{width:calc(100vw - 16px);min-width:0;height:calc(100dvh - 16px);max-width:none;max-height:none;resize:none}.taskComposerForm,#savedTaskEditorForm{height:calc(100% - 56px);min-height:0;padding:10px 13px 13px}.taskComposerForm .quickControls,.savedTaskSettings{grid-template-columns:1fr 1fr;gap:6px}.taskComposerForm textarea,#savedTaskViewerText{min-height:220px}.taskComposerActions{align-items:stretch;flex-direction:column;gap:7px;margin-top:8px}.taskComposerActions button{width:100%}.savedTaskViewerActions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}#minimizedTaskComposer,#minimizedSavedTask{right:10px;min-width:210px}}
@media(max-width:390px){.taskComposerForm .quickControls,.taskRunChoices{grid-template-columns:1fr}}
body.task-open{height:100dvh;overflow:hidden}
body.task-open main{height:100dvh;overflow:hidden}
body.task-open #chat{position:fixed;top:68px;bottom:calc(var(--composer-height) + var(--keyboard-offset));left:50%;transform:translateX(-50%);width:min(780px,100%);padding:0;overflow:hidden}
body.task-open #messages{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-bottom:16px;padding:4px 0 16px}
body.task-open #composer{bottom:var(--keyboard-offset);z-index:11;align-items:flex-end;flex-wrap:wrap;max-height:min(55dvh,360px);padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid #27372e;background:#101713fa;box-shadow:0 -10px 24px #0007}
body.task-open #openFollowUpComposer{width:auto;min-height:50px;background:#c8f7d3;color:#102016;font-size:15px;letter-spacing:.01em}
body.task-open #openFollowUpComposer:hover{background:#d9ffe1}
body.task-open #taskStartStop{min-height:50px;background:#26352c;color:#d9e9de}
body.task-open #taskStartStop.stopButton{background:#d95b57;color:#fff}
body.task-open #taskStartStop.stopButton:hover{background:#ea6964}
#jumpToLatest{position:fixed;left:50%;bottom:calc(var(--composer-height) + var(--keyboard-offset) + 14px);z-index:13;display:grid;place-items:center;width:42px;height:42px;padding:0;transform:translateX(-50%);border:1px solid #446050;border-radius:50%;background:#1d2922ee;color:#bdf1c9;font-size:23px;line-height:1;box-shadow:0 6px 22px #0009;backdrop-filter:blur(8px)}
#jumpToLatest:hover{background:#294035}
#jumpToLatest[hidden]{display:none!important}
#queuedFollowUps{flex:0 0 100%;width:100%;max-height:116px;overflow-y:auto;padding:9px;border:1px solid #3a5243;border-radius:12px;background:#111a15}
#queuedFollowUps[hidden]{display:none!important}
.queuedFollowUpsHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.queuedFollowUpsHead strong{color:#c9edd1;font-size:12px}.queuedFollowUpsHead small{color:#80aa89;font-size:11px}
.queuedFollowUp{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;background:#1a271f}
.queuedFollowUp+.queuedFollowUp{margin-top:5px}
.queuedFollowUp>span{display:grid;min-width:0;flex:1}.queuedFollowUp strong{display:-webkit-box;overflow:hidden;color:#d8e5db;font-size:12px;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.queuedFollowUp small{margin-top:2px;color:#91a398;font-size:10px}
.queuedFollowUp.starting{border-left:2px solid #74d88b}.queuedFollowUp.failed{border-left:2px solid #e57670}
.queuedFollowUp>button{flex:0 0 27px;width:27px;height:27px;padding:0;border-radius:8px;background:#29372f;color:#bdccc2}
#followUpDialog{width:min(92vw,520px)}
#followUpPreview{max-height:180px;overflow:auto;padding:12px;border:1px solid #34483c;border-radius:12px;background:#0e1611;color:#e2ece5;white-space:pre-wrap;overflow-wrap:anywhere}
.followUpHelp{font-size:13px;line-height:1.5}.followUpHelp strong{color:#c8edd1}
.followUpChoices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.followUpChoices button:first-child{background:#c8f7d3;color:#102016}.followUpChoices button:last-child{background:#26352c;color:#d9e9de}
@media(max-width:390px){.followUpChoices{grid-template-columns:1fr}}
#followUpComposerDialog{width:min(90vw,860px);min-width:min(90vw,520px);max-width:calc(100vw - 24px);height:min(76dvh,720px);min-height:360px;max-height:calc(100dvh - 24px);padding:0;resize:both;overflow:auto}
.followUpComposerHead{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid #2c3d33;background:#17211b}
.followUpComposerHead>div:first-child{display:grid;min-width:0;flex:1}
.followUpComposerHead h2{margin:0;font-size:19px}
.followUpComposerHead small{margin-top:3px;font-size:12px}
.followUpWindowControls{display:flex;gap:6px}
.followUpWindowControls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:9px;background:#243129;color:#d7e6dc;font-size:17px;line-height:1}
#followUpComposerForm{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:calc(100% - 68px);min-height:280px;padding:18px}
#followUpComposerForm>label{margin:0 0 9px;font-size:13px}
.followUpModelControls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:9px}
#followUpModelDescription{margin:8px 4px 10px;min-height:18px}
#followUpComposerForm textarea{width:100%;height:100%;min-height:220px;padding:18px;resize:none;border-color:#405548;border-radius:15px;font-size:17px;line-height:1.55}
.followUpComposerActions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:14px}
.followUpComposerActions small{flex:1;line-height:1.4}
.followUpComposerActions button{white-space:nowrap}
#followUpComposerDialog.is-maximized{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;resize:none}
#followUpComposerDialog.is-collapsed{width:min(90vw,620px);min-width:0;height:auto;min-height:0;resize:none}
.is-collapsed #followUpComposerForm{display:none}
.is-collapsed .followUpComposerHead{border-bottom:0}
#minimizedFollowUp{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:calc(var(--composer-height) + 14px);z-index:20;display:grid;gap:2px;min-width:230px;padding:12px 16px;text-align:left;box-shadow:0 8px 28px #000b}
#minimizedFollowUp small{color:#36513e;font-size:10px}
#minimizedFollowUp[hidden]{display:none!important}
@media(max-width:600px){#followUpComposerDialog{width:calc(100vw - 16px);min-width:0;height:calc(100dvh - 16px);max-width:none;max-height:none;resize:none}.followUpComposerHead{padding:12px;gap:8px}.followUpComposerHead small{display:none}.followUpWindowControls{gap:4px}.followUpWindowControls button{width:31px;height:31px}#followUpComposerForm{height:calc(100% - 56px);padding:13px}.followUpModelControls{grid-template-columns:1fr}.followUpComposerActions{align-items:stretch;flex-direction:column;gap:9px}.followUpComposerActions button{width:100%}#minimizedFollowUp{right:10px;bottom:calc(var(--composer-height) + 10px);min-width:210px}}
.stoppedEvent{border-left-color:#d98373;color:#e5b1a7}
.taskMessageActions{display:flex;justify-content:flex-end;gap:6px;margin:-5px 14px 10px 15%}
.taskMessageActions button{display:grid;place-items:center;width:32px;height:30px;padding:0;border:1px solid #30443a;border-radius:9px;background:#151f1a;color:#a9dcb5;font-size:16px;line-height:1}
.taskMessageActions button:hover{background:#203229;color:#d1f8d9}
.taskMessageActions .restartInterruptedTask{border-color:#547a5e;background:#203629;color:#c9f6d3}
.taskMessageActions .restartInterruptedTask:hover{background:#2d4a38;color:#effff2}
.taskTitleTrigger{cursor:pointer;text-decoration:underline dotted #557363;text-underline-offset:3px}
#taskDetailsDialog{width:min(92vw,680px);max-height:min(86dvh,760px)}
#taskDetailsText{min-height:190px;max-height:48dvh;margin:10px 0 0;resize:vertical;font-size:16px;line-height:1.5}
#taskDetailsText[readonly]{color:#d7e2da;background:#0d1410}
.taskRestartNote{margin:10px 2px 14px;font-size:13px;line-height:1.45}
.taskDialogActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.taskDialogActions button{padding:10px 12px;background:#202c25;color:#dce8df;font-size:13px}
.taskDialogActions .danger{background:#442522;color:#ffb0aa}
.taskDialogActions .primaryAction{background:#c8f7d3;color:#102016}
#notifications[data-enabled="true"]{color:#b7efc3;border:1px solid #31543d}
#notifications[data-enabled="true"] span{color:#73d98c}
@media(max-width:520px){.taskDialogActions button{flex:1 1 calc(50% - 8px)}#taskDetailsText{min-height:160px}}
.editTitleIcon{flex:0 0 40px;background:#1d2922;color:#a7e9b7;font-size:19px}
.editTitleIcon[hidden]{display:none!important}
body.task-open header #workingIndicator{flex:0 0 auto}
@media(max-width:560px){body.task-open header #workingIndicator{font-size:0;gap:5px}body.task-open header #workingIndicator b{font-size:11px}}
@media(min-width:900px){body.task-open #chat{width:66.666667vw;max-width:1200px}}
@media(max-height:700px){body.task-open #chat{top:68px}}
#uploadDialog{width:min(92vw,560px)}
.uploadIntro{margin:2px 0 18px;line-height:1.45}
#uploadForm{display:grid;gap:4px}
#uploadForm label{margin:8px 0}
#uploadDestination{display:block;margin:-2px 2px 8px;color:#8fc99c;overflow-wrap:anywhere}
.filePicker{padding:13px;border:1px dashed #466052;border-radius:14px;background:#101713;cursor:pointer}
.filePicker input{padding:0;border:0;background:transparent}
.filePicker span{display:block;margin-top:8px;color:#aab8b0;font-size:13px;overflow-wrap:anywhere}
.checkRow{display:flex!important;align-items:flex-start;gap:10px;color:#cbd6cf;font-size:14px!important;cursor:pointer}
.checkRow input{flex:0 0 18px;width:18px!important;height:18px;margin:2px 0 0;padding:0;accent-color:#73d98c}
#uploadProgress{margin:12px 0 6px}
#uploadProgress>div{height:7px;overflow:hidden;border-radius:99px;background:#28352e}
#uploadProgress i{display:block;width:0;height:100%;border-radius:inherit;background:#73d98c;transition:width .15s linear}
#uploadProgress span{display:block;margin-top:7px;color:#a8b7ae;font-size:13px;overflow-wrap:anywhere}
#uploadProgress section{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:7px}
#uploadProgress section span{min-width:0;margin-top:0}
#uploadMetrics{flex:0 0 auto;color:#bcecc7;font:12px/1.45 ui-monospace,monospace;white-space:nowrap}
@media(max-width:460px){#uploadProgress section{display:grid;gap:3px}#uploadMetrics{white-space:normal}}
#pausedUploadNotice{width:calc(100% - 28px);margin:4px 14px 8px;padding:10px 12px;border:1px solid #806b35;background:#292413;color:#f2d996;font-size:13px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pendingUploads{margin:0 0 14px;padding:12px;border:1px solid #4f482b;border-radius:15px;background:#1d1b11}
#pendingUploads h3{margin:0 0 10px;color:#f0d993;font-size:16px}
.pendingUploadCard{padding:12px;border:1px solid #4a4430;border-radius:12px;background:#14150f}
.pendingUploadCard+.pendingUploadCard{margin-top:10px}
.pendingUploadCard>strong,.pendingUploadCard>span,.pendingUploadCard>small{display:block;overflow-wrap:anywhere}
.pendingUploadCard>em{display:inline-block;margin-top:5px;padding:2px 7px;border-radius:99px;background:#493d20;color:#f0d993;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}
.pendingUploadCard.active{border-color:#356345;background:#111c15}
.pendingUploadCard.active>em{background:#244b31;color:#9be5ad}
.pendingUploadCard.active>div i{background:#72d78a}
.pendingUploadCard>span{margin:4px 0;color:#d9c883;font:12px/1.45 ui-monospace,monospace}
.pendingUploadCard>div{height:6px;overflow:hidden;border-radius:99px;background:#393622}
.pendingUploadCard>div i{display:block;height:100%;background:#d1b959}
.pendingUploadCard>small{margin-top:6px;color:#918b70;font-size:11px}
.pendingUploadCard>p{margin:9px 0;color:#bcb79e;font-size:13px;line-height:1.4}
.pendingUploadCard>button{padding:8px 10px;background:#d8c878;color:#211d0d;font-size:12px}
#uploadResults{max-height:150px;overflow:auto}
#uploadResults p{margin:7px 0;padding:8px 10px;border-radius:10px;font-size:13px;overflow-wrap:anywhere}
.uploadSuccess{background:#17281d;color:#b8edc4}.uploadSuccess small{display:block;color:#79b689}
.uploadError{background:#321f1e;color:#ffb2ad}
#uploadSubmit{width:100%;margin-top:10px}
#uploadJobs{margin:12px 0;padding:12px;border:1px solid #31543d;border-radius:15px;background:#111a15}
#uploadJobs h3{margin:0 0 10px;color:#c7eed0;font-size:16px}
.uploadJobCard{position:relative;padding:12px;border:1px solid #30443a;border-radius:12px;background:#131e18}
.uploadJobCard+.uploadJobCard{margin-top:9px}
.uploadJobCard>section{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.uploadJobCard>section strong{min-width:0;overflow-wrap:anywhere}
.uploadJobCard>section em{flex:0 0 auto;padding:2px 7px;border-radius:99px;background:#254b32;color:#9be5ad;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}
.uploadJobCard>span{display:block;margin:5px 0;color:#bcecc7;font:12px/1.45 ui-monospace,monospace}
.uploadJobCard>div{height:7px;overflow:hidden;border-radius:99px;background:#28352e}
.uploadJobCard>div i{display:block;height:100%;background:#73d98c;transition:width .15s linear}
.uploadJobCard>small{display:block;margin-top:6px;color:#96a99c;font-size:12px;overflow-wrap:anywhere}
.uploadJobCard.queued>section em{background:#343b35;color:#bdc7c0}
.uploadJobCard.retrying>section em,.uploadJobCard.paused>section em{background:#493d20;color:#f0d993}
.uploadJobCard.completed>section em{background:#244b31;color:#9be5ad}
.uploadJobCard>button{position:absolute;right:8px;bottom:8px;width:27px;height:27px;padding:0;border-radius:8px;background:#26332c;color:#b6c5bb}
#uploadHistory{margin-top:22px;padding-top:18px;border-top:1px solid #304038}
.uploadHistoryHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.uploadHistoryHead h3{margin:0;font-size:18px}
.uploadHistoryHead button{width:36px;height:36px;padding:0;background:#202c25;color:#bdeac7;font-size:19px}
.uploadHistoryIntro{margin:7px 0 13px;font-size:12px;line-height:1.45}
.emptyUploadHistory,.uploadHistoryError{margin:0;padding:16px;border:1px dashed #34443b;border-radius:12px;text-align:center;font-size:13px}
.uploadHistoryError{color:#ffb2ad;border-color:#5b3632;background:#261918}
.uploadHistoryCard{padding:13px;border:1px solid #31543d;border-radius:14px;background:#111a15}
.uploadHistoryCard+.uploadHistoryCard{margin-top:10px}
.uploadHistoryCard>section{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.uploadHistoryCard>section strong{min-width:0;overflow-wrap:anywhere}
.uploadHistoryCard>section em{flex:0 0 auto;padding:3px 7px;border-radius:99px;background:#244b31;color:#9be5ad;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}
.uploadHistoryCard.missing{border-color:#5b4930;background:#1a1710}
.uploadHistoryCard.missing>section em{background:#493d20;color:#f0d993}
.uploadHistoryCard>span,.uploadHistoryCard>small{display:block;margin-top:5px;overflow-wrap:anywhere}
.uploadHistoryCard>span{color:#bcecc7;font:12px/1.45 ui-monospace,monospace}
.uploadHistoryCard>small{color:#83978a;font-size:11px}
.uploadHistoryCard details{margin-top:11px;padding:9px 10px;border-radius:10px;background:#18231c}
.uploadHistoryCard summary{cursor:pointer;color:#c5d4ca;font-size:13px;font-weight:700}
.uploadHistoryCard dl{margin:10px 0 0}
.uploadHistoryCard dl div{display:grid;grid-template-columns:minmax(105px,1fr) minmax(0,1.5fr);gap:8px;padding:5px 0;border-top:1px solid #29372f;font-size:12px}
.uploadHistoryCard dt{color:#8ea096}.uploadHistoryCard dd{margin:0;color:#d4dfd7;text-align:right;overflow-wrap:anywhere}
.uploadHistoryCard details p{margin:9px 0 0;color:#e7c786;font-size:12px;overflow-wrap:anywhere}
.deleteUploadReport{margin-top:10px;padding:8px 10px;background:#30201f;color:#ffaaa5;font-size:12px}
@media(max-width:430px){.uploadHistoryCard>section{display:grid}.uploadHistoryCard>section em{justify-self:start}.uploadHistoryCard dl div{grid-template-columns:1fr}.uploadHistoryCard dd{text-align:left}}