.grid-container{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr auto;grid-template-areas:"simulation sidebar" "bottom-bar sidebar";height:100vh;width:100vw;overflow:hidden}.simulation-area{grid-area:simulation;position:relative;overflow:hidden}.control-panel{grid-area:sidebar;width:320px;height:100%}.bottom-bar{grid-area:bottom-bar;height:64px}canvas{display:block;width:100%;height:100%}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,170,255,.2);border-top:4px solid #00aaff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-overlay{transition:opacity .5s ease-out,visibility .5s ease-out}#loading-overlay.hidden{opacity:0;visibility:hidden}@media (max-width: 768px){.grid-container{grid-template-columns:1fr;grid-template-rows:minmax(40vh,1fr) auto auto;grid-template-areas:"simulation" "bottom-bar" "sidebar";height:auto;min-height:100vh;overflow-y:auto}.simulation-area{min-height:40vh;height:50vh}.control-panel{width:100%;height:auto;max-height:none;overflow-y:auto}.bottom-bar{width:100%;padding:10px}#time-controls{flex-direction:column;align-items:flex-start;gap:10px}.bottom-bar .flex-shrink-0{width:100%;min-width:100%}.bottom-bar button{padding:8px 12px}#timeline-container{margin-top:8px}}.active-tab{background-color:#2a2a2a!important;color:#0af!important;border-bottom-color:#0af!important}.active-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:#2a2a2a}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;background-color:#555;color:#eee;border-radius:50%;width:18px;height:18px;font-size:11px;cursor:help;position:relative;flex-shrink:0;transition:background-color .2s}.tooltip-trigger:hover{background-color:#0af}.tooltip-trigger:after{content:attr(data-tooltip);position:absolute;bottom:130%;left:auto;right:0;transform:none;background-color:#1a1a1a;color:#eee;padding:10px 14px;border-radius:6px;border:1px solid #00aaff;box-shadow:0 4px 12px #0000004d;z-index:1000;width:240px;text-align:left;font-size:.85em;line-height:1.4;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.tooltip-trigger:before{content:"";position:absolute;bottom:120%;left:auto;right:8px;transform:none;border:6px solid transparent;border-top-color:#0af;z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.tooltip-trigger:hover:after,.tooltip-trigger:hover:before{opacity:1;visibility:visible}.flashing{animation:flash 1s infinite}@keyframes flash{0%{opacity:1}50%{opacity:.2}to{opacity:1}}#theme-controls button.active{border-color:#39f!important;color:#39f!important}