li.svelte-n3ft5o{display:grid}.card.svelte-n3ft5o{--mx:50%;--my:0%;color:var(--text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));will-change:transform;align-content:start;gap:.6rem;padding:0 1.2rem 1.2rem;text-decoration:none;transition:transform .25s ease-out,border-color .3s;display:grid;overflow:hidden}.card.svelte-n3ft5o:before{content:"";background:radial-gradient(320px circle at var(--mx) var(--my), var(--glow), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card.svelte-n3ft5o:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.card.svelte-n3ft5o:hover:before{opacity:1}.card.svelte-n3ft5o:focus-visible{border-radius:var(--radius)}.chrome.svelte-n3ft5o{color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.7rem;margin:0 -1.2rem .3rem;padding:.45rem .9rem;font-size:.68rem;display:flex;overflow:hidden}.chrome.svelte-n3ft5o b:where(.svelte-n3ft5o){color:var(--text);font-weight:600}.dots.svelte-n3ft5o{flex:none;gap:5px;display:flex}.dots.svelte-n3ft5o i:where(.svelte-n3ft5o){background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .3s}.card.svelte-n3ft5o:hover .dots:where(.svelte-n3ft5o) i:where(.svelte-n3ft5o):first-child{background:#ff5f57}.card.svelte-n3ft5o:hover .dots:where(.svelte-n3ft5o) i:where(.svelte-n3ft5o):nth-child(2){background:#febc2e}.card.svelte-n3ft5o:hover .dots:where(.svelte-n3ft5o) i:where(.svelte-n3ft5o):nth-child(3){background:#28c840}.thumb.svelte-n3ft5o{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 12px 12px, linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 12px 12px, color-mix(in srgb, var(--bg) 60%, transparent);place-items:center;height:132px;display:grid}.icon.svelte-n3ft5o{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:min(220px,80%);height:96px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;transition:transform .35s var(--ease)}.card.svelte-n3ft5o:hover .icon:where(.svelte-n3ft5o){transform:translateY(-4px)}.row.svelte-n3ft5o{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.fw.svelte-n3ft5o{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.tool.svelte-n3ft5o{color:var(--muted);font-size:.78rem}h3.svelte-n3ft5o{font-family:var(--mono);letter-spacing:-.03em;font-size:1.3rem}.desc.svelte-n3ft5o{color:var(--muted);font-size:.9rem}.cta.svelte-n3ft5o{color:var(--accent-text);justify-self:start;margin-top:.3rem;font-size:.88rem;font-weight:600}.prompt.svelte-n3ft5o{opacity:.6}.arrow.svelte-n3ft5o{transition:transform .3s var(--ease);display:inline-block}.card.svelte-n3ft5o:hover .arrow:where(.svelte-n3ft5o){transform:translate(4px)}.path.svelte-1e6mq4h{color:var(--muted);align-items:center;gap:.1rem;max-width:none;font-size:.8rem;display:flex}.n.svelte-1e6mq4h{color:var(--accent-text);margin-right:.6rem;font-weight:700}.file.svelte-1e6mq4h{color:var(--text)}.ext.svelte-1e6mq4h{color:var(--accent-2-text)}.line.svelte-1e6mq4h{background:linear-gradient(90deg, var(--border), transparent);transform-origin:0;max-width:280px;height:1px;transition:transform 1.1s var(--ease) .25s;flex:1;margin-left:.9rem;transform:scaleX(0)}.reveal.in .line.svelte-1e6mq4h,html:not(.js) .line.svelte-1e6mq4h{transform:none}h2.svelte-1e6mq4h{flex-wrap:wrap;align-items:baseline;display:flex}.br.svelte-1e6mq4h{color:var(--accent-text);opacity:.55;font-weight:500}.br.svelte-1e6mq4h:first-child{margin-right:.08em}.intro.svelte-1e6mq4h{font-size:.95rem}.intro.svelte-1e6mq4h .com:where(.svelte-1e6mq4h){font-style:normal;font-family:var(--mono)}.hero.svelte-ypbj28{padding-block:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,2rem)}.kicker.svelte-ypbj28{color:var(--muted);margin-bottom:.6rem;font-size:.85rem}.dir.svelte-ypbj28{color:var(--syn-fn)}h1.svelte-ypbj28{letter-spacing:-.04em;animation:fade-up .8s var(--ease) both;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1}.grad.svelte-ypbj28{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.intro.svelte-ypbj28{color:var(--muted);animation:fade-up .8s var(--ease) .1s both;margin:.8rem 0 1.5rem;font-size:1.05rem}.grid.svelte-ypbj28{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.next-wrap.svelte-ypbj28{display:grid}.next.svelte-ypbj28{border:1px dashed color-mix(in srgb, var(--muted) 45%, transparent);border-radius:var(--radius);color:var(--muted);background:color-mix(in srgb, var(--surface) 50%, transparent);align-content:center;justify-items:start;gap:.6rem;padding:1.4rem 1.2rem;display:grid}.plus.svelte-ypbj28{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--accent-text);border:1px dashed;place-items:center;font-size:1.4rem;display:grid}.next.svelte-ypbj28 h3:where(.svelte-ypbj28){color:var(--text);letter-spacing:-.03em;font-size:1.05rem}.next.svelte-ypbj28 p:where(.svelte-ypbj28){font-size:.9rem}.soon.svelte-ypbj28{font-size:.78rem}.steps.svelte-ypbj28{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.step.svelte-ypbj28{align-content:start;gap:.5rem;padding:1.2rem;display:grid}.step.svelte-ypbj28 p:where(.svelte-ypbj28){color:var(--muted);font-size:.9rem}.idx.svelte-ypbj28{color:var(--accent-text);font-size:.8rem;font-weight:700}.table-wrap.svelte-ypbj28{margin-top:1rem;overflow-x:auto}table.svelte-ypbj28{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.85rem}th.svelte-ypbj28,td.svelte-ypbj28{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.7rem 1.2rem}thead.svelte-ypbj28 th:where(.svelte-ypbj28){color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}tbody.svelte-ypbj28 tr:where(.svelte-ypbj28):last-child>:where(.svelte-ypbj28){border-bottom:0}tbody.svelte-ypbj28 th:where(.svelte-ypbj28){font-weight:600}@media (width<=980px){.grid.svelte-ypbj28{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.steps.svelte-ypbj28{grid-template-columns:1fr}}@media (width<=640px){.grid.svelte-ypbj28{grid-template-columns:1fr}}