/* LiteConv shared width for every tool work area. */
.ts-app { --lc-tool-width: 1200px; }
.ts-app main.content > :is(.legacy-tool-content,.dw-app,.qs-app,.csv-workbench,.xml-workbench,.ae-panel,.ts-text-workbench,.lc-guide),
.ts-app main.content > .legacy-tool-content > .dw-app,
.ts-app main.content > .legacy-tool-content:has(> .dw-app),
.ts-app main.content > .lc-guide,
.ts-app main.content > .crumb {
  box-sizing: border-box;
  width: 100% !important;
  max-width: var(--lc-tool-width) !important;
  min-width: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Preserve the intended width even when tool-specific CSS loads earlier. */
.ts-app .qs-app, .ts-app .csv-workbench, .ts-app .xml-workbench,
.ts-app .ae-panel, .ts-app .legacy-tool-content,
.ts-app .dw-app, .ts-app .ts-text-workbench,
.ts-app .lc-guide {
  box-sizing: border-box;
  max-width: var(--lc-tool-width) !important;
  min-width: 0;
}
@media (max-width: 767px) {
  .ts-app main.content > :is(.legacy-tool-content,.dw-app,.qs-app,.csv-workbench,.xml-workbench,.ae-panel,.ts-text-workbench,.lc-guide) {
    width: 100% !important;
  }
}

/* Shared heading hierarchy and sizing across tool screens. */
.legacy-tool-content > .dw-app > .dw-intro {margin-bottom:18px;}
.legacy-tool-content > .dw-app > .dw-intro h1.ts-tool-title {font-size:clamp(28px,2.8vw,34px)!important;line-height:1.18!important;font-weight:750!important;letter-spacing:-.025em!important;margin:0 0 10px!important;}
.legacy-tool-content > .dw-app > .dw-intro p.lead.text-secondary {font-size:15px!important;line-height:1.55!important;margin:0!important;}
.legacy-tool-content > .dw-app > .dw-surface {min-width:0;}
.legacy-tool-content > .lc-guide {width:100%;max-width:100%;box-sizing:border-box;margin-inline:0;}
.legacy-tool-content .wb-shell.mt-4 {margin-top:0!important;}
@media(max-width:600px){.legacy-tool-content > .dw-app > .dw-intro h1.ts-tool-title{font-size:28px!important;}}