:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-700:#6a0fe0;--brand-600:#7e14ff;--brand-500:#863bff;--brand-400:#a366ff;--brand-300:#c2a0ff;--cyan-500:#18a8f0;--cyan-400:#47bfff;--cyan-300:#8ad8ff;--cat-condense:#8a2bff;--cat-rewrite:#b45cf5;--cat-write:#6d8ffb;--cat-prompt:#47bfff;--spectrum:linear-gradient(100deg, #7e14ff 0%, #a855f7 38%, #47bfff 100%);--spectrum-soft:linear-gradient(100deg, #7e14ff1a 0%, #47bfff17 100%);--bg:#0b0b0d;--bg-sunken:#070708;--surface:#111113;--surface-2:#17171a;--surface-3:#202024;--line:#26262b;--line-strong:#37373f;--line-glow:#863bff6b;--text:#f1f0ee;--text-muted:#a3a3ab;--text-faint:#85858e;--accent:var(--brand-400);--accent-ink:#fff;--ok:#34d399;--ok-soft:#34d3991f;--warn:#fbbf24;--warn-soft:#fbbf241f;--danger:#fb7185;--font-sans:"Inter", "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--shell:1200px;--gutter:clamp(1.25rem, 4vw, 2.5rem);--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 4px #0000004d, 0 12px 32px #0000005c;--shadow-lg:0 4px 8px #00000052, 0 28px 70px #00000080;--shadow-brand:0 1px 2px #0006;--ease:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-out-back:cubic-bezier(.34, 1.36, .64, 1);--dur-fast:.13s;--dur:.22s;--dur-slow:.52s;--edge:inset 0 1px 0 #ffffff0f;--edge-2:inset 0 1px 0 #ffffff14, inset 0 -1px 0 #00000059;--grid-line:#ffffff09;--grid-size:84px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf9f7;--bg-sunken:#f1f0ec;--surface:#fff;--surface-2:#f7f6f3;--surface-3:#edece8;--line:#e2e0da;--line-strong:#cbc8c1;--line-glow:#7e14ff52;--text:#151517;--text-muted:#56565d;--text-faint:#6c6c74;--accent:var(--brand-600);--cat-condense:#6a0fe0;--cat-rewrite:#8b2fe8;--cat-write:#2f5fe0;--cat-prompt:#0e7fbc;--shadow-sm:0 1px 2px #1515170f;--shadow-md:0 1px 2px #1515170d, 0 10px 28px #1515170f;--shadow-lg:0 2px 6px #1515170d, 0 24px 60px #1515171a;--shadow-brand:0 1px 2px #15151729;--edge:inset 0 1px 0 #ffffffe6;--edge-2:inset 0 1px 0 #fffffff2, inset 0 -1px 0 #1515170a;--grid-line:#15151709}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;font-size:16px;line-height:1.6;overflow-x:hidden}#root{isolation:isolate;flex-direction:column;min-height:100vh;display:flex}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.08}p{text-wrap:pretty}::selection{color:var(--text);background:#863bff52}:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px;border-radius:4px}.ground{z-index:-1;pointer-events:none;contain:strict;background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);position:fixed;inset:0}.shell{width:100%;max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.shell-wide{max-width:1440px}.section{padding-block:clamp(2.75rem,5.2vw,4.75rem);position:relative}.section-tight{padding-block:clamp(2.5rem,4.8vw,3.9rem);position:relative}.chapter{border-top:1px solid var(--line);align-items:baseline;gap:1.25rem;margin-bottom:clamp(1.75rem,3vw,2.75rem);padding-top:.9rem;display:flex}.chapter-n{font-family:var(--font-mono);letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--text);flex-shrink:0;font-size:.6875rem;font-weight:500}.chapter-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:.6875rem;font-weight:500}.chapter-aside{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-faint);margin-inline-start:auto;font-size:.6875rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:.7em;font-size:.6875rem;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--spectrum);width:20px;height:2px}.eyebrow-plain:before{display:none}.display{letter-spacing:-.055em;font-size:clamp(3rem,7.4vw,5.6rem);font-weight:800;line-height:.9}.h2{letter-spacing:-.048em;font-size:clamp(2rem,4vw,3.15rem);font-weight:760;line-height:1.02}.h3{letter-spacing:-.028em;font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:650}.lede{color:var(--text-muted);max-width:54ch;font-size:clamp(1.0625rem,1.35vw,1.1875rem);line-height:1.58}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.folio{font-family:var(--font-mono);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:.6875rem;font-weight:500}.btn{--btn-bg:var(--surface-2);--btn-fg:var(--text);--btn-line:var(--line-strong);border-radius:var(--r-md);border:1px solid var(--btn-line);background:var(--btn-bg);color:var(--btn-fg);letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--edge);transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), opacity var(--dur) var(--ease);justify-content:center;align-items:center;gap:.55em;padding:.72em 1.25em;font-size:.9375rem;font-weight:560;display:inline-flex}.btn:hover{border-color:var(--line-glow);background:var(--surface-3);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{--btn-bg:var(--spectrum);--btn-line:transparent;color:#fff;box-shadow:var(--shadow-brand), inset 0 1px 0 #ffffff38;font-weight:600}.btn-primary:hover{background:var(--spectrum);filter:brightness(1.06);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff42;border-color:#0000}.btn-secondary{--btn-bg:transparent;--btn-line:var(--line-strong);color:var(--text);box-shadow:none}.btn-secondary:hover{background:var(--surface-2);border-color:var(--text-faint)}.btn-ghost{--btn-bg:transparent;--btn-line:transparent;color:var(--text-muted);box-shadow:none}.btn-ghost:hover{color:var(--text);background:var(--surface-2);border-color:var(--line)}.btn-lg{border-radius:var(--r-md);padding:.92em 1.7em;font-size:1rem}.btn-link{color:var(--text);border-bottom:1px solid var(--line-strong);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:.45em;padding-bottom:2px;font-size:.9375rem;font-weight:560;display:inline-flex}.btn-link svg{transition:transform var(--dur) var(--ease)}.btn-link:hover{border-bottom-color:var(--text)}.btn-link:hover svg{transform:translate(3px)}.btn-sm{border-radius:var(--r-sm);padding:.5em .85em;font-size:.8125rem}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:999px;align-items:center;gap:.45em;padding:.34em .75em;font-size:.6875rem;font-weight:500;display:inline-flex}.kbd{font-family:var(--font-mono);border:1px solid var(--line-strong);background:var(--surface-3);color:var(--text-faint);box-shadow:0 1px 0 var(--line-strong);border-radius:5px;padding:.35em .45em;font-size:.6875rem;line-height:1}.page-enter{animation:page-in .32s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--line-strong);transition:transform .18s var(--ease);padding:.7em 1.1em;font-size:.875rem;font-weight:560;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.page-enter{animation:none}}.site-footer{border-top:1px solid var(--line);background:var(--bg-sunken);margin-top:auto;padding-top:clamp(2.6rem,5.2vw,4.35rem);position:relative;overflow:hidden}.footer-top{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:clamp(2rem,5vw,4rem);padding-bottom:3rem;display:grid}.footer-brand{flex-direction:column;align-items:flex-start;gap:1rem;max-width:34ch;display:flex}.footer-brand p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.footer-cols{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.75rem 1rem;display:grid}.footer-col h3{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.9rem;font-size:.6875rem;font-weight:500}.footer-col ul{flex-direction:column;gap:.55rem;padding:0;list-style:none;display:flex}.footer-col a{color:var(--text-muted);transition:color var(--dur) var(--ease);align-items:center;gap:.25rem;font-size:.875rem;display:inline-flex}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--line);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding-block:1.5rem 2rem;font-size:.75rem;display:flex}.footer-watermark{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;height:clamp(50px,8.5vw,112px);display:flex;position:relative;overflow:hidden}.footer-watermark span{letter-spacing:-.06em;white-space:nowrap;background:linear-gradient(180deg, var(--line-strong), transparent 86%);color:#0000;opacity:.62;-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,17vw,15rem);font-weight:800;line-height:1;display:block}@media (width<=900px){.footer-top{grid-template-columns:1fr}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}}@media (width<=480px){.footer-bottom{flex-direction:column}}.site-header{z-index:100;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--line);background:color-mix(in oklab, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(16px)}.site-header-inner{align-items:center;gap:1.5rem;height:66px;display:flex}.site-brand{border-radius:var(--r-sm);flex-shrink:0;align-items:center;display:inline-flex}.logo{align-items:center;gap:.55rem;display:inline-flex}.logo-mark{transition:transform .5s var(--ease)}.site-brand:hover .logo-mark{transform:translateY(-1px)rotate(-4deg)}.logo-word{letter-spacing:-.03em;align-items:center;gap:.4rem;font-size:1.0625rem;font-weight:700;display:inline-flex}.logo-sub{font-family:var(--font-mono);letter-spacing:.12em;color:#fff;background:var(--spectrum);border-radius:5px;padding:.28em .45em .24em;font-size:.625rem;font-weight:600;transform:translateY(-1px)}.site-nav{align-items:center;gap:.25rem;margin-inline-start:.75rem;display:flex}.nav-link{border-radius:var(--r-sm);color:var(--text-muted);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);align-items:center;gap:.3rem;padding:.45rem .7rem;font-size:.9rem;font-weight:500;display:inline-flex}.nav-link:hover,.nav-link.is-open,.nav-link.active{color:var(--text);background:var(--surface-2)}.nav-trigger svg{transition:transform var(--dur) var(--ease)}.nav-trigger.is-open svg{transform:rotate(180deg)}.nav-tools{position:relative}.mega{border-radius:var(--r-xl);border:1px solid var(--line);background:var(--surface);width:min(76vw,700px);box-shadow:var(--edge), var(--shadow-lg);animation:mega-in .18s var(--ease);padding:1.25rem 1.25rem .5rem;position:absolute;top:calc(100% + 12px);left:-1rem}@keyframes mega-in{0%{opacity:0;transform:translateY(-8px)scale(.99)}}.mega-grid{columns:2;column-gap:1.75rem}.mega-group{break-inside:avoid;margin-bottom:1.15rem}.mega-group-title{color:var(--text);margin-bottom:.5rem}.mega-group ul,.mobile-group ul{flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.mega-item{border-radius:var(--r-md);transition:background var(--dur) var(--ease);align-items:center;gap:.7rem;padding:.5rem .6rem;display:flex}.mega-item:hover{background:var(--surface-2)}.mega-icon{border:1px solid var(--line);background:var(--surface-2);width:32px;height:32px;color:var(--text-muted);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.mega-item:hover .mega-icon,.mobile-item:hover .mega-icon{color:var(--text);border-color:var(--line-strong);background:var(--surface-3)}.mega-name{font-size:.875rem;font-weight:560;line-height:1.3;display:block}.mega-desc{color:var(--text-faint);margin-top:1px;font-size:.78rem;line-height:1.35;display:block}.mega-footer{border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);transition:color var(--dur) var(--ease), gap var(--dur) var(--ease);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.85rem;font-size:.75rem;display:flex}.mega-footer:hover{color:var(--text);gap:.8rem}.site-actions{align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}.header-search{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);min-width:190px;color:var(--text-faint);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:.5rem;padding:.45rem .5rem .45rem .7rem;font-size:.8125rem;display:inline-flex}.header-search span{margin-inline-end:auto}.header-search:hover{border-color:var(--line-strong);color:var(--text-muted)}.icon-btn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);width:36px;height:36px;color:var(--text-muted);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);place-items:center;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-3)}.menu-btn{display:none}.mobile-sheet{z-index:99;background:var(--bg);border-top:1px solid var(--line);animation:sheet-in .22s var(--ease);position:fixed;inset:66px 0 0;overflow-y:auto}@keyframes sheet-in{0%{opacity:0;transform:translateY(-10px)}}.mobile-sheet-inner{flex-direction:column;gap:1.5rem;padding-block:1.25rem 3rem;display:flex}.mobile-primary{border-radius:var(--r-lg);border:1px solid var(--line-strong);background:var(--surface-2);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.mobile-primary-title{letter-spacing:-.02em;font-weight:620;display:block}.mobile-primary-desc{color:var(--text-muted);font-size:.8125rem;display:block}.mobile-group .eyebrow{margin-bottom:.6rem}.mobile-item{border-radius:var(--r-md);align-items:center;gap:.75rem;padding:.6rem .5rem;font-size:.95rem;font-weight:520;display:flex}.mobile-item:active{background:var(--surface-2)}.mobile-external{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.4rem;padding-top:1rem;font-size:.8125rem;display:inline-flex}@media (width<=1080px){.header-search{min-width:0}.header-search span,.header-search .kbd{display:none}.header-search{justify-content:center;width:36px;height:36px;padding:0}}@media (width<=900px){.site-nav,.header-cta{display:none}.menu-btn{display:grid}}.tool-card{background:var(--surface);min-height:208px;transition:background var(--dur) var(--ease);flex-direction:column;gap:.55rem;padding:1.25rem 1.3rem 1.3rem;display:flex;position:relative}.tool-card[data-category=condense]{--cat:var(--cat-condense)}.tool-card[data-category=rewrite]{--cat:var(--cat-rewrite)}.tool-card[data-category=write]{--cat:var(--cat-write)}.tool-card[data-category=prompt]{--cat:var(--cat-prompt)}.tool-card-rule{background:var(--cat);width:34px;height:2px;transition:width var(--dur-slow) var(--ease);position:absolute;inset:0 auto auto 0}.tool-card:hover .tool-card-rule,.tool-card:focus-within .tool-card-rule{width:100%}.tool-card:hover{background:var(--surface-2)}.tool-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.15rem;padding-bottom:.95rem;display:flex}.tool-card-glyph{color:var(--cat);transition:transform var(--dur) var(--ease);place-items:center;display:grid}.tool-card:hover .tool-card-glyph{transform:translateY(-1px)}.tool-card-meta{text-align:end;flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.tool-card-index{font-family:var(--font-mono);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:.6875rem;font-weight:500}.tool-card-cat{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem;font-weight:500}.tool-card-body{flex:1}.tool-card-name{letter-spacing:-.032em;margin-bottom:.32rem;font-size:1.1875rem;font-weight:660}.tool-card-wide .tool-card-name{letter-spacing:-.04em;font-size:1.5rem}.tool-card-link:after{content:"";position:absolute;inset:0}.tool-card-link:focus-visible{outline:none}.tool-card-link:focus-visible:after{outline:2px solid var(--brand-400);outline-offset:-3px}.tool-card-tagline{color:var(--text-muted);max-width:34ch;font-size:.875rem;line-height:1.55}.tool-card-uses{flex-direction:column;gap:.4rem;max-width:46ch;margin-top:.9rem;padding:0;list-style:none;display:flex}.tool-card-uses li{color:var(--text-faint);padding-inline-start:.85rem;font-size:.8125rem;line-height:1.5;position:relative}.tool-card-uses li:before{content:"";background:var(--cat);width:4px;height:1px;position:absolute;top:.6em;left:0}.tool-card-cta{letter-spacing:-.01em;color:var(--text-muted);transition:color var(--dur) var(--ease);align-items:center;gap:.4rem;margin-top:1rem;font-size:.8125rem;font-weight:560;display:inline-flex}.tool-card-cta svg{transition:transform var(--dur) var(--ease)}.tool-card:hover .tool-card-cta{color:var(--text)}.tool-card:hover .tool-card-cta svg{transform:translate(3px)}@media (width>=720px){.tool-card-wide{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.tool-card-rule{transition:none}.tool-card-glyph,.tool-card:hover .tool-card-glyph{transform:none}}.hero{padding-block:clamp(1.75rem,3.6vw,2.75rem) clamp(2.5rem,5vw,4.25rem);position:relative}.hero-inner{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:start;gap:clamp(2rem,4vw,3.25rem);display:grid}.hero-copy{padding-top:.35rem}.hero .hero-title{letter-spacing:-.058em;flex-direction:column;margin-block:1rem 1.25rem;font-size:clamp(2.85rem,7.6vw,5.9rem);line-height:.87;display:flex}.hero-title-a{color:color-mix(in oklab, var(--text) 34%, var(--bg))}@supports (-webkit-text-stroke:1px black){.hero-title-a{color:#0000;-webkit-text-stroke:2px var(--text)}}.hero-title-b{color:var(--text)}.hero-lede{max-width:46ch}.hero-visual{flex-direction:column;gap:clamp(1.15rem,2.2vw,1.75rem);display:flex}.contents{border-top:1px solid var(--line);padding-top:.8rem}.contents-head{text-transform:uppercase;color:var(--text-faint);justify-content:space-between;gap:1rem;margin-bottom:.2rem;display:flex}.contents-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.5rem,3vw,2.5rem);padding:0;list-style:none;display:grid}.contents-list li[data-category=condense]{--cat:var(--cat-condense)}.contents-list li[data-category=rewrite]{--cat:var(--cat-rewrite)}.contents-list li[data-category=write]{--cat:var(--cat-write)}.contents-list li[data-category=prompt]{--cat:var(--cat-prompt)}.contents-link{color:var(--text-muted);transition:color var(--dur) var(--ease);align-items:baseline;gap:.55rem;padding-block:.4rem;display:flex}.contents-link:hover{color:var(--text)}.contents-n{letter-spacing:.12em;color:var(--text-faint);flex-shrink:0;font-size:.625rem}.contents-name{letter-spacing:-.012em;white-space:nowrap;font-size:.8125rem;font-weight:530}.contents-leader{background:var(--line);flex:1;min-width:.6rem;height:1px;transform:translateY(-.24em)}.contents-tick{background:var(--cat);flex-shrink:0;width:14px;height:2px;transform:translateY(-.24em)}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem;margin-top:1.75rem;display:flex}.hero-search{border-top:1px solid var(--line);z-index:20;max-width:480px;margin-top:1.7rem;padding-top:1.35rem;position:relative}.hero-search-field{border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--text-faint);transition:border-color var(--dur) var(--ease);align-items:center;gap:.75rem;padding:.85rem .75rem .85rem .95rem;display:flex;position:relative}.hero-search-field:focus-within{border-color:var(--text-faint)}.hero-search-field input{letter-spacing:-.014em;min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:1rem}.hero-search-field input::placeholder{color:var(--text-faint)}.hero-search-field input::-webkit-search-cancel-button{appearance:none}.hero-results{border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-lg);padding:5px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.hero-result{border-radius:var(--r-sm);color:var(--text-muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:.7rem;padding:.5rem .55rem;display:flex;position:relative}.hero-result.is-active{background:var(--surface-2);color:var(--text)}.hero-result-text{flex:1;min-width:0}.hero-result-name{color:var(--text);font-size:.875rem;font-weight:560;display:block}.hero-result-desc{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.hero-result-empty{color:var(--text-muted);padding:.9rem .7rem;font-size:.875rem}.hero-result-empty a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.hero-chips{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.15rem;margin-top:.95rem;display:flex}.hero-chips-label{color:var(--text-faint)}.hero-chip{color:var(--text-muted);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-bottom:1px solid #0000;padding-bottom:1px;font-size:.875rem;font-weight:500}.hero-chip:hover{color:var(--text);border-bottom-color:var(--text-faint)}.shot{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);margin:0;overflow:hidden}.shot-bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.shot-name{color:var(--text);letter-spacing:.16em}.shot-settings{gap:.35rem;margin-inline-start:auto;display:flex}.shot-setting{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--line-strong);background:var(--surface);color:var(--text-muted);border-radius:4px;padding:.25em .5em;font-size:.625rem}.shot-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.shot-pane{min-width:0;padding:.9rem 1rem 1.05rem}.shot-pane-out{border-inline-start:1px solid var(--line)}.shot-label{letter-spacing:.18em;color:var(--text-faint);margin-bottom:.6rem;font-size:.5625rem;display:block}.shot-source{color:var(--text-faint);max-height:14.6em;font-size:.6875rem;line-height:1.62;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.shot-bullets{flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.shot-bullets li{color:var(--text);padding-inline-start:.85rem;font-size:.6875rem;line-height:1.55;position:relative}.shot-bullets li:before{content:"";background:var(--brand-400);border-radius:50%;width:4px;height:4px;position:absolute;top:.52em;left:0}.shot-foot{border-top:1px solid var(--line);letter-spacing:.12em;color:var(--text-faint);justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:.5625rem;display:flex}.shot-delta{color:var(--text);font-weight:600}.rail{border-block:1px solid var(--line)}.rail-inner{scrollbar-width:none;grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.rail-inner::-webkit-scrollbar{display:none}.rail-item{border-inline-start:1px solid var(--line);flex-direction:column;gap:.55rem;padding:1.5rem 1.25rem 1.55rem;display:flex}.rail-item:first-child{border-inline-start:none;padding-inline-start:0}.rail-figure{align-items:baseline;gap:.4rem;display:flex}.rail-value{letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--text);font-size:clamp(2.1rem,3.3vw,2.85rem);font-weight:780;line-height:.92}.rail-unit{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.6875rem;font-weight:500}.rail-label{min-height:2.8em;color:var(--text-faint);max-width:24ch;font-size:.75rem;line-height:1.4}.section-head{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:end;gap:1.25rem 3rem;margin-bottom:2rem;display:grid}.section-head-note{color:var(--text-muted);max-width:42ch;padding-bottom:.4rem;font-size:.9375rem;line-height:1.6}.matrix-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;display:flex}.matrix-tab{border-radius:var(--r-sm);letter-spacing:-.01em;color:var(--text-faint);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);border:1px solid #0000;align-items:baseline;gap:.4rem;padding:.4rem .8rem;font-size:.875rem;font-weight:520;display:inline-flex}.matrix-tab:hover{color:var(--text);background:var(--surface-2)}.matrix-tab.is-active{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}.matrix-tab-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:.625rem}.matrix-blurb{color:var(--text-faint);margin-bottom:1.25rem;font-size:.875rem}.matrix{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line);display:grid}.matrix>*{border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line)}.matrix-more{background:var(--bg-sunken);min-height:200px;color:var(--text-faint);transition:background var(--dur) var(--ease);flex-direction:column;justify-content:flex-end;gap:.4rem;padding:1.3rem;display:flex}.matrix-more:hover{background:var(--surface-2)}.matrix-more-title{letter-spacing:-.02em;color:var(--text-muted);align-items:center;gap:.4rem;font-size:.9375rem;font-weight:600;display:inline-flex}.matrix-more:hover .matrix-more-title{color:var(--text)}.matrix-more-body{max-width:32ch;font-size:.8125rem;line-height:1.55}.workroom{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.steps{margin-top:2rem;padding:0;list-style:none}.step{border-top:1px solid var(--line);grid-template-columns:3.25rem minmax(0,1fr);gap:0 1rem;padding-block:1.1rem;display:grid}.step:last-child{border-bottom:1px solid var(--line)}.step-n{color:var(--text-faint);padding-top:.28rem}.step-title{letter-spacing:-.025em;margin-bottom:.2rem;font-size:1.0625rem;font-weight:640}.step-body{color:var(--text-muted);max-width:52ch;font-size:.875rem;line-height:1.6}.workroom-aside{padding-top:.4rem;position:sticky;top:96px}.workroom-lede{max-width:40ch;font-size:1rem}.principle-list{margin-top:1.75rem;padding:0;list-style:none}.principle{border-top:1px solid var(--line);padding-block:.95rem}.principle:last-child{border-bottom:1px solid var(--line)}.principle-title{letter-spacing:-.02em;margin-bottom:.2rem;font-size:.9375rem;font-weight:620}.principle-body{color:var(--text-faint);max-width:44ch;font-size:.8125rem;line-height:1.6}.workroom-cta{margin-top:1.6rem}.cta{border-top:2px solid var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.75rem 3rem;padding-top:1.5rem;display:grid}.cta-title{margin-block:.75rem .6rem}.cta-lede{color:var(--text-muted);max-width:48ch;font-size:.9375rem;line-height:1.6}.cta-actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-bottom:.35rem;display:flex}@media (width<=1180px){.matrix{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-visual{max-width:560px}.workroom{grid-template-columns:minmax(0,1fr)}.workroom-aside{position:static}.section-head,.cta{grid-template-columns:minmax(0,1fr);align-items:start}}@media (width<=820px){.matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.contents-list{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.matrix{grid-template-columns:minmax(0,1fr)}@supports (-webkit-text-stroke:1px black){.hero-title-a{-webkit-text-stroke-width:1.4px}}.hero-search{margin-top:1.5rem;padding-top:1.35rem}.hero-actions{gap:1rem 1.25rem}.shot-body{grid-template-columns:minmax(0,1fr)}.shot-pane-out{border-inline-start:0;border-top:1px solid var(--line)}.step{grid-template-columns:2.5rem minmax(0,1fr)}}.notfound{align-items:center;min-height:72vh;padding-block:clamp(3rem,8vw,6rem);display:flex;position:relative;overflow:hidden}.notfound-inner{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.notfound-code{font-family:var(--font-mono);letter-spacing:-.06em;color:var(--text);margin-block:1rem .75rem;font-size:clamp(4.5rem,16vw,10rem);font-weight:700;line-height:.9}.notfound-title{margin-bottom:.85rem}.notfound-lede{margin-inline:auto}.notfound-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.notfound-list{padding:0;border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;width:min(100%,720px);margin-top:3rem;padding-top:2rem;list-style:none;display:grid}.notfound-list a{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);text-align:start;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);align-items:center;gap:.6rem;padding:.6rem .7rem;font-size:.875rem;font-weight:520;display:flex}.notfound-list a>svg:last-child{color:var(--text-faint);margin-inline-start:auto}.notfound-list a:hover{border-color:var(--line-strong);transform:translateY(-1px)}.workspace{position:relative}.workspace-grid{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);grid-template-columns:minmax(0,44fr) minmax(0,56fr);display:grid;position:relative;overflow:hidden}.pane{flex-direction:column;min-width:0;height:clamp(460px,100vh - 312px,780px);min-height:0;display:flex}.pane-console{border-inline-end:1px solid var(--line)}.pane-output{scroll-margin-top:78px}.console-input{flex-direction:column;flex:1;min-height:0;display:flex}.console-settings{background:var(--bg-sunken);border-top:1px solid var(--line);flex-direction:column;min-height:0;max-height:46%;display:flex}.pane-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:.7rem;height:50px;padding-inline:1rem .75rem;display:flex}.pane-step{letter-spacing:.14em;color:var(--text-faint);transition:color var(--dur) var(--ease);flex-shrink:0;font-size:.6875rem;font-weight:500}.pane:focus-within .pane-step{color:var(--text)}.pane-title{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.pane-head-actions{flex-shrink:0;align-items:center;gap:.15rem;margin-inline-start:auto;display:flex}.pane-body{flex:1;min-height:0;display:flex;position:relative}.pane-foot{border-top:1px solid var(--line);flex-shrink:0;align-items:center;height:38px;padding-inline:1rem;display:flex;position:relative}.pane-stats{color:var(--text-faint);letter-spacing:.01em;align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.pane-stats .dot{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.pane-stats .is-good{color:var(--ok)}.pane-stats .is-faint{opacity:.65}.meter{background:var(--line);height:2px;position:absolute;inset:-1px 0 auto}.meter span{background:var(--spectrum);height:100%;transition:width .18s var(--ease);display:block}.meter span.is-high{background:linear-gradient(90deg, var(--warn), var(--danger))}.input-area{resize:none;letter-spacing:-.006em;background:0 0;border:0;outline:none;flex:1;width:100%;padding:1.1rem 1.25rem;font-size:.9375rem;line-height:1.72}.input-area::placeholder{color:var(--text-faint);opacity:.75}.input-area:focus-visible{box-shadow:inset 0 2px 0 var(--brand-500);outline:none}.input-prompt{pointer-events:none;flex-wrap:wrap;align-items:center;gap:.6rem .85rem;display:flex;position:absolute;top:4.6rem;left:1.25rem;right:1.25rem}.input-prompt .btn{pointer-events:auto}.input-prompt-or{color:var(--text-faint);font-size:.8125rem}.settings-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;padding:.8rem 1rem .9rem;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 20px),#0000);mask-image:linear-gradient(#000 calc(100% - 20px),#0000)}.settings-scroll::-webkit-scrollbar{width:6px}.settings-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.settings-list{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));align-items:start;gap:.85rem 1.15rem;display:grid}.settings-more-toggle{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);transition:color var(--dur) var(--ease);flex-shrink:0;align-items:center;gap:.5rem;margin-inline-start:auto;font-size:.625rem;font-weight:500;display:flex}.settings-more-toggle:hover{color:var(--text)}.settings-more-toggle>span{align-items:center;gap:.45rem;display:inline-flex}.settings-more-count{font-variant-numeric:tabular-nums;border:1px solid var(--line-strong);letter-spacing:.06em;border-radius:3px;padding:.1em .35em}.settings-more-toggle svg{transition:transform var(--dur) var(--ease)}.settings-more-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.settings-list-advanced{border-top:1px solid var(--line);margin-top:.85rem;padding-top:.85rem}.setting-label{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.35rem;font-size:.625rem;font-weight:500;display:block}.setting-help{color:var(--text-faint);margin-top:.3rem;font-size:.6875rem;line-height:1.45}.segmented{border:1px solid var(--line-strong);background:var(--surface-3);border-radius:9px;gap:2px;padding:2px;display:grid}.segment{letter-spacing:-.01em;color:var(--text-muted);white-space:nowrap;transition:color .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease-out-back);border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:.4rem .3rem;font-size:.75rem;font-weight:520;display:flex;position:relative}.segment:hover{color:var(--text);background:color-mix(in oklab, var(--surface) 55%, transparent)}.segment:active{transform:scale(.97)}.segment.is-active{color:var(--text);background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.segment.is-active:after{content:"";background:var(--spectrum);width:14px;height:2px;margin-inline:auto;position:absolute;inset:auto 0 2px}.segment-hint{letter-spacing:.06em;color:var(--text-faint);font-size:.5625rem}.segment.is-active .segment-hint{color:var(--text-muted)}.select-wrap{align-items:center;display:flex;position:relative}.select-wrap select{appearance:none;border:1px solid var(--line);background:var(--surface);cursor:pointer;width:100%;transition:border-color .18s var(--ease);border-radius:10px;padding:.55rem 2rem .55rem .7rem;font-size:.8125rem;font-weight:500}.select-wrap select:hover{border-color:var(--line-strong)}.select-wrap>svg{color:var(--text-faint);pointer-events:none;position:absolute;right:.65rem}.switch{text-align:start;align-items:center;gap:.6rem;width:100%;display:flex}.switch-track{border:1px solid var(--line-strong);background:var(--bg-sunken);width:34px;height:20px;transition:background .2s var(--ease), border-color .2s var(--ease);border-radius:999px;flex-shrink:0;position:relative}.switch-thumb{background:var(--text-faint);width:14px;height:14px;transition:transform .22s var(--ease), background .2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch.is-on .switch-track{background:var(--spectrum);border-color:#0000}.switch.is-on .switch-thumb{background:#fff;transform:translate(14px)}.switch-label{color:var(--text);font-size:.8125rem;font-weight:520;line-height:1.3}.run-block{border-top:1px solid var(--line);background:var(--bg-sunken);flex-direction:column;flex-shrink:0;gap:.45rem;padding:.8rem 1rem .9rem;display:flex;position:relative}.run-dock{display:none}.run-btn{letter-spacing:-.005em;width:100%;padding-block:.85em;font-size:.9375rem;font-weight:600}.run-btn[data-running]{pointer-events:none}.run-hint{min-height:18px;color:var(--text-faint);justify-content:center;align-items:center;gap:.3rem;font-size:.6875rem;display:flex}.run-hint>span{align-items:center;gap:.3rem;display:inline-flex}.run-hint .is-warn{color:var(--warn)}.run-hint .is-ok{color:var(--ok)}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.62s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.run-stages{gap:3px;height:2px;display:flex}.run-stage{background:var(--line);transition:background .26s var(--ease);border-radius:2px;flex:1}.run-stage.is-done{background:var(--spectrum)}.run-stage.is-active{background:var(--spectrum);animation:stage-pulse .9s var(--ease-in-out) infinite}@keyframes stage-pulse{50%{opacity:.45}}.output-body{flex-direction:column;gap:1.1rem;padding:1.1rem 1.25rem;overflow-y:auto}.output-empty{flex-direction:column;align-items:flex-start;gap:.45rem;max-width:34ch;margin:0;display:flex}.output-empty-step{color:var(--text-faint);letter-spacing:.18em;margin-bottom:.15rem}.output-empty-title{letter-spacing:-.025em;font-size:1rem;font-weight:620;line-height:1.35}.output-empty-body{color:var(--text-faint);font-size:.8125rem;line-height:1.6}.output-empty-cta{margin-top:.7rem}.output-result{animation:output-in .28s var(--ease);flex-direction:column;gap:1.1rem;display:flex;position:relative}@keyframes output-in{0%{opacity:0;transform:translateY(6px)}}.output-text{white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:-.006em;max-width:68ch;font-size:.9375rem;line-height:1.78}.variant-tabs{flex-wrap:wrap;gap:.35rem;display:flex}.variant-tab{border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .7rem;font-size:.75rem;font-weight:520;display:inline-flex}.variant-tab:hover{color:var(--text)}.variant-tab.is-active{color:var(--text);border-color:var(--line-strong);background:var(--surface-3)}.variant-meta{color:var(--text-faint);font-size:.625rem}.notes{border-top:1px solid var(--line);padding:0;flex-direction:column;gap:.5rem;padding-top:1rem;list-style:none;display:flex}.note{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;gap:.6rem;padding:.6rem .7rem;display:flex}.note svg{flex-shrink:0;margin-top:.2rem}.note-fix svg{color:var(--ok)}.note-warn svg{color:var(--warn)}.note-info svg{color:var(--text-faint)}.note-label{font-size:.8125rem;font-weight:560;line-height:1.4}.note-detail{color:var(--text-faint);margin-top:1px;font-size:.75rem;line-height:1.5}.skeleton{flex-direction:column;gap:.75rem;width:100%;display:flex}.skeleton span{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 40%, var(--surface-2) 80%);height:11px;animation:shimmer 1.15s var(--ease-in-out) infinite;background-size:220% 100%;border-radius:5px}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-60% 0}}@media (width<=1080px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.pane{height:auto}.pane-console{border-inline-end:none;border-bottom:1px solid var(--line)}.console-settings{max-height:none}.settings-scroll{overflow:visible;-webkit-mask-image:none;mask-image:none}.input-area{min-height:210px}.output-body{min-height:240px}.run-block{display:none}.run-dock{z-index:60;background:var(--bg);border-top:1px solid var(--line-strong);animation:dock-in .2s var(--ease);display:block;position:fixed;inset:auto 0 0}.run-dock-inner{max-width:1440px;padding:.7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom,0px));align-items:center;gap:1rem;margin-inline:auto;display:flex;position:relative}.run-dock .run-stages{gap:0;position:absolute;inset:-1px 0 auto}.run-dock .run-stage{border-radius:0}.run-dock .run-btn{flex:1;order:2;min-width:0}.run-dock .run-hint{text-align:start;flex:0 auto;order:1;justify-content:flex-start}body[data-dock]{padding-bottom:88px}}@keyframes dock-in{0%{transform:translateY(100%)}}@media (width<=560px){.pane-head{padding-inline:.85rem .6rem}.pane-head-actions .btn-sm{padding:.45em .5em}.input-area,.output-body{padding:.9rem 1rem}.settings-scroll{padding:.85rem .85rem 1rem}.run-dock-inner{flex-direction:column;align-items:stretch;gap:.4rem;padding-top:.55rem}.run-dock .run-btn{width:100%}.run-dock .run-hint{text-align:center;order:0;justify-content:center}body[data-dock]{padding-bottom:104px}}@media (prefers-reduced-motion:reduce){.run-dock,.output-result,.skeleton span{animation:none}.run-stage.is-active{opacity:.72;animation:none}.spinner{border-color:currentColor;animation:none}}.tool-head{padding-block:.85rem 1rem}.crumbs{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.6875rem;display:flex}.crumbs a{transition:color var(--dur) var(--ease)}.crumbs a:hover{color:var(--text)}.crumbs [aria-current]{color:var(--text-muted)}.tool-head-main{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 2.5rem;padding-bottom:.95rem;display:grid}.tool-head-meta{color:var(--text-faint);margin-bottom:.4rem}.tool-head-title{margin-bottom:.4rem;font-size:clamp(1.75rem,2.8vw,2.6rem)}.tool-head-desc{color:var(--text-muted);max-width:62ch;font-size:.9375rem;line-height:1.6}.tool-badges{flex-wrap:wrap;gap:.4rem 1.15rem;padding:0 0 .3rem;list-style:none;display:flex}.tool-badges li{color:var(--text-faint);white-space:nowrap;align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.tool-badges svg{color:var(--ok)}.tool-workspace-wrap{padding-bottom:.5rem}.demo-note{color:var(--text-faint);align-items:flex-start;gap:.55rem;max-width:78ch;margin-top:.9rem;font-size:.75rem;line-height:1.55;display:flex}.demo-note svg{flex-shrink:0;margin-top:.15rem}.demo-note strong{color:var(--text-muted);font-weight:600}.tool-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.tool-steps{margin-bottom:2.25rem;padding:0;list-style:none}.tool-step{border-top:1px solid var(--line);grid-template-columns:2.75rem minmax(0,1fr);gap:0 .85rem;padding-block:.95rem;display:grid}.tool-step:last-child{border-bottom:1px solid var(--line)}.tool-step-n{padding-top:.22rem}.tool-step-title{letter-spacing:-.02em;margin-bottom:.2rem;font-size:.9375rem;font-weight:620}.tool-step-body{color:var(--text-muted);font-size:.875rem;line-height:1.6}.tool-uses-head{margin-bottom:.9rem}.tool-uses ul{flex-direction:column;padding:0;list-style:none;display:flex}.tool-uses li{color:var(--text-muted);border-top:1px solid var(--line);padding:.6rem 0 .6rem 1.1rem;font-size:.9375rem;line-height:1.5;position:relative}.tool-uses li:last-child{border-bottom:1px solid var(--line)}.tool-uses li:before{content:"";background:var(--text-faint);width:5px;height:1px;position:absolute;top:1.15em;left:0}.tool-faq h2{margin-bottom:.9rem}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;letter-spacing:-.015em;transition:color var(--dur) var(--ease);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;font-size:.9375rem;font-weight:560;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--text)}.faq-item summary svg{color:var(--text-faint);transition:transform var(--dur) var(--ease);flex-shrink:0}.faq-item[open] summary svg{transform:rotate(180deg)}.faq-item p{color:var(--text-muted);max-width:62ch;padding:0 0 1.1rem;font-size:.875rem;line-height:1.65}.tool-related-all{color:var(--text-faint);transition:color var(--dur) var(--ease)}.tool-related-all:hover{color:var(--text)}.tool-related{border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tool-related>*{border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line)}@media (width<=900px){.tool-head-main{grid-template-columns:minmax(0,1fr);align-items:start}.tool-detail{grid-template-columns:minmax(0,1fr)}.tool-related{grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}}@media (width<=560px){.tool-head-desc{font-size:.875rem}.tool-badges{gap:.35rem .9rem}.tool-related{grid-template-columns:minmax(0,1fr)}.tool-step{grid-template-columns:2.25rem minmax(0,1fr)}}.directory-head{padding-block:clamp(2rem,4.5vw,3.25rem) clamp(1.5rem,3.5vw,2.25rem)}.directory-head-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:clamp(1.75rem,4vw,3.5rem);display:grid}.directory-title{letter-spacing:-.05em;margin-block:.85rem;font-size:clamp(2.25rem,4.6vw,3.6rem);font-weight:780;line-height:.98}.cat-legend{border-top:1px solid var(--line);padding:0;list-style:none}.cat-legend li{border-bottom:1px solid var(--line)}.cat-legend li[data-category=condense]{--cat:var(--cat-condense)}.cat-legend li[data-category=rewrite]{--cat:var(--cat-rewrite)}.cat-legend li[data-category=write]{--cat:var(--cat-write)}.cat-legend li[data-category=prompt]{--cat:var(--cat-prompt)}.cat-legend-item{text-align:start;width:100%;transition:background var(--dur) var(--ease);grid-template-columns:34px auto minmax(0,1fr);align-items:baseline;gap:0 .85rem;padding:.7rem .2rem;display:grid}.cat-legend-item:hover{background:var(--surface-2)}.cat-legend-rule{background:var(--cat);width:34px;height:2px;transform:translateY(-.28em)}.cat-legend-name{letter-spacing:-.02em;color:var(--text-muted);transition:color var(--dur) var(--ease);font-size:.9375rem;font-weight:600}.cat-legend-item:hover .cat-legend-name,.cat-legend-item.is-active .cat-legend-name{color:var(--text)}.cat-legend-count{color:var(--text-faint);grid-column:3;justify-self:end;font-size:.6875rem}.cat-legend-blurb{color:var(--text-faint);grid-column:2/-1;margin-top:.15rem;font-size:.8125rem;line-height:1.45}.cat-legend-item.is-active{background:var(--surface-2)}.filter-bar{z-index:40;border-block:1px solid var(--line);background:color-mix(in oklab, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:66px}.filter-bar-inner{align-items:center;gap:1.25rem;padding-block:.85rem;display:flex}.filter-search{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:min(320px,42vw);color:var(--text-faint);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-shrink:0;align-items:center;gap:.6rem;padding:.5rem .55rem .5rem .8rem;display:flex}.filter-search:focus-within{border-color:var(--text-faint)}.filter-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:.875rem}.filter-search input::-webkit-search-cancel-button{appearance:none}.filter-clear{width:22px;height:22px;color:var(--text-faint);transition:color var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:6px;place-items:center;display:grid}.filter-clear:hover{color:var(--text);background:var(--surface-3)}.filter-pills{scrollbar-width:none;gap:.4rem;padding-block:2px;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.filter-pills .matrix-tab{flex-shrink:0;padding:.4rem .75rem;font-size:.8125rem}.directory-count{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.25rem;font-size:.6875rem}.directory-grid{border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.directory-grid>*{border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line)}.directory-empty{text-align:center;border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:.75rem;padding:clamp(3rem,8vw,5rem) 1.5rem;display:flex}.directory-empty p{color:var(--text-muted);max-width:42ch;font-size:.9375rem}.directory-empty .btn{margin-top:.75rem}@media (width<=1180px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.directory-head-inner{grid-template-columns:minmax(0,1fr);align-items:start}}@media (width<=860px){.filter-bar-inner{flex-direction:column;align-items:stretch;gap:.75rem}.filter-search{width:100%}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.directory-grid{grid-template-columns:minmax(0,1fr)}.cat-legend-blurb{display:none}.cat-legend-item{padding-block:.85rem}}