@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

/* This stylesheet is the final presentation layer. Engine-owned visibility,
   IDs, enabled states, evidence, calculations and export pixels stay intact. */
html {
  --studio-bg: #f7f9f8;
  --studio-surface: #fff;
  --studio-soft: #eff5f1;
  --studio-border: #e0e8e2;
  --studio-ink: #263e33;
  --studio-muted: #7d9083;
  --studio-green: #16795f;
  --studio-green-dark: #0c614a;
  --studio-radius: 10px;
  --studio-shadow: 0 4px 16px #253e2b05;
  --studio-font: 'DM Sans', sans-serif;
  --studio-heading: 'Manrope', sans-serif;
  background: var(--studio-bg);
}
html body.studio-design-2026.studio-redesign {
  --primary: var(--studio-green);
  --primary-strong: var(--studio-green-dark);
  --primary-dark: var(--studio-green-dark);
  --fr-primary: var(--studio-green);
  --fr-primary-2: var(--studio-green-dark);
  --fr-line: var(--studio-border);
  --fr-bg: var(--studio-bg);
  --fr-text: var(--studio-ink);
  --fr-muted: var(--studio-muted);
  --text: var(--studio-ink);
  --muted: var(--studio-muted);
  --line: var(--studio-border);
  --ux-primary: var(--studio-green);
  --ux-primary-strong: var(--studio-green-dark);
  --studio-violet: var(--studio-green);
  --studio-violet-light: var(--studio-soft);
  --ri-line: var(--studio-border);
  --ri-ink: var(--studio-ink);
  --ri-violet: var(--studio-green);
  padding: 0 !important;
  margin: 0 !important;
  background: var(--studio-bg) !important;
  color: var(--studio-ink) !important;
  font-family: var(--studio-font) !important;
  font-size: 13px;
  line-height: 1.65;
}
/* Extra specificity deliberately beats every legacy !important and breakpoint. */
html body.studio-design-2026.studio-redesign :is(
  .hero, #studioModuleRail, #studioNavigationToggle, .studio-navigation-toggle,
  .studio-rail-shade, .sidebar, .side-menu, .friendly-top-actions,
  .friendly-back, #riHome, .workspace-bar, .workspace-header, .workspace-banner
) { display: none !important; }
html body.studio-design-2026.studio-redesign .app {
  padding: 31px 34px 26px !important;
  margin: 0 auto !important;
  max-width: 1600px !important;
  min-height: 100vh;
  width: 100% !important;
}
html body.studio-design-2026.studio-redesign .layout {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
}
html body.studio-design-2026.studio-redesign .main-panel {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible;
}
html body.studio-design-2026.studio-redesign :is(h1,h2,h3,h4) {
  font-family: var(--studio-heading);
  color: var(--studio-ink) !important;
  letter-spacing: -.035em;
}
html body.studio-design-2026.studio-redesign :is(h3,.section-title,.step-title) {
  font-size: 15px !important;
  font-weight: 700;
}
html body.studio-design-2026.studio-redesign :is(
  .results-head,.friendly-page-head,.ri-heading
) {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 26px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body.studio-design-2026.studio-redesign #docAiPanel .studio-audit-banner {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html body.studio-design-2026.studio-redesign :is(
  .results-head h2,.friendly-page-head h2,.ri-heading h2,
  #docAiPanel .results-topline h2
) { font-size: 28px !important; font-weight: 750; margin: 0 0 8px !important; line-height: 1.35; }
html body.studio-design-2026.studio-redesign :is(
  .results-head p,.friendly-page-head p,.ri-heading p,#docAiPanel .results-topline p
) { font-size: 12px !important; color: var(--studio-muted) !important; line-height: 1.8; max-width: 800px; }
html body.studio-design-2026.studio-redesign :is(
  .studio-eyebrow,.ri-eyebrow,.friendly-page-head small,.studio-module-eyebrow
) { display: block; color: var(--studio-green) !important; font-size: 9px !important; font-weight: 600; letter-spacing: 1.6px; margin: 0 0 11px; text-transform: uppercase; }
html body.studio-design-2026.studio-redesign :is(
  .help,.hint,.ri-help,#riStatus,.docai-card p,.docai-note,.docai-help p,
  .docai-help li,.docai-switch,.docai-file .meta,.pdf-tools-row small,
  .floor-import-card p,.mapping-guide span,.floor-step-card
) { font-size: 11px !important; line-height: 1.8 !important; color: var(--studio-muted) !important; }
html body.studio-design-2026.studio-redesign :is(
  button,.btn,.friendly-big-action,.friendly-docai-export button,.friendly-nav-btn
) {
  font-family: var(--studio-font);
  font-size: 11px !important;
  font-weight: 550;
  min-height: 38px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  transition: background .18s, border-color .18s;
}
html body.studio-design-2026.studio-redesign :is(
  .btn-primary,.friendly-big-action:not(.secondary),.friendly-nav-btn.primary,
  .workspace-primary,.studio-stage-footer button:last-child,.studio-editor-tab[aria-selected=true]
) { background: var(--studio-green) !important; border-color: var(--studio-green) !important; color: white !important; }
html body.studio-design-2026.studio-redesign :is(
  .btn-primary,.friendly-big-action:not(.secondary),.friendly-nav-btn.primary,.studio-stage-footer button:last-child
):hover:not(:disabled) { background: var(--studio-green-dark) !important; }
html body.studio-design-2026.studio-redesign :is(
  .btn-secondary,.friendly-big-action.secondary,.studio-stage-footer button:first-child,
  .studio-test-actions button,.friendly-docai-export button, .friendly-nav-btn
) { background: var(--studio-surface) !important; border: 1px solid var(--studio-border) !important; color: #587161 !important; }
html body.studio-design-2026.studio-redesign :is(.btn-excel,.friendly-docai-export .green) {
  background: var(--studio-green) !important; color: white !important; border-color: var(--studio-green) !important;
}
html body.studio-design-2026.studio-redesign button:disabled {
  opacity: 1 !important;
  color: #9baaa0 !important;
  border-color: var(--studio-border) !important;
  background: #edf1ed !important;
  cursor: not-allowed;
}
html body.studio-design-2026.studio-redesign :is(input,select,textarea) {
  font-family: var(--studio-font) !important;
}
html body.studio-design-2026.studio-redesign :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea) {
  font-size: 12px !important;
  min-height: 38px;
  color: var(--studio-ink) !important;
  border: 1px solid var(--studio-border) !important;
  border-radius: 6px !important;
  background: var(--studio-surface) !important;
  box-shadow: none;
}
html body.studio-design-2026.studio-redesign :is(input,select,textarea,button,summary):focus-visible {
  outline: 2px solid #63a58a !important; outline-offset: 3px;
}
html body.studio-design-2026.studio-redesign :is(input[type=checkbox],input[type=radio]) {
  accent-color: var(--studio-green); width: 15px; height: 15px;
}

