.af-simulation-stage{min-width:0;max-width:100%}.af-simulation-stage>*{min-width:0}.af-stage-body,.af-stage-main,.af-stage-parameters{display:contents}.af-stage-toolbar{color:#475569;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.af-stage-toolbar button{color:#3730a3;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.65rem;min-height:44px;padding:.5rem .75rem;font-weight:600}.af-stage-toolbar button:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}.af-rotate-hint{font-size:10px;display:none}.af-simulation-stage[data-expanded=true]{z-index:1000;overscroll-behavior:contain;width:100%;max-width:none;height:100dvh;padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8fafc;flex-direction:column;gap:.5rem;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.af-simulation-stage[data-expanded=true]>.af-stage-toolbar{border-bottom:1px solid #cbd5e1;flex:none;margin:0;padding-bottom:.25rem}.af-simulation-stage[data-expanded=true] .af-stage-body{flex:1 1 0;grid-template-columns:minmax(0,1fr);gap:.75rem;min-width:0;min-height:0;display:grid}.af-simulation-stage[data-expanded=true][data-has-parameters=true] .af-stage-body{grid-template-columns:minmax(0,1fr) clamp(230px,27vw,350px)}.af-simulation-stage[data-expanded=true] .af-stage-main{flex-direction:column;gap:.5rem;min-width:0;min-height:0;display:flex;overflow:auto}.af-simulation-stage[data-expanded=true] .af-stage-main>*{min-width:0;margin:0}.af-simulation-stage[data-expanded=true] .af-stage-parameters{overscroll-behavior:contain;border-left:1px solid #cbd5e1;min-width:0;min-height:0;padding-left:.75rem;display:block;overflow:auto}.af-simulation-stage[data-expanded=true] .af-stage-parameters>*{margin-bottom:.75rem}.af-simulation-stage[data-expanded=true] [data-stage-role=extra]{display:none}.af-simulation-stage[data-expanded=true] [data-stage-role=canvas]{flex:1 1 0;min-height:0;overflow:auto}.af-simulation-stage[data-expanded=true] [data-stage-role=playback]{flex:none}.af-simulation-stage[data-expanded=true] canvas{max-width:100%;max-height:calc(100dvh - 130px);margin-inline:auto;display:block;width:auto!important;height:auto!important}.af-simulation-stage[data-expanded=true] [data-embed-button]{display:none}.af-simulation-stage[data-expanded=true] iframe{border:0;width:100%;height:100%;min-height:0}.af-simulation-stage:fullscreen{background:#f8fafc}.af-stage-dark[data-expanded=true],.af-stage-dark[data-expanded=true]>.af-stage-toolbar{color:#e2e8f0;background:#020617}@media (max-width:600px) and (orientation:portrait){.af-simulation-stage[data-expanded=true][data-has-parameters=true] .af-stage-body{grid-template-rows:minmax(0,1fr) minmax(130px,33%);grid-template-columns:minmax(0,1fr)}.af-simulation-stage[data-expanded=true] .af-stage-parameters{border-top:1px solid #cbd5e1;border-left:0;padding:.5rem 0 0}.af-simulation-stage[data-expanded=true] canvas{max-height:42dvh}.af-rotate-hint{display:inline}}@media (orientation:landscape) and (max-height:600px){.af-simulation-stage[data-expanded=true]{gap:.25rem;padding:.25rem}.af-simulation-stage[data-expanded=true][data-has-parameters=true] .af-stage-body{grid-template-columns:minmax(0,1fr) clamp(200px,29vw,270px);gap:.5rem}.af-stage-toolbar button{min-height:36px;padding:.25rem .5rem}.af-simulation-stage[data-expanded=true] canvas{max-height:calc(100dvh - 110px)}.af-simulation-stage[data-expanded=true] .af-stage-parameters :is(input,select){max-width:100%}}.af-simulation-stage[data-expanded=true] [data-stage-role]:empty{display:none}.af-simulation-stage:not([data-expanded=true])[class*=space-y] .af-stage-main>*,.af-simulation-stage:not([data-expanded=true])[class*=space-y] .af-stage-parameters>*{margin-top:.75rem}.af-simulation-stage[data-expanded=true] .af-stage-parameters>.hidden{display:block}.af-geophysics-stage{flex-direction:column;gap:.4rem;height:100%;display:flex}.af-geophysics-stage [data-stage-role=canvas]{flex:1;min-height:0}.af-geophysics-stage:not([data-expanded=true]) [data-stage-role=canvas] iframe{border:0;width:100%;height:100%}.af-simulation-stage[data-expanded=true] [data-stage-role=canvas]:has(>[data-stage-role=canvas]){flex-direction:column;gap:.5rem;display:flex}.af-simulation-stage[data-expanded=true] .af-stage-parameters .lg\:grid-cols-3{grid-template-columns:minmax(0,1fr)}.af-simulation-stage[data-expanded=true] .af-stage-parameters .lg\:sticky{position:static}.af-simulation-stage[data-expanded=true] .af-stage-body,.af-simulation-stage[data-expanded=true][data-has-parameters=true] .af-stage-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:.4rem}.af-simulation-stage[data-expanded=true][data-has-parameters=true][data-controls-visible=true] .af-stage-body{grid-template-rows:auto minmax(0,1fr)}.af-simulation-stage[data-expanded=true] .af-stage-main{grid-area:1/1}.af-simulation-stage[data-expanded=true][data-has-parameters=true][data-controls-visible=true] .af-stage-main{grid-row:2}.af-simulation-stage[data-expanded=true] .af-stage-parameters{scrollbar-gutter:stable;border:1px solid #cbd5e1;border-radius:.65rem;grid-area:1/1;align-items:flex-start;gap:.75rem;width:100%;min-height:0;max-height:min(25dvh,170px);padding:.4rem;display:flex;overflow:auto}.af-simulation-stage[data-expanded=true][data-controls-visible=false] .af-stage-parameters{display:none}.af-simulation-stage[data-expanded=true] .af-stage-parameters>[data-stage-role=parameters]{flex:none;align-items:flex-start;gap:.75rem;width:max-content;max-width:none;margin:0;padding:.4rem;display:flex}.af-simulation-stage[data-expanded=true] .af-stage-parameters [data-stage-role=parameters]>*{flex-shrink:0;margin-block:0}.af-simulation-stage[data-expanded=true] .af-stage-parameters [data-stage-role=parameters]>:is(.grid,.space-y-3){align-items:flex-start;gap:.75rem;width:max-content;display:flex}.af-simulation-stage[data-expanded=true] .af-stage-parameters div:has(>input[type=range]){flex:0 0 180px;width:180px;min-width:160px;max-width:220px}.af-simulation-stage[data-expanded=true] .af-stage-parameters p{max-width:24rem}.af-simulation-stage[data-expanded=true] .af-stage-parameters input[type=range]{width:100%;min-height:28px}.af-simulation-stage[data-expanded=true] canvas{max-height:var(--af-stage-canvas-height,calc(100dvh - 220px))}@media (orientation:landscape) and (max-height:600px){.af-simulation-stage[data-expanded=true] .af-stage-parameters{max-height:min(27dvh,105px);padding:.2rem}.af-simulation-stage[data-expanded=true] .af-stage-parameters>[data-stage-role=parameters]{padding:.2rem}}.af-simulation-stage[data-expanded=true] .af-stage-parameters :is(.grid,.space-y-3,.space-y-4):has(input){flex-wrap:nowrap;align-items:flex-start;gap:.75rem;display:flex}