html,body,#root{touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}.app-viewport{background:#b8d4ec;width:100%;height:100%;position:relative}.app-viewport canvas{width:100%;height:100%;display:block}canvas{display:block}.texture-panel{z-index:10;color:#fffffff2;width:min(16rem,100vw - 2rem);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;top:1rem;right:1rem}.texture-panel__toggle{-webkit-backdrop-filter:blur(16px)saturate(160%);color:inherit;font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:14px;margin:0 0 0 auto;padding:.5rem 1rem;font-size:13px;font-weight:600;display:block;box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff26}.texture-panel__toggle:hover{background:#ffffff2e}.texture-panel__toggle:focus-visible{outline-offset:2px;outline:2px solid #ffffff8c}.texture-panel__details{-webkit-backdrop-filter:blur(16px)saturate(160%);background:#121c188c;border:1px solid #ffffff47;border-radius:14px;margin-top:.5rem;padding:.75rem .9rem;font-size:13px;font-weight:600;box-shadow:0 8px 32px #0000002e}.texture-panel__row{justify-content:space-between;gap:1rem;display:flex}.texture-panel__row+.texture-panel__row{margin-top:.45rem}.texture-panel__row span:last-child{white-space:nowrap;flex-shrink:0}.texture-panel__total{border-top:1px solid #ffffff38;margin-top:.65rem;padding-top:.55rem}