.wtl-tool--unit-converter{--wtl-accent:hsl(252 64% 38%);--wtl-soft:hsl(252 58% 95%)}
:root[data-theme=dark] .wtl-tool--unit-converter{--wtl-accent:hsl(252 70% 70%);--wtl-soft:hsl(252 25% 18%)}
.wtl-tool--unit-converter .wtl-workspace{border-top:5px solid var(--wtl-accent)}
.wtl-tool--unit-converter .wtl-tool-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--wtl-soft);color:var(--wtl-accent);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.wtl-tool--unit-converter canvas{display:block;max-width:100%;height:auto;border-radius:14px;background:repeating-conic-gradient(var(--line) 0 25%,var(--surface) 0 50%) 50%/18px 18px}
.wtl-tool--unit-converter .wtl-local-note{font-size:12px;color:var(--muted)}
.wtl-tool--unit-converter .wtl-check,.wtl-tool--unit-converter .wtl-option-grid label{display:flex;gap:8px;align-items:center;font-size:13px;margin:10px 0}
.wtl-tool--unit-converter .wtl-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px}
.wtl-tool--unit-converter .wtl-ui-help{margin-top:18px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px}
.wtl-tool--unit-converter .wtl-ui-help summary{cursor:pointer;color:var(--ink);font-weight:800}

.wtl-tool--unit-converter .wtl-url-lab,.wtl-tool--unit-converter .wtl-robots-desk,.wtl-tool--unit-converter .wtl-sitemap-console,.wtl-tool--unit-converter .wtl-workbench,.wtl-tool--unit-converter .wtl-image-studio,.wtl-tool--unit-converter .wtl-diff-stage,.wtl-tool--unit-converter .wtl-pdf-desk,.wtl-tool--unit-converter .wtl-data-lab,.wtl-tool--unit-converter .wtl-youtube-dossier,.wtl-tool--unit-converter .wtl-planning-board,.wtl-tool--unit-converter .wtl-utility-console{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);min-height:430px}
.wtl-tool--unit-converter .wtl-panel+ .wtl-panel{border-left:1px solid var(--line)}
.wtl-tool--unit-converter .wtl-result{margin-top:14px}
.wtl-tool--unit-converter .wtl-page-rail{display:flex;gap:8px;overflow:auto;padding-bottom:10px}
.wtl-tool--unit-converter .wtl-page-rail span{flex:0 0 auto;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
@media(max-width:780px){.wtl-tool--unit-converter .wtl-url-lab,.wtl-tool--unit-converter .wtl-robots-desk,.wtl-tool--unit-converter .wtl-sitemap-console,.wtl-tool--unit-converter .wtl-workbench,.wtl-tool--unit-converter .wtl-image-studio,.wtl-tool--unit-converter .wtl-diff-stage,.wtl-tool--unit-converter .wtl-pdf-desk,.wtl-tool--unit-converter .wtl-data-lab,.wtl-tool--unit-converter .wtl-youtube-dossier,.wtl-tool--unit-converter .wtl-planning-board,.wtl-tool--unit-converter .wtl-utility-console{grid-template-columns:1fr}.wtl-tool--unit-converter .wtl-panel+ .wtl-panel{border-left:0;border-top:1px solid var(--line)}.wtl-tool--unit-converter .layout-2>:first-child{position:static;display:block;clip-path:none;padding-right:18px;order:1}.wtl-tool--unit-converter .layout-2>:last-child{order:2}}
.wtl-tool--unit-converter .layout-2>:last-child{background:linear-gradient(180deg,var(--surface),var(--wtl-soft))}