/* Application chrome only. Poster HTML lives in an isolated iframe and never imports this file. */
:root {
  --ui-text-size: 15px;
  --ui-text-small: 13px;
  --ui-control-height: 40px;
  --text-muted: #686962;
}
html { font-size: 16px; }
body { font-size: var(--ui-text-size); }
[data-theme="dark"] { --text-muted: #a4a79d; --text-secondary: #bcc0b6; }
:is(#app, .creator-page, .modal, .mobile-drawer, [data-sonner-toaster]) {
  --text-muted: #686962;
  font-size: var(--ui-text-size);
}
[data-theme="dark"] :is(#app, .creator-page, .modal, .mobile-drawer, [data-sonner-toaster]) {
  --text-muted: #a4a79d;
}
:is(#app, .creator-page, .modal, .mobile-drawer) :is(button, .btn, .nav-item, input, select, textarea, label) {
  font-size: var(--ui-text-size);
}
:is(#app, .creator-page, .modal, .mobile-drawer) :is(button, .btn, .nav-item, select, textarea,
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])) {
  min-height: var(--ui-control-height);
}
:is(#app, .creator-page, .modal, .mobile-drawer) :is(button, .btn) {
  height: auto;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.5;
}
:is(#app, .creator-page, .modal, .mobile-drawer) :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid var(--brand, #50664a);
  outline-offset: 3px;
}
:is(#app, .creator-page, .modal) :is(input[type="checkbox"], input[type="radio"]) {
  width: 18px; height: 18px; flex-shrink: 0;
}
.creator-page :is(.text-xs, .text-sm) { font-size: var(--ui-text-small); }
.creator-page .text-base { font-size: var(--ui-text-size); }
.creator-page :is(label, button, input, textarea, select, .creator-header h1, .creator-header a) { font-size: var(--ui-text-size); }
.creator-page :is(.poster-inline-hint, .poster-control-hint, .poster-design-details, .poster-geometry-tools > span,
  .poster-design-directions small, .poster-pages-caption span, .poster-page-thumbnails small) {
  font-size: var(--ui-text-small); line-height: 1.6; color: var(--text-muted);
}
.creator-page :is(.poster-control-label, .poster-field > span, .poster-design-parts,
  .poster-text-toolbar, .poster-geometry-tools, .poster-pages-caption, .poster-design-directions strong) {
  font-size: var(--ui-text-size);
}
.creator-page .creator-header-inner { flex-wrap: wrap; padding-block: 10px; }
.creator-page .creator-header-inner > div { min-width: 0; flex-wrap: wrap; }
.creator-page .creator-header-inner > div:last-child { margin-left: auto; }
.creator-page .poster-text-toolbar { gap: 12px; padding: 10px 16px; }
.creator-page .poster-text-toolbar select { max-width: 180px; }
.creator-page .poster-text-toolbar input[type="number"] { width: 72px; height: 40px; }
.creator-page .poster-text-toolbar input[type="color"] { width: 40px; height: 40px; }
.creator-page .poster-geometry-tools { padding: 8px 16px; gap: 8px; }
.creator-page .poster-geometry-tools button { padding: 8px 10px; }
.creator-page .poster-canvas-toolbar span { font-size: var(--ui-text-small); }
.creator-page .poster-canvas-toolbar button { min-width: 40px; }
.creator-page .poster-text-toolbar .poster-align-row button { min-width: 40px; }
.creator-page .poster-field select { padding-block: 8px; }
.creator-page .poster-ratio-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.creator-page .poster-segment-row--five, .creator-page .poster-segment-row--six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.creator-page .poster-layout-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.creator-page .poster-recipe-grid small { white-space: normal; overflow: visible; }
.creator-page .poster-design-parts label { min-height: 40px; }
.creator-page .poster-design-actions { flex-wrap: wrap; }
.creator-page .poster-design-actions button { min-width: 100px; }
.creator-page .poster-preset-list { max-height: 280px; }
.creator-page .poster-preset-list__main strong { white-space: normal; }
.creator-page .poster-preset-list__delete, .creator-page .poster-image-remove { width: 40px; }
.creator-page .poster-pages-bar { min-height: 136px; max-height: 166px; }
.creator-page .poster-page-thumbnails button { white-space: nowrap; }
.creator-page .poster-page-thumbnails small { max-width: 112px; white-space: normal; }
.creator-page .poster-size-fields { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
.creator-page .poster-size-fields > button { grid-column: 1 / -1; }
.creator-page .poster-type-more > div { top: 40px; width: min(280px, 85vw); }
:is(#app, .creator-page) .poster-geometry-handle { min-height: 0; width: 16px; height: 16px; }
:is(#app, .creator-page) .poster-crop-drag { min-height: 0; }
.creator-page .poster-design-directions button { min-width: 0; }
.creator-page .poster-service-error { color: #ac3029; font-size: var(--ui-text-small); line-height: 1.7; overflow-wrap: anywhere; }
[data-theme="dark"] .creator-page .poster-service-error { color: #ffa49a; }
/* Keep the main-site form and navigation shell usable when text wraps. */
#app .nav-item { min-height: 44px; height: auto; line-height: 1.5; }
#app .form-group, .modal .form-group { min-width: 0; }
#app :is(.radar-toolbar, .form-row, .creation-form-row, .publish-toolbar, .history-toolbar) { flex-wrap: wrap; }
#app .radar-toolbar select { width: auto; min-width: 160px; }
.modal { max-width: min(960px, calc(100vw - 32px)); }
.modal :is(.modal-body, .modal-content) { overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .creator-page .poster-text-toolbar { gap: 8px; }
}
@media (max-width: 900px) {
  :root { --ui-control-height: 44px; }
  .creator-page .poster-inspector-tabs { justify-content: flex-start; overflow-x: auto; }
  .creator-page .poster-inspector-tabs button { flex: 0 0 auto; padding: 8px 12px; }
  .creator-page .poster-design-directions { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .creator-page .poster-design-parts label { min-height: 44px; }
  .creator-page .poster-text-toolbar select { max-width: 160px; }
  .creator-page .poster-canvas-toolbar button { min-width: 44px; }
  .creator-page .poster-pages-bar { min-height: 116px; max-height: 140px; }
  .creator-page .poster-geometry-tools > span { display: none; }
}