:root{color-scheme:dark}html,body{height:100%;margin:0}html{font-size:14px}body{background:#222;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#viewer{position:relative;width:100%;height:100vh;overflow:hidden}canvas{display:block;width:100%;height:100%}#modelSelectWrap{position:absolute;top:.75rem;right:.75rem;z-index:7;background:#00000080;padding:.3rem .5rem;border-radius:.5rem}#modelSelectWrap.hidden{display:none}#modelSelect{font-size:.9rem;color:#ddd;background:#222;border:1px solid #444;border-radius:.3rem;padding:.2rem .4rem}#modelbar{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.5rem;z-index:5}#modelbar a{color:#ccc;text-decoration:none;padding:.4rem .6rem;border-radius:.5rem;border:1px solid #333;background:#00000080;font-size:.9rem}#modelbar a.active,#modelbar a:hover{color:#fff;border-color:#666}#barchart{position:absolute;top:3.5rem;left:.75rem;min-width:260px;max-width:min(420px,40vw);display:grid;gap:.5rem;padding:.5rem .6rem;background:#00000080;border-radius:.6rem;user-select:none;backdrop-filter:blur(2px);font-size:.85rem;color:#ddd;z-index:5}#barchart.hidden{display:none}#barchart .row{display:grid;grid-template-columns:2.75rem 1fr;align-items:center;gap:.5rem}#barchart .label{color:#bbb}#barchart .track{position:relative;height:14px;background:#ffffff14;border-radius:8px;overflow:hidden}#barchart .bar{height:100%;width:0%;transition:width .28s ease;border-radius:8px}#barchart .bar.file{background:#64b4ffe6}#barchart .bar.gpu{background:#8cffa0e6}#barchart .value{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px rgba(0,0,0,.6)}#overlay{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:1;pointer-events:all;transition:opacity .2s}#overlay.show{opacity:1;pointer-events:all}#overlay.hide{opacity:0;pointer-events:none}#overlay .box{width:min(420px,80vw)}#overlay .label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem}#overlay .track{height:10px;background:#ffffff26;border-radius:999px;overflow:hidden}#overlay .bar{height:100%;background:#8cfaa3;width:0%}.disabled{pointer-events:none;opacity:.5}#error{color:#fff;padding:2em;max-width:720px;margin:5em auto;text-align:center}#powered{position:absolute;bottom:.75rem;right:.75rem;color:#ccc;text-decoration:none;font-size:.85rem;background:#00000080;padding:.25rem .5rem;border-radius:.5rem}#powered:hover{color:#fff;border-color:#666}@media (max-width: 700px){#barchart,#modelSelectWrap,#powered,#modelbar a{font-size:.75rem;padding:.2rem .4rem}#modelbar{top:.25rem}#modelSelectWrap{top:3.5rem}#barchart{min-width:50%;max-width:50%}}