:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#09090b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}.viewer-shell{position:relative;display:grid;width:100%;height:100%;place-items:center;background:#09090b}canvas{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;outline:none}.viewer-status{position:absolute;z-index:2;padding:.55rem .8rem;border-radius:.55rem;color:#d4d4d8;background:#18181be6}.viewer-status[data-kind=error]{color:#fecaca;background:#7f1d1de6}.viewer-mode{position:absolute;z-index:3;top:.75rem;right:.75rem;padding:.35rem .6rem;border-radius:999px;color:#d4d4d8;background:#18181bd9;font-size:.75rem}.viewer-mode[data-mode=control]{color:#d1fae5;background:#064e3be6}