:root{--primary-color:#2563eb;--secondary-color:#1e40af;--accent-color:#3b82f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-inverse:#ffffff;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--bg-muted:#f3f4f6;--border-color:#e5e7eb;--border-strong:#d1d5db;--success-color:#047857;--success-bg:#f0fdf4;--success-border:#a7f3d0;--warning-color:#92400e;--warning-bg:#fffbeb;--warning-border:#fde68a;--error-color:#b91c1c;--error-bg:#fef2f2;--error-border:#fecaca;--info-color:#1e40af;--info-bg:#eff6ff;--info-border:#bfdbfe;--code-bg:#f3f4f6;--terminal-bg:#1e1e1e;--terminal-fg:#e0e0e0;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:'SF Mono',Monaco,Menlo,'Ubuntu Mono',Consolas,monospace;--container-width:1200px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 3px rgb(0 0 0 / 10%);--shadow-md:0 4px 12px rgb(0 0 0 / 10%);--focus-ring:0 0 0 3px rgb(37 99 235 / 45%);}*,*::before,*::after{box-sizing:border-box;}*{margin:0;padding:0;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important;}}body{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);}h1,h2,h3,h4{line-height:1.25;text-wrap:balance;}a{color:var(--primary-color);}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm);}img{max-width:100%;height:auto;}code,kbd,samp,pre{font-family:var(--font-mono);font-size:0.9em;}table{border-collapse:collapse;}button,input,select,textarea{font:inherit;color:inherit;}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:12px 20px;background-color:var(--primary-color);color:var(--text-inverse);font-weight:600;text-decoration:none;}.skip-link:focus{left:0;}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px;}.site-header{background-color:var(--primary-color);color:var(--text-inverse);padding:20px 0;border-bottom:3px solid var(--secondary-color);}.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;}.brand{display:flex;align-items:center;gap:12px;color:var(--text-inverse);text-decoration:none;}.brand-mark{font-size:32px;line-height:1;}.brand-name{margin:0;font-size:140%;font-weight:700;}.nav-list{display:flex;gap:8px;align-items:center;flex-wrap:wrap;list-style:none;}.nav-list a{display:block;color:var(--text-inverse);text-decoration:none;font-size:90%;padding:6px 12px;border-radius:var(--radius-sm);transition:background-color 0.2s;}.nav-list a:hover,.nav-list a[aria-current='page']{background-color:rgb(255 255 255 / 20%);}.site-header a:focus-visible{outline-color:var(--text-inverse);}.page-title{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:20px 0;}.page-title h1{margin:0;font-size:140%;color:var(--text-primary);}.page-title p{margin:5px 0 0;color:var(--text-secondary);font-size:95%;}.content-wrapper{display:flex;gap:30px;margin-top:20px;}.sidebar{width:220px;flex-shrink:0;}.sidebar nav{position:sticky;top:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:15px 0;}.sidebar nav h2{font-size:100%;margin:0 0 10px 15px;color:var(--text-secondary);text-transform:uppercase;font-weight:700;}.sidebar nav ul{list-style:none;}.sidebar nav a{display:block;padding:8px 15px;color:var(--text-primary);text-decoration:none;border-left:3px solid transparent;transition:background-color 0.2s,border-color 0.2s,color 0.2s;}.sidebar nav a:hover,.sidebar nav a.active{background-color:rgb(37 99 235 / 5%);border-left-color:var(--primary-color);color:var(--secondary-color);}.main-content{flex:1;min-width:0;}.surface{background-color:var(--bg-primary);margin:40px auto;padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.surface section{margin-bottom:30px;padding-bottom:20px;}.surface section:not(:last-child){border-bottom:1px solid var(--border-color);}.surface h2{color:var(--secondary-color);font-size:130%;margin:0 0 0.8em;font-weight:700;}.surface h2:target{background-color:rgb(37 99 235 / 5%);padding:10px;margin:0 -10px 0.8em;border-radius:var(--radius-sm);}.surface h3{color:var(--text-primary);font-size:115%;margin:20px 0 10px;}.surface p + p{margin-top:0.8em;}.prose > * + *{margin-top:1em;}.prose h2{color:var(--secondary-color);font-size:130%;margin-top:1.8em;padding-top:0.6em;border-top:1px solid var(--border-color);}.prose h3{font-size:115%;margin-top:1.4em;}.prose h4{font-size:100%;margin-top:1.2em;}.prose ul,.prose ol{padding-left:1.5em;}.prose li + li{margin-top:0.3em;}.prose blockquote{border-left:4px solid var(--border-strong);padding-left:1em;color:var(--text-secondary);}.prose table{width:100%;display:block;overflow-x:auto;}.prose img{border-radius:var(--radius-md);}.toc{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 20px;}.toc ul{list-style:none;padding-left:1em;}.toc > ul{padding-left:0;}.site-footer{text-align:center;padding:40px 20px;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:60px;background-color:var(--bg-primary);}.site-footer .links{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap;list-style:none;}.site-footer .links a{color:var(--primary-color);text-decoration:none;font-weight:500;}.site-footer .links a:hover{text-decoration:underline;}.site-footer .colophon{margin-top:20px;font-size:0.9rem;}.used-by{margin-top:28px;}.used-by h2{font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px;}.used-by ul{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;list-style:none;}.used-by a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);text-decoration:none;font-weight:500;font-size:0.9rem;transition:border-color 0.2s,background-color 0.2s;}.used-by a:hover{border-color:var(--primary-color);background-color:var(--bg-primary);color:var(--secondary-color);}@media (width <= 968px){.content-wrapper{flex-direction:column;}.sidebar{width:100%;}.sidebar nav{position:static;}.site-header .container{flex-direction:column;text-align:center;}.nav-list{justify-content:center;}}@media (width <= 768px){.surface{padding:20px;margin:20px auto;}.surface h2{font-size:120%;}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:var(--primary-color);color:var(--text-inverse);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color 0.2s;}.btn:hover{background-color:var(--secondary-color);}.btn--secondary{background-color:var(--bg-primary);color:var(--secondary-color);border-color:var(--border-strong);}.btn--secondary:hover{background-color:var(--bg-muted);}.btn--success{background-color:var(--success-color);}.btn--success:hover{background-color:#065f46;}.btn--muted{background-color:var(--bg-muted);color:var(--text-primary);border-color:var(--border-strong);}.btn--muted:hover{background-color:var(--border-color);}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0;}.feature-card{background-color:var(--bg-secondary);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:transform 0.2s,box-shadow 0.2s;}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.feature-card h3{color:var(--secondary-color);font-size:110%;margin:0 0 10px;}.feature-card p{color:var(--text-secondary);font-size:0.95rem;}.code-block,.prose pre{background-color:var(--code-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;overflow-x:auto;margin:20px 0;}.prose:not(pre) > code{background-color:var(--code-bg);padding:0.15em 0.4em;border-radius:var(--radius-sm);}.terminal{background-color:var(--terminal-bg);border-radius:var(--radius-lg);margin:20px 0;box-shadow:0 4px 20px rgb(0 0 0 / 30%);overflow:hidden;}.terminal-header{background:linear-gradient(180deg,#3c3c3c 0%,#2d2d2d 100%);padding:10px 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #1a1a1a;}.terminal-buttons{display:flex;gap:8px;}.terminal-btn{width:12px;height:12px;border-radius:50%;border:none;box-shadow:0 0 0 1px rgb(0 0 0 / 20%);}.terminal-btn.close{background:linear-gradient(180deg,#ff5f57 0%,#e0443e 100%);}.terminal-btn.minimize{background:linear-gradient(180deg,#febc2e 0%,#dea123 100%);}.terminal-btn.maximize{background:linear-gradient(180deg,#28c840 0%,#1aab29 100%);}.terminal-title{flex:1;text-align:center;color:#b9b9b9;font-size:0.8rem;font-weight:500;margin-right:60px;}.terminal-body{padding:15px 20px;overflow-x:auto;}.terminal-body code{color:var(--terminal-fg);font-size:0.85rem;line-height:1.6;white-space:pre;display:block;}.schema-url{background-color:var(--code-bg);padding:15px;border-left:4px solid var(--primary-color);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:0.9rem;word-break:break-all;margin:20px 0;}.callout{border:1px solid var(--info-border);border-left-width:4px;background-color:var(--info-bg);padding:15px;margin:20px 0;border-radius:var(--radius-sm);}.callout h3{margin:0 0 8px;font-size:105%;color:var(--info-color);}.callout p + p{margin-top:10px;}.callout--warning{background-color:var(--warning-bg);border-color:var(--warning-border);}.callout--warning h3{color:var(--warning-color);}.property-table,.prose table{width:100%;margin:15px 0;font-size:95%;}.property-table th,.property-table td,.prose th,.prose td{padding:10px;text-align:left;border:1px solid var(--border-color);}.property-table th,.prose th{background-color:var(--bg-secondary);font-weight:700;}.property-table tr:hover,.prose tbody tr:hover{background-color:rgb(37 99 235 / 3%);}.term-list{list-style-position:inside;color:var(--text-secondary);line-height:2;}.term-list strong{color:var(--text-primary);}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:25px 0;}.package-card{display:flex;flex-direction:column;gap:12px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;}.package-header{display:flex;align-items:center;gap:14px;}.package-icon{font-size:32px;line-height:1;}.package-title h3{margin:0;font-size:110%;color:var(--secondary-color);}.package-name{font-family:var(--font-mono);font-size:0.8rem;color:var(--text-secondary);word-break:break-all;}.package-badges{display:flex;gap:8px;flex-wrap:wrap;min-height:20px;}.package-description{color:var(--text-secondary);font-size:0.95rem;flex:1;}.package-install{background-color:var(--terminal-bg);color:var(--terminal-fg);font-family:var(--font-mono);font-size:0.82rem;padding:12px 14px;border-radius:var(--radius-md);overflow-x:auto;white-space:pre;}.package-links{display:flex;gap:16px;flex-wrap:wrap;font-size:0.9rem;}.package-links a{color:var(--primary-color);font-weight:500;}.tool-main{max-width:var(--container-width);margin:0 auto;padding:32px 20px 48px;}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}.panel{display:flex;flex-direction:column;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;background-color:var(--primary-color);color:var(--text-inverse);}.panel-header--muted{background-color:#374151;}.panel-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:600;}.panel-header .btn-group{display:flex;gap:8px;}.panel-header .btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:0.85rem;color:var(--text-inverse);background-color:rgb(255 255 255 / 20%);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color 0.2s;}.panel-header .btn-ghost:hover{background-color:rgb(255 255 255 / 32%);}.panel-header .btn-ghost:focus-visible,.panel-header a:focus-visible{outline-color:var(--text-inverse);}.panel-body{padding:20px;}.panel-meta{font-size:0.85rem;opacity:0.85;}.code-editor{width:100%;min-height:560px;padding:16px;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:0.85rem;line-height:1.5;resize:vertical;background-color:var(--bg-primary);}.code-editor:focus-visible{outline:2px solid var(--primary-color);outline-offset:-1px;border-color:var(--primary-color);}.editor-flush{flex:1;display:flex;}.editor-flush textarea{width:100%;min-height:420px;border:none;border-radius:0;padding:20px;font-family:var(--font-mono);font-size:0.85rem;line-height:1.5;resize:none;background-color:var(--bg-muted);color:var(--text-primary);}.editor-flush textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px;background-color:var(--bg-primary);}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:0.78rem;color:var(--text-secondary);}.status-indicator{display:flex;align-items:center;gap:6px;}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);flex-shrink:0;}.status-dot.success{background-color:var(--success-color);}.status-dot.error{background-color:var(--error-color);}.status-dot.warning{background-color:var(--warning-color);}.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:24px;}.field label,.field .label-like{display:flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;min-height:1.4em;}.field select{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-primary);}.field .actions{display:flex;gap:8px;}.field .actions .btn{padding:10px 14px;}.field .actions .btn--grow{flex:1;}.results{padding:20px;max-height:680px;overflow-y:auto;}.results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:320px;text-align:center;color:var(--text-secondary);}.results-empty svg{opacity:0.4;margin-bottom:8px;}.results-empty p:first-of-type{font-size:1.05rem;font-weight:500;}.result{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius-md);border:1px solid transparent;border-left-width:3px;margin-bottom:16px;}.result svg{flex-shrink:0;}.result h3{margin:0 0 4px;font-size:1rem;font-weight:600;}.result p{font-size:0.9rem;margin:0;}.result--error{background-color:var(--error-bg);border-color:var(--error-border);border-left-color:var(--error-color);color:var(--error-color);}.result--warning{background-color:var(--warning-bg);border-color:var(--warning-border);border-left-color:var(--warning-color);color:var(--warning-color);}.result--success{background-color:var(--success-bg);border-color:var(--success-border);border-left-color:var(--success-color);color:var(--success-color);}.result-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;}.result-tag{font-family:var(--font-mono);font-size:0.72rem;background-color:rgb(0 0 0 / 7%);color:var(--text-primary);padding:2px 8px;border-radius:var(--radius-sm);}.result-suggestion{margin-top:8px;font-size:0.88rem;}.result details summary{font-size:0.78rem;color:var(--text-secondary);cursor:pointer;margin-top:8px;}.result details pre{font-size:0.75rem;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:8px;border-radius:var(--radius-sm);margin-top:4px;overflow-x:auto;}.stat-panel{background-color:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;}.stat-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:1rem;}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;}.stat{background-color:var(--bg-primary);border-radius:var(--radius-md);padding:12px;}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;}.stat-label{font-size:0.82rem;color:var(--text-secondary);}.hint{background-color:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-md);padding:16px;}.hint h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1rem;}.check-list{list-style:none;display:grid;gap:8px;font-size:0.9rem;}.check-list li{display:flex;align-items:flex-start;gap:8px;}.check-list svg{flex-shrink:0;margin-top:3px;color:var(--primary-color);}.disc-list{padding-left:1.2em;font-size:0.9rem;}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:32px;}.info-card{display:flex;align-items:flex-start;gap:14px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;}.info-card .icon-badge{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-md);background-color:var(--info-bg);color:var(--secondary-color);}.info-card h3{margin:0 0 4px;font-size:0.98rem;font-weight:600;}.info-card p{font-size:0.88rem;color:var(--text-secondary);margin:0;}.help-panel{display:flex;align-items:flex-start;gap:18px;margin-top:32px;padding:24px;background-color:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-lg);}.help-panel .icon-badge{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:var(--radius-lg);background-color:var(--bg-primary);color:var(--primary-color);}.help-panel h2{margin:0 0 6px;font-size:1.05rem;}.help-panel p{margin:0 0 14px;}.toast{position:fixed;top:16px;right:16px;z-index:50;display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:var(--success-color);color:var(--text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-md);}.messages{margin-top:16px;}.message{padding:12px 16px;border-radius:var(--radius-sm);border-left:4px solid;font-size:0.85rem;}.message--error{background-color:var(--error-bg);border-color:var(--error-color);color:var(--error-color);}.message--warning{background-color:var(--warning-bg);border-color:var(--warning-color);color:var(--warning-color);}.message--success{background-color:var(--success-bg);border-color:var(--success-color);color:var(--success-color);}@media (width <= 1024px){.panel-grid{grid-template-columns:1fr;}.code-editor{min-height:380px;}.results{max-height:none;}}