.top-actions{position:relative}.avatar{border:0;cursor:pointer}.settings-panel{position:absolute;right:0;top:52px;width:320px;background:var(--panel);border-radius:16px;padding:20px;z-index:5;box-shadow:12px 12px 25px var(--shadow-dark),-8px -8px 20px var(--shadow-light)}.settings-panel h3{font:600 16px 'Playfair Display';margin:13px 0 6px}.settings-panel code{display:block;background:rgba(48,56,43,.08);padding:10px;border-radius:8px;font:10px/1.4 'DM Mono';overflow-wrap:anywhere}.copy-endpoint{margin-top:8px;border:0;background:transparent;color:var(--sage);padding:0;font:600 11px 'DM Sans';cursor:pointer}.settings-note{font-size:11px;line-height:1.45;color:var(--muted);margin:15px 0 0}.agent-canvas{margin-top:26px}.canvas-heading{display:flex;align-items:end;justify-content:space-between}.canvas-heading h2{font:600 25px 'Playfair Display';margin:8px 0 0}.canvas-help{color:var(--muted);font-size:13px;max-width:620px}.canvas-paper{min-height:360px;margin-top:22px;padding:44px 54px;border-radius:17px;background:#fffdf7;color:#2e372a;box-shadow:8px 8px 17px var(--shadow-dark),-6px -6px 14px var(--shadow-light);font:16px/1.65 Georgia,serif;outline:none}.canvas-paper h1,.canvas-paper h2,.canvas-paper h3{font-family:'Playfair Display',Georgia,serif;line-height:1.2}.canvas-paper h1{font-size:31px}.canvas-paper h2{font-size:25px}.canvas-paper blockquote{margin:22px 0;padding:6px 20px;border-left:3px solid var(--clay);color:#5d6556;font-style:italic}.canvas-paper ul,.canvas-paper ol{padding-left:25px}.canvas-paper a{color:#597555}.canvas-paper:focus{box-shadow:0 0 0 3px rgba(98,117,94,.35),8px 8px 17px var(--shadow-dark)}body.high-contrast .settings-panel{background:#29342a}body.high-contrast .settings-panel code{background:#1d271e}body.high-contrast .canvas-paper{box-shadow:8px 8px 17px #111711;color:#293228}@media(max-width:720px){.settings-panel{right:-4px;width:min(320px,calc(100vw - 44px))}.canvas-paper{padding:28px 24px}}
.task-area.canvas-mode>.section-heading,.task-area.canvas-mode>#task-form,.task-area.canvas-mode>#task-list,.task-area.canvas-mode>#empty-state{display:none!important}
body.canvas-open .topbar,body.canvas-open .focus-card,body.canvas-open footer{display:none}body.canvas-open .workspace{padding-top:42px}body.canvas-open .task-area{margin-top:0;height:calc(100vh - 84px)}body.canvas-open .agent-canvas{height:100%;margin:0;display:flex;flex-direction:column}body.canvas-open .canvas-paper{flex:1;margin-bottom:0;overflow:auto}@media(max-width:720px){body.canvas-open .workspace{padding-top:28px}body.canvas-open .task-area{height:calc(100vh - 56px)}}