.task-workspace{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);min-width:0}
.task-heading{display:flex;gap:12px;justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-bottom:18px}
.task-heading h3{font-size:19px;color:var(--accent);margin:0}
.task-save-status{font-size:10px;color:var(--muted)}
.task-fields{display:grid;gap:18px}
.task-field{display:flex;flex-direction:column;gap:8px;font-size:12px;margin:0 0 18px;min-width:0}
.task-field-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
.task-field-heading label{text-transform:none;letter-spacing:0;font-weight:700;line-height:1.8}
.task-field-heading .text-button{font-size:10px;color:var(--accent);min-height:38px;flex-shrink:0}
.task-field.is-expanded textarea{min-height:65vh}
.task-workspace textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:120px;resize:vertical;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px 16px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text);font:13px/1.85 OpenDyslexic,system-ui,sans-serif;letter-spacing:0}
.task-workspace textarea::placeholder{color:var(--muted);opacity:.8}
.task-workspace textarea:focus{border-color:var(--accent)}
.task-direction{border:1px solid var(--line);border-radius:7px;margin-bottom:26px}
.task-direction>summary,.task-output>summary{cursor:pointer;padding:15px;font-size:12px;color:var(--accent);line-height:1.9}
.task-direction .task-fields{padding:0 15px 4px}
.task-materials-heading{margin:24px 0 16px;display:flex;flex-wrap:wrap;gap:8px 15px;align-items:baseline}
.task-materials-heading h4{font-size:16px;margin:0;color:var(--text)}
.task-materials-heading>span{font-size:11px;color:var(--muted)}
.task-dropzone{padding:22px;border:1px dashed var(--accent);border-radius:8px;background:var(--bg);text-align:center}
.task-dropzone.drag-over{background:var(--surface2);outline:2px solid var(--accent)}
.task-upload{display:inline-flex;flex-direction:column;gap:12px;align-items:center;max-width:100%;font-size:12px;color:var(--accent);font-weight:700}
.task-upload input{width:100%;max-width:330px;font:11px/1.8 OpenDyslexic,system-ui,sans-serif;color:var(--muted)}
.task-upload input::file-selector-button{font:inherit;background:var(--accent);color:var(--bg);border:0;border-radius:5px;padding:12px;margin:0 10px 5px 0;cursor:pointer}
.task-dropzone p{font-size:10px;color:var(--muted);line-height:1.9;margin:12px auto 0;max-width:590px}
.task-upload-details{display:grid;gap:5px;justify-items:center;width:100%;margin-top:15px}
.task-upload-details p{margin:0;text-align:center;text-wrap:balance;line-height:1.8}
.task-upload-details .task-formats{max-width:43ch}
.task-upload-details .task-limits{white-space:nowrap;font-size:9px}
.task-heading>[data-task-clear]{font-size:10px;color:var(--accent);min-height:44px}
.task-file-status,.task-action-status{font-size:11px;line-height:1.9;color:var(--accent);overflow-wrap:anywhere;white-space:pre-wrap}
.task-file-status{text-align:center}
.task-file-status:empty{display:none}
.task-file{padding:17px;border:1px solid var(--line);border-radius:8px;margin:12px 0;background:var(--bg);min-width:0}
.task-file-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.task-file-title label{display:flex;align-items:baseline;gap:8px;min-width:0;font-size:12px}
.task-file-title strong{overflow-wrap:anywhere;min-width:0}
.task-file-title input{accent-color:var(--accent);flex-shrink:0}
.task-file .text-button{min-height:36px;flex-shrink:0;color:var(--accent)}
.task-file-meta,.task-file p{font-size:10px;color:var(--muted);margin:8px 0;line-height:1.9}
.task-file details>summary{cursor:pointer;font-size:11px;color:var(--accent);padding:10px 0}
.task-output{margin:24px 0 16px;border:1px solid var(--line);border-radius:8px;min-width:0}
.task-output>summary{font-weight:700;overflow-wrap:anywhere;text-align:center;position:relative;list-style:none;padding:15px 32px}
.task-output>summary::-webkit-details-marker{display:none}
.task-output>summary::before{content:'▸';position:absolute;left:14px}
.task-output[open]>summary::before{content:'▾'}
.task-output-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:650px;overflow:auto;background:var(--bg);padding:18px;margin:0;border-top:1px solid var(--line);font:12px/1.9 OpenDyslexic,system-ui,sans-serif;tab-size:4}
.task-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.task-actions .task-action-status{grid-column:3;text-align:center;margin:0}
.task-actions .task-action-status:empty{display:none}
.task-actions button{min-height:46px;padding:12px 16px;font-size:11px;white-space:normal}
.task-actions button:disabled{opacity:.5;cursor:wait}
@media(max-width:650px){.task-heading h3{font-size:18px}.task-workspace textarea{font-size:16px;min-height:150px;padding:13px}.task-field{font-size:12px}.task-actions{display:grid;grid-template-columns:1fr;width:100%}.task-actions button{width:100%}.task-dropzone{padding:18px 12px}.task-file{padding:13px}.task-file-title{flex-wrap:wrap}.task-output-text{font-size:12px}.task-workspace{margin-top:22px}}
@media(max-width:650px){.task-actions .task-action-status{grid-column:1}}

.task-heading{flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.task-heading h3{width:100%;text-align:center}