.resources-v1{--tool-width:76rem;--tool-reading:54rem;--tool-section-space:2.5rem;--tool-local-cyan:#35c2e806;--tool-local-violet:#6c63ff06;--tool-local-mint:#67ab9c06;--tool-local-warm:#ff9b6306;--tool-glass:#ffffff80;--tool-border:#359db02e;--tool-hover:#35c2e809;--tool-ink:#47746f;--tool-ink-bg:#eef6f2;--tool-violet:#5b54a9;--tool-violet-bg:#efedf9;--tool-neutral:#575d66;--tool-neutral-bg:#eff0f1;--tool-coral:#985046;--tool-coral-bg:#faefec;--tool-kicker:.6875rem;--tool-caption:.75rem;--tool-title:clamp(1.75rem,4vw,2.75rem);--tool-node-duration:12s;isolation:isolate;position:relative}html:has(body.resources-v1){scroll-behavior:auto}.resources-v1 .tool-container{width:min(var(--tool-width),calc(100% - 2.5rem));margin-inline:auto}.resources-v1 :is(h1,h2,h3){color:var(--color-text)}.resources-v1 .tool-eyebrow{font:var(--tool-kicker)/1.8 var(--font-mono);letter-spacing:.085em;color:var(--color-muted-strong)}.resources-v1 .tool-hero-glow{isolation:isolate;position:relative}.resources-v1 .tool-hero-glow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 35%,var(--tool-local-cyan),transparent 75%),radial-gradient(ellipse at 10% 0%,var(--tool-local-violet),transparent 70%);position:absolute;inset:0 -1rem}.resources-v1 .tool-hero{gap:var(--space-6);padding-block:var(--space-10) var(--space-8);display:grid}.resources-v1 .tool-hero h1{letter-spacing:-.045em;margin:var(--space-3) 0 var(--space-5);font-size:clamp(2.25rem,5vw,4.25rem);font-weight:550;line-height:1.15}.resources-v1 .tool-hero h1>span{color:var(--color-accent-warm)}.resources-v1 .tool-hero h2{letter-spacing:-.03em;font-size:clamp(1.5rem,2.7vw,2.125rem);font-weight:550;line-height:1.5}.resources-v1 .tool-hero h2>span{display:block}.resources-v1 .tool-hero p{max-width:34rem;color:var(--color-muted-strong);margin-top:var(--space-4);font-size:.9375rem;line-height:1.85}.resources-v1 .tool-constellation{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;display:grid}.resources-v1 .tool-constellation--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.resources-v1 .tool-node{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--tool-glass);box-shadow:var(--shadow-soft);animation:tool-node-float var(--tool-node-duration) ease-in-out infinite alternate;text-align:center;flex-direction:column;min-height:100px;display:flex}.resources-v1 .tool-node svg{width:20px;height:20px;color:var(--tool-ink)}.resources-v1 .tool-node>span{color:var(--color-muted-strong);font-size:.6875rem;line-height:1.7}.resources-v1 .tool-node small{font:.5625rem/1.6 var(--font-mono);color:var(--tool-ink)}.resources-v1 .tool-node-1{animation-delay:-3s}.resources-v1 .tool-node-2{animation-delay:-7s}.resources-v1 .tool-node-3{animation-delay:-10s}@keyframes tool-node-float{0%{transform:translateY(2px)}to{transform:translateY(-3px)}}.resources-v1 .tool-overview{gap:var(--space-3);padding-block:var(--space-5);border-block:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.resources-v1 .tool-overview>div{gap:var(--space-2);flex-direction:column-reverse;display:flex}.resources-v1 .tool-overview dt{font-size:var(--tool-kicker);color:var(--color-muted-strong)}.resources-v1 .tool-overview dd{font:1.625rem/1.2 var(--font-mono);color:var(--tool-ink);margin:0}.resources-v1 .tool-filters{gap:var(--space-4);padding-block:var(--space-5);border-bottom:1px solid var(--color-border);display:grid}.resources-v1 .tool-type-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.resources-v1 .tool-type-filters button{gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--tool-glass);border:1px solid var(--color-border);font-size:var(--tool-caption);color:var(--color-muted-strong);align-items:center;display:inline-flex}.resources-v1 .tool-type-filters button[aria-pressed=true]{color:var(--tool-ink);border-color:var(--tool-border);background:var(--tool-ink-bg)}.resources-v1 .tool-search{gap:var(--space-3);min-height:48px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--tool-glass);border:1px solid var(--color-border);align-items:center;display:flex}.resources-v1 .tool-search svg{width:18px;height:18px;color:var(--color-muted-strong);flex-shrink:0}.resources-v1 .tool-search input{width:100%;min-width:0;color:var(--color-text);background:0 0;border:0;outline:0;font-size:.875rem}.resources-v1 .tool-search:focus-within{outline:2px solid var(--color-accent-violet);outline-offset:3px}.resources-v1 .tool-result-count{font-size:var(--tool-caption);color:var(--color-muted-strong);margin-block:var(--space-4) var(--space-6)}.resources-v1 .tool-featured{gap:var(--space-6);padding:var(--space-5);background:var(--tool-glass);border:1px solid var(--tool-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);display:grid}.resources-v1 .tool-feature-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--tool-caption);color:var(--tool-ink);flex-wrap:wrap;display:flex}.resources-v1 .tool-featured h2{margin:var(--space-4) 0 var(--space-3);font-size:clamp(1.375rem,2.4vw,1.75rem);font-weight:550;line-height:1.6}.resources-v1 .tool-featured p{color:var(--color-muted-strong);font-size:.9375rem;line-height:1.9}.resources-v1 .tool-feature-facts{gap:var(--space-3) var(--space-4);font-size:var(--tool-caption);color:var(--color-muted-strong);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.resources-v1 .tool-text-link{align-items:center;gap:var(--space-5);min-height:44px;margin-top:var(--space-4);color:var(--tool-ink);font-size:.875rem;display:inline-flex}.resources-v1 .tool-text-link svg{width:18px;height:18px}.resources-v1 .tool-feature-structure{padding:var(--space-4);border-left:1px solid var(--tool-border)}.resources-v1 .tool-feature-structure ol{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.resources-v1 .tool-feature-structure li{gap:var(--space-3);margin:0;font-size:.8125rem;line-height:1.8;display:flex}.resources-v1 .tool-feature-structure li>span{font:var(--tool-kicker)/1.8 var(--font-mono);color:var(--tool-ink)}.resources-v1 .tool-status{align-items:center;gap:var(--space-2);font:var(--tool-kicker)/1.6 var(--font-mono);border-radius:var(--radius-sm);color:var(--tool-neutral);background:var(--tool-neutral-bg);flex-wrap:wrap;padding:.3rem .55rem;display:inline-flex}.resources-v1 .tool-status-prototype{color:var(--tool-violet);background:var(--tool-violet-bg)}.resources-v1 .tool-status-available{color:var(--tool-ink);background:var(--tool-ink-bg)}.resources-v1 .tool-index{margin-top:var(--space-10)}.resources-v1 .tool-index-heading{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);display:flex}.resources-v1 .tool-object{gap:var(--space-4);padding-block:var(--space-6);border-bottom:1px solid var(--color-border);scroll-margin-top:calc(var(--header-height) + var(--space-6));transition:background var(--motion-base) var(--motion-easing);grid-template-columns:minmax(0,1fr);display:grid}.resources-v1 .tool-object-symbol{align-items:center;gap:var(--space-3);color:var(--tool-ink);font:var(--tool-caption)/1.8 var(--font-mono);width:fit-content;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--tool-glass);display:inline-flex}.resources-v1 .tool-object-symbol svg{flex-shrink:0;width:18px;height:18px}.resources-v1 .tool-object-symbol b{color:var(--tool-violet);font-weight:400}.resources-v1 .tool-row-meta{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.resources-v1 .tool-object h2,.resources-v1 .tool-object h3{margin:var(--space-3) 0 var(--space-2);font-size:clamp(1.125rem,1.8vw,1.375rem);font-weight:550;line-height:1.7}.resources-v1 .tool-object h2 a,.resources-v1 .tool-object h3 a{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:44px;display:flex}.resources-v1 .tool-object h2 svg,.resources-v1 .tool-object h3 svg,.resources-v1 .tool-object-end svg{width:18px;height:18px;transition:transform var(--motion-base) var(--motion-easing);flex-shrink:0}.resources-v1 .tool-object p{color:var(--color-muted-strong);font-size:.9375rem;line-height:1.85}.resources-v1 .tool-object-info{gap:var(--space-3);font-size:var(--tool-caption);color:var(--color-muted-strong);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.resources-v1 .tool-object-end{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--tool-caption);color:var(--color-muted-strong);display:flex}.resources-v1 .tool-object-end>a{gap:var(--space-3);min-height:44px;color:var(--tool-ink);align-items:center;display:inline-flex}.resources-v1 .tool-object-end>time{font-family:var(--font-mono)}.resources-v1 .tool-empty{padding-block:var(--space-12)}.resources-v1 .tool-empty h2{font-size:1.375rem;font-weight:500}.resources-v1 .tool-empty button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--tool-glass);min-height:44px;padding:var(--space-3) var(--space-5);margin-top:var(--space-4)}.resources-v1 .tool-principles{margin-block:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.resources-v1 .tool-principles h2{margin:var(--space-2) 0 var(--space-6);font-size:clamp(1.25rem,2vw,1.625rem);font-weight:550}.resources-v1 .tool-principles ol{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid}.resources-v1 .tool-principles li{gap:var(--space-3);grid-template-columns:24px minmax(0,1fr);margin:0;display:grid}.resources-v1 .tool-principles li>span{font:var(--tool-caption)/1.85 var(--font-mono);color:var(--tool-ink)}.resources-v1 .tool-principles p{color:var(--color-muted-strong);font-size:.875rem;line-height:1.85}.resources-v1 .tool-detail-hero{padding-block:var(--space-6) var(--space-8)}.resources-v1 .tool-back{min-height:44px;font-size:var(--tool-caption);color:var(--color-muted-strong);margin-bottom:var(--space-5);align-items:center;display:inline-flex}.resources-v1 .tool-detail-meta{gap:var(--space-3);font-size:var(--tool-caption);color:var(--tool-ink);flex-wrap:wrap;align-items:center;display:flex}.resources-v1 .tool-detail-hero h1{font-size:var(--tool-title);letter-spacing:-.035em;margin:var(--space-4) 0 var(--space-3);font-weight:550;line-height:1.45}.resources-v1 .tool-detail-hero>p{color:var(--color-muted-strong);max-width:var(--tool-reading);font-size:1rem;line-height:1.9}.resources-v1 .tool-detail-hero .tool-scope{font-size:var(--tool-caption);margin-top:var(--space-3)}.resources-v1 .tool-passport{margin-top:var(--space-6);padding:var(--space-5);background:var(--tool-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.resources-v1 .tool-passport dl{gap:var(--space-4);margin:var(--space-4) 0 0;display:grid}.resources-v1 .tool-passport dt{font-size:var(--tool-caption);color:var(--color-muted-strong);margin-bottom:var(--space-1)}.resources-v1 .tool-passport dd{margin:0;font-size:.8125rem;line-height:1.8}.resources-v1 .tool-manual{max-width:var(--tool-reading)}.resources-v1 .tool-section-heading{margin-bottom:var(--space-5)}.resources-v1 .tool-section-heading h2{margin-top:var(--space-2);font-size:clamp(1.375rem,2vw,1.75rem);font-weight:550;line-height:1.6}.resources-v1 .tool-section-heading p{color:var(--color-muted-strong);margin-top:var(--space-3);font-size:.875rem;line-height:1.85}.resources-v1 .tool-preview-section{padding-bottom:var(--tool-section-space)}.resources-v1 .tool-file-preview{border:1px solid var(--tool-border);border-radius:var(--radius-lg);background:var(--tool-glass);box-shadow:var(--shadow-soft);overflow:hidden}.resources-v1 .tool-file-toolbar,.resources-v1 .tool-file-footer{gap:var(--space-3);padding:var(--space-4) var(--space-5);font:var(--tool-kicker)/1.8 var(--font-mono);color:var(--color-muted-strong);border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;display:flex}.resources-v1 .tool-file-preview pre{padding:var(--space-5);white-space:pre-wrap;overflow-wrap:anywhere;font:.875rem/1.95 var(--font-sans);color:var(--color-text);background:0 0;border:0;margin:0}.resources-v1 .tool-file-footer{border-top:1px solid var(--color-border);color:var(--tool-ink);border-bottom:0}.resources-v1 .tool-manual-section{padding-block:var(--tool-section-space);border-top:1px solid var(--color-border)}.resources-v1 .tool-manual-section>p,.resources-v1 .tool-manual-section li{font-size:1rem;line-height:1.95}.resources-v1 .tool-manual-section h3{margin:var(--space-5) 0 var(--space-2);font-size:1rem;font-weight:550;line-height:1.8}.resources-v1 .tool-manual-section ul{padding-left:var(--space-5);margin:0}.resources-v1 .tool-manual-section li::marker{color:var(--tool-ink)}.resources-v1 .tool-steps{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.resources-v1 .tool-steps li{gap:var(--space-3);grid-template-columns:28px minmax(0,1fr);margin:0;display:grid}.resources-v1 .tool-steps li>span{font:var(--tool-caption)/2 var(--font-mono);color:var(--tool-ink);padding-top:var(--space-1)}.resources-v1 .tool-steps p{line-height:1.95}.resources-v1 .tool-included{gap:var(--space-8);display:grid}.resources-v1 .tool-boundary{isolation:isolate;position:relative}.resources-v1 .tool-boundary:before{content:"";background:radial-gradient(ellipse,var(--tool-local-mint),transparent 75%);z-index:-1;pointer-events:none;position:absolute;inset:0 -1rem}.resources-v1 .tool-related-lab{padding-block:var(--space-4);border-bottom:1px solid var(--color-border)}.resources-v1 .tool-related-lab>div{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.resources-v1 .tool-related-lab h3 a{align-items:center;gap:var(--space-4);min-height:44px;display:flex}.resources-v1 .tool-related-lab svg{flex-shrink:0;width:18px;height:18px}.resources-v1 .tool-related-lab p{color:var(--color-muted-strong);font-size:.9375rem;line-height:1.85}.resources-v1 .lab-status{gap:var(--space-2);border-radius:var(--radius-sm);font:var(--tool-kicker)/1.6 var(--font-mono);color:var(--tool-neutral);background:var(--tool-neutral-bg);align-items:center;padding:.3rem .55rem;display:inline-flex}.resources-v1 .lab-status-partial{color:var(--tool-violet);background:var(--tool-violet-bg)}.resources-v1 .lab-status-verified{color:var(--tool-ink);background:var(--tool-ink-bg)}.resources-v1 .lab-status-failed{color:var(--tool-coral);background:var(--tool-coral-bg)}.resources-v1 .tool-license-terms{gap:var(--space-4);margin:var(--space-5) 0;grid-template-columns:1fr 1fr;display:grid}.resources-v1 .tool-license-terms>div{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);font-size:.8125rem;display:flex}.resources-v1 .tool-license-terms dt{color:var(--color-muted-strong)}.resources-v1 .tool-license-terms dd{margin:0}.resources-v1 .tool-manual-section small{font-size:var(--tool-caption);color:var(--tool-violet)}.resources-v1 .tool-download-panel{isolation:isolate;gap:var(--space-5);padding:var(--space-5);margin-block:var(--space-6) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--tool-glass);box-shadow:var(--shadow-soft);display:grid;position:relative}.resources-v1 .tool-download-panel:before{content:"";background:radial-gradient(ellipse,var(--tool-local-violet),transparent 75%);z-index:-1;pointer-events:none;position:absolute;inset:-2rem -.75rem}.resources-v1 .tool-download-panel h2{margin:var(--space-2) 0 var(--space-3);font-size:1.375rem;font-weight:550}.resources-v1 .tool-download-panel p{overflow-wrap:anywhere;font-size:.875rem;line-height:1.9}.resources-v1 .tool-download-panel>div>span{font-size:var(--tool-caption);color:var(--color-muted-strong);margin-top:var(--space-2);display:block}.resources-v1 .tool-download-unavailable{gap:var(--space-3);color:var(--tool-violet);font-weight:500;display:inline-flex}.resources-v1 .tool-gate-explanation{color:var(--color-muted-strong);margin-top:var(--space-3)}.resources-v1 .tool-download-button{gap:var(--space-4);min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-action-violet);color:var(--color-surface);justify-content:center;align-items:center;font-size:.875rem;display:flex}.resources-v1 .tool-download-button svg{width:18px;height:18px}.resources-v1 .tool-related-resources{padding-bottom:var(--space-12)}@media (width>=48rem){.resources-v1 .tool-container{width:min(var(--tool-width),calc(100% - 4rem))}.resources-v1 .tool-hero{gap:var(--space-12);padding-block:var(--space-12);grid-template-columns:1.3fr 1fr}.resources-v1 .tool-hero--compact{grid-template-columns:minmax(0,1fr)}.resources-v1 .tool-constellation{gap:var(--space-4);grid-template-columns:1fr 1fr;width:100%;max-width:26rem;margin-left:auto}.resources-v1 .tool-node{padding:var(--space-5);min-height:130px}.resources-v1 .tool-node>span{font-size:var(--tool-caption)}.resources-v1 .tool-node small{font-size:var(--tool-kicker)}.resources-v1 .tool-overview{max-width:42rem;padding-block:var(--space-6);gap:var(--space-6);border-bottom:0}.resources-v1 .tool-featured{gap:var(--space-10);padding:var(--space-8);grid-template-columns:1.2fr 1fr}.resources-v1 .tool-object{gap:var(--space-6);grid-template-columns:160px minmax(0,1fr);align-items:center}.resources-v1 .tool-object-symbol{max-width:160px;padding:var(--space-4);flex-wrap:wrap;justify-content:center;align-self:center}.resources-v1 .tool-object-end{grid-column:2}.resources-v1 .tool-passport dl{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr))}.resources-v1 .tool-file-toolbar,.resources-v1 .tool-file-footer{padding-inline:var(--space-6)}.resources-v1 .tool-file-preview pre{padding:var(--space-6)}.resources-v1 .tool-included{gap:var(--space-10);grid-template-columns:1fr 1fr}.resources-v1 .tool-license-terms{grid-template-columns:repeat(4,minmax(0,1fr))}.resources-v1 .tool-principles ol{gap:var(--space-8);grid-template-columns:repeat(3,1fr)}.resources-v1 .tool-detail-hero{padding-top:var(--space-8)}}@media (width>=64rem){.resources-v1 .tool-filters{align-items:start;gap:var(--space-6);grid-template-columns:1fr 22rem}.resources-v1 .tool-featured{padding:var(--space-10)}.resources-v1 .tool-object{gap:var(--space-8);grid-template-columns:180px minmax(0,1fr) 125px}.resources-v1 .tool-object-symbol{max-width:180px}.resources-v1 .tool-object-end{justify-content:center;align-items:flex-end;gap:var(--space-5);flex-direction:column;grid-column:3}.resources-v1 .tool-object-related{gap:var(--space-6);grid-template-columns:150px minmax(0,1fr)}.resources-v1 .tool-object-related .tool-object-end{justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row;grid-column:2}.resources-v1 .tool-download-panel{padding:var(--space-6);gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (hover:hover) and (pointer:fine){.resources-v1 .tool-object:hover{background:var(--tool-hover)}.resources-v1 .tool-object:hover .tool-object-symbol{border-color:var(--tool-border);transform:translateY(-3px)}.resources-v1 .tool-object:hover :is(h2,h3) svg,.resources-v1 .tool-object-end>a:hover svg{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.resources-v1 .tool-node{animation:none;transform:none}.resources-v1 *,.resources-v1 :before,.resources-v1 :after{scroll-behavior:auto!important;transition:none!important}.resources-v1 .tool-object:hover .tool-object-symbol,.resources-v1 .tool-object:hover :is(h2,h3) svg,.resources-v1 .tool-object-end>a:hover svg{transform:none}}
