/* Ordered audit, phase 1: scoped design controls and explicit export. */
.design-organized-v79 { overscroll-behavior: contain; }
.design-organized-v79 .panel-title { position: sticky; top: 0; z-index: 3; background: #fff; }
.design-organized-v79 .panel-title .truncate { white-space: normal; line-height: 1.4; }
.design-organized-v79 .design-scope-card { margin-bottom: 12px; }
.style-panel.floating-panel.design-presets-mode.design-organized-v79 > div.design-scope-card { display: grid !important; }
.design-inheritance-v79 { border-top: 1px solid #dee3ee; padding-top: 8px; }
.design-undo-v79 { justify-self: start; border: 0; background: none; padding: 6px 0; color: #485bcc; font: inherit; font-size: 12px; cursor: pointer; text-align: left; }
.design-section-v79 { margin: 0 15px 9px; border: 1px solid #e2e6ef; border-radius: 12px; background: white; min-width: 0; }
.design-section-v79 > summary { padding: 13px 12px; font-size: 13px; font-weight: 700; color: #343b49; cursor: pointer; }
.design-section-v79 > summary:focus-visible { outline: 2px solid #6576e9; outline-offset: -3px; border-radius: 10px; }
.design-section-content-v79 { padding: 0 12px 12px; display: grid; gap: 14px; min-width: 0; }
.design-section-content-v79 > * { margin: 0 !important; min-width: 0; max-width: 100%; box-sizing: border-box; }
.design-section-content-v79 label { min-width: 0; }
.design-section-content-v79 .toggle-row { width: 100%; gap: 12px; }
.design-section-content-v79 .toggle-row > span { min-width: 0; flex: 1; }
.design-section-content-v79 .toggle-row > i { flex-shrink: 0; }
.design-section-content-v79 .segmented { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.design-section-content-v79 small { font-size: 12px; line-height: 1.5; color: #747d8c; }
.line-sample-v79 { width: 100%; height: 50px; grid-column: 1 / -1; background: #f6f7fa; border-radius: 8px; color: #555f72; }
.export-steps-v79 { align-items: start; }
.export-step-hint-v79, .export-document-hint-v79, .export-footer-v79 { grid-column: 1 / -1; }
.export-step-hint-v79 { color: #667085; margin: 0 0 12px; font-size: 13px; }
.export-document-hint-v79 { padding: 20px; line-height: 1.6; background: #f6f7fb; border-radius: 12px; }
.export-steps-v79 .export-format-grid button.active { border-color: #6071ec; background: #f1f3ff; box-shadow: inset 0 0 0 1px #6071ec; }
.export-steps-v79 .export-preview-card { align-self: start; display: block; }
.export-steps-v79 .export-preview-card > header { flex-wrap: wrap; margin-bottom: 12px; }
.preview-tools-v79 { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; width: 100%; }
.preview-tools-v79 button { border: 1px solid #dbe0ea; border-radius: 7px; padding: 6px 9px; background: #fff; color: #475467; font: inherit; cursor: pointer; }
.preview-tools-v79 button:disabled { opacity: .4; cursor: default; }
.preview-tools-v79 output { font-size: 12px; min-width: 38px; text-align: center; }
.export-preview-scroll-v79 { --preview-height-v79: 360px; height: 362px; overflow: auto; overscroll-behavior: contain; border: 1px solid #dfe3eb; border-radius: 10px; }
.export-steps-v79 .export-preview-stage { border: 0; border-radius: 0; max-width: none; min-height: 100%; }
.export-steps-v79 .export-preview-stage > img { position: absolute; inset: 0; width: 100%; height: 100%; min-width: 0; min-height: 0; }
body:has(.export-steps-v79) .mapas-study-launcher { visibility: hidden; }
.export-footer-v79 { position: sticky; bottom: -1px; z-index: 6; padding: 14px 0 0; border-top: 1px solid #e2e6ef; display: flex; align-items: center; gap: 10px; background: #fff; margin-top: 16px; }
.export-footer-v79 > span { margin-right: auto; font-size: 12px; color: #747d8c; }
.export-footer-v79 button { white-space: nowrap; }
.export-steps-v79.preview-expanded-v79 { width: min(1500px, calc(100vw - 32px)); }
.preview-expanded-v79 > .export-preview-card { grid-column: 1 / -1; }
.preview-expanded-v79 > .export-settings, .preview-expanded-v79 > .export-format-grid, .preview-expanded-v79 > .export-step-hint-v79 { display: none; }
.preview-expanded-v79 .export-preview-scroll-v79 { --preview-height-v79: min(65vh, 800px); height: var(--preview-height-v79); }
.mapas-export-capture-v79 .react-flow__node::after { display: none !important; }
@media (max-width: 760px) {
  .export-steps-v79 { grid-template-columns: minmax(0, 1fr); }
  .export-steps-v79 > .export-settings, .export-steps-v79 > .export-preview-card { grid-column: 1; }
  .export-footer-v79 { flex-wrap: wrap; }
  .export-footer-v79 > span { width: 100%; }
  .export-footer-v79 > .primary-button { margin-left: auto; }
}