: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{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;background:#09090b}.viewer-stage{display:grid;place-items:center;min-height:0}canvas{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;outline:none}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.3rem .75rem;background:#18181b;border-top:1px solid #27272a;min-height:2rem}.viewer-status{color:#a1a1aa;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-status[data-kind=error]{color:#fca5a5}.viewer-mode{flex:none;padding:.2rem .6rem;border-radius:999px;color:#d4d4d8;background:#3f3f4699;font-size:.7rem}.viewer-mode:empty{display:none}.viewer-mode[data-mode=control]{color:#d1fae5;background:#064e3be6}