/* v0.4.38: writing cards own their submit action. Other card/reader layouts are unchanged.
   Content may scroll at large text sizes or with the keyboard open; nothing is truncated. */
.compose-shell.compact-compose {
  padding:0; margin:18px auto 0; border:0; box-shadow:none; background:none;
  max-width:880px; width:100%; min-width:0;
}
.compact-compose .paper-card,html[data-theme="dark"] .compact-compose .paper-card {
  padding:24px 18px 16px; margin:0; min-height:0; overflow:visible;
  background:var(--paper); border-top:4px solid var(--teal);
}
.compact-compose .paper-card.paper-then,html[data-theme="dark"] .compact-compose .paper-card.paper-then { border-top-color:var(--purple); }
.compact-compose .paper-card .paper-label {
  position:absolute; inset-block-start:-14px; inset-inline-start:16px; transform:none;
  margin:0; padding:4px 11px; width:max-content; max-width:calc(100% - 32px);
  font-size:.75rem; line-height:1.4; white-space:normal; letter-spacing:.05em;
}
.compact-compose .paper-card .paper-brand { width:24px; height:20px; top:7px; right:12px; pointer-events:none; }
.compact-compose .compose-paper .subject-in-card { margin:0 0 9px; }
.compact-compose .compose-paper .main-character-label { margin:0 0 5px; font-size:1rem; line-height:1.35; }
.compact-compose .main-character-select { min-height:48px; margin:0; }
.compact-compose .response-voice-hint { margin:4px 0 6px; font-size:.875rem; line-height:1.4; }
.compact-compose .compose-paper .compose-assist { margin:10px 0 12px; gap:8px; flex-wrap:wrap; }
.compact-compose .compose-assist button { min-height:44px; padding:8px 10px; font-size:1rem; line-height:1.4; }
.compact-compose .compose-paper textarea,html[data-theme="dark"] .compact-compose .compose-paper textarea {
  display:block; width:100%; box-sizing:border-box; margin:0 0 12px; padding:3px 4px;
  min-height:8rem; height:12.5rem; height:clamp(8rem,27svh,12.5rem); max-height:none;
  font-size:1.25rem; line-height:1.4; background:none; overflow-y:auto; overflow-wrap:anywhere; resize:vertical;
}
.compact-compose .paper-then textarea,html[data-theme="dark"] .compact-compose .paper-then textarea {
  min-height:6rem; height:9rem; height:clamp(6rem,19svh,9rem);
}
.compact-compose .submit-main { display:block; width:100%; min-height:52px; margin:0; padding:12px; font-size:1.125rem; line-height:1.4; }
.compact-compose .received-card,html[data-theme="dark"] .compact-compose .received-card {
  margin:0 0 20px; padding-top:23px; padding-bottom:16px; background:var(--ux-soft); box-shadow:none;
}
.compact-compose .received-card .paper-text { font-size:1.125rem; font-weight:550; line-height:1.4; white-space:pre-wrap; overflow-wrap:anywhere; }
.compact-compose .ideas:empty { display:none; }
@media(max-width:699px) {
  .compose-shell.compact-compose { margin-top:14px; }
  .compact-compose .paper-card,html[data-theme="dark"] .compact-compose .paper-card { padding:22px 14px 14px; }
  .compact-compose .received-card,html[data-theme="dark"] .compact-compose .received-card { padding-top:22px; padding-bottom:16px; }
}