*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#13161c;width:100%;height:100%;overflow:hidden}html.media-transparent-root,html.media-transparent-root body,html.media-transparent-root #root{background:0 0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}canvas{display:block}.media-page,.media-output-host,.media-output{width:100%;height:100%;position:absolute;inset:0}.media-page{overflow:hidden}.media-output{object-fit:fill;opacity:0;will-change:opacity;transition:opacity .48s cubic-bezier(.22,1,.36,1)}.media-output.is-ready{opacity:1}.media-image-page .media-output{transition-duration:.65s}.media-status,.media-fallback{color:#8e9aa4;letter-spacing:.08em;text-transform:uppercase;background:#10161b;place-items:center;font-size:13px;display:grid}.media-status{position:absolute;inset:0}.fps-debug{z-index:12000;color:#dffdf4;pointer-events:none;background:#080e11c7;border-radius:4px;padding:7px 9px;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:12px;right:12px}.embed-state{display:none}.device-preview-shell{justify-content:center;align-items:center;display:flex}.simulated-profile-label{z-index:11900;color:#9eacb7;letter-spacing:.08em;pointer-events:none;background:#070b0ed1;border:1px solid #34414b;border-radius:3px;padding:6px 9px;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:20px;left:24px}.local-info-mock{z-index:2;color:#dce7ec;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:opacity 40ms linear;display:flex;position:absolute;inset:0}.local-info-mock span,.local-info-mock p{color:#70818d;letter-spacing:.16em;text-transform:uppercase;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.local-info-mock strong{letter-spacing:-.04em;font:600 clamp(22px,5vw,64px)/1 Inter,ui-sans-serif,system-ui,sans-serif}.local-scroll-progress,.local-scroll-guides{z-index:11950;color:#a9bac4;letter-spacing:.06em;pointer-events:none;background:#070b0edb;font:10px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:fixed}.local-scroll-progress{border:1px solid #2d3b44;flex-direction:column;gap:3px;min-width:190px;padding:10px 12px;bottom:12px;right:12px}.local-scroll-progress strong{color:#13d091;margin-bottom:4px}.local-scroll-guides{gap:1px;padding:4px;top:12px;right:12px}.local-scroll-guides span{background:#111920;padding:5px 7px}