html body.studio-design-2026.studio-redesign :is(
  .friendly-setup-body,.docai-card,.pdf-tools-body,.ri-card,.folder-audit-card,
  .folder-card,.kpi,.line-visual-summary,.line-chart-box,.line-visual-card,
  .mapping-guide>div,.floor-step-card
) {
  background: var(--studio-surface) !important;
  border: 1px solid var(--studio-border) !important;
  border-radius: var(--studio-radius) !important;
  box-shadow: var(--studio-shadow) !important;
}
html body.studio-design-2026.studio-redesign :is(
  .friendly-setup-body,.pdf-tools-body,.docai-card,.ri-card
) { padding: 23px !important; }
html body.studio-design-2026.studio-redesign :is(.kpis,.docai-kpis) {
  gap: 12px !important; margin: 24px 0 0 !important;
}
html body.studio-design-2026.studio-redesign .kpi {
  position: relative; padding: 17px 20px !important;
}
html body.studio-design-2026.studio-redesign .kpi:after {
  content: ''; position: absolute; top: 23px; right: 18px;
  width: 7px; height: 7px; border-radius: 50%; background: #93b3a0;
}
html body.studio-design-2026.studio-redesign .kpi.danger:after { background: #d4ad75; }
html body.studio-design-2026.studio-redesign .kpi.success:after { background: #60a784; }
html body.studio-design-2026.studio-redesign .kpi :is(.value,strong) {
  font-family: var(--studio-heading); font-size: 28px !important;
  color: var(--studio-ink); font-weight: 650; letter-spacing: -.04em;
}
html body.studio-design-2026.studio-redesign .kpi :is(.label,small) { font-size: 10px !important; color: var(--studio-muted); }
html body.studio-design-2026.studio-redesign :is(.toolbar,.docai-progress,.docai-file,.docai-switch) {
  background: var(--studio-surface) !important; border: 1px solid var(--studio-border) !important;
  border-radius: 8px !important; box-shadow: none !important;
}
html body.studio-design-2026.studio-redesign .toolbar { padding: 13px !important; }
html body.studio-design-2026.studio-redesign .toolbar-search input { background: var(--studio-bg) !important; }
html body.studio-design-2026.studio-redesign :is(.table-wrap,.docai-table) {
  border: 1px solid var(--studio-border) !important; border-radius: 9px !important; background: white;
}
html body.studio-design-2026.studio-redesign :is(td,th,.docai-table td,.docai-table th) {
  font-size: 11px !important; padding: 14px !important; border-color: var(--studio-border) !important;
}
html body.studio-design-2026.studio-redesign th { background: #f1f6f2 !important; color: #6a8171 !important; font-size: 9px !important; letter-spacing: .06em; }
html body.studio-design-2026.studio-redesign tbody tr:hover { background: #f8fbf8 !important; }
html body.studio-design-2026.studio-redesign :is(.chip,.docai-status,td small) { font-size: 10px !important; }
/* Audit: restrained header, progress strip, three equal upload workspaces. */
html body.studio-design-2026.studio-redesign .studio-steps {
  background: white; border: 1px solid var(--studio-border); border-radius: 9px;
  padding: 7px; gap: 6px; margin: 0 0 22px;
}
html body.studio-design-2026.studio-redesign .studio-step {
  background: transparent !important; border: 1px solid transparent !important;
  color: var(--studio-muted) !important; min-height: 55px !important; padding: 10px 13px !important;
  font-size: 11px !important; gap: 10px;
}
html body.studio-design-2026.studio-redesign .studio-step span {
  width: 26px; height: 26px; font-size: 10px; color: #90a193; background: #f0f4ef;
}
html body.studio-design-2026.studio-redesign .studio-step[aria-current=step] {
  background: #edf6ef !important; color: var(--studio-green) !important; border-color: #dcebe0 !important;
}
html body.studio-design-2026.studio-redesign .studio-step[aria-current=step] span { background: var(--studio-green) !important; color: white; }
html body.studio-design-2026.studio-redesign .studio-stage-heading { font-size: 12px; color: var(--studio-muted); margin-bottom: 20px; }
html body.studio-design-2026.studio-redesign #docAiPanel .docai-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 17px !important;
}
html body.studio-design-2026.studio-redesign #docAiPanel .docai-card { padding: 23px !important; }
html body.studio-design-2026.studio-redesign #docAiPanel .docai-card { border: 1px solid var(--studio-border) !important; }
html body.studio-design-2026.studio-redesign #docAiPanel .documental-mode {
  border: 1px solid var(--studio-border); border-radius: 8px;
  background: white; padding: 15px 18px; margin-bottom: 18px;
}
html body.studio-design-2026.studio-redesign #docAiPanel .documental-mode-toggle {
  font-size: 12px; color: #56735e; gap: 9px; font-weight: 550;
}
html body.studio-design-2026.studio-redesign #docAiPanel .documental-mode-toggle input {
  width: 15px; height: 15px; flex-basis: 15px; accent-color: var(--studio-green);
}
html body.studio-design-2026.studio-redesign #docAiPanel .documental-mode p {
  font-size: 10px; color: var(--studio-muted); margin-left: 24px; line-height: 1.8;
}
html body.studio-design-2026.studio-redesign .studio-engine-status { margin-top: 12px; }
html body.studio-design-2026.studio-redesign .studio-engine-status summary {
  cursor: pointer; font-size: 10px; color: #8d9b8e;
}
html body.studio-design-2026.studio-redesign .studio-engine-status p {
  font-size: 10px !important; padding: 9px 12px; background: #f4f6ef;
  border: 1px solid #e4e9dd; border-radius: 6px; margin-top: 8px;
}
html body.studio-design-2026.studio-redesign .friendly-matrix-card { grid-column: auto !important; }
html body.studio-design-2026.studio-redesign .studio-upload-symbol {
  width: 42px; height: 42px; background: #edf5ef !important; color: #589275 !important; border-radius: 10px;
}
html body.studio-design-2026.studio-redesign .docai-card h3 { font-size: 14px !important; margin: 0 0 11px; }
html body.studio-design-2026.studio-redesign .friendly-matrix-card .matrix-copy small { color: var(--studio-green); font-size: 10px !important; }
html body.studio-design-2026.studio-redesign .friendly-matrix-card .matrix-copy strong { color: var(--studio-ink); font-size: 17px !important; line-height: 1.6; }
html body.studio-design-2026.studio-redesign :is(.docai-drop,.pdf-tools-drop,.dropzone,.floor-upload-label) {
  background: #f7faf7 !important; border: 1px dashed #bed4c4 !important; border-radius: 8px !important;
  padding: 22px 15px !important; min-height: 132px !important; color: var(--studio-green) !important;
}
html body.studio-design-2026.studio-redesign :is(.docai-drop,.pdf-tools-drop,.dropzone):hover { background: #edf7ef !important; border-color: #7cab8c !important; }
html body.studio-design-2026.studio-redesign .docai-drop strong { font-size: 11px !important; color: #4f7961; }
html body.studio-design-2026.studio-redesign .docai-drop small { font-size: 10px !important; color: #8b9e8f; }
html body.studio-design-2026.studio-redesign .studio-drop-icon { color: #81a98d; width: 23px; height: 23px; }
html body.studio-design-2026.studio-redesign :is(
  .friendly-docai-advanced,.ux-details,.studio-test-lab,.docai-help,
  .studio-technical-log,.mapping-empty,.floor-empty-message,.audit-note
) { border: 1px solid var(--studio-border) !important; background: white !important; border-radius: 9px !important; box-shadow: none !important; }
html body.studio-design-2026.studio-redesign .docai-note {
  background: #f4f8f2 !important; border-color: #e4ecdf !important; color: #85967a !important;
}
html body.studio-design-2026.studio-redesign :is(
  .friendly-docai-advanced>summary,.ux-details>summary,.docai-help>summary,
  .studio-test-lab>summary,.studio-technical-log>summary
) { font-size: 11px !important; font-weight: 550; padding: 17px 20px !important; color: #688271 !important; cursor: pointer; }
html body.studio-design-2026.studio-redesign .studio-test-lab>summary span { font-size: 10px; color: #a2ada3; }
html body.studio-design-2026.studio-redesign :is(.studio-test-lab p,#studioTestStatus) { font-size: 11px; color: var(--studio-muted); }
html body.studio-design-2026.studio-redesign .studio-test-lab .studio-icon { color: #7ba38a; width: 19px; }
html body.studio-design-2026.studio-redesign .friendly-docai-run { background: #edf6ef !important; border: 1px solid #dcebe0 !important; border-radius: 10px !important; }
html body.studio-design-2026.studio-redesign .friendly-docai-run .copy strong { font-size: 15px; }
html body.studio-design-2026.studio-redesign .friendly-docai-run .copy span { font-size: 11px; color: var(--studio-muted); }
html body.studio-design-2026.studio-redesign .studio-review-empty {
  border: 1px dashed #ceded1 !important; background: white !important; padding: 60px 24px !important; border-radius: 10px !important;
}
html body.studio-design-2026.studio-redesign .studio-review-empty:before { background: #edf6ef; color: var(--studio-green); border-color: #dcebe0; }
html body.studio-design-2026.studio-redesign .studio-review-empty strong { font-family: var(--studio-heading); font-size: 20px; font-weight: 650; }
html body.studio-design-2026.studio-redesign .studio-review-empty p { font-size: 12px; color: var(--studio-muted); }
html body.studio-design-2026.studio-redesign .studio-stage-footer { border-top: 1px solid var(--studio-border); padding-top: 22px; margin: 24px 0 0; }
/* Canva-inspired report studio: inspector tabs, persistent export bar, canvas. */
/* Remaining tools use the same surfaces and hierarchy, not legacy blue/violet. */
html body.studio-design-2026.studio-redesign .studio-resource-bar {
  display: flex; align-items: center; gap: 13px; border: 1px solid var(--studio-border);
  border-radius: 8px; background: #f0f6f0; padding: 13px 17px; margin: 0 0 17px;
}
html body.studio-design-2026.studio-redesign .studio-resource-indicator {
  width: 8px; height: 8px; background: #b5c8b7; border-radius: 50%; flex-shrink: 0;
}
html body.studio-design-2026.studio-redesign .studio-resource-bar[data-loaded=true] .studio-resource-indicator { background: #4e9e73; }
html body.studio-design-2026.studio-redesign .studio-resource-bar>div { min-width: 0; }
html body.studio-design-2026.studio-redesign .studio-resource-bar small {
  display: block; font-size: 8px; letter-spacing: 1.2px; color: #8da28d; margin-bottom: 3px;
}
html body.studio-design-2026.studio-redesign .studio-resource-bar strong {
  font-weight: 500; font-size: 11px; color: #64816a; overflow-wrap: anywhere;
}
html body.studio-design-2026.studio-redesign .studio-resource-bar button { margin-left: auto; white-space: nowrap; }
html body.studio-design-2026.studio-redesign .studio-secondary-heading .studio-module-eyebrow { display: none; }
html body.studio-design-2026.studio-redesign .studio-secondary-heading h2 { font-size: 20px !important; }
html body.studio-design-2026.studio-redesign .workflow-config {
  border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important;
}
html body.studio-design-2026.studio-redesign :is(.step,.drop-icon,.ux-details>summary:after) {
  background: #edf5ef !important; color: #658e72 !important;
}
html body.studio-design-2026.studio-redesign :is(.fa-setup>*,.fa-workspace>*,.fa-queue) {
  background: white; border: 1px solid var(--studio-border); border-radius: 9px; box-shadow: var(--studio-shadow);
}
html body.studio-design-2026.studio-redesign :is(.fa-upload,.fa-setup legend) {
  color: #56715e; font-size: 11px; font-weight: 550; line-height: 1.8;
}
html body.studio-design-2026.studio-redesign :is(.fa-upload>span,.fa-setup fieldset p,.fa-workspace p,.fa-options,.fa-counts,#faStatus,.fa-queue) {
  color: var(--studio-muted); font-size: 11px; line-height: 1.8;
}
html body.studio-design-2026.studio-redesign .fa-setup { gap: 16px; }
html body.studio-design-2026.studio-redesign .fa-options {
  border: 1px solid var(--studio-border); border-radius: 8px; background: white; padding: 13px 17px;
}
html body.studio-design-2026.studio-redesign .fa-actions .btn {
  border: 1px solid var(--studio-border); color: #688371; background: white;
}
html body.studio-design-2026.studio-redesign .fa-actions #faRun {
  color: white; background: var(--studio-green); border-color: var(--studio-green);
}
html body.studio-design-2026.studio-redesign .studio-file-target {
  display: flex; position: relative; flex-direction: column; justify-content: center; align-items: center; gap: 10px;
  min-height: 125px; padding: 20px 10px; border: 1px dashed #bfd5c4; border-radius: 7px; background: #f7faf7;
  color: #6a9778; font-size: 11px; cursor: pointer;
}
html body.studio-design-2026.studio-redesign .studio-file-target svg { width: 24px; height: 24px; }
html body.studio-design-2026.studio-redesign .studio-file-target input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
html body.studio-design-2026.studio-redesign .studio-file-target:focus-within { outline: 2px solid #63a58a; outline-offset: 3px; }
html body.studio-design-2026.studio-redesign progress { accent-color: var(--studio-green); height: 6px !important; border: 0; border-radius: 6px; overflow: hidden; }
html body.studio-design-2026.studio-redesign progress::-webkit-progress-bar { background: #e6eee6; border-radius: 6px; }
html body.studio-design-2026.studio-redesign progress::-webkit-progress-value { background: #76a888; border-radius: 6px; }
html body.studio-design-2026.studio-redesign .fa-result { background: #f8fbf8; border: 1px solid var(--studio-border); color: var(--studio-ink); }
html body.studio-design-2026.studio-redesign .fa-result[aria-pressed=true] { background: #ecf6ef; border-color: #9dbfa7; }
html body.studio-design-2026.studio-redesign .fa-result small { color: var(--studio-muted); font-size: 10px; }
html body.studio-design-2026.studio-redesign :is(.floor-import-card,.mapping-guide>div,.floor-step-card) { background: #f3f8f3 !important; border-color: var(--studio-border) !important; border-radius: 9px !important; }
html body.studio-design-2026.studio-redesign :is(.mapping-guide strong,.floor-step-card strong,.line-chart-title) { font-family: var(--studio-heading); font-size: 13px !important; color: var(--studio-ink); }
html body.studio-design-2026.studio-redesign :is(.line-visual-card span,.line-score-card small,.line-chart-title small) { font-size: 11px; color: var(--studio-muted); }
html body.studio-design-2026.studio-redesign .pdf-tools-row { border: 1px solid var(--studio-border); border-radius: 7px; background: #f8fbf8; padding: 14px; }
html body.studio-design-2026.studio-redesign .pdf-tools-row .file strong { font-size: 12px !important; color: var(--studio-ink); }
html body.studio-design-2026.studio-redesign #productionMatrixAudit { color: var(--studio-ink); border-color: var(--studio-border); border-radius: 10px; padding: 20px; }
html body.studio-design-2026.studio-redesign #productionMatrixAudit summary { font-family: var(--studio-heading); font-size: 15px; color: var(--studio-ink); }
html body.studio-design-2026.studio-redesign #productionMatrixAudit .pm-help { color: var(--studio-muted); font-size: 11px; }
html body.studio-design-2026.studio-redesign #productionMatrixAudit label { font-size: 11px; color: #67816d; }
html body.studio-design-2026.studio-redesign dialog { font-family: var(--studio-font); color: var(--studio-ink); border: 1px solid var(--studio-border); border-radius: 12px; }
html body.studio-design-2026.studio-redesign [hidden] { display: none !important; }
@media(max-width:1100px) {
  html body.studio-design-2026.studio-redesign .app { padding: 27px 23px !important; }
  html body.studio-design-2026.studio-redesign #docAiPanel .docai-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  html body.studio-design-2026.studio-redesign .friendly-matrix-card { grid-column: 1/-1 !important; display: grid !important; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; }
  html body.studio-design-2026.studio-redesign .friendly-matrix-card .studio-upload-symbol { margin-bottom: 0; }
  
  
  
}
@media(max-width:720px) {
  html body.studio-design-2026.studio-redesign .app { padding: 24px 17px !important; }
  html body.studio-design-2026.studio-redesign :is(.results-head h2,.friendly-page-head h2,.ri-heading h2,#docAiPanel .results-topline h2) { font-size: 24px !important; }
  html body.studio-design-2026.studio-redesign #docAiPanel .docai-grid { grid-template-columns: minmax(0,1fr) !important; }
  html body.studio-design-2026.studio-redesign .friendly-matrix-card { display: flex !important; grid-column: auto !important; }
  html body.studio-design-2026.studio-redesign .studio-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  html body.studio-design-2026.studio-redesign .studio-step { padding: 9px !important; font-size: 10px !important; min-height: 48px !important; }
  
  
  
  
  
  
  
  html body.studio-design-2026.studio-redesign .studio-resource-bar { flex-wrap: wrap; }
  html body.studio-design-2026.studio-redesign .studio-resource-bar button { margin-left: 20px; }
}
@media(prefers-reduced-motion:reduce) { html body.studio-design-2026.studio-redesign * { transition: none !important; } }
@media print {
  html body.studio-design-2026.studio-redesign .app { padding: 0 !important; }
  
  
  
}