.toolbox-page{--toolbox-rule: color-mix(in srgb, var(--border-dark) 76%, transparent);width:100%;max-width:var(--content-width-wide);margin:0 auto;padding:var(--space-10) var(--space-6) var(--space-16);min-width:0}.toolbox-page .archive-hero{margin-bottom:var(--space-6)}.toolbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.tool-showcase{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;color:var(--text-main);text-decoration:none;background:var(--surface-dark);border:1px solid var(--border-dark);border-radius:var(--radius-lg);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.tool-showcase--wide{margin-top:var(--space-6)}.tool-showcase:hover{color:var(--text-main);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tool-showcase:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 62%,transparent);outline-offset:4px}.tool-showcase-visual{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:var(--card-dark);border-bottom:1px solid var(--border-dark)}.tool-showcase-visual img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.tool-showcase:hover .tool-showcase-visual img{transform:scale(1.04)}.tool-showcase-fallback{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(var(--toolbox-rule) 1px,transparent 1px),linear-gradient(90deg,var(--toolbox-rule) 1px,transparent 1px);background-size:32px 32px}.tool-showcase-fallback .material-symbols-rounded{color:var(--primary);font-size:72px}.tool-showcase-body{display:flex;flex:1;flex-direction:column;padding:clamp(1.5rem,3vw,2.25rem)}.tool-showcase-body h2{margin:0;font-family:var(--font-heading);font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.tool-showcase-body p{margin:var(--space-3) 0 0;color:var(--text-dim);font-size:var(--text-base);line-height:1.6}.tool-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:auto;padding-top:var(--space-6)}.tool-showcase-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tool-showcase-tags .tag{font-size:var(--text-xs);padding:4px 10px;background:var(--card-dark);border-radius:var(--radius-sm);color:var(--text-dim)}.tool-showcase-tags .tool-showcase-status{background:#eab30826;color:#eab308;font-weight:600}.tool-showcase-arrow{flex-shrink:0;color:var(--primary);font-size:22px;transition:transform var(--transition-base)}.tool-showcase:hover .tool-showcase-arrow{transform:translate(4px)}.tool-showcase--wide{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr)}.tool-showcase--wide .tool-showcase-body{justify-content:center}.tool-showcase--wide .tool-showcase-footer{margin-top:0}.tool-showcase--wide .tool-showcase-visual{min-height:340px;aspect-ratio:auto;border-right:1px solid var(--border-dark);border-bottom:0}.tool-data-fallback{display:flex;flex-direction:column;width:100%;height:100%;min-height:340px;padding:clamp(2rem,4vw,3.5rem);color:#fff;background:radial-gradient(circle at 72% 22%,rgba(145,70,255,.23),transparent 34%),linear-gradient(145deg,#17121f,#0d0d10)}.tool-data-fallback-heading,.tool-data-fallback-axis{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:#ffffff9e;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tool-data-bars{display:flex;flex:1;align-items:flex-end;gap:clamp(6px,1.2vw,14px);margin:var(--space-8) 0 var(--space-4);padding:var(--space-6) 0 0;border-bottom:1px solid rgba(255,255,255,.17);background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:100% 25%}.tool-data-bars span{flex:1;height:var(--bar-height);min-height:12px;border-radius:4px 4px 0 0;background:linear-gradient(to top,#6d28d9,#a78bfa);box-shadow:0 0 24px -10px #a78bfa}[data-theme=light] .tool-showcase{background:#fff;box-shadow:var(--shadow-sm)}[data-theme=light] .tool-showcase-tags .tag{background:#fff;border:1px solid var(--border-dark);color:#475569}@media(max-width:900px){.toolbox-grid,.tool-showcase--wide{grid-template-columns:1fr}.tool-showcase--wide .tool-showcase-visual{min-height:0;aspect-ratio:16 / 9;border-right:0;border-bottom:1px solid var(--border-dark)}.tool-data-fallback{min-height:0;aspect-ratio:16 / 9}}@media(max-width:640px){.toolbox-page{padding:var(--space-5) var(--space-4) var(--space-12)}.toolbox-grid{gap:var(--space-4)}.tool-showcase--wide{margin-top:var(--space-4)}.tool-showcase-visual,.tool-showcase--wide .tool-showcase-visual{aspect-ratio:16 / 9}.tool-showcase-body{padding:var(--space-5)}.tool-showcase-body h2{font-size:1.4rem}.tool-data-fallback{padding:var(--space-6) var(--space-5)}}