.editor-productivity{position:relative;margin:9px 0 14px;border:1px solid #dce6e0;border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(20,35,28,.05);color:#40564a;font-family:Inter,"Segoe UI",Arial,sans-serif}
.editor-productivity [hidden]{display:none!important}
/* Find/history panels are promoted into the page toolbar at runtime, so
   their hidden state must remain effective after they leave this container. */
[data-find-panel][hidden],[data-history-panel][hidden]{display:none!important}
.editor-productivity button,.editor-productivity input{font:inherit}
.editor-draft-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #bfe4ce;border-radius:11px 11px 0 0;background:#eaf8f0;color:#164f31;font-size:.82rem}
.editor-draft-actions{display:flex;gap:6px}.editor-draft-actions button{padding:5px 9px;border:1px solid #a6d4b8;border-radius:7px;background:#fff;color:#145f38;font-weight:700;cursor:pointer}
.editor-productivity-main{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px}
.editor-stats{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0!important;color:#61746a!important;font-size:.76rem!important;line-height:1.4!important}
.editor-tool-actions{display:flex;gap:6px}.editor-tool-button,.editor-quick-tools button,.editor-find-panel button{min-height:30px;padding:5px 9px;border:1px solid #d9e4dd;border-radius:7px;background:#f5f8f6;color:#29483a;font-size:.76rem;font-weight:700;cursor:pointer}.editor-tool-button:hover,.editor-quick-tools button:hover,.editor-find-panel button:hover{border-color:#a9ccb8;background:#eaf5ee}
.editor-quick-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 10px;border-top:1px solid #e6ede9;background:#fafcfb}.editor-insert-group{display:flex;align-items:center;gap:6px}.editor-quick-label{margin-right:2px;color:#718279;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.editor-quick-tools [data-insert]{min-width:32px;padding:2px 8px;font:700 1.05rem/1.25 "Noto Nastaliq Urdu","Noto Naskh Arabic",serif}
.editor-find-panel{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto auto;align-items:end;gap:8px;padding:10px;border-top:1px solid #e0e9e3;background:#f7faf8}.editor-find-panel label{display:grid;gap:3px;margin:0;color:#53675c;font-size:.72rem;font-weight:700}.editor-find-panel input{width:100%;height:34px;padding:6px 9px;border:1px solid #cfddd4;border-radius:7px;background:#fff;color:#17271f}.editor-find-panel button{height:34px}
.editor-history-panel{border-top:1px solid #e0e9e3;background:#f7faf8}.editor-history-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;color:#53675c;font-size:.75rem}.editor-history-heading button{padding:3px 7px;border:1px solid #d4e1d8;border-radius:6px;background:#fff;color:#53675c;font-size:.7rem;cursor:pointer}.editor-history-list{display:grid;gap:6px;padding:0 10px 10px}.editor-history-item{width:100%;padding:7px 9px;border:1px solid #d9e4dd;border-radius:7px;background:#fff;color:#29483a;font-size:.75rem;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-history-item:hover,.editor-history-item:focus{border-color:#a9ccb8;background:#eaf5ee}.editor-history-empty{padding:0 0 10px;color:#77877e;font-size:.75rem}
body.write-urdu-focus{background:#f7faf8!important}body.write-urdu-focus .wu-site-header,body.write-urdu-focus .editor-page-intro,body.write-urdu-focus .editor-intro-divider,body.write-urdu-focus .logo,body.write-urdu-focus .editor-hint,body.write-urdu-focus .card,body.write-urdu-focus .fb-comments,body.write-urdu-focus footer{display:none!important}body.write-urdu-focus>.container-fluid>.row:nth-of-type(2){padding-top:10px!important;padding-bottom:10px!important}body.write-urdu-focus .editor-tool-button[data-action="focus"]{position:fixed;top:12px;right:12px;z-index:2100;border-color:#cde3d5;background:#fff;box-shadow:0 8px 25px rgba(11,44,28,.18)}body.write-urdu-focus #transliterateTextarea{min-height:calc(100vh - 205px)!important}body.write-urdu-focus .tox-tinymce{height:calc(100vh - 195px)!important;min-height:420px!important}body.write-urdu-focus.keyboard-page #write{min-height:190px}
@media(max-width:767px){.editor-productivity{margin-top:7px}.editor-productivity-main{align-items:flex-start;flex-direction:column}.editor-tool-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-tool-button{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-quick-tools{gap:5px}.editor-find-panel{grid-template-columns:1fr 1fr}.editor-find-panel button{width:100%}body.write-urdu-focus #transliterateTextarea{min-height:calc(100vh - 235px)!important}body.write-urdu-focus .tox-tinymce{height:calc(100vh - 230px)!important;min-height:360px!important}}
@media(max-width:480px){.editor-draft-recovery{align-items:flex-start;flex-direction:column}.editor-find-panel{grid-template-columns:1fr}.editor-stats{gap:5px}.editor-quick-tools button{padding:5px 7px;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.editor-productivity *{scroll-behavior:auto!important}}

/* First-run guidance, local draft management and the keyboard command menu. */
.editor-onboarding{display:flex;align-items:flex-start;gap:12px;margin:12px 0;padding:14px 16px;border:1px solid #bfe4ce;border-radius:12px;background:linear-gradient(135deg,#effaf3,#fff);color:#29483a;box-shadow:0 8px 20px rgba(20,35,28,.06)}
.editor-onboarding[hidden]{display:none!important}.editor-onboarding-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#177245;color:#fff;font-size:1.25rem}.editor-onboarding-copy{min-width:0;flex:1}.editor-onboarding-copy strong{display:block;color:#123c27;font-size:.92rem}.editor-onboarding-copy p{margin:3px 0 2px;color:#40564a;font-size:.82rem;line-height:1.5}.editor-onboarding-copy small{color:#61746a;font-size:.74rem}.editor-onboarding-dismiss{flex:none;padding:6px 9px;border:1px solid #a9ccb8;border-radius:7px;background:#fff;color:#145f38;font-size:.76rem;font-weight:700;cursor:pointer}.editor-onboarding-dismiss:hover{background:#eaf5ee}
.editor-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;width:100%;padding:5px;border:1px solid #d9e4dd;border-radius:7px;background:#fff}.editor-history-restore{min-width:0;padding:5px 6px;border:0;background:transparent;color:#29483a;font-size:.75rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.editor-history-action{padding:4px 6px;border:1px solid #d4e1d8;border-radius:5px;background:#f7faf8;color:#53675c;font-size:.68rem;cursor:pointer}.editor-history-action:hover,.editor-history-action:focus{border-color:#a9ccb8;background:#eaf5ee}.editor-history-delete{color:#a63138}.editor-history-heading strong span{color:#718279;font-weight:500}
.editor-command-backdrop{position:fixed;inset:0;z-index:2500;display:grid;place-items:start center;padding:11vh 16px 24px;background:rgba(6,27,17,.48);backdrop-filter:blur(3px)}.editor-command-backdrop[hidden]{display:none!important}.editor-command-dialog{width:min(520px,100%);max-height:min(620px,80vh);overflow:auto;border:1px solid #cfe1d5;border-radius:16px;background:#fff;color:#263a30;box-shadow:0 24px 70px rgba(3,24,14,.32)}.editor-command-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid #e0e9e3}.editor-command-kicker{display:block;color:#177245;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.editor-command-heading h2{margin:3px 0 0;color:#123c27;font-size:1.25rem}.editor-command-close{width:30px;height:30px;border:1px solid #d9e4dd;border-radius:8px;background:#f7faf8;color:#40564a;font-size:1.3rem;line-height:1;cursor:pointer}.editor-command-search{display:block;margin:14px 18px}.editor-command-search input{width:100%;height:40px;padding:8px 11px;border:1px solid #cfe1d5;border-radius:9px;color:#17271f;font:inherit;outline:none}.editor-command-search input:focus{border-color:#177245;box-shadow:0 0 0 3px rgba(23,114,69,.14)}.editor-command-list{display:grid;gap:5px;padding:0 18px}.editor-command-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e0e9e3;border-radius:9px;background:#fff;color:#29483a;text-align:left;cursor:pointer}.editor-command-list button:hover,.editor-command-list button:focus{border-color:#a9ccb8;background:#effaf3;outline:none}.editor-command-list button span{color:#718279;font-size:.72rem}.editor-command-list button strong{font-size:.82rem}.editor-command-note{margin:14px 18px 18px;color:#718279;font-size:.74rem}.editor-command-backdrop button[hidden]{display:none!important}
.wu-export-preview{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;padding:20px;background:rgba(6,27,17,.55);backdrop-filter:blur(3px)}.wu-export-preview-card{display:flex;flex-direction:column;width:min(880px,100%);max-height:90vh;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(3,24,14,.32)}.wu-export-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #dce6e0;color:#123c27}.wu-export-preview-heading button{width:30px;height:30px;border:1px solid #d9e4dd;border-radius:8px;background:#f7faf8;color:#40564a;font-size:1.2rem;cursor:pointer}.wu-export-preview-body{overflow:auto;padding:18px;background:#eef3f0;text-align:center}.wu-export-preview-body img{display:inline-block;max-width:100%;height:auto;background:#fff;box-shadow:0 8px 24px rgba(20,35,28,.12)}
.home-actions .is-exporting,.tool-actions .is-exporting,.keyboard-actions .is-exporting{cursor:wait;opacity:.72}
@media(max-width:767px){.editor-onboarding{margin:8px 0;padding:12px}.editor-onboarding-dismiss{padding:7px 8px}.editor-history-item{grid-template-columns:minmax(0,1fr) auto}.editor-history-delete{grid-column:2}.editor-history-restore{grid-row:1/3}.editor-history-action{font-size:.66rem}.editor-command-backdrop{padding:7vh 10px 16px}.editor-command-dialog{max-height:86vh}.wu-export-preview{padding:10px}.wu-export-preview-body{padding:10px}body.has-editor-tools .home-actions,body.has-editor-tools .tool-actions,body.has-editor-tools .keyboard-actions{position:sticky;top:0;z-index:900;margin-top:0!important;padding:7px!important;background:rgba(255,255,255,.96);box-shadow:0 5px 16px rgba(20,35,28,.08);backdrop-filter:blur(8px)}body.write-urdu-focus .editor-onboarding{display:none!important}}
@media(max-width:480px){.editor-onboarding{align-items:flex-start}.editor-onboarding-icon{width:30px;height:30px;font-size:1rem}.editor-onboarding-copy p{font-size:.78rem}.editor-onboarding-copy small{font-size:.68rem}.editor-command-heading{padding:14px}.editor-command-search{margin:11px 14px}.editor-command-list{padding:0 14px}.editor-command-note{margin:12px 14px 14px}}

/* Productivity controls live beside the primary editor actions so important
   tools are discoverable before the user starts typing. The attached panels
   open below that row as compact dropdowns. */
.home-actions>.editor-tool-actions,.tool-actions>.editor-tool-actions,.keyboard-actions>.editor-tool-actions{display:contents!important}
.home-actions>.editor-tool-actions .editor-tool-button,.tool-actions>.editor-tool-actions .editor-tool-button,.keyboard-actions>.editor-tool-actions .editor-tool-button{min-height:38px;padding:.48rem .68rem;border:1px solid #d9e4dd;border-radius:9px;background:#eef3f0;color:#29483a;font-size:.86rem;font-weight:700;white-space:nowrap}
.home-actions>.editor-find-panel,.tool-actions>.editor-find-panel,.keyboard-actions>.editor-find-panel,.home-actions>.editor-history-panel,.tool-actions>.editor-history-panel,.keyboard-actions>.editor-history-panel{flex:1 0 100%;order:100;margin-top:2px;border:1px solid #e0e9e3;border-radius:10px;box-shadow:0 8px 22px rgba(20,35,28,.08)}
.home-actions,.col-12.col-md-9>.container:nth-of-type(2)>.row>div.home-actions{flex-wrap:wrap!important;overflow:visible!important}
body.tool-page .tool-actions{flex-wrap:wrap!important;overflow:visible!important}
@media(max-width:767px){.home-actions>.editor-tool-actions .editor-tool-button,.tool-actions>.editor-tool-actions .editor-tool-button,.keyboard-actions>.editor-tool-actions .editor-tool-button{min-height:36px;padding:.42rem .58rem;font-size:.78rem}.home-actions>.editor-find-panel,.tool-actions>.editor-find-panel,.keyboard-actions>.editor-find-panel,.home-actions>.editor-history-panel,.tool-actions>.editor-history-panel,.keyboard-actions>.editor-history-panel{flex-basis:100%}}

/* Rich editor actions are grouped in the source markup.  Keep each group as
   one horizontal unit so the export menu, share action and More menu do not
   stack into a tall column on desktop.  This is intentionally scoped to the
   rich editor; Card Studio and the social makers have their own toolbars. */
.rich-editor-page .tool-actions{flex-wrap:nowrap!important;}
.rich-editor-page .tool-actions .home-actions-group{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  flex-wrap:nowrap;
  gap:5px;
  min-width:0;
  padding:3px;
  border:1px solid #e0e9e3;
  border-radius:11px;
  background:#fff;
}
.rich-editor-page .tool-actions .home-actions-group-primary{border-color:#bfe2cb;background:#f0faf3;}
.rich-editor-page .tool-actions .home-actions-group-create{border-color:#d4e5da;}
.rich-editor-page .tool-actions .home-actions-group-export{background:#f1f5f2;}
.rich-editor-page .tool-actions .home-actions-group .btn,
.rich-editor-page .tool-actions .home-actions-group summary{
  margin:0!important;
  white-space:nowrap;
}
.rich-editor-page .tool-actions .home-actions-group .action-menu{position:relative;display:block;}
.rich-editor-page .tool-actions .home-actions-group .action-menu summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  list-style:none;
  cursor:pointer;
}
.rich-editor-page .tool-actions .home-actions-group .action-menu summary::-webkit-details-marker{display:none;}
.rich-editor-page .tool-actions #spinner{flex:0 0 auto;margin-left:auto!important;}
.rich-editor-page .tool-actions>#clear{flex:0 0 auto;}

@media(max-width:1150px) and (min-width:768px){
  .rich-editor-page .tool-actions{flex-wrap:wrap!important;}
  .rich-editor-page .tool-actions .home-actions-group-export{margin-left:0;}
  .rich-editor-page .tool-actions #spinner{margin-left:auto!important;}
}

@media(max-width:767px){
  .rich-editor-page .tool-actions{flex-wrap:wrap!important;}
  .rich-editor-page .tool-actions .home-actions-group{flex:1 1 100%;width:100%;}
  .rich-editor-page .tool-actions .home-actions-group-create,
  .rich-editor-page .tool-actions .home-actions-group-export{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .rich-editor-page .tool-actions .home-actions-group .btn,
  .rich-editor-page .tool-actions .home-actions-group summary{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;}
  .rich-editor-page .tool-actions .home-actions-group-export .action-menu{min-width:0;}
}

/* Help copy should scan as guidance, not as a wall of secondary text. Keep
   measure, contrast and rhythm consistent across the three editor pages. */
body.has-editor-tools .editor-hint,
body.has-editor-tools .card-text,
body.has-editor-tools .editor-onboarding-copy p,
body.has-editor-tools .editor-command-note {
    max-width: 76ch;
    font-size: .92rem;
    line-height: 1.72;
}
body.has-editor-tools .editor-hint {
    margin: 10px 2px 0;
    color: #53675c;
}
body.has-editor-tools .card-subtitle {
    max-width: 70ch;
    color: #177245;
    font-size: .98rem;
    line-height: 1.55;
}
body.has-editor-tools .card-title {
    max-width: 30ch;
    margin-bottom: 14px;
    line-height: 1.25;
}
body.has-editor-tools .card-text {
    gap: 11px;
    padding-left: 1.35rem;
    color: #4d6257;
}
body.has-editor-tools .card-text li::marker {
    color: #177245;
    font-weight: 700;
}
body.has-editor-tools .card-text strong,
body.has-editor-tools .card-text a {
    color: #145f38;
    font-weight: 700;
}
body.has-editor-tools .editor-onboarding-copy p {
    margin: 4px 0 3px;
    color: #40564a;
}
body.has-editor-tools .editor-onboarding-copy small {
    display: block;
    color: #61746a;
    line-height: 1.55;
}
body.locale-urdu.has-editor-tools .editor-hint,
body.locale-urdu.has-editor-tools .card-text,
body.locale-urdu.has-editor-tools .card-subtitle,
body.locale-urdu.has-editor-tools .card-title,
body.locale-urdu.has-editor-tools .editor-onboarding-copy,
body.locale-urdu.has-editor-tools .editor-command-dialog {
    font-family: "Noto Naskh Arabic", "Noto Nastaliq Urdu", "Segoe UI", Arial, sans-serif;
    letter-spacing: 0;
}
body.locale-urdu.has-editor-tools .editor-hint,
body.locale-urdu.has-editor-tools .card-text,
body.locale-urdu.has-editor-tools .editor-onboarding-copy p,
body.locale-urdu.has-editor-tools .editor-onboarding-copy small {
    line-height: 2;
}
body.locale-urdu.has-editor-tools .card-text {
    padding-right: 1.35rem;
    padding-left: 0;
    direction: rtl;
    text-align: right;
}
body.locale-urdu.has-editor-tools .card-text li::marker {
    color: #177245;
}
@media (max-width: 767px) {
    body.has-editor-tools .editor-hint,
    body.has-editor-tools .card-text,
    body.has-editor-tools .editor-onboarding-copy p,
    body.has-editor-tools .editor-command-note { font-size: .88rem; }
    body.has-editor-tools .card-text { gap: 9px; }
    body.locale-urdu.has-editor-tools .editor-hint,
    body.locale-urdu.has-editor-tools .card-text,
    body.locale-urdu.has-editor-tools .editor-onboarding-copy p,
    body.locale-urdu.has-editor-tools .editor-onboarding-copy small { line-height: 1.9; }
}