/* ===== /tools/mojibake/ 固有 ===== */
.mj-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1.5px dashed #aac4ec;border-radius:var(--r-12);background:#FCFDFE;margin:clamp(18px,2.4vw,26px);padding:clamp(34px,5vw,64px) clamp(22px,2.6vw,34px);transition:border-color .15s,background .15s}
.mj-drop.is-over{border:2px solid var(--blue);background:var(--tint)}
.mj-pad{padding:clamp(20px,2.6vw,28px) 20px 0}
.mj-pad__row{display:flex;flex-wrap:wrap;gap:clamp(16px,2vw,24px)}
.mj-pad__col{flex:1 1 300px;min-width:0}
.mj-pad__label{font-size:11.5px;font-weight:700;color:var(--ink2)}
.mj-pad textarea{margin-top:9px;display:block;width:100%;min-height:84px;border:1px solid #cdd6e2;border-radius:var(--r-8);background:#fff;padding:13px 14px;font-family:var(--font-mono);font-size:12.5px;line-height:2;color:var(--ink);resize:vertical}
.mj-pad textarea::placeholder{color:var(--mute)}
.mj-pad__note{margin-top:9px;font-size:11.5px;line-height:1.9;color:#6b7886}
.mj-cands{margin-top:9px;display:grid;gap:8px}
.mj-cand{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border:1px solid var(--line);border-radius:var(--r-8);padding:12px 14px;background:0;width:100%;text-align:left;cursor:pointer;font-family:var(--font-body)}
.mj-cand[aria-pressed=true]{border-color:var(--blue);background:#eef5fe;box-shadow:0 0 0 1px rgba(43,111,214,.08)}
.mj-cand__enc{font-size:10.5px;font-weight:700;color:var(--mute);letter-spacing:.06em}
.mj-cand[aria-pressed=true] .mj-cand__enc{color:var(--blue-d)}
.mj-cand__text{font-size:14px;font-weight:500;color:var(--ink)}
.mj-cand__text--raw{font-family:var(--font-mono);font-size:12.5px;color:#9aa4b2;font-weight:400}
.mj-cand__pick{margin-left:auto;font-size:11px;color:var(--mute)}
.mj-cand[aria-pressed=true] .mj-cand__pick{color:var(--blue-d);font-weight:700}
.mj-encbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px 20px;border-bottom:1px solid #F1F3F6}
.mj-encbar__label{font-size:11.5px;font-weight:700;color:var(--ink2);white-space:nowrap}
.mj-encbar__note{margin-left:auto;font-size:11.5px;color:#6b7886}
.mj-sum{display:flex;flex-wrap:wrap;gap:10px 28px;padding:16px 20px 0;font-size:11.5px}
.mj-sum span{display:inline-flex;align-items:center;gap:7px}
.mj-sum i{width:7px;height:7px;border-radius:50%}
.mj-sum b{font-family:var(--font-display);font-size:13px;font-variant-numeric:tabular-nums}
.mj-sum__label{color:#6b7886}
.mj-sum__tail{margin-left:auto;color:var(--mute)}
.mj-cmp{padding:16px 20px 0}
.mj-cmp__head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 clamp(10px,1.4vw,18px);align-items:center;padding-bottom:10px;font-size:11px;letter-spacing:.12em;color:var(--mute)}
.mj-cmp__acts{display:none}
.mj-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0 clamp(10px,1.4vw,18px);align-items:center;padding:12px 0;border-top:1px solid #F1F3F6}
.mj-row:last-of-type{border-bottom:1px solid #F1F3F6}
.mj-row[data-kind=overridden]{background:#FCFDFE}
.mj-row__left{display:flex;align-items:center;gap:12px;min-width:0}
.mj-row__raw{font-family:var(--font-mono);font-size:12px;color:#9aa4b2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mj-row__raw--plain{font-family:var(--font-body);font-size:13px;color:var(--ink2)}
.mj-row__arrow{color:var(--line-strong);font-size:14px}
.mj-row[data-kind=overridden] .mj-row__arrow{color:var(--blue)}
.mj-row__to{display:flex;align-items:center;gap:10px;min-width:0}
.mj-row__fixed{font-size:13.5px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mj-row[data-kind=same] .mj-row__fixed{font-weight:400;color:var(--ink2)}
.mj-row[data-kind=unknown] .mj-row__fixed{color:var(--mute)}
.mj-row__tag{margin-left:auto;flex:none;font-size:10.5px;font-weight:700;color:var(--blue-d);background:var(--tint);border-radius:var(--r-pill);padding:4px 9px}
.mj-row[data-kind=overridden] .mj-row__tag{display:inline-flex;align-items:center;gap:5px;color:#fff;background:var(--blue)}
.mj-row[data-kind=unknown] .mj-row__tag{color:#A56316;background:#FBF7F0}
.mj-row[data-kind=same] .mj-row__tag{font-weight:500;color:var(--mute);background:0;border:1px solid var(--line)}
.mj-row__alt{grid-column:1/-1;margin-top:10px;margin-left:28px;display:flex;flex-wrap:wrap;gap:8px}
.mj-alt{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r-8);padding:9px 12px;background:#fff;cursor:pointer;font-family:var(--font-body)}
.mj-alt__enc{font-size:10.5px;font-weight:700;color:var(--mute);letter-spacing:.06em}
.mj-alt__text{font-size:13px;font-weight:500;color:var(--ink)}
.mj-alt__text--raw{font-family:var(--font-mono);font-size:12px;color:#9aa4b2;font-weight:400}
.mj-row__altnote{align-self:center;font-size:11.5px;color:#6b7886}
.mj-skel{padding:18px 20px 0}
.mj-skel__grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px clamp(10px,1.4vw,18px);align-items:center}
.mj-skel__grid i{height:10px;border-radius:5px;background:#F1F4F8}
.mj-skel__grid i.b{background:#F5F7FA}
.mj-skel__grid span{color:#E8EDF3}
@media (max-width:720px){
  .kz-tabs{gap:4px}
  .kz-tab{font-size:12.5px}
  .mj-drop{margin:14px;padding:28px 18px;border-radius:var(--r-12)}
  .mj-drop svg{width:34px;height:34px}
  .mj-drop .kz-zone__title{margin-top:14px;font-size:16px}
  .mj-drop .kz-zone__body{margin-top:9px;font-size:12.5px;line-height:1.95}
  .mj-drop .kz-zone__cta{margin-top:16px;width:100%}
  .mj-drop .kz-zone__limits{margin-top:14px;font-size:12px}
  .mj-pad{padding:14px 14px 0}
  .mj-pad__row{display:block}
  .mj-pad__col+.mj-pad__col{margin-top:16px}
  .mj-pad__label{font-size:12px}
  .mj-pad textarea{font-size:13px}
  .mj-pad__note{font-size:12px}
  .mj-cand__text{font-size:13.5px}
  .mj-encbar{display:block;padding:13px 14px}
  .mj-encbar__label{font-size:12px}
  .mj-encbar .kz-chiprow{margin-top:9px;flex-wrap:wrap;gap:7px}
  .mj-encbar .kz-chip{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;font-size:12.5px}
  .mj-encbar .kz-chip.is-on{border-width:1px;border-color:#bcd2f3}
  .mj-encbar__note{display:block;margin-left:0;margin-top:9px;font-size:12px;line-height:1.9}
  .mj-sum{gap:8px 18px;padding:14px 14px 0;font-size:12px}
  .mj-sum__tail{flex-basis:100%;margin-left:0;margin-top:2px}
  .mj-cmp{padding:0}
  .mj-cmp__head{display:flex;align-items:center;gap:10px;padding:13px 14px 4px;font-size:11.5px}
  .mj-cmp__head span:first-child{flex:1}
  .mj-cmp__head span:nth-child(2),.mj-cmp__head span:nth-child(3){display:none}
  .mj-cmp__acts{display:flex;gap:10px}
  .mj-cmp__acts a{display:inline-flex;align-items:center;min-height:44px;font-size:12.5px;color:#6b7886}
  .mj-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 12px;padding:12px 14px;align-items:start}
  .mj-row__left{display:contents}
  .mj-row .kz-check{grid-column:1;grid-row:1;margin-top:2px;width:20px;height:20px}
  .mj-row .kz-check svg{width:13px;height:13px}
  .mj-row__raw{grid-column:2;grid-row:1;white-space:normal;word-break:break-all;overflow:visible}
  .mj-row__arrow{grid-column:2;grid-row:2;margin:5px 0;color:var(--mute);font-size:18px;line-height:1;transform:rotate(90deg);width:18px}
  .mj-row__to{grid-column:2;grid-row:3;gap:8px}
  .mj-row__fixed{font-size:13.5px;white-space:normal;word-break:break-all;overflow:visible}
  .mj-row__tag{font-size:12px}
  .mj-row__alt{grid-column:2;grid-row:4;margin-left:0}
  .mj-more{padding:12px 14px;font-size:12px}
  .mj-skel{padding:6px 14px 0}
}