@font-face{font-family:Noto;src:url('assets/fonts/NotoSans-Regular.ttf')}@font-face{font-family:Noto;src:url('assets/fonts/NotoSans-Bold.ttf');font-weight:700}@font-face{font-family:Display;src:url('assets/fonts/NotoSerifDisplay-Regular.ttf')}
#expand-detail{float:right}#detail-dialog{width:900px;max-width:calc(100% - 32px);max-height:90vh;padding:0;border:1px solid #ccd9da;border-radius:6px;color:#24383d}#detail-dialog::backdrop{background:#183a3d66}#detail-dialog .inspector{border:0;padding:28px}#detail-dialog #blocks{max-width:none}#detail-dialog #blocks svg{width:auto;max-width:100%;margin:auto}#detail-dialog #component-description,#detail-dialog #block-caption{max-width:680px}
*{box-sizing:border-box}body{margin:0;background:#fff;color:#24383d;font:14px Noto,sans-serif;letter-spacing:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{color:inherit}a{color:#007e70}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.node:focus-visible{outline:2px solid #007e70;outline-offset:2px}[hidden]{display:none!important}
header{height:72px;border-bottom:1px solid #dce4e5;padding:0 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:23px;font-weight:700;color:#263e43;text-decoration:none}.brand span{font-size:16px;font-weight:400;color:#6a8083;margin-left:14px}#coverage{font-size:11px;color:#007e70}.workspace{display:grid;grid-template-columns:255px minmax(400px,1fr) 345px;min-height:calc(100vh - 112px)}.library{background:#f8faf9;border-right:1px solid #dce4e5;padding:25px 16px}.library-title{display:flex;justify-content:space-between;font-weight:700;font-size:18px;margin-bottom:18px}.library-title span{font-weight:400;color:#819597}input[type=search],select{width:100%;padding:9px 10px;border:1px solid #ccd9da;background:white;border-radius:4px;color:#344e52;min-width:0}input[type=search]{font-size:12px}label{display:block;font-size:11px;color:#667f82;margin:17px 0 6px}#models{margin-top:18px;max-height:calc(100vh - 295px);overflow:auto;overscroll-behavior:contain}.model-row{display:flex;align-items:stretch}.model{min-width:0;flex:1;text-align:left;border:0;border-left:3px solid transparent;background:none;padding:11px 8px;border-radius:0}.model:hover{background:#edf3f0}.model.active{background:#e3f0eb;border-color:#007e70;color:#005e54}.model-name{font-weight:700;font-size:12px;overflow-wrap:anywhere}.model small{display:block;font-size:10px;color:#72878a;margin-top:5px;overflow-wrap:anywhere}.open-model{background:none;border:0;width:29px;flex-shrink:0}.open-model img{width:15px;opacity:.6}.open-model:hover{background:#e3f0eb}
main{padding:28px 30px;min-width:0}.eyebrow,.section-label{font-weight:700;font-size:10px;color:#698185}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.heading>div{min-width:0}.title-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}h1{font-family:Display,serif;font-size:35px;font-weight:400;line-height:1.2;margin:12px 0;overflow-wrap:anywhere}#family{font-size:11px;color:#60797d;background:#edf3f1;padding:5px 8px;overflow-wrap:anywhere;border-radius:3px}#variants{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}#variants span{font-size:11px;color:#637b7e;border-bottom:1px solid #cbdcda;padding:2px 0;margin-right:10px}#subtitle{font-size:11px;color:#72888b}#model-info{margin-top:17px}p{color:#657d80;line-height:1.7;font-size:12px}#inputs{display:flex;flex-wrap:wrap;gap:7px}#inputs span{font-size:10px;padding:5px 8px;background:#f1f5f4;border-radius:3px}#inputs em{font-style:normal;color:#809492;margin-left:5px}#model-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:11px}#model-links a{overflow-wrap:anywhere}#breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#72888b;margin-bottom:22px}#back{display:flex;align-items:center;gap:6px;color:#007e70;font-size:11px;background:none;border:0;padding:0}#back img{width:15px}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #dce4e5;margin-top:22px;padding:8px 0}.graph-scope{display:flex;gap:12px;align-items:center;min-width:0}.graph-scope select{width:auto;font-size:11px;padding:6px}.graph-controls{display:flex;align-items:center;gap:5px}.icon{border:1px solid transparent;background:white;border-radius:4px;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon:hover{background:#edf4f1;border-color:#d7e2df}.icon img{width:16px;height:16px}output{font-size:10px;color:#7a8e90;min-width:34px;text-align:center}.graph-options{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:10px}.legend span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:4px}.ar{color:#315fc1}.flow{color:#a63975}.encoder{color:#007e70}.codec{color:#956609}.head{color:#557b31}#frontend-control{margin:0;display:flex;align-items:center;gap:5px}input[type=checkbox]{accent-color:#007e70}#variant-wrap{display:flex;align-items:center;gap:10px;margin:15px 0}#variant-wrap label{margin:0}#variant{font-size:11px;padding:6px}#graph{height:570px;max-height:72vh;min-height:340px;overflow:auto;background:radial-gradient(#dbe6e3 .8px,transparent .8px);background-size:18px 18px;overscroll-behavior:contain}#graph svg{display:block;margin:0 auto;max-width:none}svg text{font-family:Noto,sans-serif;letter-spacing:0}.node{outline:none}.node[role=button]{cursor:pointer}.node[role=button]:hover rect,.node:focus-visible rect{stroke-width:2}.dim{opacity:.2}.dim:hover{opacity:.7}.empty{padding:25px;color:#71878b;font-size:12px}.quiet,#peers button{background:white;border:1px solid #cfddda;padding:8px 10px;border-radius:4px;font-size:11px}.quiet{white-space:nowrap}.quiet:hover,#peers button:hover{border-color:#007e70}.relatives{padding-top:19px;border-top:1px solid #dce4e5;margin-top:18px}#relation-name{font-weight:400;margin-left:8px}#peers{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}#packages{margin-top:22px;font-size:11px}#package-list{display:grid;gap:8px;padding-top:12px;color:#6d8487}#package-list code{font-size:10px;overflow-wrap:anywhere}
.inspector{background:#fcfdfc;border-left:1px solid #dce4e5;padding:29px 22px;min-width:0}h2{font-family:Display,serif;font-size:28px;font-weight:400;margin:12px 0;overflow-wrap:anywhere}.badge{display:inline-block;font-size:10px;border-radius:3px;padding:5px 7px}#instance-description{border-left:2px solid #d9e5e1;padding-left:10px}#block-nav{display:flex;gap:5px;flex-wrap:wrap;margin-top:20px}#block-nav button{background:none;border:0;border-bottom:1px solid #c8d9d4;color:#007e70;font-size:10px;padding:4px}#scope{font-size:11px;font-weight:700;color:#647d80;padding-top:16px;border-top:1px solid #dce4e5;margin-top:16px}#blocks{overflow:auto;margin-top:12px}#blocks svg{width:100%;height:auto;display:block}#block-caption{font-size:10px;line-height:1.6;color:#788e90;margin-top:10px}#evidence{display:flex;flex-direction:column;gap:9px;font-size:11px;line-height:1.5;margin-top:22px}#evidence a{overflow-wrap:anywhere}footer{min-height:40px;border-top:1px solid #dce4e5;display:flex;justify-content:space-between;gap:12px;padding:12px 24px;font-size:10px;color:#75898a;flex-wrap:wrap}
@media(min-width:1750px){.workspace{grid-template-columns:280px minmax(450px,1fr) 380px}main{padding:32px 50px}}@media(max-width:1150px){.workspace{grid-template-columns:225px minmax(0,1fr)}.inspector{grid-column:2;border-top:1px solid #dce4e5}.library{grid-row:1/3}#blocks{max-width:420px}}@media(max-width:650px){header{height:auto;padding:16px;flex-wrap:wrap}.brand{font-size:19px}.brand span{font-size:12px;margin-left:5px}#coverage{font-size:10px}.workspace{display:block}.library{padding:16px;border-bottom:1px solid #dce4e5}#models{max-height:170px}main{padding:23px 16px}.inspector{padding:25px 20px}h1{font-size:29px}.heading{flex-wrap:wrap}#family{font-size:10px}#graph{height:460px}.graph-scope{flex-wrap:wrap}.graph-controls{margin-left:auto}#breadcrumb{overflow-wrap:anywhere}#blocks{max-width:100%}}
.repo-links{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#667f82}.repo-links a{color:#007e70}