.tool-nav{gap:var(--site-sp-4)}.tool-nav,.tool-nav__group{flex-direction:column;display:flex}.tool-nav__group{gap:2px}.tool-nav__title{font-size:var(--site-fs-caption);letter-spacing:.06em;color:var(--site-text-3);padding:0 12px 6px;font-weight:600}.tool-nav__link{border-radius:var(--site-radius-sm);font-size:var(--site-fs-body);color:var(--site-text-2);transition:background var(--site-transition),color var(--site-transition);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-weight:500;display:flex}.tool-nav__link:hover{color:var(--site-text-1);background:var(--site-bg)}.tool-nav__link.is-active{color:var(--site-primary);background:var(--site-primary-soft);font-weight:600}.tool-nav__link svg{width:14px;height:14px;color:var(--site-text-3)}@media (width<=1023px){.tool-nav{gap:var(--site-sp-2);scrollbar-width:none;flex-direction:row;padding:4px 0;overflow-x:auto}.tool-nav::-webkit-scrollbar{display:none}.tool-nav__group{gap:var(--site-sp-2);flex-direction:row}.tool-nav__title{display:none}.tool-nav__link{border:1px solid var(--site-border);border-radius:var(--site-radius-pill);background:var(--site-surface);font-size:var(--site-fs-caption);white-space:nowrap;flex-shrink:0;padding:7px 14px}.tool-nav__link.is-active{border-color:var(--site-primary)}}.tool-layout{background:var(--site-bg)}.tool-layout__body{flex:1;align-items:stretch;width:100%;display:flex}.tool-layout__side{padding:var(--site-sp-5) var(--site-sp-4);border-right:1px solid var(--site-divider);background:var(--site-surface);flex:0 0 232px}@media (width<=1023px){.tool-layout__body{flex-direction:column}.tool-layout__side{top:var(--site-header-h);z-index:20;padding:var(--site-sp-2) var(--site-sp-4);border-right:0;border-bottom:1px solid var(--site-divider);flex:none;position:sticky}.tool-layout__side-title{display:none}}.tool-layout__side-title{padding:0 12px var(--site-sp-4);font-size:var(--site-fs-h4);color:var(--site-text-1);font-weight:700}.tool-layout__side .tool-nav{top:calc(var(--site-header-h) + var(--site-sp-5));position:sticky}.tool-layout__main{min-width:0;padding:var(--site-sp-5) var(--site-sp-6) var(--site-sp-7);flex:1}.tool-layout__head{justify-content:space-between;align-items:flex-end;gap:var(--site-sp-4);margin-bottom:var(--site-sp-5);display:flex}@media (width<=1023px){.tool-layout__side .tool-nav{position:static}.tool-layout__main{padding:var(--site-sp-4) var(--site-sp-4) var(--site-sp-6)}.tool-layout__head{margin-bottom:var(--site-sp-4)}}.tool-layout__crumb{font-size:var(--site-fs-caption);color:var(--site-text-3);gap:8px;margin-bottom:4px;display:flex}.tool-layout__crumb a:hover{color:var(--site-primary)}.tool-layout__title{font-size:var(--site-fs-h2);color:var(--site-text-1);margin:0;font-weight:700}.tool-layout__links{gap:var(--site-sp-2);flex-shrink:0;display:flex}@media (width<=639px){.tool-layout__links{display:none}}.tool-card{padding:var(--site-sp-5);border:1px solid var(--site-border);border-radius:var(--site-radius);background:var(--site-surface);box-shadow:var(--site-shadow-1)}@media (width<=767px){.tool-card{padding:var(--site-sp-4)}}.tool-card__title{margin:0 0 var(--site-sp-4);font-size:var(--site-fs-h4);color:var(--site-text-1);font-weight:600}.tool-section{padding:var(--site-sp-4);border:1px solid var(--site-divider);border-radius:var(--site-radius-sm);background:var(--site-surface)}.tool-section+.tool-section{margin-top:var(--site-sp-4)}.tool-section__title{margin:0 0 var(--site-sp-3);font-size:var(--site-fs-h4);color:var(--site-text-1);font-weight:600}