:root{--page-px: 2.5rem;--bg-1: #F9FAFB;--bg-2: #F3F4F6;--ink: #1E2028;--muted: #6B6E7F;--line: #E4E5EA;--brand: #0A6E5C;--brand-dark: #064D40;--brand-soft: #d4f0ea;--accent: #F0A500;--accent-soft: #FFF3D6;--surface: #ffffff;--surface-2: #F9FAFB;--mint: #2DD4A8;--secondary: #1A1A2E;--shadow-sm: 0 1px 3px rgba(30, 32, 40, .06);--shadow-md: 0 4px 16px rgba(30, 32, 40, .08);--shadow-lg: 0 12px 40px rgba(30, 32, 40, .12);--radius: 14px;--radius-sm: 8px;--header-h: 56px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg-1);line-height:1.6}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;z-index:200}.skip-link:focus{left:8px}code,pre{font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace}h1,h2,h3{margin:0;line-height:1.15}p{margin:0}a{color:inherit}.app-shell{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;animation:reveal .3s ease-out}.panel{background:var(--surface);border:1px solid var(--line)}.app-header{position:sticky;top:0;z-index:100;height:var(--header-h);flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:0 1.25rem;background:var(--surface);border-bottom:1px solid var(--line);border-radius:0;box-shadow:var(--shadow-sm)}.app-header-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.brand-btn{border:none;background:none;font-size:1.15rem;font-weight:800;color:var(--brand);padding:0;letter-spacing:-.02em;cursor:pointer}.brand-btn:hover:enabled{color:var(--brand-dark);border-color:transparent}.header-badge{background:var(--brand-soft);color:#064d40;padding:.2rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.header-meta{display:flex;gap:.75rem;margin-left:auto;flex-shrink:0}.top-nav{display:flex;gap:.25rem}.top-nav button{border:1px solid transparent;border-radius:8px;padding:.38rem .85rem;background:transparent;color:var(--muted);font-weight:600;font-size:.9rem;cursor:pointer;transition:color .12s,background .12s}.top-nav button:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line)}.top-nav button.active{background:var(--brand-soft);color:#064d40;border-color:var(--brand-soft)}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:.45rem .75rem;cursor:pointer;transition:border-color .1s,background .1s}button:hover:enabled{border-color:var(--brand)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(10,110,92,.35);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.5rem .65rem}textarea{resize:vertical}label{display:grid;gap:.35rem;font-size:.92rem;font-weight:500}.field-label{font-size:.92rem;font-weight:700}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.muted{color:var(--muted);font-size:.88rem}.count{color:var(--muted);font-size:.75rem}.app-footer{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.84rem;color:var(--muted);padding:.75rem 1.25rem;border-top:1px solid var(--line);border-radius:0;background:var(--surface);margin-top:auto}.footer-link{border:none;background:none;color:var(--brand);padding:0;font-size:.84rem;font-weight:600;cursor:pointer;text-decoration:none}.footer-link:hover:enabled{border-color:transparent;text-decoration:underline}.catalog-page-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;background:var(--surface);border-top:1px solid var(--line)}.catalog-steps{display:flex;align-items:center;gap:.75rem;padding:.6rem var(--page-px);background:var(--surface-2);border-bottom:1px solid var(--line);flex-shrink:0}.catalog-step{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--muted);font-weight:500;white-space:nowrap}.catalog-step--active{color:var(--ink);font-weight:600}.step-num{width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--muted);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.catalog-step--active .step-num{background:var(--brand);color:#fff}.step-arrow{color:var(--muted);font-size:1rem;flex-shrink:0}.catalog-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.65rem var(--page-px);border-bottom:1px solid var(--line);flex-shrink:0;background:var(--surface)}.catalog-search-input{width:320px;max-width:100%;flex-shrink:0}.catalog-viewport{display:flex;flex:1;overflow:hidden;min-height:0}.catalog-sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--line);overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;background:var(--surface-2)}.catalog-main{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.provider-groups{display:flex;flex-direction:column;gap:.25rem}.provider-group{border-top:1px solid var(--line);padding-top:.5rem;margin-top:.25rem;display:grid;gap:.25rem}.provider-group:first-child{border-top:none;margin-top:0}.provider-group h3{font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:baseline;justify-content:space-between;padding:0 .25rem}.provider-link{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:6px;padding:.3rem .45rem;font-size:.84rem}.provider-link:hover:enabled{background:var(--surface);border-color:var(--line)}.provider-link.active{background:var(--brand-soft);border-color:var(--brand);color:#064d40;font-weight:600}.method-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.method-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.875rem;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .12s ease,border-color .12s ease}.method-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.method-card--disabled{opacity:.5}.method-card-name code{font-size:.88rem;font-weight:500;color:var(--brand)}.method-card-doc{font-size:.8rem;color:var(--muted);line-height:1.45;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.method-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.35rem;border-top:1px solid var(--line)}.method-card-params{font-size:.72rem;color:var(--muted);background:var(--surface-2);padding:.18rem .45rem;border-radius:4px}.try-btn{background:var(--brand);color:#fff;border:none;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.try-btn:hover:enabled{background:var(--brand-dark);border-color:transparent}.try-btn:disabled{background:var(--line);color:var(--muted)}.provider-header{display:grid;gap:.35rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.provider-header h2{font-size:1.35rem}.filter-pills{display:flex;gap:.4rem;flex-wrap:wrap}.filter-pill{border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:600;background:var(--surface);border:1px solid var(--line);cursor:pointer;white-space:nowrap}.filter-pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}.popular-section{display:grid;gap:.5rem}.popular-section h3{font-size:.84rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.popular-methods{display:flex;flex-wrap:wrap;gap:.4rem}.method-quick-btn{background:var(--brand-soft);border-color:transparent;color:#064d40;font-size:.82rem;padding:.32rem .72rem;border-radius:999px;font-family:JetBrains Mono,SF Mono,Consolas,monospace}.method-quick-btn:hover:enabled{border-color:var(--brand);background:#b2e8dd}.home-page{display:grid;gap:2rem;padding:1.5rem var(--page-px) 3rem}.home-hero{display:grid;gap:1rem;padding:2rem;background:linear-gradient(135deg,var(--surface),var(--brand-soft) 80%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.home-hero h1{font-family:"Instrument Serif",Georgia,Times New Roman,serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:400;letter-spacing:-.02em;line-height:1.1}.home-subtitle{font-size:1.05rem;color:var(--muted);max-width:56ch;line-height:1.65}.home-sample{display:flex;gap:.75rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem 1rem;max-width:480px;font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.86rem;box-shadow:var(--shadow-sm);transition:background .3s}.home-sample-label{color:var(--muted);min-width:64px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.home-sample-value{color:var(--brand);font-weight:500;word-break:break-all}.home-cta-row{display:flex;gap:.75rem;flex-wrap:wrap}.cta-primary{background:var(--brand);color:#fff;border-color:var(--brand);padding:.65rem 1.35rem;font-weight:700;font-size:.96rem;border-radius:10px}.cta-primary:hover:enabled{background:var(--brand-dark);border-color:var(--brand-dark)}.cta-secondary{padding:.65rem 1.35rem;font-size:.96rem;border-radius:10px}.home-pills{display:flex;gap:.5rem;flex-wrap:wrap}.home-pills span{background:var(--brand-soft);color:#064d40;padding:.28rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600}.home-hero-dark{background:var(--secondary);border-radius:var(--radius);padding:4rem 3.5rem;display:grid;gap:1.5rem;position:relative;overflow:hidden;border:none}.home-hero-dark:before{content:"";position:absolute;top:-140px;right:-100px;width:560px;height:560px;background:radial-gradient(circle,rgba(10,110,92,.22) 0%,transparent 68%);pointer-events:none;z-index:0}.home-hero-dark:after{content:"";position:absolute;bottom:-80px;left:-60px;width:320px;height:320px;background:radial-gradient(circle,rgba(240,165,0,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.home-hero-dark>*{position:relative;z-index:1}.hero-logo{margin-bottom:.75rem}.home-hero-dark h1{font-family:"Instrument Serif",Georgia,Times New Roman,serif;font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:400;color:#fff;letter-spacing:-.03em;line-height:1.05;max-width:18ch;margin:0}.home-hero-sub{font-size:1.1rem;color:#9497a6;max-width:50ch;line-height:1.75;margin:0}.hero-cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.25rem}.cta-hero-primary{background:var(--brand);color:#fff;border:2px solid var(--brand);padding:.875rem 2.25rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;letter-spacing:.01em;transition:background .15s,border-color .15s}.cta-hero-primary:hover:enabled{background:var(--brand-dark);border-color:var(--brand-dark)}.home-section-title{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.1rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.75rem;margin-top:.75rem}.category-card{display:grid;gap:.2rem;text-align:left;padding:1rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.category-card:hover:enabled{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--brand)}.category-icon{font-size:1.6rem;line-height:1}.category-label{font-weight:700;font-size:.92rem;margin-top:.2rem}.category-desc{color:var(--muted);font-size:.78rem}.category-methods{display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.3rem}.category-methods code{background:var(--brand-soft);color:#064d40;padding:.1rem .35rem;border-radius:4px;font-size:.68rem}.templates-page{padding:1.5rem var(--page-px) 2.5rem;display:grid;gap:1rem}.templates-page>header{display:grid;gap:.35rem}.templates-page>header h2{font-size:1.5rem;font-weight:700}.templates-page>header p:not(.eyebrow){color:var(--muted);max-width:65ch}.template-sections{display:grid;gap:1.5rem;margin-top:1rem}.template-section{display:grid;gap:.9rem;padding-top:1.25rem;padding-inline:.5rem;border-top:1px solid var(--line)}.template-section:first-child{padding-top:0;border-top:none}.template-section-header{display:grid;gap:.2rem}.template-section-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}.template-section-title{margin:0;font-size:1.1rem}.template-section-description{margin:0;color:var(--muted);max-width:70ch}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:2rem;display:grid;gap:.875rem;box-shadow:var(--shadow-sm)}.template-card-header{display:flex;gap:.75rem;align-items:flex-start}.template-icon{font-size:1.9rem;line-height:1;flex-shrink:0}.template-name{font-weight:700;font-size:1rem;margin:0}.template-fields{list-style:none;padding:0;margin:0;display:grid;gap:0}.template-fields li{display:flex;justify-content:space-between;align-items:center;padding:.32rem 0;border-bottom:1px dashed var(--line);font-size:.84rem;gap:.5rem}.template-fields li:last-child{border-bottom:none}.template-field-name{color:var(--muted)}.template-field-method{background:var(--surface-2);color:var(--ink);padding:.12rem .38rem;border-radius:4px;font-size:.74rem;font-family:JetBrains Mono,SF Mono,Consolas,monospace}.template-use-btn{background:var(--brand);color:#fff;border-color:var(--brand);padding:.55rem 1rem;font-weight:600;text-align:center;border-radius:var(--radius-sm);width:100%}.template-use-btn:hover:enabled{background:var(--brand-dark);border-color:var(--brand-dark)}.schema-page,.coverage-page{display:grid;gap:1.25rem;padding:1.5rem var(--page-px) 2.5rem}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row input{width:auto}.param-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.action-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}progress{width:200px;height:.75rem}.error{color:#7f1d1d;background:var(--accent-soft);border:1px solid #f9a8a8;padding:.6rem .85rem;border-radius:var(--radius-sm)}.preview{display:grid;gap:.5rem}.preview pre{margin:0;border-radius:10px;background:var(--ink);color:#e0f5ef;padding:.85rem 1rem;max-height:280px;overflow:auto;font-size:.82rem}.schema-field-list{display:grid;gap:.7rem}.schema-field{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem;background:var(--surface);display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.coverage-list{margin:0;padding-left:1.2rem;display:grid;gap:.35rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:grid;place-items:center;padding:1rem;z-index:20}.modal-content{width:min(1100px,100%);max-height:92vh;overflow:auto;display:grid;gap:1rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--line);padding:1.25rem}.modal-header{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.loading-panel{min-height:40vh;display:grid;place-items:center;text-align:center}.preview-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.copy-btn{padding:.28rem .65rem;font-size:.78rem;border-radius:6px}.copy-btn.copied{background:var(--brand-soft);border-color:var(--brand);color:#064d40}.code-snippet{margin-top:.25rem}.code-snippet summary{cursor:pointer;color:var(--brand);font-size:.84rem;font-weight:600;padding:.35rem 0;-webkit-user-select:none;user-select:none}.code-snippet summary:hover{text-decoration:underline}.code-snippet pre{background:var(--ink);color:#e0f5ef;padding:.8rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;overflow-x:auto;margin:.4rem 0 0}.skeleton-wrap{display:grid;gap:.5rem;padding:.5rem 0}.skeleton-row{height:13px;border-radius:6px;background:linear-gradient(90deg,var(--line) 25%,var(--bg-2) 50%,var(--line) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-row.wide{width:100%}.skeleton-row.medium{width:70%}.skeleton-row.narrow{width:45%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero{display:grid;gap:.75rem}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.catalog-sidebar{width:200px}}@media (max-width: 768px){.catalog-steps{gap:.45rem;font-size:.75rem;padding:.5rem .75rem}.step-arrow{font-size:.85rem}.home-hero-dark{padding:3rem 2.5rem}.category-grid{grid-template-columns:repeat(2,1fr)}.top-nav button{padding:.3rem .6rem;font-size:.82rem}}@media (max-width: 640px){.catalog-viewport{flex-direction:column}.catalog-sidebar{width:100%;height:160px;border-right:none;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto;overflow-y:hidden}.provider-groups{flex-direction:row;gap:0}.catalog-steps span:not(.step-num){display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:1fr}.header-meta{display:none}.home-page{padding:1rem 1rem 1.5rem;gap:1rem}.home-hero{padding:1.25rem}.home-hero-dark{padding:2.5rem 1.5rem}.home-hero-dark h1{font-size:clamp(1.8rem,7vw,2.4rem)}.home-hero-sub{font-size:1rem}.hero-logo img{max-width:70%;height:auto}.top-nav{gap:.15rem;overflow-x:auto}.top-nav button{padding:.28rem .5rem;font-size:.78rem;white-space:nowrap}.app-header{padding-inline:.75rem;gap:.5rem}.template-section{padding-inline:.25rem}.method-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 480px){.home-hero-dark{padding:2rem 1.25rem}.home-hero-dark h1{font-size:clamp(1.6rem,7vw,2rem)}.template-card{padding:1.25rem}.cta-hero-primary{width:100%;text-align:center}.schema-page,.coverage-page{padding:1rem 1rem 2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: more){:root{--line: #94a3b8;--surface: #ffffff;--brand: #064D40;--accent: #c78500;--muted: #475569}.panel,button,input,select,textarea{border-width:2px}}