.tools-page{min-height:100vh;max-width:820px;margin:0 auto;padding:40px 32px 96px;color:var(--text-primary);font-size:var(--text-base);line-height:1.65}.tools-nav{display:flex;align-items:center;gap:16px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid var(--border)}.tools-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--text-primary);font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:-.01em}.tools-brand svg{color:var(--accent);display:block}.tools-breadcrumb{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.03em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-breadcrumb a{color:var(--text-secondary);text-decoration:none}.tools-breadcrumb a:hover,.tools-breadcrumb a:focus-visible{color:var(--accent)}.tools-breadcrumb .sep{color:var(--border);margin:0 6px}.tools-breadcrumb .here{color:var(--accent)}.tools-open-app{color:var(--accent);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.tools-open-app:hover,.tools-open-app:focus-visible{color:var(--accent-hover)}.tools-nav a:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-xs)}.tools-header{margin-bottom:24px}.tools-h1{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.01em;margin:0 0 14px;text-wrap:balance}.tools-intro{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0;max-width:62ch}.tools-instrument{position:relative;margin-bottom:14px;padding:30px 28px 26px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(var(--grid-minor) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px) 0 0 / 22px 22px,var(--bg-surface);transition:border-color var(--transition-fast),background var(--transition-fast)}.tools-instrument.is-dragging{border-color:var(--accent);border-style:dashed}.tools-tick{position:absolute;width:12px;height:12px;border:1.5px solid var(--snap-color);opacity:.7;pointer-events:none}.tools-tick.tl{top:10px;left:10px;border-right:0;border-bottom:0}.tools-tick.tr{top:10px;right:10px;border-left:0;border-bottom:0}.tools-tick.bl{bottom:10px;left:10px;border-right:0;border-top:0}.tools-tick.br{bottom:10px;right:10px;border-left:0;border-top:0}.tools-spec{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em}.tools-spec-chip{border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 9px;color:var(--text-secondary)}.tools-spec-chip.is-in{color:var(--text-primary)}.tools-spec-chip.is-out{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-dim)}.tools-spec-arrow{color:var(--snap-color)}.tools-drop-core{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.tools-drop-icon{color:var(--snap-color);margin-bottom:4px}.tools-drop-label{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.tools-drop-sub{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 8px}.tools-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.tools-pick-btn{appearance:none;border:none;cursor:pointer;background:var(--accent);color:var(--accent-text);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:10px 24px;border-radius:var(--radius-md);transition:background var(--transition-fast)}.tools-pick-btn:hover,.tools-pick-btn:focus-visible{background:var(--accent-hover)}.tools-pick-btn:disabled{opacity:.6;cursor:default}.tools-open-link{appearance:none;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font-ui);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px;padding:4px;transition:color var(--transition-fast)}.tools-open-link:hover,.tools-open-link:focus-visible{color:var(--accent)}.tools-pick-btn:focus-visible,.tools-open-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.tools-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tools-reject{color:var(--danger);font-size:var(--text-sm);margin:4px 0 0}.tools-status{color:var(--success);font-size:var(--text-sm);margin:4px 0 0}.tools-convert-done{display:flex;flex-direction:column;align-items:center;gap:4px}.tools-convert-invite{display:inline-flex;align-items:center;gap:12px;margin:2px 0 0;flex-wrap:wrap;justify-content:center}.tools-convert-dismiss{appearance:none;border:none;background:none;cursor:pointer;color:var(--text-muted);font-family:var(--font-ui);font-size:var(--text-xs);padding:4px;transition:color var(--transition-fast)}.tools-convert-dismiss:hover,.tools-convert-dismiss:focus-visible{color:var(--text-secondary)}.tools-convert-dismiss:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.tools-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 40px;padding:0 2px}.tools-trust span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-muted)}.tools-trust span:before{content:"";width:9px;height:1px;background:var(--snap-color);opacity:.7}.tools-cta{margin-top:40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.tools-cta-copy h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 4px}.tools-cta-copy p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;max-width:46ch}.tools-cta .tools-pick-btn{text-decoration:none;display:inline-block}.tools-hub{min-height:100vh;max-width:940px;margin:0 auto;padding:40px 32px 96px;color:var(--text-primary)}.tools-hub-head{margin:4px 0 32px}.tools-hub-h1{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.01em;margin:0 0 14px;max-width:22ch;text-wrap:balance}.tools-hub-intro{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin:0;max-width:62ch}.tools-hub-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:0;padding:0}.tool-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);transition:border-color var(--transition-fast),background var(--transition-fast)}.tool-card-featured{grid-column:1 / -1;background:var(--bg-elevated)}.tool-card:hover{border-color:var(--accent);background:var(--bg-elevated)}.tool-card:after{content:"→";position:absolute;top:20px;right:20px;color:var(--text-muted);font-size:var(--text-base);transition:color var(--transition-fast)}.tool-card:hover:after{color:var(--accent)}.tool-card-link{display:flex;flex-direction:column;gap:10px;padding:22px 44px 20px 22px;height:100%;text-decoration:none;color:inherit}.tool-card-link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-lg)}.tool-card-badge{align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;color:var(--info);background:var(--cyan-cad-dim);border:1px solid color-mix(in srgb,var(--info) 28%,transparent);border-radius:var(--radius-sm);padding:3px 9px}.tool-card-featured .tool-card-badge{color:var(--accent);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.tool-card-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.2}.tool-card-featured .tool-card-title{font-size:var(--text-2xl)}.tool-card-blurb{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.tools-empty{color:var(--text-muted);text-align:center;padding:64px 0}.tools-empty h1{color:var(--text-primary);font-size:var(--text-2xl);margin-bottom:8px}.tools-empty code{background:var(--chip-bg);padding:2px 6px;border-radius:var(--radius-xs);font-size:.9em}@media(max-width:640px){.tools-page,.tools-hub{padding:28px 20px 64px}.tools-hub-grid{grid-template-columns:1fr}.tools-nav{flex-wrap:wrap;gap:8px 14px}.tools-breadcrumb{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){.tools-instrument,.tools-pick-btn,.tools-open-link,.tool-card,.tool-card:after{transition:none}}