/* Letterhead keeps its native editor and exact-size output engine. */
@media screen {
 .letterhead-workspace { padding-bottom: 0; }
 .letterhead-workspace .tool-intro, .letterhead-workspace .workspace { width: min(1440px, calc(100% - 48px)); margin-inline: auto; }
 .letterhead-workspace .tool-intro { display: block; padding: 24px 0 18px; }
 .letterhead-workspace .tool-intro h1 { font-size: 32px; line-height: 1.15; letter-spacing: -.02em; }
 .letterhead-workspace .tool-intro > div > p { font-size: 16px; max-width: 900px; }
 .letterhead-workspace .privacy-note { max-width: none; margin-top: 18px; background: #edf3ed; border: 0; border-radius: 8px; }
 .letterhead-workspace .workspace { border: 1px solid #c7cfc7; border-radius: 16px; background: white; }
 .letterhead-workspace .app-toolbar { padding: 12px 16px; border-radius: 16px 16px 0 0; flex-wrap: wrap; overflow: visible; }
 .letterhead-workspace .app-toolbar button { min-height: 44px; border: 1px solid #a7b4af; }
 .letterhead-workspace .app-toolbar .button-primary { background: #294e3d; }
 .letterhead-workspace .editor-grid { grid-template-columns: 210px minmax(0, 1fr) 310px; align-items: start; min-height: 720px; }
 .letterhead-workspace .template-panel { position: sticky; top: 90px; max-height: calc(100svh - 110px); overflow: auto; background: white; border-color: #c7cfc7; border-radius: 0 0 0 16px; }
 .letterhead-workspace .template-list { grid-template-columns: 1fr; max-height: none; overflow: visible; }
 .letterhead-workspace .template-card strong { font-size: 13px; }
 .letterhead-workspace .template-filters { flex-wrap: wrap; overflow: visible; }
 .letterhead-workspace .template-filters button { white-space: normal; min-height: 32px; border-radius: 6px; }
 .letterhead-workspace .template-card.active { border-color: #335b48; border-radius: 8px; }
 .letterhead-workspace .preview-column { position: sticky; top: 90px; background: #eeeee7; }
 .letterhead-workspace .preview-stage { height: max(420px, calc(100svh - 175px)); min-height: 0; padding: 18px; }
 .letterhead-workspace .preview-tools { background: #eeeee7; }
 .letterhead-workspace .settings-panel { background: white; border-color: #c7cfc7; }
 .letterhead-workspace .panel-heading { min-height: 64px; padding: 14px 16px; }
 .letterhead-workspace .panel-heading h2 { font-size: 18px; }
 .letterhead-workspace .setting-tabs button[aria-selected=true] { background: #294e3d; }
 .letterhead-workspace .field-grid { grid-template-columns: 1fr; gap: 0; }
 .letterhead-workspace .content-section, .letterhead-workspace .faq-section { width: min(1000px, calc(100% - 48px)); padding-block: 36px; }
 .letterhead-workspace .content-section { gap: 24px; }
 .letterhead-workspace .content-section h2, .letterhead-workspace .faq-section h2 { font-size: 24px; line-height: 1.3; letter-spacing: 0; }
 .letterhead-workspace .faq-section details { padding: 18px; margin: 10px 0; border: 1px solid #c7cfc7; border-radius: 10px; background: white; }
 @media(max-width:1100px) { .letterhead-workspace .editor-grid { grid-template-columns: 170px minmax(0,1fr) 280px; } }
 @media(max-width:850px) {
  .letterhead-workspace .tool-intro, .letterhead-workspace .workspace { width: calc(100% - 24px); }
  .letterhead-workspace .editor-grid { display: grid; grid-template-columns: minmax(0,1fr) 280px; }
  .letterhead-workspace .preview-column { grid-column: 1; grid-row: 1; position: static; }
  .letterhead-workspace .settings-panel { grid-column: 2; grid-row: 1; }
  .letterhead-workspace .template-panel { grid-column: 1 / -1; grid-row: 2; }
  .letterhead-workspace .template-panel, .letterhead-workspace .settings-panel { position: static; display: block; max-height: none; overflow: visible; box-shadow: none; border: 0; border-radius: 0; }
  .letterhead-workspace .template-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .letterhead-workspace .panel-heading, .letterhead-workspace .setting-tabs { position: static; }
  .letterhead-workspace .mobile-close, .letterhead-workspace .mobile-editor-nav { display: none; }
  .letterhead-workspace .setting-pane { padding-bottom: 24px; }
  .letterhead-workspace .preview-stage { height: 540px; }
 }
 @media(max-width:620px) {
  .letterhead-workspace .editor-grid { display: flex; flex-direction: column; }
  .letterhead-workspace .editor-grid > * { width: 100%; }
  .letterhead-workspace .preview-column { order: 0; }
  .letterhead-workspace .settings-panel { order: 1; }
  .letterhead-workspace .template-panel { order: 2; }
  .letterhead-workspace .template-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .letterhead-workspace .content-section { grid-template-columns: 1fr; }
  .letterhead-workspace .app-toolbar #newDocument { display: block; }
  .letterhead-workspace .tool-intro h1 { font-size: 28px; }
 }
}