/* Toolisco — styles for HEIC Converter, Text to Handwriting, JSON ↔ YAML, JSON Diff, CSV ↔ Excel and Email Syntax Validator.
   Loaded only on those pages; builds on the shared seotools.css helpers. */
.tool-app .tool-grid>.tool-panel{min-width:0}
.ut-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}
@media (max-width:900px){.ut-split{grid-template-columns:1fr}}
.ut-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;margin:var(--s-3) 0}
.ut-code{width:100%;min-height:320px;font-family:var(--font-mono);font-size:var(--fs-sm);white-space:pre;overflow:auto;resize:vertical}
.ut-opts{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);align-items:center;margin:var(--s-3) 0}
.ut-opts label{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-sm);color:var(--text-soft);cursor:pointer}
.ut-opts select{max-width:200px}
.seg[role=group] button{min-height:36px}
/* JSON diff tree */
.jd-tree,.jd-children{list-style:none;margin:0;padding:0}
.jd-children{margin-left:1rem;padding-left:.75rem;border-left:1px dashed var(--border)}
.jd-node{margin:.2rem 0}
.jd-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .55rem;padding:.3rem .5rem;border-radius:var(--r-sm);font-size:var(--fs-sm)}
.jd-key{font-family:var(--font-mono);font-weight:600;color:var(--text);word-break:break-all}
.jd-badge{font-size:var(--fs-xs);font-weight:600;padding:.05rem .45rem;border-radius:var(--r-pill);border:1px solid currentColor}
.jd-row code{font-family:var(--font-mono);font-size:var(--fs-xs);word-break:break-all;padding:.05rem .3rem;border-radius:4px}
.jd-type{font-size:var(--fs-xs);color:var(--text-mute)}
.jd-arrow{color:var(--text-mute)}
.jd-added>.jd-row{background:rgba(34,160,90,.10)}.jd-added>.jd-row .jd-badge{color:#178a4b}
.jd-removed>.jd-row{background:rgba(225,86,107,.10)}.jd-removed>.jd-row .jd-badge{color:#c2304a}
.jd-changed>.jd-row{background:rgba(217,154,43,.10)}.jd-changed>.jd-row .jd-badge{color:#a9730f}
.jd-unchanged>.jd-row .jd-badge{color:var(--text-mute)}
.jd-old{background:rgba(225,86,107,.14);text-decoration:line-through;text-decoration-color:rgba(225,86,107,.6)}
.jd-new{background:rgba(34,160,90,.14)}
:root[data-theme="dark"] .jd-added>.jd-row .jd-badge{color:#5fd39a}
:root[data-theme="dark"] .jd-removed>.jd-row .jd-badge{color:#ff8ba0}
:root[data-theme="dark"] .jd-changed>.jd-row .jd-badge{color:#f0b450}
.ut-stats4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ut-stats5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:640px){.ut-stats4{grid-template-columns:repeat(2,minmax(0,1fr))}.ut-stats5{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* email results */
.em-badge,.hc-state{display:inline-block;font-size:var(--fs-xs);font-weight:600;padding:.05rem .5rem;border-radius:var(--r-pill);border:1px solid currentColor;white-space:nowrap}
.em-valid .em-badge,.hc-ok{color:#178a4b}
.em-invalid .em-badge,.hc-err{color:#c2304a}
.em-duplicate .em-badge,.hc-work{color:#a9730f}
.em-empty .em-badge,.hc-ready{color:var(--text-mute)}
:root[data-theme="dark"] .em-valid .em-badge,:root[data-theme="dark"] .hc-ok{color:#5fd39a}
:root[data-theme="dark"] .em-invalid .em-badge,:root[data-theme="dark"] .hc-err{color:#ff8ba0}
:root[data-theme="dark"] .em-duplicate .em-badge,:root[data-theme="dark"] .hc-work{color:#f0b450}
.ut-table-wrap{max-height:520px;overflow:auto}
.tool-app .seo-scroll{position:relative}
/* handwriting pages */
.hw-pages{display:flex;flex-direction:column;gap:var(--s-4);margin-top:var(--s-3)}
.hw-page{margin:0}
.hw-page canvas{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--sh-2);background:#fff}
.hw-page figcaption{font-size:var(--fs-xs);color:var(--text-mute);margin-top:.35rem;text-align:center}
.ut-file{display:block;width:100%;max-width:100%}
.hc-table{min-width:680px}.hc-table td:nth-child(2){word-break:break-word;min-width:120px}
.em-table{min-width:560px}.em-table td:nth-child(2) code{word-break:break-all}.ut-table-wrap .seo-table td,.ut-table-wrap .seo-table th{min-width:72px}