@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&display=swap";:root{font-family:Archivo,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light;background:#f6f7fb;color:#1f2937;line-height:1.5}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Archivo,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f6f7fb;color:#1f2937}img,svg,video,canvas{max-width:100%;height:auto;display:block}a{color:inherit}.appShell{min-height:100vh}.appContent{width:min(1180px,100%);margin:0 auto}.topNavWrap{position:sticky;top:0;z-index:50;background:#0f172af2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(148,163,184,.25);box-shadow:0 6px 20px #0f172a29}.topNavInner{width:min(1180px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem}.topNavBrand{flex-shrink:0}.brandLink{text-decoration:none;color:#f8fafc;font-weight:700;font-size:1.25rem;letter-spacing:.01em}.topNav{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:thin}.navItem{text-decoration:none;color:#cbd5e1;border:1px solid transparent;border-radius:999px;padding:.35rem .7rem;font-size:.92rem;font-weight:500;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.navItem:hover{color:#f8fafc;background:#94a3b829;border-color:#94a3b859}.navItem.active{background:#2563eb;color:#fff;border-color:#1d4ed8}.layout{max-width:1180px;margin:0 auto;padding:1.25rem}.pageHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 auto;max-width:1080px;padding:1.25rem}header{margin-bottom:1rem}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}p{margin:0}.muted{color:#64748b}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tab,button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:.45rem .85rem;cursor:pointer;font:inherit}.tab.active{background:#0f172a;color:#fff;border-color:#0f172a}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stack{margin-top:1rem;display:grid;gap:1rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;box-shadow:0 1px 2px #0000000a}.route{margin:0 0 .75rem;color:#4b5563;font-size:.95rem;word-break:break-word}button{border:none;border-radius:8px;padding:.6rem .95rem;background:#2563eb;color:#fff;cursor:pointer;min-height:42px}button:disabled{opacity:.65;cursor:not-allowed}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;overflow:hidden}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.rowWrap{display:flex;gap:.5rem;flex-wrap:wrap}.row{display:flex;align-items:center;gap:.65rem;margin-top:.65rem;flex-wrap:wrap}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.7rem .75rem;margin-top:.35rem;font:inherit;background:#fff;color:inherit}textarea,pre{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.65rem;background:#f9fafb;font-size:.9rem}textarea{min-height:120px;resize:vertical}pre{white-space:pre-wrap;word-break:break-word;margin-top:.75rem;overflow-x:auto}label{display:block;font-size:.92rem;margin-bottom:.65rem}.statsGrid{margin-top:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.metric{border:1px solid #e2e8f0;border-radius:10px;padding:.65rem;background:#f8fafc}.metricLabel{font-size:.8rem;color:#64748b}.metricValue{margin-top:.3rem;font-weight:600;word-break:break-word}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.55rem;vertical-align:top}th{font-size:.85rem;color:#475569}td{word-break:break-word}.emptyCell{color:#64748b}.bucketGrid,.composeGrid{display:grid;gap:1rem}.composeGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bucketCard{border:1px solid #e2e8f0;border-radius:10px;padding:.75rem;background:#fff}.bucketCard dl{margin:.6rem 0 0;display:grid;grid-template-columns:max-content 1fr;gap:.35rem .75rem}.bucketCard dt{color:#64748b}.output{margin-top:.45rem;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;padding:.7rem;white-space:pre-wrap;word-break:break-word}.success{margin-top:.5rem;color:#047857}.error{margin-top:.5rem;color:#b91c1c}.info{margin-top:.5rem;color:#0f172a}@media (max-width: 900px){.layout,.pageHeader{padding:1rem}.pageHeader,.panelHeader{flex-direction:column;align-items:stretch}.composeGrid{grid-template-columns:1fr}}@media (max-width: 760px){.topNavInner{padding:.75rem .85rem;flex-direction:column;align-items:flex-start}.brandLink{font-size:1.1rem}.topNav{width:100%}.layout,.pageHeader{padding:.85rem}h1{font-size:1.7rem}h2{font-size:1.35rem}h3{font-size:1.05rem}.stackMobile,.rowWrap,.row,.tabs{flex-direction:column;align-items:stretch}.tab,button{width:100%;justify-content:center}.grid,.statsGrid,.bucketGrid,.composeGrid{grid-template-columns:1fr}table,thead,tbody,tr,th,td{display:block;width:100%}thead{display:none}tr{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:.75rem;overflow:hidden;background:#fff}td{border:none;border-bottom:1px solid #f1f5f9;padding:.75rem}td:last-child{border-bottom:none}.bucketCard dl{grid-template-columns:1fr}}@media (max-width: 480px){.topNavInner{padding:.7rem .75rem}.navItem{font-size:.88rem;padding:.3rem .62rem}.layout,.pageHeader{padding:.75rem}.panel,.card,.bucketCard{padding:.85rem;border-radius:10px}h1{font-size:1.45rem}h2{font-size:1.2rem}h3{font-size:1rem}.route,.muted,label,th,td,p{font-size:.95rem}input,textarea,select,button,.tab{font-size:16px}}