.kdadv{--text:#121827;--muted:#7d8799;--purple:#7559f6;position:relative;width:100%;min-height:666px;overflow:hidden;box-sizing:border-box;background:#fbfcff;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.kdadv *{box-sizing:border-box}.kdadv-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(142,151,176,.055) 1px, transparent 1px),linear-gradient(90deg,rgba(142,151,176,.055) 1px, transparent 1px);background-size:40px 40px}.kdadv-shell{position:relative;z-index:1;width:min(100%,1040px);margin:0 auto;padding:10px 20px 21px;text-align:center}.kdadv-badge{position:static;margin:0 auto;width:max-content;min-width:132px;height:29px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #9fb0ff;border-radius:16px;background:#eff2ff;color:#3843b4;font-size:12px;line-height:1;font-weight:800}.kdadv-title{margin:17px 0 11px;padding:0;color:#131a29;font-size:39px;line-height:1.08;font-weight:850;letter-spacing:-1.45px}.kdadv-subtitle{margin:0 auto;color:#4f586d;font-size:15.5px;line-height:1.55;font-weight:400}.kdadv-subtitle strong{font-weight:800}.kdadv-features{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;color:#596275;font-size:11.5px;font-weight:700}.kdadv-features span{display:inline-flex;align-items:center;gap:4px}.kdadv-features span b{color:#6462ff;font-weight:900}.kdadv-features i{display:block;width:3px;height:3px;border-radius:50%;background:#d1d5df}.kdadv-bar,.kdadv-modes{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.kdadv-bar{margin-top:18px}.kdadv-modes{margin-top:16px}.kdadv-dir,.kdadv-mode,.kdadv-action,.kdadv-icon-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dfe4ec!important;border-radius:9px!important;background:#fff!important;color:#2a3550!important;font-family:inherit!important;font-size:13px!important;line-height:1!important;font-weight:700!important;box-shadow:0 1px 2px rgba(16,24,40,.05);cursor:pointer;transition:none!important}.kdadv-dir,.kdadv-mode,.kdadv-action{padding:0 15px!important}.kdadv-dir.is-active,.kdadv-mode.is-active{background:#1f67bd!important;border-color:#1f67bd!important;color:#fff!important}.kdadv-shortcut{font-size:12px;color:#7d8799}.kdadv-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;text-align:left}.kdadv-card{position:relative;height:407px;overflow:hidden;background:#fff;border:1px solid #dfe3eb;border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,.018)}.kdadv-card-head{height:51px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px 0 13px}.kdadv-card-title{flex:0 0 auto;color:#24272d;font-size:12.5px;font-weight:800;white-space:nowrap}.kdadv-actions-head{display:flex;align-items:center;justify-content:flex-end;gap:6px}.kdadv-action span{color:#939daf;font-size:12px}.kdadv-icon-btn{width:27px;padding:0;color:#9ba5b6!important;font-size:21px;font-weight:300}.kdadv-card-meta{color:#7d8799;font-size:11.5px;line-height:1}.kdadv-label,.kdadv-footer{display:none!important}.kdadv textarea{display:block;width:100%;height:306px;margin:0;padding:0 13px 12px;border:0!important;outline:none!important;resize:none;background:transparent!important;color:#313746;font-size:15px;line-height:1.62;box-shadow:none!important}.kdadv-input{font-family:"Mangal","Nirmala UI","Noto Sans Devanagari","Arial Unicode MS",sans-serif}.kdadv-output{font-family:"Mangal","Nirmala UI","Noto Sans Devanagari","Arial Unicode MS",sans-serif}.kdadv textarea::placeholder{color:#a3adbd;opacity:1}.kdadv-count{position:absolute;left:13px;bottom:14px;color:#7d8799;font-size:11.5px;line-height:1}.kdadv-status{min-height:22px;font-size:13px;color:#18623e;text-align:left;margin-top:10px;padding-left:2px}.kdadv-preload{visibility:hidden!important}.kdadv-ready{visibility:visible!important}.kdadv,.kdadv *{transition-property:none}@media(max-width:980px){.kdadv-shell{width:min(100%,960px)}.kdadv-title{font-size:36px}}@media(max-width:800px){.kdadv{min-height:auto}.kdadv-shell{padding-left:12px;padding-right:12px}.kdadv-title{font-size:31px}.kdadv-subtitle{font-size:14px}.kdadv-features{flex-wrap:wrap}.kdadv-panels{grid-template-columns:1fr;gap:16px;margin-top:28px}.kdadv-card{height:360px}.kdadv textarea{height:260px}}@media(max-width:560px){.kdadv-title{font-size:27px;letter-spacing:-.6px}.kdadv-card-head{min-height:82px;height:auto;align-items:flex-start;flex-direction:column;padding:11px 12px}.kdadv-actions-head{width:100%;justify-content:flex-start;flex-wrap:wrap}.kdadv textarea{height:228px}.kdadv-dir,.kdadv-mode{width:100%}}

/* v1.0.8: match Simple Converter compact Copy / Export / Clear actions */
.kdadv-card-head .kdadv-actions-head{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap}
.kdadv-card-head .kdadv-action{height:28px!important;min-height:28px!important;padding:0 9px!important;font-size:11px!important;font-weight:500!important;line-height:1!important;border-radius:7px!important;color:#606a7d!important;background:#fff!important;border:1px solid #dfe4ec!important;white-space:nowrap}
.kdadv-card-head .kdadv-action span{color:#939daf;font-size:12px}
.kdadv-card-head .kdadv-icon-btn{height:28px!important;min-height:28px!important;background:#fff!important;color:#9ba5b6!important;border-radius:7px!important}
@media(max-width:560px){.kdadv-card-head .kdadv-actions-head{flex-wrap:wrap}}

/* v1.0.9: Both editors independently resize VERTICALLY (same drag handle
   as the earlier Advanced Converter). Cards grow along with the textarea. */
.kdadv .kdadv-shell{width:min(100%,1140px)!important}
.kdadv .kdadv-card{
 height:auto!important;min-height:0!important;
 padding-bottom:27px!important;
 overflow:visible!important;
 align-self:start!important;
}
.kdadv .kdadv-panels{align-items:start!important;gap:18px!important}
.kdadv .kdadv-card textarea.kdadv-input,
.kdadv .kdadv-card textarea.kdadv-output{
 display:block!important;
 height:306px;
 min-height:140px!important;
 max-height:1000px!important;
 width:100%!important;
 box-sizing:border-box!important;
 resize:vertical!important;
 overflow-y:auto!important;
 overflow-x:auto!important;
 background:#fff!important;
 outline:none!important;
 border:0!important;
 padding:0 13px 12px!important;
 border-radius:0!important;
}
.kdadv .kdadv-card textarea::-webkit-resizer{background-color:#e1e6ef;border-radius:2px}
.kdadv .kdadv-count{bottom:10px!important}
.kdadv .kdadv-word-actions{display:flex;justify-content:flex-end;margin-top:12px}
.kdadv .kdadv-copy-word{height:32px!important;font-size:12px!important}
@media(max-width:800px){.kdadv .kdadv-card textarea.kdadv-input,.kdadv .kdadv-card textarea.kdadv-output{height:260px}}
@media(max-width:560px){.kdadv .kdadv-card textarea.kdadv-input,.kdadv .kdadv-card textarea.kdadv-output{height:230px}}

/* v1.1.0: native vertical height resize (both sides synchronized in JS).
   Keep both resizers reachable; prevent the card footer from covering them. */
.kdadv .kdadv-card { overflow:visible!important; padding-bottom:27px!important; }
.kdadv .kdadv-card textarea.kdadv-input,
.kdadv .kdadv-card textarea.kdadv-output {
  resize:vertical!important;
  overflow:auto!important;
  min-height:140px!important;
  max-height:1200px!important;
  width:100%!important;
  padding-bottom:16px!important;
  display:block!important;
  touch-action:pan-y;
}
.kdadv .kdadv-count{pointer-events:none!important;}
.kdadv .kdadv-actions-head{flex-shrink:0!important;}
.kdadv .kdadv-card-head{min-width:0!important;}
@media(min-width:801px){.kdadv .kdadv-shell{width:min(100%,1140px)!important}}

/* v1.1.1 — the original loaded height is the smallest resize size. */
.kdadv .kdadv-card textarea.kdadv-input,
.kdadv .kdadv-card textarea.kdadv-output{
  min-height:306px!important;
}
@media(max-width:800px){
  .kdadv .kdadv-card textarea.kdadv-input,
  .kdadv .kdadv-card textarea.kdadv-output{min-height:260px!important;}
}
@media(max-width:560px){
  .kdadv .kdadv-card textarea.kdadv-input,
  .kdadv .kdadv-card textarea.kdadv-output{min-height:230px!important;}
}


/* v1.1.2 — Always provide vertical navigation in BOTH text boxes.
   Scrollbar and height resize are independent behaviors. */
.kdadv .kdadv-card textarea.kdadv-input,
.kdadv .kdadv-card textarea.kdadv-output {
  overflow-y: scroll !important;
  overflow-x: auto !important;
  scrollbar-gutter: stable;
  scrollbar-width: auto;
  scrollbar-color: #a9b4c5 #edf1f7;
  overscroll-behavior: contain;
}
.kdadv .kdadv-card textarea.kdadv-input::-webkit-scrollbar,
.kdadv .kdadv-card textarea.kdadv-output::-webkit-scrollbar { width: 13px; }
.kdadv .kdadv-card textarea.kdadv-input::-webkit-scrollbar-track,
.kdadv .kdadv-card textarea.kdadv-output::-webkit-scrollbar-track { background: #edf1f7; border-radius: 8px; }
.kdadv .kdadv-card textarea.kdadv-input::-webkit-scrollbar-thumb,
.kdadv .kdadv-card textarea.kdadv-output::-webkit-scrollbar-thumb { background: #a9b4c5; border: 3px solid #edf1f7; border-radius: 10px; }
.kdadv .kdadv-card textarea.kdadv-input::-webkit-scrollbar-thumb:hover,
.kdadv .kdadv-card textarea.kdadv-output::-webkit-scrollbar-thumb:hover { background: #7889a4; }

/* 1.1.3 — stable synchronized vertical resize. Separate visible handles do
   not overlap either editor scrollbar, and cannot trigger ResizeObserver loops. */
.kdadv .kdadv-card {position:relative!important;overflow:hidden!important;padding-bottom:31px!important;}
.kdadv .kdadv-panels{align-items:stretch!important;}
.kdadv .kdadv-card textarea.kdadv-input,
.kdadv .kdadv-card textarea.kdadv-output{
 height:var(--kdadv-editor-height,306px)!important;
 min-height:var(--kdadv-editor-min,306px)!important;
 max-height:none!important;
 resize:none!important;
 overflow-y:scroll!important;
 scrollbar-gutter:stable!important;
 touch-action:pan-y!important;
}
.kdadv .kdadv-card .kdadv-height-grip{
 appearance:none!important;position:absolute!important;right:9px!important;bottom:5px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:2px!important;min-width:80px!important;height:24px!important;
 background:#edf3ff!important;border:1px solid #9db7e5!important;
 border-radius:6px!important;color:#245a9d!important;font:700 15px/1 Arial,sans-serif!important;
 box-shadow:0 1px 2px rgba(25,58,105,.12)!important;cursor:ns-resize!important;
 user-select:none!important;touch-action:none!important;z-index:3!important;
 padding:0 7px!important;
}
.kdadv .kdadv-height-grip span{font:700 9px/1.1 Arial,sans-serif!important;letter-spacing:.3px!important}
.kdadv .kdadv-height-grip:hover,.kdadv .kdadv-height-grip:focus-visible{background:#dce9ff!important;border-color:#5b8dd2!important;outline:2px solid #c5daff!important}
.kdadv .kdadv-card .kdadv-count{bottom:12px!important;left:13px!important}
.kdadv.kdadv-resizing,.kdadv.kdadv-resizing *{cursor:ns-resize!important;user-select:none!important}
@media(max-width:800px){.kdadv{--kdadv-editor-min:260px;--kdadv-editor-height:260px}}
@media(max-width:560px){.kdadv{--kdadv-editor-min:230px;--kdadv-editor-height:230px}}


/* v1.1.4 — fixed box size, no height handle, only vertical scrollbar */
.kdadv .kdadv-height-grip{display:none!important;}
.kdadv .kdadv-card{overflow:hidden!important;padding-bottom:28px!important;}
.kdadv .kdadv-panels{align-items:stretch!important;}
.kdadv .kdadv-card textarea.kdadv-input,.kdadv .kdadv-card textarea.kdadv-output{height:560px!important;min-height:560px!important;max-height:560px!important;resize:none!important;overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-gutter:stable!important;}
.kdadv .kdadv-card .kdadv-count{bottom:10px!important;left:13px!important;}
@media(max-width:800px){.kdadv .kdadv-card textarea.kdadv-input,.kdadv .kdadv-card textarea.kdadv-output{height:430px!important;min-height:430px!important;max-height:430px!important;}}
@media(max-width:560px){.kdadv .kdadv-card textarea.kdadv-input,.kdadv .kdadv-card textarea.kdadv-output{height:320px!important;min-height:320px!important;max-height:320px!important;}}

/* v1.1.5: fixed height reduced slightly (20px); vertical scrolling retained. */
 .kdadv .kdadv-card textarea.kdadv-input,.kdadv .kdadv-card textarea.kdadv-output{height:540px!important;min-height:540px!important;max-height:540px!important;}
@media(max-width:800px){.kdadv .kdadv-card textarea.kdadv-input,.kdadv .kdadv-card textarea.kdadv-output{height:410px!important;min-height:410px!important;max-height:410px!important;}}
@media(max-width:560px){.kdadv .kdadv-card textarea.kdadv-input,.kdadv .kdadv-card textarea.kdadv-output{height:300px!important;min-height:300px!important;max-height:300px!important;}}

/* v1.1.6: move all three actions in BOTH card headers slightly left. */
.kdadv .kdadv-card-head{padding-right:25px!important;}

/* v1.1.13: temporary text-only Copied confirmation directly above Copy. */
.kdadv .kdadv-copy-in,.kdadv .kdadv-copy-out {position:relative!important;overflow:visible!important;}
.kdadv .kdadv-copied-toast {
 position:absolute!important;left:50%!important;bottom:calc(100% + 7px)!important;
 transform:translate(-50%,4px)!important;min-width:66px!important;
 display:block!important;box-sizing:border-box!important;padding:6px 10px!important;
 border-radius:6px!important;background:#1f2937!important;color:#fff!important;
 font:600 12px/1.2 Arial,sans-serif!important;text-align:center!important;
 box-shadow:0 2px 8px rgba(0,0,0,.14)!important;
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:50!important;
 transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.kdadv .kdadv-copied-toast.is-visible {opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important;}

/* v1.1.14 Copy feedback: replace label inside button without floating toast. */
.kdadv .kdadv-copied-toast{display:none!important;}

/* v1.1.16: Clear acts without lingering hover/active/focus highlight. */
.kdadv .kdadv-card-head button.kdadv-clear,
.kdadv .kdadv-card-head button.kdadv-clear:hover,
.kdadv .kdadv-card-head button.kdadv-clear:active,
.kdadv .kdadv-card-head button.kdadv-clear:focus {
  background:#fff!important; color:#9ba5b6!important;
  border:1px solid #dfe4ec!important; box-shadow:none!important;
  outline:none!important; transform:none!important; filter:none!important;
}
/* Preserve an accessibility indicator for keyboard tab navigation before activation. */
.kdadv .kdadv-card-head button.kdadv-clear:focus-visible {outline:2px solid #64748b!important;outline-offset:2px!important;}

/* v1.1.17: mouse wheel must pass to the document when the textarea cannot scroll further.
   Keep native scrolling inside either textbox while content overflows. */
.kdadv .kdadv-card textarea.kdadv-input,
.kdadv .kdadv-card textarea.kdadv-output {
  overscroll-behavior-y: auto !important;
  overscroll-behavior-x: auto !important;
  touch-action: auto !important;
}

/* v1.1.23: do not create soft visual line wrapping in the legacy-side editor.
   Both original hard line breaks and empty paragraphs remain unchanged. */
.kdadv .kdadv-card textarea.kdadv-input {
  white-space:pre!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  overflow-x:auto!important;
  overflow-y:scroll!important;
  scrollbar-gutter:stable!important;
}

/* v1.1.24: ordinary line wrapping is visual only; original hard breaks survive. */
.kdadv .kdadv-card textarea.kdadv-input {
  white-space:pre-wrap!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  overflow-x:auto!important;
}