*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none}html,body{overscroll-behavior-y:auto;scroll-behavior:smooth;touch-action:manipulation}body.ds-scroll-unlocked{overflow-y:auto!important;overflow-x:hidden!important;position:static!important;height:auto!important;max-height:none!important}a,button,.tool-card,.drawer-link,.quick-pill,.btn,.primary-btn,.secondary-btn,.theme-btn,.menu-btn,.lang-mini,.search-tag,.option,.upload-zone,.resume-template,.addon-card,.convert-card,.mini-tool{-webkit-tap-highlight-color:transparent!important;user-select:none;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .18s ease,filter .18s ease,background .18s ease}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(239,68,68,.28)!important;outline-offset:3px}button:active,.btn:active,.primary-btn:active,.secondary-btn:active,.tool-card:active,.drawer-link:active,.quick-pill:active,.theme-btn:active,.menu-btn:active,.lang-mini:active,.search-tag:active,.option:active,.upload-zone:active,.resume-template:active,.addon-card:active,.convert-card:active,.mini-tool:active{transform:scale(.965) translateY(1px)!important;filter:brightness(.98)}.tool-card:hover,.addon-card:hover,.mini-tool:hover,.convert-card:hover,.resume-template:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 45px rgba(17,24,39,.12)}.drawer-link:hover,.quick-pill:hover,.search-tag:hover{transform:translateX(-3px) scale(1.01)}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:after{content:'';position:absolute;width:18px;height:18px;border-radius:999px;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%) scale(0);background:rgba(239,68,68,.18);opacity:0;pointer-events:none}.touch-ripple.ds-rippling:after{animation:dsRipple .55s ease-out}@keyframes dsRipple{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(18)}}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Docsmania v1.2 Mobile menu fix */
.install-btn{display:none!important;}
.drawer{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important;}
.drawer-link.upgrade-link{background:linear-gradient(135deg,#111827,#263247)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 16px 35px rgba(17,24,39,.18)!important;}
.drawer-link.upgrade-link small{color:#e5e7eb!important;}
.drawer-link.upgrade-link .tag{background:linear-gradient(135deg,#ef4444,#f97316)!important;}
@media(max-width:760px){
  .drawer{width:min(86vw,360px)!important;padding:14px!important;padding-bottom:calc(28px + env(safe-area-inset-bottom))!important;}
  .drawer-caption{display:none!important;}
  .drawer-section{margin:10px 0!important;}
  .drawer-title{margin-bottom:7px!important;font-size:11px!important;}
  .drawer-list{gap:8px!important;}
  .drawer-link{padding:11px 12px!important;border-radius:16px!important;min-height:58px!important;}
  .drawer-link small{font-size:12px!important;margin-top:2px!important;line-height:1.25!important;}
  .tag{font-size:10px!important;padding:5px 8px!important;}
  .drawer-head{margin-bottom:8px!important;}
  .close-btn{width:40px!important;height:40px!important;}
  .upgrade-mini{display:none!important;}
}

/* Docsmania v1.3 Language button visibility fix */
.topbar{overflow:visible!important;}
.topbar .top-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-shrink:0!important;
}
.topbar .top-actions > .lang-mini{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:4px!important;
  padding:3px!important;
  border-radius:999px!important;
  position:relative!important;
  z-index:50!important;
  flex-shrink:0!important;
}
.topbar .top-actions > .lang-mini .lang-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:30px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  .topbar{height:62px!important;padding:0 9px!important;gap:6px!important;}
  .topbar .brand{font-size:18px!important;min-width:0!important;flex:1 1 auto!important;white-space:nowrap!important;overflow:hidden!important;}
  .topbar .brand-badge{width:34px!important;height:34px!important;font-size:13px!important;flex:0 0 auto!important;}
  .topbar .top-actions{gap:5px!important;flex:0 0 auto!important;}
  .topbar .top-actions > .lang-mini{display:flex!important;padding:2px!important;gap:2px!important;}
  .topbar .top-actions > .lang-mini .lang-btn{min-width:29px!important;height:28px!important;padding:0 6px!important;font-size:11px!important;}
  .ds-theme-toggle{width:42px!important;height:26px!important;min-width:42px!important;}
  .menu-btn{width:40px!important;height:40px!important;min-width:40px!important;}
}
@media(max-width:360px){
  .topbar .brand{font-size:16px!important;}
  .topbar .brand-badge{width:30px!important;height:30px!important;font-size:12px!important;}
  .topbar .top-actions > .lang-mini .lang-btn{min-width:27px!important;height:26px!important;font-size:10px!important;padding:0 5px!important;}
  .ds-theme-toggle{width:38px!important;height:24px!important;min-width:38px!important;}
  .menu-btn{width:36px!important;height:36px!important;min-width:36px!important;}
}


/* ===== Docsmania v1.4 mobile language + scroll stability fix ===== */
html,body{
  scroll-behavior:auto!important;
  touch-action:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overflow-x:hidden!important;
}
body{overflow-y:auto!important;min-height:100dvh!important;}
.topbar{min-width:0!important;gap:6px!important;}
.topbar .brand{min-width:0!important;max-width:48vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-shrink:1!important;}
.topbar .brand-badge{flex:0 0 auto!important;}
.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex:0 0 auto!important;min-width:max-content!important;}
.topbar .lang-mini{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:1200!important;
  flex:0 0 auto!important;
  gap:2px!important;
  padding:2px!important;
  border-radius:999px!important;
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 6px 14px rgba(17,24,39,.06)!important;
}
.topbar .lang-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:31px!important;
  width:31px!important;
  height:30px!important;
  padding:0!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.drawer .lang-mini{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  width:100%!important;
  gap:8px!important;
  padding:6px!important;
  border-radius:18px!important;
  visibility:visible!important;
  opacity:1!important;
}
.drawer .lang-btn{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 10px!important;
  font-size:14px!important;
}
.drawer{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;}
.drawer:not(.show)+*, .drawer-overlay:not(.show){pointer-events:none;}
@media(max-width:760px){
  .topbar{height:62px!important;padding:0 8px!important;}
  .topbar .brand{font-size:17px!important;gap:6px!important;max-width:42vw!important;}
  .topbar .brand-badge{width:34px!important;height:34px!important;border-radius:11px!important;font-size:13px!important;}
  .theme-btn,.menu-btn{width:40px!important;height:40px!important;border-radius:13px!important;flex:0 0 auto!important;}
  .menu-btn span{width:18px!important;}
}
@media(max-width:380px){
  .topbar{padding:0 6px!important;gap:4px!important;}
  .topbar .brand{font-size:15px!important;max-width:39vw!important;}
  .topbar .brand-badge{width:30px!important;height:30px!important;font-size:11px!important;}
  .top-actions{gap:4px!important;}
  .topbar .lang-btn{width:28px!important;min-width:28px!important;height:28px!important;font-size:10px!important;}
  .theme-btn,.menu-btn{width:36px!important;height:36px!important;}
}


/* Docsmania v2 critical click fix: drawer closed must not block page clicks */
.drawer:not(.show)+*{pointer-events:auto!important;}
.drawer-overlay:not(.show){pointer-events:none!important;}
body:not(.drawer-open) .drawer{pointer-events:none!important;}
body:not(.drawer-open) .drawer.show{pointer-events:auto!important;}
body.drawer-open .drawer{pointer-events:auto!important;}

/* Docsmania v3 upload + processing fixes */
.ds-loading-overlay{transition:opacity .2s ease!important;}
.ds-loading-overlay:not(.show){display:none!important;opacity:0!important;pointer-events:none!important;}
.ds-loading-overlay.show{display:flex!important;opacity:1!important;}
.ds-loading-box{position:relative!important;}
.ds-loading-close{position:absolute;right:10px;top:8px;border:0;background:#f1f5f9;color:#111827;width:30px;height:30px;border-radius:999px;font-size:18px;font-weight:900;line-height:30px;padding:0;}

.upload-zone{cursor:default!important;}
.upload-zone input[type=file]{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  pointer-events:none!important;
}
.ds-file-picker{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px auto 4px;width:100%;max-width:360px;}
.ds-choose-btn{border:0;border-radius:999px;padding:13px 22px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-weight:1000;font-size:15px;box-shadow:0 10px 26px rgba(239,68,68,.25);}
.ds-choose-btn:active{transform:scale(.97)}
.ds-file-name{width:100%;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e5e7eb;color:#64748b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;}
html.ds-dark .ds-file-name,body.dark .ds-file-name{background:#111827;border-color:#334155;color:#cbd5e1;}
html.ds-dark .ds-choose-btn,body.dark .ds-choose-btn{box-shadow:0 10px 26px rgba(0,0,0,.25)}
@media(max-width:520px){.ds-choose-btn{width:100%;max-width:260px}.ds-file-picker{max-width:300px}}