.tools-intro{display:flex;gap:24px;align-items:center;padding:18px 22px;margin:0 0 28px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-surface);font-size:14px}.tools-intro strong{white-space:nowrap;color:var(--primary-text)}.tools-intro span{color:var(--text-secondary)}.tools-controls{gap:24px}.tools-controls,.tools-search{display:flex;align-items:center}.tools-search{gap:12px;flex:1 1;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-surface);padding:0 16px;color:var(--text-secondary)}.tools-search:focus-within{box-shadow:var(--ring-focus);border-color:var(--primary)}.tools-search input{width:100%;min-width:0;border:0!important;box-shadow:none!important;background:transparent;padding:15px 0;color:var(--text-primary);font-size:15px}.tools-search input:focus{outline:0}.tools-popular{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;color:var(--text-secondary)}.tools-popular input{accent-color:var(--primary)}.tools-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.tools-filters button{display:flex;gap:8px;align-items:center;border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:9px 12px;background:var(--bg-surface);font:inherit;font-size:13px;color:var(--text-secondary);cursor:pointer}.tools-filters button[aria-pressed=true]{background:var(--primary-light);color:var(--primary-text);border-color:var(--primary-border)}.tools-filters span{font-size:11px;opacity:.85}.tools-card:focus-visible,.tools-filters button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.tools-result-count{font-size:13px;color:var(--text-secondary);margin:12px 0 26px}.tools-category{margin:0 0 36px}.tools-category-heading{display:flex;align-items:center;gap:14px;margin:0 0 16px}.tools-category-heading h2{font-size:22px;margin:0 0 4px}.tools-category-heading p{font-size:14px;margin:0;color:var(--text-secondary)}.tools-category-count{margin-left:auto;color:var(--text-secondary);font-size:13px}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tools-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-surface);padding:20px;text-decoration:none;color:var(--text-primary);transition:border-color .15s,background .15s}.tools-card:hover{border-color:var(--primary);background:var(--bg-surface-hover);text-decoration:none}.tools-card-top{display:flex;align-items:center;justify-content:space-between;color:var(--primary-text);min-height:24px}.tools-badge{font-size:10px;font-weight:600;letter-spacing:.03em;background:var(--primary-light);color:var(--primary-text);padding:3px 7px;border-radius:4px}.tools-card h3{font-size:16px;margin:4px 0 0}.tools-card p{font-size:13px;line-height:1.65;color:var(--text-secondary);margin:0 0 8px;flex:1 1}.tools-card-open{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:600;color:var(--primary-text)}.tools-card-open svg{width:15px;height:15px}.tools-empty{text-align:center;padding:54px 18px;background:var(--bg-surface);border:1px dashed var(--border-primary);border-radius:var(--radius-md)}.tools-empty h2{font-size:21px}.tools-empty p{color:var(--text-secondary)}.tools-help{max-width:820px;border-top:1px solid var(--border-primary);padding-top:24px;margin-top:38px}.tools-help h2{font-size:23px}.tools-help details{padding:16px 0;border-bottom:1px solid var(--border-primary)}.tools-help summary{cursor:pointer;font-weight:600;font-size:15px}.tools-help p{font-size:14px;color:var(--text-secondary);margin:12px 0 0}.tools-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 22px;font-size:13px;color:var(--text-secondary)}.tools-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.tools-workspace>section{min-width:0}.tools-notice{background:var(--primary-light);color:var(--primary-text);border:1px solid var(--primary-border);border-radius:var(--radius-md);padding:14px 18px;font-size:13px;margin:0 0 16px}.tools-runner{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;padding:6px;min-width:0}.tools-frame{display:block;width:100%;border:0;background:transparent}.tools-loading{padding:12px 18px;font-size:14px;color:var(--text-secondary);margin:0}.tools-sidebar>div{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:20px;margin-bottom:18px}.tools-sidebar h2{font-size:17px;margin:0 0 12px}.tools-sidebar p{font-size:13px;color:var(--text-secondary);margin:10px 0}.tools-sidebar ul{list-style:none;margin:0 0 16px;padding:0}.tools-sidebar li+li{border-top:1px solid var(--border-primary)}.tools-sidebar li a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px}.tools-sidebar .text-link{font-size:13px}@media(max-width:1050px){.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-workspace{grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:760px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-workspace{grid-template-columns:minmax(0,1fr)}.tools-intro{gap:8px}.tools-controls,.tools-intro{align-items:flex-start;flex-direction:column}.tools-controls{gap:12px}.tools-search{width:100%;box-sizing:border-box}.tools-category-heading p{font-size:13px}.tools-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tools-sidebar>div{margin:0}}@media(max-width:440px){.tools-grid,.tools-sidebar{grid-template-columns:minmax(0,1fr)}.tools-card{padding:18px}.tools-category-heading .icon-tile{display:none}.tools-filters{gap:6px}.tools-filters button{font-size:12px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.tools-card{transition:none}}