@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";.library-count{font-size:11px;margin:12px 0 8px}.library-filter{display:flex;align-items:flex-start;gap:8px;color:#b1c3cf;font-size:11px;line-height:1.5}.library-filter input{width:auto;padding:0;margin:2px 0 0;accent-color:#eba155}.demo small{display:block;font-size:10px;margin-top:7px}.files-available{color:#99d4ab}.files-needed,.status.blocked{color:#e7b47f}.no-results{padding:12px;font-size:12px}.runtime-container{width:100%;height:100%}.runtime-container[hidden]{display:none}.speed{display:flex;gap:6px;align-items:center;color:#b1c3cf;font-size:12px}select{background:#1a2730;color:#cad8df;border:1px solid #394a56;border-radius:4px;padding:9px;font:inherit}:root{color-scheme:dark;font-family:IBM Plex Sans,sans-serif;color:#dce6e9;background:#0c1115;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:28px 36px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #293239;padding-bottom:24px}.wordmark{font-family:Barlow Condensed,sans-serif;font-size:34px;font-weight:700;letter-spacing:1px}.wordmark span{color:#f5a64a}.wordmark small{font-size:16px;font-weight:500;letter-spacing:3px;margin-left:14px;color:#8e9ea7}.badge{font-size:11px;border:1px solid #3b474f;border-radius:4px;padding:6px 10px;color:#aebfc8;text-transform:uppercase;letter-spacing:1px}.available{color:#99d4ab;border-color:#315743;background:#13281e}.intro{padding:24px 0 28px}h1{font-family:Barlow Condensed,sans-serif;font-size:40px;margin:0 0 8px;letter-spacing:.4px}p{color:#8e9ea7;line-height:1.6;margin:8px 0}h2{font-size:17px;margin:0}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.library,.viewer{background:#131b21;border:1px solid #26323b;border-radius:6px;padding:20px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-top>span{color:#8e9ea7;font-size:12px}.section-top p{font-size:12px;margin:5px 0 0}input{width:100%;padding:12px;background:#0d1419;border:1px solid #35434d;border-radius:4px;font:inherit;color:inherit}.demo-list{margin:12px -12px 0;max-height:700px;overflow:auto}.demo{display:block;width:100%;padding:14px 12px;text-align:left;border:1px solid transparent;border-bottom:1px solid #222e36;border-radius:3px;background:transparent;color:#ccd7dd;cursor:pointer}.demo strong{font-size:13px;font-weight:500}.demo span{display:block;color:#7e949f;font-size:11px;margin-top:6px}.demo i{float:right;font-style:normal}.demo.selected{background:#243039;border-color:#785736;border-left:3px solid #f5a64a}.demo:hover{background:#1d2931}.viewport{background:#080d11;aspect-ratio:4/3;border:1px solid #293740;max-height:590px;display:flex;align-items:center;justify-content:center}.viewport iframe{border:0;width:100%;height:100%}.empty{text-align:center}.empty p{font-size:18px;color:#a6b6bf}.empty span{font-size:12px;color:#627883}.crosshair{color:#8b643b;font:60px Barlow Condensed,sans-serif}.controls{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}button{font:inherit}button:not(.demo){padding:10px 14px;border:1px solid #394a56;background:#1a2730;color:#cad8df;border-radius:4px;cursor:pointer}button.primary{background:#eba155;color:#1a1611;border-color:#eba155;font-weight:600}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f5a64a;outline-offset:3px}.status{font-size:12px;min-height:20px}.facts{display:flex;gap:36px;padding:22px 0;border-top:1px solid #293740;margin-top:20px}.facts span{display:flex;flex-direction:column;gap:5px;color:#79909d;font-size:11px}.facts b{font-size:19px;color:#cddbe2;font-weight:500}details{border-top:1px solid #293740;padding:14px 0}summary{cursor:pointer;color:#bacad4}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:300px;overflow:auto;color:#9aafbc;background:#0b1216;padding:16px}li{margin:10px 0;color:#91a6b1}li code{display:block;font-size:10px;margin-top:4px}code{font-size:12px}.note{font-size:11px;margin:15px 0 0}@media(max-width:850px){main{padding:18px}.layout{grid-template-columns:1fr}.demo-list{max-height:240px}.wordmark small{display:none}.intro h1{font-size:34px}.facts{gap:24px}.viewer{padding:14px}}