@import "https://fonts.googleapis.com/css2?family=Archivo:wght@800;900&family=Space+Mono:wght@400;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f3f5;--surface:#fafaf9;--surface-2:#e7e9ed;--text:#14161a;--muted:#5f6572;--accent:#d6331b;--accent-support:#1d4ed8;--success:#15803d;--danger:#d6331b;--tree-hot-bg:#fbeae7;--font-display:"Archivo", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--radius:2px;--shadow-offset:4px;--transition-ui:.15s ease-out;--transition-tree:.2s ease-out}*{box-sizing:border-box}html,body{height:100%}body{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-mono);background-image:radial-gradient(#14161a0f 1px,#0000 0);background-size:24px 24px;margin:0;font-size:16px;line-height:1.5}#app{flex-direction:column;min-height:100vh;display:flex}.site-header{padding:var(--space-3) var(--space-4) var(--space-2);border-bottom:1px solid var(--text);background:var(--surface);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.brand-lockup{align-items:center;gap:var(--space-3);min-width:0;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;padding-bottom:6px;font-size:2rem;font-weight:900;display:inline-block;position:relative}.wordmark em{color:var(--accent);font-style:normal}.wordmark:after{content:"";background:var(--accent);width:0%;height:2px;transition:width .4s ease-out;position:absolute;bottom:0;left:0}.wordmark.swept:after{width:100%}.tagline{color:var(--muted);max-width:60ch;margin:0;font-size:.95rem;font-weight:700}.header-subhead{color:var(--muted);margin:2px 0 0;font-size:.75rem}.repo-link,.site-footer a{color:var(--text);text-transform:uppercase;text-underline-offset:4px;white-space:nowrap;min-height:44px;transition:color var(--transition-ui), transform var(--transition-ui);align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.repo-link:hover,.site-footer a:hover{color:var(--accent);transform:translateY(-1px)}.repo-link:focus-visible,.site-footer a:focus-visible,.faq summary:focus-visible{outline:2px solid var(--accent-support);outline-offset:4px}.page-main{flex:1}.workspace{gap:var(--space-2);padding:var(--space-2);flex:1;grid-template-columns:1fr;align-content:start;width:100%;max-width:1600px;margin:0 auto;display:grid}@media (width>=768px){.workspace{grid-template-columns:320px 1fr;align-content:stretch;align-items:stretch;min-height:calc(100vh - 108px)}}.input-rail,.output-panel{background:var(--surface);border:1px solid var(--text);border-radius:var(--radius);padding:var(--space-2)}.input-rail{gap:var(--space-2);flex-direction:column;display:flex}.input-rail-head{justify-content:space-between;align-items:center;display:flex}.input-rail-head h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:800}#input-rail-body{gap:var(--space-2);flex-direction:column;display:flex}#input-rail-body[hidden]{display:none}label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.75rem;display:block}select,textarea,button{font-family:var(--font-mono);border-radius:var(--radius);border:1px solid var(--text);font-size:.9rem}select{background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2314161A'/%3E%3C/svg%3E") no-repeat right 12px center;width:100%;color:var(--text);padding:var(--space-1);appearance:none;cursor:pointer;min-height:44px;transition:border-color var(--transition-ui), box-shadow var(--transition-ui);background-size:10px 6px}select:hover{border-color:var(--accent)}select:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d6331b40}textarea{resize:vertical;background:var(--surface-2);width:100%;min-height:200px;color:var(--text);padding:var(--space-2);transition:border-color var(--transition-ui), box-shadow var(--transition-ui);font-size:.8rem}textarea:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d6331b40}textarea:hover{border-color:var(--accent)}button{background:var(--accent);color:var(--surface);padding:var(--space-1) var(--space-2);cursor:pointer;min-height:44px;transition:transform var(--transition-ui), box-shadow var(--transition-ui);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--text);justify-content:center;align-items:center;font-weight:700;display:inline-flex}button[hidden]{display:none}button:hover{box-shadow:5px 5px 0 0 var(--text);transform:translate(-1px,-1px)}button:active{box-shadow:1px 1px 0 0 var(--text);transform:translate(2px,2px)}button:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}button:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.ghost-btn{color:var(--text);border:1px solid var(--text);border-radius:var(--radius);min-height:44px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:border-color var(--transition-ui), color var(--transition-ui);background:0 0;justify-content:center;align-items:center;padding:4px 10px;font-size:.7rem;display:inline-flex}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.ghost-btn:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.input-error{color:var(--danger);padding:var(--space-1);background:var(--surface);border-left:3px solid var(--danger);margin:0;font-size:.8rem}.example-row{align-items:center;gap:var(--space-1);padding-top:var(--space-1);border-top:1px dashed var(--surface-2);flex-wrap:wrap;display:flex}.example-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;width:100%;font-size:.7rem}#clear-saved-btn{align-self:flex-start}.output-panel{flex-direction:column;min-height:60vh;display:flex;overflow:auto}.output-panel-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.output-panel-head h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;font-weight:800}#jump-hottest-btn{border-color:var(--accent);color:var(--accent)}#jump-hottest-btn:hover{background:var(--accent);color:var(--surface)}.output-placeholder{color:var(--muted);text-align:center;max-width:40ch;margin:auto;font-size:.95rem}.output-placeholder-error{color:var(--danger);font-weight:700}.tree{font-size:.85rem;overflow-x:auto}.tree-children{padding-left:var(--space-2);border-left:1px dashed var(--muted);margin-left:20px}.tree-row{align-items:center;gap:var(--space-1);border-radius:var(--radius);white-space:nowrap;width:max-content;min-width:100%;transition:background-color var(--transition-tree), border-color var(--transition-tree);border:1px solid #0000;padding:6px 8px;display:flex}.tree-row:hover{background:var(--surface-2)}.tree-row:focus-visible{outline:2px solid var(--accent-support);outline-offset:-2px}.tree-toggle{background:var(--surface-2);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);border:1px solid var(--text);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-ui), background-color var(--transition-ui);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tree-toggle:hover{border-color:var(--accent)}.tree-toggle:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.tree-toggle-spacer{width:44px;min-width:44px}.tree-label{font-weight:700}.tree-meta{color:var(--muted);font-size:.78rem}.tree-badge{border-radius:var(--radius);letter-spacing:.03em;white-space:nowrap;padding:2px 6px;font-size:.68rem}.tree-badge-hot{background:var(--accent);color:var(--surface);text-transform:uppercase;font-weight:700}.tree-badge-mismatch{background:var(--accent-support);color:var(--surface)}.tree-row-hottest{background:var(--tree-hot-bg);border-color:var(--accent);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--accent);animation:hotspot-sweep var(--transition-tree) ease-out}@keyframes hotspot-sweep{0%{box-shadow:0 0 0 0 var(--accent)}to{box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--accent)}}.inspector-backdrop:not([hidden]){z-index:20;padding:var(--space-2);background:#14161a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inspector-panel{background:var(--surface);border:1px solid var(--text);border-radius:var(--radius);width:min(480px,100%);max-height:80vh;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--text);padding:var(--space-2) var(--space-3) var(--space-3);overflow:auto}.inspector-panel:focus-visible{outline:2px solid var(--accent-support);outline-offset:2px}.inspector-head{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.inspector-heading{font-family:var(--font-display);margin:0;font-size:1.1rem;font-weight:800}.inspector-fields{column-gap:var(--space-2);row-gap:var(--space-1);grid-template-columns:auto 1fr;margin:0;font-size:.85rem;display:grid}.inspector-fields dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-top:2px;font-size:.7rem}.inspector-fields dd{margin:0;font-weight:700}.explain-guide{width:min(1400px,100% - 32px);margin:var(--space-4) auto 64px;background:var(--surface);border:1px solid var(--text);box-shadow:8px 8px 0 var(--text)}.guide-intro{gap:var(--space-4);padding:48px var(--space-4);border-bottom:1px solid var(--text);grid-template-columns:minmax(220px,.75fr) minmax(0,1fr) minmax(0,1fr);display:grid}.guide-index,.benefit-grid article>span{color:var(--accent-support);letter-spacing:.08em;margin:0;font-size:.7rem;font-weight:700}.guide-intro h2,.faq h2{font-family:var(--font-display);letter-spacing:-.04em;font-weight:900}.guide-intro h2{max-width:11ch;margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95}.guide-intro>p:not(.guide-index){color:var(--muted);max-width:62ch;margin:0;font-size:.85rem}.benefit-grid{border-bottom:1px solid var(--text);grid-template-columns:repeat(3,1fr);display:grid}.benefit-grid article{padding:var(--space-4);border-right:1px solid var(--text)}.benefit-grid article:last-child{border-right:0}.benefit-grid h3{font-family:var(--font-display);margin:var(--space-3) 0 var(--space-1);font-size:1.25rem}.benefit-grid p,.faq details p{color:var(--muted);max-width:62ch;font-size:.8rem}.faq{padding:48px var(--space-4);grid-template-columns:minmax(220px,.75fr) minmax(0,2fr);column-gap:48px;display:grid}.faq h2{grid-row:1/span 4;max-width:10ch;margin:0;font-size:2rem;line-height:1}.faq details{border-top:1px solid var(--text);padding:var(--space-2) 0}.faq details:last-child{border-bottom:1px solid var(--text)}.faq summary{cursor:pointer;transition:color var(--transition-ui), padding-left var(--transition-ui);font-weight:700}.faq summary:hover{color:var(--accent);padding-left:4px}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--text);background:var(--surface);color:var(--muted);font-size:.7rem;display:flex}@media (width<=767px){.site-header,.brand-lockup,.site-footer{flex-direction:column;align-items:flex-start}.site-header{padding:var(--space-2)}.brand-lockup{gap:var(--space-1)}.repo-link{align-self:flex-start}.explain-guide{width:calc(100% - 32px);margin-top:var(--space-2)}.guide-intro,.benefit-grid,.faq{grid-template-columns:1fr}.guide-intro,.faq{padding:var(--space-4) var(--space-2)}.guide-intro{gap:var(--space-3)}.benefit-grid article{border-right:0;border-bottom:1px solid var(--text);padding:var(--space-3) var(--space-2)}.benefit-grid article:last-child{border-bottom:0}.faq{row-gap:var(--space-3)}.faq h2{grid-row:auto}.site-footer{padding:var(--space-3) var(--space-2)}.site-footer a{white-space:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}