.composer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;align-items:start}.composer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:22px}.composer-top select{display:block;width:100%;margin-top:7px}.phrase-grid{display:grid;gap:14px}.phrase-field{display:grid;grid-template-columns:42px 180px 1fr;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:14px}.area-icon{width:38px;height:38px;border-radius:11px;background:#e8f5f7;color:#08798b;display:grid;place-items:center;font-size:18px}.phrase-field select{width:100%}.composed-note{position:sticky;top:20px;border-top:4px solid #16b3b0}.composed-note p{font-size:16px;line-height:1.8;min-height:180px;background:#f6fafc;border-radius:10px;padding:18px}.composed-note button{width:100%}.recent-notes{margin-top:22px}.recent-notes article small{display:block;color:var(--muted);margin-top:5px}.recent-notes article p{margin-bottom:0}@media(max-width:1000px){.composer{grid-template-columns:1fr}.composed-note{position:static}.phrase-field{grid-template-columns:42px 1fr}.phrase-field select{grid-column:1/-1}.composer-top{grid-template-columns:1fr 1fr}.composer-top label:first-child{grid-column:1/-1}}