/* === Migrated overrides from tool.css v15 START === */
/* === Ymir Tool Page UI System v10 START === */
html.ymir-modern-html{padding-top:0!important;}
html.ymir-modern-html body.ymir-modern-body{margin:0!important;overflow-x:hidden;}
body.ymir-modern-body .ymir-topbar-inner{max-width:1220px!important;min-height:58px!important;padding:8px 24px!important;}
body.ymir-modern-body .ymir-nav{gap:26px!important;}
body.ymir-modern-body .ymir-nav a{font-size:14px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
  width:min(1220px,calc(100% - 48px));
  margin:0 auto;
  padding:0 0 34px!important;
  background:transparent!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-container{width:100%!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-hero{grid-column:1/-1;padding:18px 0 6px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-title{font-size:clamp(26px,2.1vw,34px)!important;line-height:1.08!important;margin:0 0 6px!important;letter-spacing:-.035em!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-subtitle{max-width:920px!important;font-size:14.5px!important;line-height:1.48!important;margin:0!important;color:#526276!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-eyebrow,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-trust-row{display:none!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-tool-workspace{
  grid-column:1/-1;
  margin:0!important;
  padding:16px;
  border:1px solid #d8e4f3;
  border-radius:18px;
  background:rgba(255,255,255,.76);
  box-shadow:0 14px 34px rgba(15,23,42,.075);
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-grid{gap:12px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel{border-radius:14px!important;box-shadow:0 8px 18px rgba(15,23,42,.045)!important;overflow:hidden;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-header{padding:8px 12px!important;background:#f7fbff!important;border-bottom:1px solid #dbe7f4!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-title{font-size:13px!important;line-height:1.25!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-body{padding:12px!important;background:#fff!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-body label{display:block;margin:0 0 5px;color:#44546a;font-size:12px;font-weight:800;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-body label + input,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-body label + textarea{margin-bottom:10px;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-input{
  border:0!important;
  background:#fbfdff!important;
  color:#0b1220!important;
  box-sizing:border-box;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea{
  min-height:0!important;
  height:clamp(135px,20vh,190px)!important;
  padding:12px!important;
  font-size:13.5px!important;
  line-height:1.5!important;
  resize:vertical;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-large{height:clamp(155px,24vh,220px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-compact{height:clamp(118px,17vh,160px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-md{height:136px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-sm{height:96px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-input{min-height:42px!important;padding:10px 12px!important;border:1px solid #dbe7f4!important;border-radius:10px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-actions{display:flex;flex-wrap:wrap;gap:8px!important;margin:12px 0 0!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn{min-height:36px!important;padding:7px 12px!important;border-radius:10px!important;font-size:13px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-status{margin:10px 0 0!important;padding:8px 11px!important;font-size:13px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{
  padding:16px!important;
  margin:0!important;
  border-radius:16px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
  background:rgba(255,255,255,.9)!important;
  border:1px solid #dfe8f4!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-help h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-faq h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-obsolete-note h2{font-size:16px!important;margin:0 0 9px!important;letter-spacing:-.01em;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-help h3,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-faq h3{font-size:13px!important;margin:12px 0 4px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-help p,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-faq p,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-obsolete-note p{font-size:13px!important;line-height:1.55!important;margin:0 0 8px!important;color:#526276!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid a{min-height:38px!important;padding:8px 10px!important;border-radius:10px!important;font-size:12.5px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #textA,
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #textB{height:clamp(145px,19vh,180px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #toolOutput{height:clamp(110px,15vh,150px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="regex"] #regexText{height:clamp(140px,20vh,180px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="regex"] #toolOutput{height:126px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] #toolInput{height:clamp(145px,20vh,190px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] #toolOutput{height:105px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace,
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace,
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace,
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace{
  display:grid;
  grid-template-columns:minmax(300px,.86fr) minmax(420px,1.14fr);
  gap:12px 16px;
  align-items:start;
}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-panel:first-child,
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace > .ymir-panel:first-child,
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace > .ymir-panel:first-child,
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace > .ymir-grid:first-child{grid-column:1;grid-row:1;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-actions,
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace > .ymir-actions,
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace > .ymir-actions,
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace > .ymir-actions{grid-column:1;grid-row:2;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-status,
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace > .ymir-status,
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace > .ymir-status,
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace > .ymir-status{grid-column:1;grid-row:3;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-grid,
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace > .ymir-panel:not(:first-child),
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace > .ymir-panel:not(:first-child){grid-column:2;grid-row:1 / span 3;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] #toolInput{height:128px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-input{font-size:13px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] #toolOutput,
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] #toolOutput{height:clamp(130px,20vh,180px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="unixtime"] .ymir-tool-workspace .ymir-grid-2{grid-template-columns:repeat(3,minmax(0,1fr));}
body.ymir-modern-body .ymir-page[data-ymir-tool="unixtime"] .ymir-panel-body{min-height:132px;}
body.ymir-modern-body .ymir-page[data-ymir-tool="unixtime"] textarea{height:78px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metric{padding:10px!important;border-radius:12px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metric strong{font-size:22px!important;margin-top:4px!important;}
body.ymir-modern-body .ymir-footer{max-width:1220px!important;padding:16px 24px 32px!important;}
@media(max-width:980px){
  body.ymir-modern-body .ymir-topbar-inner{padding:8px 18px!important;}
  body.ymir-modern-body .ymir-nav{gap:14px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool]{width:min(100% - 28px,1220px);grid-template-columns:1fr;padding-bottom:26px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-grid-2,
  body.ymir-modern-body .ymir-page[data-ymir-tool="unixtime"] .ymir-tool-workspace .ymir-grid-2{grid-template-columns:1fr!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace,
  body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace,
  body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace,
  body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace{display:block;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{grid-column:1/-1;}
  body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  body.ymir-modern-body .ymir-topbar-inner{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;padding:8px 14px!important;}
  body.ymir-modern-body .ymir-nav{gap:8px 12px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool]{width:calc(100% - 24px);gap:12px;padding-bottom:22px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-title{font-size:24px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea{height:150px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-actions .ymir-btn{flex:1 1 130px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid,
  body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{grid-template-columns:1fr!important;}
}
/* === Ymir Tool Page UI System v10 END === */

/* === Ymir Tool Page Visual System v11 START === */
html:has(body.ymir-modern-body){padding-top:0!important;}
body.ymir-modern-body .ymir-topbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e6edf6!important;box-shadow:0 1px 0 rgba(15,23,42,.04)!important;}
body.ymir-modern-body .ymir-topbar-inner{max-width:1280px!important;min-height:60px!important;padding:8px 28px!important;display:grid!important;grid-template-columns:auto minmax(280px,1fr) auto!important;align-items:center!important;gap:24px!important;}
body.ymir-modern-body .ymir-brand{font-size:20px!important;font-weight:900!important;letter-spacing:.01em!important;color:#0f172a!important;}
body.ymir-modern-body .ymir-nav{justify-content:center!important;gap:28px!important;}
body.ymir-modern-body .ymir-nav a{font-size:14px!important;font-weight:850!important;color:#0f172a!important;}
body.ymir-modern-body .ymir-lang-toggle{justify-self:end!important;margin-left:0!important;background:#f8fafc!important;border:1px solid #d7e3f4!important;border-radius:999px!important;box-shadow:none!important;padding:3px!important;gap:2px!important;}
body.ymir-modern-body .ymir-lang-toggle:before{content:none!important;}
body.ymir-modern-body .ymir-lang-toggle button{font-size:12px!important;font-weight:850!important;padding:6px 9px!important;border-radius:999px!important;color:#46566c!important;}
body.ymir-modern-body .ymir-lang-toggle button.is-active{background:#2563eb!important;color:#fff!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool]{width:min(1240px,calc(100% - 48px))!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px 18px!important;padding-bottom:42px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-hero{grid-column:1/-1!important;padding:22px 0 8px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-title{font-size:clamp(30px,2.35vw,40px)!important;line-height:1.05!important;margin:0 0 8px!important;letter-spacing:-.045em!important;max-width:820px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-subtitle{max-width:780px!important;font-size:15px!important;line-height:1.55!important;color:#52637a!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-tool-workspace{grid-column:1/-1!important;border-radius:20px!important;padding:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.82))!important;border:1px solid #d9e5f2!important;box-shadow:0 18px 42px rgba(15,23,42,.085)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel{background:#fff!important;border:1px solid #dce7f4!important;border-radius:16px!important;box-shadow:none!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-header{padding:9px 12px!important;background:linear-gradient(180deg,#f8fbff,#f2f7fc)!important;border-bottom:1px solid #dce7f4!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-title{font-size:13px!important;line-height:1.2!important;color:#0f172a!important;font-weight:900!important;letter-spacing:.005em!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-input{background:#fbfdff!important;color:#0f172a!important;font-size:13.5px!important;line-height:1.5!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-input{min-height:44px!important;padding:10px 12px!important;border-top:0!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] input[readonly],
body.ymir-modern-body .ymir-page[data-ymir-tool] textarea[readonly]{background:#f8fbff!important;color:#1e293b!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea{height:clamp(148px,22vh,210px)!important;min-height:0!important;padding:12px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-large{height:clamp(160px,23vh,220px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-compact{height:clamp(104px,16vh,146px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-sm{height:92px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-actions{gap:8px!important;margin-top:12px!important;align-items:center!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn{min-height:38px!important;border-radius:11px!important;font-size:13px!important;font-weight:850!important;padding:9px 13px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-status{min-height:0!important;margin-top:8px!important;font-size:13px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-status:not(.is-visible){display:none!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{padding:18px!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(15,23,42,.045)!important;background:rgba(255,255,255,.86)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help{grid-column:1/span 6!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note{grid-column:7/span 6!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq{grid-column:1/span 6!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{grid-column:7/span 6!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-help h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-faq h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-obsolete-note h2{font-size:16px!important;line-height:1.25!important;margin:0 0 10px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-help p,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-faq p,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-obsolete-note p{font-size:13px!important;line-height:1.58!important;margin:0 0 8px!important;color:#53647a!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-faq h3{font-size:13.5px!important;margin:10px 0 4px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid a{background:#f8fbff!important;border-color:#dce7f4!important;min-height:40px!important;display:flex!important;align-items:center!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace,
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace,
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace,
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace{grid-template-columns:minmax(290px,.82fr) minmax(420px,1.18fr)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] #toolInput{height:112px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-grid{gap:12px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-grid .ymir-panel{min-height:78px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-input{font-size:12.8px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #textA,
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #textB{height:clamp(132px,18vh,168px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #toolOutput{height:clamp(100px,14vh,136px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metric{background:#fff!important;border-color:#dce7f4!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace > .ymir-grid:first-child{grid-column:1/-1!important;grid-row:1!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace > .ymir-actions{grid-column:1/-1!important;grid-row:2!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace > .ymir-status{grid-column:1/-1!important;grid-row:3!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="unixtime"] .ymir-tool-workspace .ymir-grid-2{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body:not(.ymir-modern-body) .ymir-legacy-lang-toggle{float:right;margin:8px 0 0 12px;display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #d7e3f4;border-radius:999px;background:#fff;}
body:not(.ymir-modern-body) .ymir-legacy-lang-toggle button{border:0;background:transparent;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;color:#475569;line-height:1;}
body:not(.ymir-modern-body) .ymir-legacy-lang-toggle button.is-active{background:#2563eb;color:#fff;}
@media(max-width:980px){
  body.ymir-modern-body .ymir-topbar-inner{grid-template-columns:1fr!important;gap:8px!important;justify-items:start!important;}
  body.ymir-modern-body .ymir-lang-toggle{justify-self:start!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool]{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{grid-column:1/-1!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace,
  body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace,
  body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace,
  body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace{display:block!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool="unixtime"] .ymir-tool-workspace .ymir-grid-2{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  body.ymir-modern-body .ymir-nav{gap:10px 14px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool]{width:calc(100% - 22px)!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea{height:140px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid,
  body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{grid-template-columns:1fr!important;}
}
/* === Ymir Tool Page Visual System v11 END === */

/* === Ymir Tool Page Refinement v13 START === */
html:has(body.ymir-modern-body){padding-top:0!important;}
body.ymir-modern-body{background:
  radial-gradient(circle at 12% 0%,rgba(37,99,235,.08),transparent 34%),
  radial-gradient(circle at 88% 2%,rgba(14,165,233,.08),transparent 30%),
  linear-gradient(180deg,#f7faff 0%,#f3f6fb 45%,#f7f8fb 100%)!important;color:#0f172a!important;}
body.ymir-modern-body .ymir-topbar{background:rgba(255,255,255,.86)!important;backdrop-filter:saturate(170%) blur(16px)!important;border-bottom:1px solid rgba(204,216,232,.75)!important;box-shadow:0 10px 30px rgba(15,23,42,.045)!important;}
body.ymir-modern-body .ymir-topbar-inner{max-width:1180px!important;min-height:58px!important;padding:8px 22px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;}
body.ymir-modern-body .ymir-brand{display:inline-flex!important;align-items:center!important;gap:10px!important;font-size:17px!important;letter-spacing:-.02em!important;}
body.ymir-modern-body .ymir-brand:before{content:"";width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 10px 20px rgba(37,99,235,.22);}
body.ymir-modern-body .ymir-nav{justify-content:center!important;gap:6px!important;}
body.ymir-modern-body .ymir-nav a{padding:7px 10px!important;border-radius:999px!important;color:#475569!important;font-size:13px!important;font-weight:850!important;line-height:1!important;}
body.ymir-modern-body .ymir-nav a:hover{background:#eff6ff!important;color:#1d4ed8!important;}
body.ymir-modern-body .ymir-lang-toggle{height:34px!important;background:#fff!important;border-color:#dbe7f5!important;box-shadow:0 6px 16px rgba(15,23,42,.06)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool]{width:min(1180px,calc(100% - 44px))!important;margin:0 auto!important;padding-top:18px!important;gap:14px 18px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,260px)!important;align-items:center!important;gap:12px 24px!important;margin:2px 0 4px!important;padding:22px 24px!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(245,249,255,.9))!important;border:1px solid #dce7f4!important;border-radius:24px!important;box-shadow:0 16px 38px rgba(15,23,42,.07)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-eyebrow{grid-column:1!important;margin:0!important;font-size:11px!important;color:#2563eb!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-title{grid-column:1!important;font-size:clamp(27px,2.05vw,34px)!important;line-height:1.08!important;margin:2px 0 0!important;letter-spacing:-.035em!important;max-width:740px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-subtitle{grid-column:1!important;max-width:760px!important;margin:2px 0 0!important;font-size:14.5px!important;line-height:1.52!important;color:#52637a!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-trust-row{grid-column:2!important;grid-row:1 / span 3!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;align-self:center!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-trust-badge{justify-content:flex-start!important;min-height:32px!important;padding:7px 10px!important;border-color:#dce8f5!important;background:#fff!important;box-shadow:0 5px 14px rgba(15,23,42,.035)!important;color:#334155!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-tool-workspace{position:relative!important;overflow:hidden!important;margin-top:2px!important;padding:16px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(249,252,255,.92))!important;border:1px solid #d7e4f2!important;box-shadow:0 18px 40px rgba(15,23,42,.075)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-tool-workspace:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e);opacity:.9;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-grid{gap:12px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel{border-radius:17px!important;border-color:#dce8f5!important;background:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.7) inset!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-header{min-height:38px!important;padding:9px 12px!important;background:linear-gradient(180deg,#fbfdff,#f5f9ff)!important;border-bottom-color:#e2ebf6!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-title{font-size:12.8px!important;text-transform:none!important;letter-spacing:.01em!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-input{background:#fbfdff!important;font-size:13.25px!important;line-height:1.48!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea{height:clamp(134px,18vh,182px)!important;min-height:0!important;padding:12px!important;resize:vertical!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-large{height:clamp(150px,20vh,198px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-compact{height:clamp(110px,15vh,142px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-sm{height:86px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-input{min-height:42px!important;border-radius:12px!important;border:1px solid #dce8f5!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-body{padding:12px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-body label{display:block;margin:0 0 6px;font-size:12px;font-weight:900;color:#475569;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-actions{position:relative!important;margin:12px 0 0!important;padding:10px!important;border:1px solid #e1ebf6!important;border-radius:16px!important;background:rgba(248,251,255,.86)!important;gap:7px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn{min-height:36px!important;padding:8px 12px!important;border-radius:10px!important;font-size:12.8px!important;box-shadow:none!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#1d4ed8!important;box-shadow:0 8px 18px rgba(37,99,235,.18)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn-secondary{background:#fff!important;border-color:#d7e4f2!important;color:#334155!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn-danger{background:#fff7f7!important;border-color:#fecaca!important;color:#b91c1c!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-status{margin-top:10px!important;padding:9px 11px!important;border-radius:13px!important;font-size:12.8px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{padding:16px!important;border-radius:18px!important;border:1px solid #dde8f5!important;background:rgba(255,255,255,.82)!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help:before,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note:before,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq:before,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related:before{content:"";display:block;width:34px;height:3px;border-radius:999px;background:#bfdbfe;margin:0 0 10px;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-help h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-faq h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-obsolete-note h2{font-size:15.5px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-help p,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-faq p,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-obsolete-note p{font-size:12.8px!important;line-height:1.55!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid{gap:8px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid a{min-height:36px!important;padding:8px 10px!important;border-radius:11px!important;font-size:12.6px!important;background:#f8fbff!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr)!important;align-items:start!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-panel{grid-column:1!important;grid-row:1!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-actions{grid-column:1!important;grid-row:2!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-status{grid-column:1!important;grid-row:3!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-grid{grid-column:2!important;grid-row:1 / span 3!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] #toolInput{height:120px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > .ymir-grid .ymir-panel{min-height:76px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-input{font-size:12.6px!important;font-weight:700!important;letter-spacing:.01em!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] .ymir-tool-workspace,
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] .ymir-tool-workspace{width:min(900px,100%)!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:1fr!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace{width:min(940px,100%)!important;margin-left:auto!important;margin-right:auto!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] .ymir-tool-workspace .ymir-grid-2{grid-template-columns:1.1fr .9fr!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #textA,
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #textB{height:clamp(122px,16vh,158px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #toolOutput{height:clamp(96px,13vh,124px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="regex"] .ymir-tool-workspace > .ymir-panel{margin-top:12px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="regex"] #regexText{height:clamp(132px,17vh,170px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="regex"] #toolOutput{height:clamp(108px,14vh,140px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{gap:8px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metric{padding:12px!important;border-radius:14px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metric strong{font-size:22px!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="unixtime"] .ymir-tool-workspace .ymir-grid-2{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.ymir-modern-body .ymir-footer{max-width:1180px!important;padding-top:16px!important;}

body:not(.ymir-modern-body){background:#f4f7fb!important;color:#162033!important;}
body:not(.ymir-modern-body) .navbar.navbar-default{background:rgba(255,255,255,.94)!important;border:0!important;border-bottom:1px solid #dbe7f4!important;box-shadow:0 10px 28px rgba(15,23,42,.065)!important;min-height:58px!important;}
body:not(.ymir-modern-body) .navbar .jz.container{max-width:1180px!important;line-height:58px!important;}
body:not(.ymir-modern-body) .navbar-default .navbar-brand{color:#0f172a!important;font-size:17px!important;font-weight:900!important;line-height:58px!important;height:58px!important;}
body:not(.ymir-modern-body) .logo_ico{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;border-radius:10px!important;box-shadow:0 8px 18px rgba(37,99,235,.22)!important;}
body:not(.ymir-modern-body) #top_menu>li>a,
body:not(.ymir-modern-body) .navbar-nav>li>a{color:#475569!important;font-weight:800!important;font-size:13px!important;padding:0 10px!important;line-height:58px!important;}
body:not(.ymir-modern-body) #top_menu>li>a:hover,
body:not(.ymir-modern-body) .navbar-nav>li>a:hover{background:#eff6ff!important;color:#1d4ed8!important;}
body:not(.ymir-modern-body) .dropdown-menu{border:1px solid #dbe7f4!important;border-radius:14px!important;box-shadow:0 18px 40px rgba(15,23,42,.13)!important;padding:10px!important;}
body:not(.ymir-modern-body) .dropdown-menu>li>a{border-radius:9px!important;color:#334155!important;font-size:13px!important;line-height:1.35!important;padding:8px 10px!important;}
body:not(.ymir-modern-body) .dropdown-menu>li>a:hover{background:#eff6ff!important;color:#1d4ed8!important;}
body:not(.ymir-modern-body) .ymir-legacy-lang-toggle{float:right!important;margin:12px 0 0 10px!important;height:32px!important;background:#fff!important;border-color:#d7e4f2!important;box-shadow:0 5px 14px rgba(15,23,42,.055)!important;}
body:not(.ymir-modern-body) .ymir-legacy-lang-toggle button{padding:6px 9px!important;}
body:not(.ymir-modern-body) .container:not(.jz){max-width:1180px!important;}
body:not(.ymir-modern-body) .col10main{background:linear-gradient(180deg,#fff,#f9fbff)!important;border:1px solid #dce8f5!important;border-radius:22px!important;box-shadow:0 18px 42px rgba(15,23,42,.075)!important;padding:22px!important;margin-top:18px!important;min-height:auto!important;}
body:not(.ymir-modern-body) h1{font-size:28px!important;line-height:1.15!important;letter-spacing:-.03em!important;margin:0 0 14px!important;color:#0f172a!important;font-weight:900!important;}
body:not(.ymir-modern-body) h2{font-size:19px!important;line-height:1.25!important;color:#0f172a!important;font-weight:900!important;}
body:not(.ymir-modern-body) h3{font-size:16px!important;font-weight:900!important;color:#1e293b!important;}
body:not(.ymir-modern-body) .panel{border:1px solid #dce8f5!important;border-radius:17px!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important;overflow:hidden!important;background:#fff!important;}
body:not(.ymir-modern-body) .panel-heading{background:linear-gradient(180deg,#fbfdff,#f4f8ff)!important;border-bottom:1px solid #e2ebf6!important;font-weight:900!important;color:#0f172a!important;}
body:not(.ymir-modern-body) .panel-body{padding:16px!important;}
body:not(.ymir-modern-body) .form-control{border:1px solid #d7e4f2!important;border-radius:12px!important;box-shadow:none!important;font-size:13.5px!important;color:#0f172a!important;background:#fbfdff!important;}
body:not(.ymir-modern-body) textarea.form-control{min-height:136px!important;max-height:270px!important;line-height:1.5!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;resize:vertical!important;}
body:not(.ymir-modern-body) input.form-control{min-height:40px!important;}
body:not(.ymir-modern-body) .btn{border-radius:10px!important;font-weight:850!important;border:1px solid #d7e4f2!important;box-shadow:none!important;}
body:not(.ymir-modern-body) .btn-primary,
body:not(.ymir-modern-body) .btn-success{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#1d4ed8!important;color:#fff!important;}
body:not(.ymir-modern-body) .btn-default{background:#fff!important;color:#334155!important;}
body:not(.ymir-modern-body) .alert{border-radius:14px!important;border-color:#dbe7f4!important;background:#f8fbff!important;color:#475569!important;}
body:not(.ymir-modern-body) pre,
body:not(.ymir-modern-body) code{border-radius:14px!important;border-color:#dce8f5!important;background:#f8fbff!important;color:#0f172a!important;}
body:not(.ymir-modern-body) pre{max-height:260px!important;overflow:auto!important;}
body:not(.ymir-modern-body) .ymir-legacy-content-pack{max-width:1180px!important;margin:16px auto 22px!important;padding:0 15px!important;}
body:not(.ymir-modern-body) .ymir-legacy-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
body:not(.ymir-modern-body) .ymir-legacy-pack-card{padding:15px!important;border-radius:17px!important;border-color:#dce8f5!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important;background:rgba(255,255,255,.9)!important;}
body:not(.ymir-modern-body) .ymir-legacy-pack-card-primary{background:linear-gradient(135deg,#ffffff,#f5f9ff)!important;}
body:not(.ymir-modern-body) .ymir-legacy-pack-kicker{font-size:11px!important;color:#2563eb!important;}
body:not(.ymir-modern-body) .ymir-legacy-pack-card h2{font-size:15.8px!important;margin-bottom:7px!important;}
body:not(.ymir-modern-body) .ymir-legacy-pack-card p{font-size:13px!important;line-height:1.58!important;}
body:not(.ymir-modern-body) .ymir-legacy-related-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body:not(.ymir-modern-body) .ymir-legacy-related-links a{min-height:34px!important;border-radius:10px!important;font-size:12.7px!important;}
@media(max-width:980px){
  body.ymir-modern-body .ymir-topbar-inner{grid-template-columns:1fr!important;gap:8px!important;align-items:start!important;}
  body.ymir-modern-body .ymir-nav{justify-content:flex-start!important;}
  body.ymir-modern-body .ymir-lang-toggle{justify-self:start!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool]{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-hero{grid-template-columns:1fr!important;padding:18px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-trust-row{grid-column:1!important;grid-row:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq,
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{grid-column:1/-1!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace{grid-template-columns:1fr!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] .ymir-tool-workspace > *{grid-column:1!important;grid-row:auto!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool="unixtime"] .ymir-tool-workspace .ymir-grid-2{grid-template-columns:1fr!important;}
  body:not(.ymir-modern-body) #top_menu>li>a,body:not(.ymir-modern-body) .navbar-nav>li>a{line-height:42px!important;}
}
@media(max-width:640px){
  body.ymir-modern-body .ymir-page[data-ymir-tool]{width:calc(100% - 22px)!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-trust-row{grid-template-columns:1fr!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-grid-2,
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid,
  body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{grid-template-columns:1fr!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea{height:132px!important;}
  body:not(.ymir-modern-body) .col10main{border-radius:18px!important;padding:16px!important;}
  body:not(.ymir-modern-body) .ymir-legacy-pack-grid,
  body:not(.ymir-modern-body) .ymir-legacy-related-links{grid-template-columns:1fr!important;}
}
/* === Ymir Tool Page Refinement v13 END === */
/* === Migrated overrides from tool.css v15 END === */

/* === Ymir Modern Tool Pages v15 ===
   Purpose: consolidated modern tool-page overrides loaded after tool.css.
   Scope: only pages with body.ymir-modern-body and .ymir-page[data-ymir-tool].
*/
html.ymir-modern-html{padding-top:0!important;}
html.ymir-modern-html body.ymir-modern-body{margin:0!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool]{
  max-width:1320px!important;
  width:calc(100% - 44px)!important;
  margin:22px auto 42px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-tool-hero{
  padding:18px 22px!important;
  margin-bottom:16px!important;
  border-radius:22px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-tool-hero h1{
  margin:0 0 7px!important;
  font-size:clamp(1.5rem,2.1vw,2.15rem)!important;
  letter-spacing:-.035em!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-tool-hero p{
  max-width:760px!important;
  margin:0!important;
  line-height:1.55!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-trust-row{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-trust-item{
  padding:9px 11px!important;
  min-height:unset!important;
  border-radius:14px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-tool-workspace{
  gap:16px!important;
  padding:18px!important;
  border-radius:22px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel{
  padding:15px!important;
  border-radius:18px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel h2{
  margin:0 0 10px!important;
  font-size:15px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea{
  min-height:0!important;
  height:clamp(136px,20vh,196px)!important;
  resize:vertical!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-large{
  min-height:0!important;
  height:clamp(148px,22vh,214px)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-actions{
  gap:8px!important;
  margin:12px 0!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-button{
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:12px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-status{
  padding:9px 11px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{
  padding:16px 18px!important;
  border-radius:18px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq h2,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related h2{
  margin:0 0 9px!important;
  font-size:15px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool="md5"] #toolInput,
body.ymir-modern-body .ymir-page[data-ymir-tool="guid"] #toolOutput,
body.ymir-modern-body .ymir-page[data-ymir-tool="password"] #toolOutput,
body.ymir-modern-body .ymir-page[data-ymir-tool="calculator"] #toolOutput{
  height:clamp(104px,16vh,148px)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #textA,
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #textB{height:clamp(124px,17vh,162px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="textdiff"] #toolOutput{height:clamp(96px,13vh,130px)!important;}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
@media(max-width:980px){
  body.ymir-modern-body .ymir-page[data-ymir-tool]{width:calc(100% - 28px)!important;margin-top:14px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-trust-row{grid-template-columns:1fr!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-tool-workspace{display:block!important;}
}
@media(max-width:640px){
  body.ymir-modern-body .ymir-page[data-ymir-tool]{width:calc(100% - 20px)!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea,
  body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea-large{height:132px!important;}
  body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metrics{grid-template-columns:1fr!important;}
}

/* === Contrast pass v16 START === */
body.ymir-modern-body{
  --tool-page-bg:#eaf0f7;
  --tool-page-bg-2:#f3f6fb;
  --tool-surface:#ffffff;
  --tool-surface-muted:#f8fafc;
  --tool-surface-strong:#eaf2ff;
  --tool-surface-output:#f1f5f9;
  --tool-border:#c7d7ea;
  --tool-border-strong:#9fb2c9;
  --tool-text:#0f172a;
  --tool-muted:#475569;
  --tool-primary:#1d4ed8;
  --tool-primary-dark:#1e40af;
  --tool-ring:rgba(37,99,235,.16);
  background:
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.12), transparent 34%),
    linear-gradient(180deg,var(--tool-page-bg) 0%,var(--tool-page-bg-2) 52%,#eef3f8 100%)!important;
}
body.ymir-modern-body .ymir-topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--tool-border)!important;
  box-shadow:0 2px 14px rgba(15,23,42,.06)!important;
}
body.ymir-modern-body .ymir-brand-mark{
  box-shadow:0 8px 20px rgba(29,78,216,.22)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-hero{
  padding:18px 0 10px!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-title{
  color:var(--tool-text)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-hero-subtitle{
  color:var(--tool-muted)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-tool-workspace{
  position:relative!important;
  background:var(--tool-surface)!important;
  border:1px solid var(--tool-border)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.13)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-tool-workspace:before{
  content:"";
  position:absolute;
  top:0;left:20px;right:20px;height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e);
  opacity:.95;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel{
  background:var(--tool-surface)!important;
  border:1px solid var(--tool-border)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.075)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-header{
  background:var(--tool-surface-strong)!important;
  border-bottom:1px solid var(--tool-border)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-title{
  color:var(--tool-text)!important;
  font-weight:900!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel-body{
  background:var(--tool-surface)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-input{
  background:var(--tool-surface-muted)!important;
  border:1px solid var(--tool-border-strong)!important;
  color:var(--tool-text)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-textarea:focus,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-input:focus{
  background:#fff!important;
  border-color:var(--tool-primary)!important;
  box-shadow:0 0 0 3px var(--tool-ring)!important;
  outline:none!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] textarea[readonly],
body.ymir-modern-body .ymir-page[data-ymir-tool] input[readonly],
body.ymir-modern-body .ymir-page[data-ymir-tool] #toolOutput{
  background:var(--tool-surface-output)!important;
  border-color:var(--tool-border-strong)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel:has(textarea[readonly]),
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel:has(input[readonly]),
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-panel:has(#toolOutput){
  border-left:3px solid var(--tool-primary)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-actions{
  background:#eef4fb!important;
  border:1px solid var(--tool-border)!important;
  border-radius:14px!important;
  padding:10px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn-primary{
  background:linear-gradient(135deg,var(--tool-primary),var(--tool-primary-dark))!important;
  border-color:var(--tool-primary-dark)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(29,78,216,.22)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn-secondary{
  background:#fff!important;
  border-color:var(--tool-border-strong)!important;
  color:#1e293b!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn-secondary:hover,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn-secondary:focus{
  background:#eff6ff!important;
  border-color:var(--tool-primary)!important;
  color:var(--tool-primary-dark)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-btn-danger{
  background:#fff5f5!important;
  border-color:#f3b5b5!important;
  color:#b91c1c!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-status.is-visible{
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
  color:#1e3a8a!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related{
  background:#f8fafc!important;
  border:1px solid #cbd5e1!important;
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-help:before,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-obsolete-note:before,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-faq:before,
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-related:before{
  background:#93c5fd!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid a{
  background:#ffffff!important;
  border-color:#cbd5e1!important;
  color:#0f172a!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid a:hover,
body.ymir-modern-body .ymir-page[data-ymir-tool] .ymir-related-grid a:focus{
  border-color:var(--tool-primary)!important;
  color:var(--tool-primary-dark)!important;
  background:#eff6ff!important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool="txtcount"] .ymir-metric{
  background:#fff!important;
  border:1px solid var(--tool-border)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}
@media(max-width:980px){
  body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-tool-workspace{
    box-shadow:0 16px 38px rgba(15,23,42,.11)!important;
  }
}
/* === Contrast pass v16 END === */

/* === Layout hotfix 20260606: keep static SEO/SXO blocks out of the 12-column auto-placement trap === */
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-static-tool-lead {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 18px 0 8px !important;
  box-sizing: border-box !important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-static-tool-lead .ymir-breadcrumb {
  margin: 0 0 8px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: var(--ymir-text-soft, #6b7280) !important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-static-tool-lead h1 {
  max-width: 840px !important;
  margin: 0 0 8px !important;
  font-size: clamp(30px, 3.6vw, 52px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
  color: var(--ymir-text-main, #0f172a) !important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-static-tool-lead p {
  max-width: 760px !important;
  margin: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  color: var(--ymir-text-muted, #526276) !important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-static-tool-lead ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-static-tool-lead li {
  border: 1px solid rgba(37, 99, 235, .18) !important;
  background: rgba(37, 99, 235, .06) !important;
  color: var(--ymir-accent, #2563eb) !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
}
body.ymir-modern-body .ymir-page[data-ymir-tool] > .ymir-static-tool-fallback {
  display: none !important;
  grid-column: 1 / -1 !important;
}