.mockup-surface[data-study-kind=composer-header-study] #mock-content{padding:clamp(12px,3vw,32px);background:#eaf2e9;color:#243d31}
.composer-study{--cs-paper:#fffdf5;--cs-ink:#243d31;--cs-muted:#586e60;--cs-line:#a5b4a3;--cs-divider:#d8dfce;--cs-header:#f3edcf;--cs-well:#f3f5ed;--cs-focus:#8b7953;--cs-accent:#236951;--cs-on-accent:#fffdf5;--cs-error:#963d36;width:min(860px,100%);margin:auto;font:14px/1.45 system-ui;color:var(--cs-ink)}
.composer-study *{box-sizing:border-box}.composer-preview-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px;color:var(--cs-muted);font-size:12px}.composer-preview-controls label{display:flex;align-items:center;gap:8px}.composer-preview-controls select{padding:5px 9px;border:1px solid var(--cs-line);border-radius:6px;background:var(--cs-paper);color:var(--cs-ink);font:inherit}.composer-context{display:grid;gap:12px;padding-bottom:22px}.composer-context-route{display:flex;justify-content:space-between;gap:12px;padding:0 2px 12px;border-bottom:1px solid var(--cs-divider);font-size:12px;color:var(--cs-muted)}.composer-context article{max-width:75%;padding:10px 14px;border:1px solid var(--cs-divider);border-radius:9px;background:var(--cs-paper);color:var(--cs-ink)}.composer-context .context-user{justify-self:end;background:var(--cs-well)}.composer-context p{margin:3px 0 0}.composer-context small{color:var(--cs-muted);font-size:11px}
.composer-preview-panel{overflow:hidden;border:1px solid var(--cs-line);border-radius:12px;background:var(--cs-paper);color:var(--cs-ink)}.composer-preview-status{margin:0;padding:7px 14px;border-bottom:1px solid var(--cs-divider);background:var(--cs-header);color:var(--cs-ink);font-size:12px;overflow-wrap:anywhere}.composer-preview-status[hidden]{display:none}.composer-preview-body{padding:12px}.composer-study textarea{display:block;width:100%;min-height:134px;margin:0;padding:8px;border:1px solid transparent;border-radius:6px;resize:vertical;background:var(--cs-paper);color:var(--cs-ink);font:inherit;outline:none;box-shadow:none}.composer-study textarea::placeholder{color:var(--cs-muted);opacity:1}.composer-study textarea:focus-visible{outline:1px solid var(--cs-focus);outline-offset:1px}.composer-preview-actions{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--cs-divider)}.composer-preview-voice{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:0;color:var(--cs-muted);font-size:11px}.composer-preview-voice span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-study button{flex:none;padding:7px 12px;border:1px solid var(--cs-line);border-radius:7px;background:var(--cs-paper);color:var(--cs-ink);font:600 13px/1.3 system-ui;cursor:pointer}.composer-study .preview-send{background:var(--cs-accent);color:var(--cs-on-accent);border-color:var(--cs-accent)}.composer-preview-voice button{padding:7px 9px}.composer-study button:focus-visible,.composer-study select:focus-visible{outline:2px solid var(--cs-focus);outline-offset:2px}.composer-preview-feedback{margin:10px 2px 0;min-height:18px;color:var(--cs-muted);font-size:11px}
.composer-study[data-state=error] .composer-preview-status{color:var(--cs-error)}
.composer-study[data-variant=inset] .composer-preview-body{background:var(--cs-well)}.composer-study[data-variant=inset] textarea{border-color:var(--cs-divider)}.composer-study[data-variant=inset] .composer-preview-actions{border:0;padding-top:0}.composer-study[data-variant=inset] .composer-preview-status{background:var(--cs-paper)}
.composer-study[data-variant=open] .composer-preview-status{background:var(--cs-paper);border:0;padding:12px 20px 2px;color:var(--cs-muted)}.composer-study[data-variant=open] .composer-preview-body{padding:10px 20px 14px}.composer-study[data-variant=open] .composer-preview-actions{border:0;padding-top:0}.composer-study[data-variant=open] textarea{padding:8px 0}.composer-study[data-variant=open] textarea:focus-visible{outline:none;background:var(--cs-well)}
.composer-study[data-variant=compact] .composer-preview-body{padding:10px 12px 0}.composer-study[data-variant=compact] textarea{min-height:96px;height:96px}.composer-study[data-variant=compact] .composer-preview-actions{margin:10px -12px 0;padding:8px 12px;background:var(--cs-well)}.composer-study[data-variant=compact] .composer-preview-status{padding:5px 12px}
@media(max-width:600px){.composer-preview-controls{margin-bottom:14px}.composer-context{gap:8px;padding-bottom:16px}.composer-preview-voice span{display:none}.composer-context article{max-width:90%}.composer-study button{min-height:36px}.composer-study[data-variant=open] .composer-preview-body{padding-left:12px;padding-right:12px}.composer-study[data-variant=open] .composer-preview-status{padding-left:12px;padding-right:12px}}
@media(prefers-color-scheme:dark){.mockup-surface[data-study-kind=composer-header-study] #mock-content{background:#10251f;color:#e8eee2}.composer-study{--cs-paper:#1c3228;--cs-ink:#e8eee2;--cs-muted:#b3c4b6;--cs-line:#617c69;--cs-divider:#3d5545;--cs-header:#45442d;--cs-well:#253e31;--cs-focus:#bdaa7f;--cs-accent:#9acbb0;--cs-on-accent:#152c20;--cs-error:#ffb9ac}}
@media(prefers-contrast:more){.composer-study textarea:focus-visible{outline:2px solid var(--cs-focus);outline-offset:1px}}
body:has([data-study-kind=composer-header-study]) .exaggerate-control{display:none}