.tools-hub__find{margin:0 0 var(--fy-space-6)}.tools-hub__input{width:100%;max-width:520px;font:inherit;font-size:var(--fy-text-lg);border-radius:var(--fy-radius-lg);border:1px solid var(--fy-border-strong,#15171b47);background:var(--fy-surface-raised,#fff);color:inherit;padding:14px 18px}.tools-hub__input:focus-visible{outline:2px solid var(--fy-palette-yellow,#ffd426);outline-offset:2px}.tools-hub__group{margin:var(--fy-space-7) 0 0}.tools-hub__group[hidden]{display:none}.tools-hub__group-title{font-size:var(--fy-text-xl);letter-spacing:-.02em;margin:0 0 4px}.tools-hub__group-blurb{margin:0 0 var(--fy-space-4);color:var(--fy-text-secondary,#4b5056)}.tools-hub__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tools-hub__grid li[hidden]{display:none}.tool-card{border:1px solid var(--fy-border-subtle,#15171b24);background:var(--fy-surface-raised,#fff);color:inherit;min-height:100%;transition:border-color var(--fy-motion-fast,.18s) var(--fy-ease,ease), transform var(--fy-motion-fast,.18s) var(--fy-ease,ease);border-radius:18px;gap:4px;padding:16px 18px;text-decoration:none;display:grid}.tool-card:hover,.tool-card:focus-visible{border-color:var(--fy-palette-ink,#121316);transform:translateY(-1px)}.tool-card:focus-visible{outline:2px solid var(--fy-palette-yellow,#ffd426);outline-offset:2px}.tool-card__title{font-weight:650;font-size:var(--fy-text-base);margin:0}.tool-card__line{font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);margin:0}.tool-card__meta{font-size:var(--fy-text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--fy-text-muted,#5f6369);margin:4px 0 0}.tools-hub__empty{margin:var(--fy-space-6) 0;color:var(--fy-text-secondary,#4b5056)}.tool{padding:0 0 var(--fy-space-8)}.tool__anchor{scroll-margin-top:86px}.tool__stage{gap:16px;display:grid}.tool__drop{border:1.5px dashed var(--fy-border-strong,#15171b47);background:var(--fy-surface-raised,#fff);text-align:center;cursor:pointer;border-radius:24px;place-items:center;gap:8px;padding:52px 24px;transition:border-color .12s,background .12s;display:grid;position:relative}.tool__drop--over{border-color:var(--fy-palette-yellow,#ffd426);background:var(--fy-surface-accent-subtle,#ffd4261f)}.tool__drop:focus-within{outline:2px solid var(--fy-palette-yellow,#ffd426);outline-offset:3px}.tool__file{opacity:0;cursor:pointer;position:absolute;inset:0}.tool__drop-button{pointer-events:none}.tool__drop-hint{color:var(--fy-text-secondary,#4b5056);font-size:var(--fy-text-sm);margin:0}.tool__drop-fine{color:var(--fy-text-muted,#5f6369);font-size:var(--fy-text-xs);letter-spacing:.02em;margin:0}.tool__handoff{font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);margin:0}.tool__files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tool__filecard{border:1px solid var(--fy-border-subtle,#15171b24);background:var(--fy-surface-raised,#fff);border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.tool__filecard--dragging{opacity:.5}.tool__filecard--target{border-color:var(--fy-palette-yellow,#ffd426)}.tool__thumb{object-fit:cover;background:var(--fy-surface-sunken,#e8e7e2);width:56px;height:56px;font:650 .7rem/1 var(--font-jetbrains-mono,monospace);letter-spacing:.08em;color:var(--fy-text-secondary,#4b5056);border-radius:10px;place-items:center;display:grid;overflow:hidden}.tool__filename{overflow-wrap:anywhere;margin:0;font-weight:600}.tool__filemeta{font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);margin:2px 0 0}.tool__fileactions{gap:4px;display:flex}.tool__iconbutton{min-width:var(--fy-target-comfortable,44px);min-height:var(--fy-target-comfortable,44px);font:inherit;cursor:pointer;color:var(--fy-text-secondary,#4b5056);background:0 0;border:1px solid #0000;border-radius:999px}.tool__iconbutton:hover:not(:disabled){background:var(--fy-surface-sunken,#e8e7e2);color:inherit}.tool__iconbutton:focus-visible{outline:2px solid var(--fy-palette-yellow,#ffd426);outline-offset:2px}.tool__iconbutton:disabled{opacity:.35;cursor:default}.tool__add{justify-self:start}.tool__options{background:var(--fy-surface-sunken,#e8e7e2);border-radius:18px;gap:14px;padding:18px;display:grid}.tool__option{gap:6px;display:grid}.tool__option-label{font-weight:600;font-size:var(--fy-text-sm)}.tool__option select,.tool__option input{font:inherit;border:1px solid var(--fy-border-strong,#15171b47);background:var(--fy-surface-raised,#fff);color:inherit;border-radius:12px;max-width:420px;padding:10px 12px}.tool__option select:focus-visible,.tool__option input:focus-visible{outline:2px solid var(--fy-palette-yellow,#ffd426);outline-offset:2px}.tool__option-help{font-size:var(--fy-text-xs);color:var(--fy-text-muted,#5f6369);margin:0}.tool__run{justify-items:start;gap:8px;display:grid}.tool__run-note{font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);margin:0}@media (max-width:720px){.tool__run{z-index:2;justify-items:stretch;position:sticky;bottom:12px}}.tool__progress{border:1px solid var(--fy-border-subtle,#15171b24);background:var(--fy-surface-raised,#fff);border-radius:18px;gap:10px;padding:18px;display:grid}.tool__steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tool__step{color:var(--fy-text-muted,#5f6369);align-items:baseline;gap:10px;display:flex}.tool__step--done{color:var(--fy-text-secondary,#4b5056)}.tool__step--now{color:inherit;font-weight:600}.tool__step-mark{font-family:var(--font-jetbrains-mono,monospace);font-size:var(--fy-text-sm);min-width:1.4em}.tool__progress progress{width:100%;height:6px;accent-color:var(--fy-palette-yellow,#ffd426)}.tool__elapsed{font-size:var(--fy-text-xs);color:var(--fy-text-muted,#5f6369);font-variant-numeric:tabular-nums;margin:0}.tool__result{border:1px solid var(--fy-border-subtle,#15171b24);background:var(--fy-surface-raised,#fff);box-shadow:var(--fy-shadow-accent,0 12px 40px -20px #ffd42699);border-radius:22px;gap:14px;padding:20px;display:grid}.tool__result-title{font-size:var(--fy-text-xl);letter-spacing:-.02em;margin:0}.tool__outputs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tool__output{background:var(--fy-surface-sunken,#e8e7e2);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.tool__output-name{overflow-wrap:anywhere;margin:0;font-weight:600}.tool__output-meta{font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);font-variant-numeric:tabular-nums;margin:2px 0 0}.tool__result-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool__where{font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);margin:0}.tool__chain{font-size:var(--fy-text-sm);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;display:flex}.tool__chain a{color:inherit;text-underline-offset:3px;text-decoration:underline}.tool__extension{border:1px dashed var(--fy-border-strong,#15171b47);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.tool__extension p{font-size:var(--fy-text-sm);margin:0}.tool__extension-actions{gap:6px;display:flex}@media (max-width:560px){.tool__extension{grid-template-columns:1fr}}.tool__credits{border:1px solid var(--fy-border-subtle,#15171b24);background:var(--fy-surface-raised,#fff);border-radius:22px;gap:12px;padding:20px;display:grid}.tool__credits p{margin:0}.tool__trust{font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);margin:12px 0 0}.tool__section{padding:var(--fy-space-7) 0 0}.tool__section h2{font-size:var(--fy-text-xl);letter-spacing:-.02em;margin:0 0 var(--fy-space-3)}.tool__howto{gap:6px;margin:0;padding-left:1.4em;display:grid}.tool__prose p{margin:0 0 var(--fy-space-3);max-width:var(--fy-measure,62ch)}.tool__faq{gap:6px;margin:0;display:grid}.tool__faq details{border:1px solid var(--fy-border-subtle,#15171b24);background:var(--fy-surface-raised,#fff);border-radius:14px;padding:10px 14px}.tool__faq summary{cursor:pointer;min-height:var(--fy-target-min,24px);font-weight:600}.tool__faq summary:focus-visible{outline:2px solid var(--fy-palette-yellow,#ffd426);outline-offset:2px;border-radius:8px}.tool__faq p{max-width:var(--fy-measure,62ch);margin:8px 0 2px}.tool__related{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tool__code{background:var(--fy-palette-slab,#0d0e10);color:#e8e7e2;font:.82rem/1.55 var(--font-jetbrains-mono,monospace);white-space:pre;border-radius:14px;margin:0;padding:14px 16px;overflow-x:auto}.tool__code-note{font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);margin:8px 0 0}.tool__crumbs{margin:0 0 var(--fy-space-3);font-size:var(--fy-text-sm);color:var(--fy-text-secondary,#4b5056);gap:8px;padding:0;list-style:none;display:flex}.tool__crumbs a{color:inherit}
