.interactive-launch{padding-block:22px 0}
body.interactive-view-open{overflow:hidden}
dialog.project-interactive-dialog{width:calc(100vw - 32px);max-width:1500px;height:calc(100dvh - 32px);max-height:none;margin:auto;padding:0;border:1px solid #a9dddd;border-radius:16px;overflow:hidden;background:#070b19;box-shadow:0 20px 90px #031b3866}
dialog.project-interactive-dialog[open]{display:flex;flex-direction:column}
.project-interactive-dialog::backdrop{background:#031629b8;backdrop-filter:blur(5px)}
.interactive-view-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 20px;background:#fff;flex-shrink:0}
html[data-theme] .interactive-view-heading h2{font-size:17px;line-height:1.7;color:#173f55;margin:0}
html[data-theme] .interactive-view-heading p{font-size:11px;line-height:1.8;color:#526d79;margin:3px 0 0}
.interactive-view-heading button{flex-shrink:0}
#project-interactive-frame{display:block;width:100%;flex:1;min-height:0;border:0;background:#070b19}
@media(max-width:600px){dialog.project-interactive-dialog{width:100vw;height:100dvh;border-radius:0}.interactive-view-heading{padding:12px;gap:12px}.interactive-view-heading h2{font-size:14px!important}.interactive-view-heading button{padding:8px 12px}.interactive-view-heading p{font-size:10px!important}}