*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#333;background:var(--page,#fbfbf9);min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.tool-chrome{display:flex;flex:1;min-height:0}.tool-sidebar{width:260px;flex-shrink:0;background:var(--page,#fbfbf9);border-right:1px solid #e2e4e8;display:flex;flex-direction:column;position:sticky;top:46px;height:calc(100vh - 46px);overflow-y:auto}.tool-switcher{padding:16px 14px 12px;border-bottom:1px solid #e2e4e8}.tool-switcher-label{font-size:.7rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em}.tool-tab{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:.99rem;font-weight:400;color:#555;margin-bottom:2px;transition:background .12s;text-decoration:none}.tool-tab,.tool-group-head{font-size:.99rem;padding:9px 14px;gap:12px;line-height:1.2}.tool-tab:hover{background:var(--hover,#f4f3ef);color:#111}.tool-tab.active{background:var(--accent-tint,#f2f3f5)}.tool-tab svg{width:17px;height:17px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.8}.tool-tab .tab-badge{margin-left:auto;font-size:.7rem;background:var(--surface-2,#eeece7);color:#666;padding:1px 7px;border-radius:10px;font-weight:700}.tool-tab.active .tab-badge{background:var(--accent,#1f2327);color:#fff}.tool-switcher-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sidebar-toggle{background:none;border:none;cursor:pointer;padding:3px 4px;color:#9ca3af;display:flex;align-items:center;border-radius:4px;transition:color .12s,background .12s}.sidebar-toggle:hover{background:var(--hover,#f4f3ef);color:#555}.sidebar-toggle svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5}.icon-expand{display:none}.tool-sidebar.sidebar-collapsed{width:56px;overflow:hidden}.tool-sidebar.sidebar-collapsed .tool-switcher{padding:8px 0}.tool-sidebar.sidebar-collapsed .tool-switcher-label{display:none}.tool-sidebar.sidebar-collapsed .tool-tab{justify-content:center;padding:10px 0}.tool-sidebar.sidebar-collapsed .tab-badge{display:none}.sidebar-collapsed .icon-collapse{display:none}.sidebar-collapsed .icon-expand{display:block}.sidebar-collapsed .tab-label{display:none}.sidebar-collapsed .tool-tab{gap:0}.tool-main{flex:1;min-width:0;display:flex;flex-direction:column}.tool-header{background:var(--page,#fbfbf9);border-bottom:1px solid #e2e4e8;padding:16px 28px;display:flex;align-items:center;gap:16px}.tool-header-title{flex:1}.tool-header-title h1{font-size:1.265rem;font-weight:700;color:#111;position:relative;top:4px}.tool-header-title p{font-size:.82rem;color:#888}.tool-content{padding:28px;flex:1}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{background:#fff;border:1px solid #e2e4e8;border-radius:10px;padding:22px 20px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .15s,border-color .15s}.tool-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.09);border-color:#d0d0d0}.tc-icon{width:44px;height:44px;border-radius:10px;background:var(--surface,#f7f6f2);display:flex;align-items:center;justify-content:center}.tc-icon svg{width:22px;height:22px;stroke:var(--accent,#1f2327);fill:none;stroke-width:1.8}.tc-name{font-size:.95rem;font-weight:800;color:#111}.tc-meta{font-size:.72rem;color:#9ca3af;font-weight:600;margin-top:-6px}.tc-desc{font-size:.82rem;color:#666;line-height:1.55;flex:1}.tc-link{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:var(--accent,#1f2327);color:#fff;border-radius:6px;font-size:.8rem;font-weight:700;align-self:flex-start;margin-top:2px}.tc-link:hover{background:var(--accent-hover,#33383d)}.tc-link-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid #e2e4e8;color:#555;border-radius:6px;font-size:.8rem;font-weight:600;align-self:flex-start;margin-top:2px}.tc-link-ghost:hover{border-color:#bbb;color:#111}.tool-footer{background:#fff;border-top:1px solid #e2e4e8;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#aaa}.tool-footer a{color:#888}.tool-footer a:hover{color:#333}@media(max-width:1100px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.tools-grid{grid-template-columns:1fr}}@media(max-width:768px){.nav-links,.nav-right{display:none}}