.creation-modes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.creation-modes button,.task-steps button{font:inherit;cursor:pointer;background:transparent;border:1px solid #cbb9a2;color:#765642;padding:11px 20px;min-height:44px}.creation-modes button[aria-pressed=true],.task-steps button[aria-pressed=true]{background:#823c2f;color:#fff7e6;border-color:#823c2f}.creation-modes span{font-size:12px;color:#876e59;margin-left:10px}.creation-modes button:disabled,.task-entry button:disabled{opacity:.5;cursor:not-allowed}
#guided-task{padding:24px 28px;background:#fcf7ec;border-bottom:1px solid #d8c9b3}.task-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}.task-intro h2{font:32px KaiTi,STKaiti,serif;margin:8px 0}.task-intro p{font-size:14px;color:#816349;margin:10px 0}.task-seal{border:1px solid #a5553e;outline:1px solid #c48c74;outline-offset:3px;padding:7px 11px;color:#9c4936;font:23px KaiTi,serif;line-height:1.2;transform:rotate(-5deg);margin:10px 12px}.task-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.paper-studio .task-steps button{border:1px solid #cfbfa7!important;font-size:14px!important}.paper-studio .task-steps button[aria-pressed=true]{background:#823c2f;color:#fff7e6}.task-steps #task-independent{margin-left:auto}#task-hint{font-size:15px;line-height:1.8;margin:18px 0 8px}#task-live{font-size:13px;color:#9a472b;min-height:1.6em;line-height:1.7}.task-review-actions{display:flex;align-items:center;gap:20px;margin:12px 0}.task-review-actions span{font-size:12px;color:#806747}.task-boundary{margin-top:16px;font-size:12px;color:#86715d;line-height:1.9}.task-boundary summary{cursor:pointer}#task-result{border-top:1px solid #d9c7ac;padding-top:20px;margin-top:24px}#task-result p{font-size:13px;line-height:1.8}.task-result-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.task-result-heading h3{font:26px KaiTi,serif;margin:0}.task-result-heading span{font-size:11px;color:#8e755d}.task-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:640px;margin:20px 0}.task-comparison figure{margin:0}.task-comparison img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #d7c6ac;background:#f6efe0}.task-comparison figcaption{font-size:12px;margin-top:7px;color:#886b50}#task-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}#task-metrics div{border-left:2px solid #c8a275;padding-left:12px}#task-metrics dt{font-size:12px;color:#8c7056}#task-metrics dd{font:22px Georgia,KaiTi,serif;margin:8px 0;color:#6d422d}#task-report,.saved-work pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 inherit}.task-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 25px;margin-bottom:25px;border:1px solid #d7c2a6;background:linear-gradient(110deg,#f8efe0,#fcf9f1)}.task-entry h2{font:25px KaiTi,serif;margin:0 0 10px}.task-entry p{font-size:13px;line-height:1.8;margin:0;color:#8d6d53}.task-entry .button{white-space:nowrap}.saved-work details{margin:12px 0;font-size:13px}
@media(max-width:700px){#guided-task{padding:20px}.creation-modes span{flex-basis:100%;margin:4px 0}.task-steps #task-independent{margin-left:0}.task-review-actions{align-items:flex-start;flex-direction:column;gap:10px}.task-comparison{gap:10px}.task-comparison figcaption{font-size:11px}#task-metrics{grid-template-columns:1fr 1fr;gap:18px}.task-entry{align-items:flex-start;flex-direction:column;padding:20px}.task-entry .button{width:100%}.task-intro h2{font-size:28px}}
@media(prefers-reduced-motion:no-preference){#task-result:not([hidden]){animation:task-open .25s ease-out}@keyframes task-open{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
.task-process-result{border-top:1px solid #d9c7ac;margin-top:20px;padding-top:20px}.task-process-result h3{font:26px KaiTi,serif;margin:0 0 16px}.task-process-result p,.task-process-result details{font-size:13px;line-height:1.8}.process-controls{display:flex;align-items:flex-end;gap:16px}.process-controls label{flex:1;min-width:0;font-size:13px}.process-controls select{display:block;width:100%;min-height:44px;margin-top:8px;font:inherit;color:#6d422d;background:#fffaf0;border:1px solid #cbb9a2;padding:8px}.paper-studio .process-controls button{white-space:nowrap;min-height:44px;border:1px solid #cbb9a2!important;padding:10px;font:inherit}.process-scrub{display:block;font-size:13px;margin-top:16px}.process-scrub input{display:block;width:100%;min-height:36px;accent-color:#823c2f}.task-process-result details{color:#765f4c}.task-process-result details summary{cursor:pointer}#process-position{color:#7b4f39}@media(max-width:500px){.process-controls{align-items:stretch;flex-direction:column}}
.process-layout{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:22px;margin:18px 0}.process-layout figure{margin:0}.process-layout canvas{display:block;width:100%;aspect-ratio:1;border:1px solid #cbb9a2}.process-layout figcaption{font-size:12px;line-height:1.7;margin-top:8px;color:#806747}@media(max-width:700px){.process-layout{grid-template-columns:1fr}.process-layout figure{max-width:300px;margin:auto;width:100%}}