.tool-workspace{background:#fff;border:1px solid var(--line,#dce1e8);border-radius:16px;padding:clamp(16px,4vw,32px);margin:24px 0}.tool-workspace fieldset{border:0;padding:0;min-width:0}.local-badge{color:#17643e;font-weight:600}.tool-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:24px 0;max-height:650px;overflow:auto}.tool-item{border:1px solid #ccd3df;border-radius:10px;padding:12px;min-width:0}.tool-item img,.tool-item canvas{display:block;max-width:100%;height:auto;max-height:180px;margin:8px auto;object-fit:contain}.tool-item p{overflow-wrap:anywhere}.tool-buttons{display:flex;flex-wrap:wrap;gap:6px}.tool-buttons button{min-height:44px;padding:8px 10px;background:#f1f4f9;color:#17243b;border:1px solid #ccd3df;border-radius:6px;cursor:pointer}.tool-workspace input[type=text],.tool-workspace select,#tool-language{max-width:100%;min-height:44px;padding:8px;border:1px solid #9ca8ba;border-radius:6px;background:#fff;color:#17243b}.tool-workspace label{display:inline-block;margin:8px 8px 8px 0}.tool-workspace input[type=checkbox]{width:20px;height:20px;vertical-align:middle}.tool-article{max-width:800px;margin:40px auto;line-height:1.85}.tool-article li{margin:12px 0}.tool-nav{display:flex;flex-wrap:wrap;gap:16px;padding:24px 0}.tool-nav a{padding:10px;border:1px solid #ccd3df;border-radius:8px}.tool-nav a[aria-current]{background:#eef3ff}.tool-workspace #tool-status{padding:12px 0;overflow-wrap:anywhere}.tool-workspace [hidden]{display:none!important}.tool-workspace .error{color:#a12622}button:disabled{opacity:.5;cursor:not-allowed}#tool-result{border-top:1px solid #ccd3df;margin-top:20px;padding-top:20px}.tool-article a{overflow-wrap:anywhere}@media(max-width:500px){.tool-items{grid-template-columns:1fr 1fr;gap:8px}.tool-item{padding:8px}.tool-buttons button{width:100%;font-size:12px}.header{gap:10px}.header select{max-width:130px}}
.rotation-90{transform:rotate(90deg)}.rotation-180{transform:rotate(180deg)}.rotation-270{transform:rotate(270deg)}

.tool-thumb{aspect-ratio:1;overflow:hidden;display:grid;place-items:center}.tool-item .tool-thumb img{width:100%;height:100%;max-height:none;margin:0;object-fit:contain}
/* Compressor target selectors must not leak into the independent tool controls. */
.tool-workspace fieldset{display:block}.tool-workspace fieldset input{position:static;opacity:1}.tool-workspace fieldset label{flex:none}.tool-workspace #tool-run{width:100%;margin-top:16px}.tool-workspace #page-options,.tool-workspace #image-options,.tool-workspace #export-options,.tool-workspace #split-options{margin:18px 0}.tool-workspace #tool-clear{min-height:44px}.tool-workspace p{line-height:1.65}.tool-article a{text-decoration:underline;text-underline-offset:3px}

#tool-language{height:44px;font-size:14px}
/* Keep the full language selector and compressor link usable on narrow screens. */
@media(max-width:500px){body[data-tool] .header{height:auto;min-height:76px;flex-wrap:wrap;padding-block:16px}body[data-tool] .header>label{margin-inline-start:auto;min-width:0}body[data-tool] .header>a:nth-child(2){order:3;flex-basis:100%;min-height:44px;display:flex;align-items:center}#tool-language{max-width:130px}}