:root{color-scheme:light;font-family:IBM Plex Sans,Aptos,Segoe UI,ui-sans-serif,system-ui,sans-serif;background:#eef1f0;color:#17201c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.compose-workspace{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(210px,260px) minmax(420px,1fr) minmax(220px,300px);gap:16px;color:#17201c}.compose-panel,.compose-request,.compose-preview{border:1px solid rgba(23,32,28,.12);border-radius:8px;background:#ffffffeb;box-shadow:0 18px 44px #1f2a2514}.compose-panel{align-self:start;display:grid;gap:16px;padding:16px}.compose-section,.compose-field{display:grid;gap:8px}.compose-section label,.compose-field label,.compose-label{color:#5f6b65;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.compose-section select,.compose-field input,.compose-field textarea,.compose-section textarea{width:100%;border:1px solid #ccd5d0;border-radius:6px;background:#fbfcfb;color:#17201c;padding:10px 11px;outline:none}.compose-section textarea,.compose-field textarea{resize:vertical}.compose-section select:focus,.compose-field input:focus,.compose-field textarea:focus,.compose-section textarea:focus{border-color:#2f6f5d;box-shadow:0 0 0 3px #2f6f5d24}.compose-segments{display:grid;grid-template-columns:1fr 1fr;gap:6px}.compose-segments button,.compose-secondary,.compose-primary,.compose-document{min-height:38px;border:1px solid #cbd5d0;border-radius:6px;background:#f8faf9;color:#24302b}.compose-segments button.is-active,.compose-document.is-active{border-color:#2f6f5d;background:#e5f2ed;color:#18382f}.compose-section--documents{align-content:start}.compose-document{display:grid;gap:3px;width:100%;padding:9px 10px;text-align:left}.compose-document strong,.compose-document span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-document span,.compose-muted,.compose-error,.compose-meta dd,.compose-meta dt{color:#65716b;font-size:13px}.compose-canvas{display:grid;grid-template-rows:auto minmax(420px,1fr);gap:16px;min-width:0}.compose-request{display:grid;gap:12px;padding:16px}.compose-actions{display:flex;align-items:center;gap:12px}.compose-primary,.compose-secondary{min-width:104px;padding:0 16px;font-weight:700}.compose-primary{border-color:#1f5d4c;background:#1f5d4c;color:#fff}.compose-secondary{width:100%;margin-top:4px}.compose-primary:disabled,.compose-secondary:disabled{cursor:not-allowed;opacity:.55}.compose-preview{min-width:0;padding:clamp(22px,4vw,48px);background:linear-gradient(90deg,rgba(223,229,225,.7) 1px,transparent 1px) 0 0 / 34px 34px,#fffefb}.compose-preview header{border-bottom:2px solid #17201c;margin-bottom:24px;padding-bottom:18px}.compose-preview header span{color:#6d4c30;font-size:12px;font-weight:700;text-transform:uppercase}.compose-preview h1,.compose-preview h2,.compose-preview p{max-width:760px}.compose-preview h1{margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:0}.compose-preview h2{margin:24px 0 8px;font-size:20px;letter-spacing:0}.compose-preview p{margin:0 0 12px;color:#2d3732;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.68}.compose-list-line:before{content:"- "}.compose-empty{min-height:320px;display:grid;place-items:center;color:#7a857f;font-weight:700;text-transform:uppercase}.compose-meta dl{display:grid;gap:10px;margin:0}.compose-meta div{display:grid;gap:2px}.compose-meta dt{font-weight:700}.compose-meta dd{margin:0;overflow-wrap:anywhere}.compose-error{color:#a33a2d}@media (max-width: 1100px){.compose-workspace{grid-template-columns:minmax(200px,260px) 1fr}.compose-panel--right{grid-column:1 / -1;grid-template-columns:minmax(240px,1fr) minmax(180px,240px) minmax(240px,1fr)}}@media (max-width: 760px){.compose-workspace,.compose-panel--right{grid-template-columns:1fr}.compose-canvas{grid-template-rows:auto auto}.compose-actions{align-items:stretch;flex-direction:column}.compose-primary{width:100%}}