canvas.svelte-qdkw61{width:100%;height:calc(100% - var(--app-info-height,44px));touch-action:none;outline-offset:-3px;display:block;position:absolute;top:0;left:0}.viewer-branding.svelte-qdkw61{color:#d0d3d6;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:11px;line-height:16px;display:flex}.viewer-branding.svelte-qdkw61 img:where(.svelte-qdkw61){width:100px;height:auto;display:block}@container (width<=600px){.viewer-branding.svelte-qdkw61 img:where(.svelte-qdkw61){width:88px}}.viewer-settings.svelte-qdkw61{flex:none}summary.svelte-qdkw61,.fullscreen.svelte-qdkw61{box-sizing:border-box;color:#c2c2c2;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}summary.svelte-qdkw61{list-style:none}summary.svelte-qdkw61::-webkit-details-marker{display:none}summary.svelte-qdkw61:hover,.viewer-settings[open].svelte-qdkw61 summary:where(.svelte-qdkw61){background:#303030}summary.svelte-qdkw61:focus-visible,select.svelte-qdkw61:focus-visible,button.svelte-qdkw61:focus-visible{outline-offset:-2px;outline:2px solid #eee}.settings-panel.svelte-qdkw61{z-index:8;box-sizing:border-box;color:#ddd;background:#252525;border:1px solid #424242;border-radius:4px;flex-direction:column;gap:10px;width:min(260px,100% - 16px);padding:12px;display:flex;position:absolute;bottom:calc(100% + 8px);right:8px}.graphics.svelte-qdkw61{justify-content:space-between;align-items:center;gap:8px;display:flex}.graphics.svelte-qdkw61>span:where(.svelte-qdkw61),.quality.svelte-qdkw61{color:#b9bdc1;font-size:12px}select.svelte-qdkw61{min-width:0;min-height:44px;font:inherit;color:inherit;background:#303030;border:1px solid #555;border-radius:4px;flex:1;max-width:156px;padding:0 8px;font-size:12px}.viewer-actions svg{fill:none;stroke:currentColor;flex:none;width:20px;height:20px}.notice.svelte-qdkw61{z-index:2;inset:0 0 var(--app-info-height,44px);text-align:center;background:#202020e8;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute}.notice.svelte-qdkw61 button:where(.svelte-qdkw61){color:#ddd;min-height:44px;font:inherit;cursor:pointer;background:#303030;border:1px solid #555;padding:0 12px}.action-notice.svelte-qdkw61{z-index:4;left:12px;bottom:calc(var(--app-info-height,44px) + 8px);background:#252525;padding:8px;position:absolute}