body.composer-open .topstrip { display: none; }
.composer {
  background: var(--card);
  border: 1.5px solid oklch(0.62 0.18 350 / .8);
  border-radius: 20px;
  padding: 14px 16px;
  margin: 0 20px 12px;
}
.composer-input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 60px;
  resize: none;
  overflow: hidden;
  background: transparent;
  border: 0;
  padding: 0;
  outline: none;
  font: 500 15px/1.45 'Hanken Grotesk', sans-serif;
  color: var(--text-body);
}
.composer-input::placeholder { color: var(--dimmer); }
.composer-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.composer-hint { flex: 1; font: 400 11px 'Space Mono', monospace; color: var(--dimmer); }
.composer-footer button { border: 0; cursor: pointer; }
.composer-cancel { background: transparent; font: 600 13px 'Space Grotesk', sans-serif; color: var(--dim); padding: 8px 12px; }
.composer-repo, .composer-save { font: 600 13.5px 'Space Grotesk', sans-serif; border-radius: 999px; padding: 9px 18px; }
.composer-repo { background: var(--chip-bg); color: var(--text); }
.composer-save { background: var(--pink); color: #2a0f1c; }
.composer-footer button:disabled, .composer-fold-undo:disabled { opacity: .5; cursor: wait; }
.composer-error, .composer-fold-error { flex-basis: 100%; font: 400 12px 'Hanken Grotesk', sans-serif; color: var(--amber); overflow-wrap: anywhere; }
.composer-fold { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 20px 12px; padding: 10px 14px; border-left: 3px solid var(--pink); background: var(--card); border-radius: 10px; font: 500 13px 'Hanken Grotesk', sans-serif; color: var(--text-body); }
.composer-fold-label { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.composer-fold-undo { margin-left: auto; border: 0; padding: 4px 0; background: transparent; cursor: pointer; font: 600 12.5px 'Space Grotesk', sans-serif; color: var(--pink); }
@media (max-width: 600px) {
  .composer, .composer-fold { margin-left: 12px; margin-right: 12px; }
  .composer-hint { flex-basis: 100%; }
  .composer-cancel { margin-left: auto; }
}