@import url("pde-resource-inline-attributes.css");
@media screen {
  .pde-generator-steps :is(.peda-card,.related-card) {grid-template-columns:minmax(0,1fr) auto!important}
  .pde-generator-steps :is(.section-title,.mf-step__title,.result-head h2) {font-size:15px!important;font-weight:650!important}
  .pde-generator-steps :is(.mf-step,.tense-field) {margin-bottom:12px!important}
  .pde-generator-steps :is(.mf-choice,.mf-tone,.mf-length) {min-height:34px!important;font-size:13px!important;font-weight:600!important;background:#fff!important;border-color:#e4edf5!important;color:#17324d!important;box-shadow:none!important}
  .pde-generator-steps :is(.mf-choice,.mf-tone,.mf-length):has(input:checked) {background:#edf8fb!important;border-color:#0798b3!important;color:#17324d!important}
  .pde-resource-ui .pde-generator-steps {
    --b:#0798b3;--blue:#0798b3;--mf-blue:#0798b3;--accent:#0798b3;
    --i:#17324d;--ink:#17324d;--m:#71839b;--muted:#71839b;--l:#e4edf5;--line:#e4edf5;
    color:#17324d;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  .pde-generator-steps [data-generator-grid] {display:block!important}
  .pde-generator-steps [data-generator-panel] {padding:16px!important;border:1px solid #e4edf5!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 24px #17324d05!important}
  .pde-generator-steps [data-generator-panel][hidden] {display:none!important}
  .pde-generator-steps [data-generator-panel]::before {display:none!important}
  .pde-generator-steps [data-generator-panel] > h2 {font-size:17px!important;font-weight:650!important;margin:0 0 10px!important}
  .pde-generator-steps [data-generator-form] label {font-size:13px;font-weight:650!important}
  .pde-generator-steps [data-generator-form] :is(input:not([type]),input[type=text],input[type=number],select,textarea) {padding:8px 10px;border-radius:9px;font-size:14px;font-weight:400;line-height:1.5}
  .pde-generator-steps [data-generator-form] textarea {resize:none;overflow:hidden}
  .pde-generator-steps [data-generator-form] :is(.primary,.peda-primary,.rd-primary,.pm-primary,.ex-primary,.aesh-primary,.mf-primary,.mf-generate) {background:#0798b3!important;color:#fff!important;border:1px solid #0798b3!important;box-shadow:none!important;font-size:13px;font-weight:650!important;padding:9px 14px}
  .pde-generator-steps [data-generator-document] {padding:12px!important;border:1px solid #e4edf5!important;border-radius:12px!important;background:#f8fbfc!important;color:#17324d;font-size:14px;line-height:1.55}
  .pde-generator-steps [data-generator-document] h2 {font-size:19px;font-weight:650}
  .pde-generator-steps [data-generator-document] h3 {font-size:15px;font-weight:650;border-left:3px solid #0798b3;background:#edf8fb;color:#17324d}
  .pde-generator-steps [data-generator-tools] {display:flex!important;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-top:8px}
  .pde-generator-steps [data-generator-tools] button {width:auto!important;flex:0 1 auto;border:1px solid #0798b3!important;border-radius:9px!important;background:#fff!important;color:#0798b3!important;box-shadow:none!important;padding:7px 11px!important;font-family:inherit;font-size:13px;font-weight:650;line-height:1.5}
  .pde-generator-steps .pde-generator-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;scroll-margin-top:110px}
  .pde-generator-steps .pde-generator-step {display:flex;align-items:center;gap:8px;min-width:0;width:auto;padding:8px 10px!important;border:1px solid #e4edf5;border-radius:12px;background:#fff;color:#71839b;font:600 14px/1.5 system-ui,sans-serif;text-align:left;cursor:pointer}
  .pde-generator-steps .pde-generator-step span {display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#edf8fb;color:#0798b3;font-size:12px;font-weight:700}
  .pde-generator-steps .pde-generator-step.is-active {border-color:#0798b3;background:#edf8fb;color:#17324d}
  .pde-generator-steps .pde-generator-step:disabled {cursor:default;opacity:.7}
  .pde-generator-steps [data-generator-tools] button:hover {background:#edf8fb!important}
  @media(max-width:580px) {
    .pde-generator-steps [data-generator-panel] {padding:14px!important}
    .pde-generator-steps .pde-generator-step {font-size:12px;gap:5px}
  }
}