.tools-shell{display:grid;gap:1rem}
.tools-shell .tools-intro{align-items:center}
.tools-shell .tools-badge{align-self:center;width:max-content;max-width:100%;padding:.55rem .75rem;border:1px solid rgba(94,230,168,.22);border-radius:999px;color:#bff6db;font-size:.72rem;text-align:center}
.tools-shell .tools-jump{display:flex;gap:.45rem;flex-wrap:wrap;margin:0}
.tools-shell .tools-jump a{padding:.45rem .65rem;border:1px solid var(--line-soft);border-radius:999px;font-size:.75rem;color:var(--muted);overflow-wrap:normal;word-break:normal}
.tools-shell .tools-jump a:hover{color:var(--text);border-color:var(--line)}
.tools-shell .tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.tools-shell .tool-card{margin:0;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;grid-auto-columns:minmax(0,1fr)!important;align-content:start;align-items:stretch;gap:1rem;scroll-margin-top:1rem;min-width:0;width:100%}
.tools-shell .tool-card>*{min-width:0;max-width:100%;width:100%;grid-column:1!important}
.tools-shell .tool-card:nth-child(4){grid-column:1/-1}
.tools-shell .tool-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;min-width:0}
.tools-shell .tool-card-head>div{min-width:0;flex:1 1 auto}
.tools-shell .tool-card-head h2{margin:.15rem 0 .3rem;overflow-wrap:normal;word-break:normal}
.tools-shell .tool-card-head p{margin:0;max-width:680px;color:var(--muted);line-height:1.55;overflow-wrap:normal;word-break:normal}
.tools-shell .tool-card-head>code{flex:0 0 auto;width:auto;max-width:100%;padding:.35rem .5rem;border:1px solid var(--line-soft);border-radius:8px;background:#0d151d;font-size:.72rem;white-space:nowrap;word-break:normal}
.tools-shell .tool-form{display:grid!important;grid-template-columns:minmax(0,1fr);gap:.7rem;width:100%;min-width:0}
.tools-shell .tool-form.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.tools-shell .tool-form.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.tools-shell .tool-form.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}
.tools-shell .tool-form label{display:grid;grid-template-columns:minmax(0,1fr);gap:.35rem;margin:0;min-width:0;width:100%;overflow-wrap:normal;word-break:normal}
.tools-shell .tool-form label>span{display:block;font-size:.72rem;color:var(--muted);overflow-wrap:normal;word-break:normal;white-space:normal}
.tools-shell .tool-form input,.tools-shell .tool-form select{display:block;width:100%!important;max-width:100%;min-width:0!important;min-height:42px;margin:0}
.tools-shell .tool-tabs{display:flex!important;gap:.4rem;flex-wrap:wrap;align-items:center;min-width:0}
.tools-shell .tool-tabs button{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:auto!important;max-width:100%;min-width:0;border:1px solid var(--line-soft);border-radius:999px;background:transparent;color:var(--muted);padding:.45rem .7rem;cursor:pointer;line-height:1.25;overflow-wrap:normal;word-break:normal;white-space:normal;text-align:center}
.tools-shell .tool-tabs button.active{border-color:rgba(94,230,168,.35);background:rgba(94,230,168,.08);color:#c8f7e1}
.tools-shell .tool-result{min-height:62px;display:flex;align-items:center;width:100%;min-width:0;padding:.85rem 1rem;border:1px solid rgba(94,230,168,.18);border-radius:11px;background:rgba(94,230,168,.055);font-size:.92rem;font-weight:650;line-height:1.5;overflow-wrap:normal;word-break:normal}
.tools-shell .tool-result[data-state="error"]{border-color:rgba(255,127,134,.25);background:rgba(255,127,134,.06);color:#ffb2b7}
.tools-shell .tool-note{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55;overflow-wrap:normal;word-break:normal}
.tools-shell .tools-related{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0}
.tools-shell .tools-related p{margin:.2rem 0;color:var(--muted)}
.tools-shell .tools-related>div:last-child{display:flex;gap:.5rem;flex-wrap:wrap}
@media(max-width:900px){
  .tools-shell .tools-grid{grid-template-columns:1fr}
  .tools-shell .tool-card:nth-child(4){grid-column:auto}
  .tools-shell .tool-form.four-col{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .tools-shell .tools-intro,.tools-shell .tools-related{align-items:flex-start;flex-direction:column}
  .tools-shell .tool-form.two-col,.tools-shell .tool-form.three-col,.tools-shell .tool-form.four-col{grid-template-columns:1fr}
  .tools-shell .tool-card-head{flex-direction:column}
  .tools-shell .tool-card-head>code{white-space:normal}
  .tools-shell .tools-related .button{width:100%}
  .tools-shell .tools-jump{display:grid;grid-template-columns:1fr 1fr}
  .tools-shell .tools-jump a{text-align:center}
}
@media(max-width:430px){.tools-shell .tools-jump{grid-template-columns:1fr}}