:root{color:#f4f6f2;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080b0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#scene,.sandbox-shell{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,select{font:inherit}button,select,input[type=number]{color:#f6f8f4;background:#0e1618d1;border:1px solid #d7e6df38;border-radius:.55rem;min-height:2.25rem}button{cursor:pointer;padding:.55rem .78rem;font-weight:680}button:hover,select:hover,input[type=number]:hover{border-color:#83dcc59e}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #79e4c4}input[type=checkbox]{accent-color:#70d7b8;width:1rem;height:1rem}input[type=range]{accent-color:#70d7b8;width:100%;margin:.35rem 0 .8rem}input[type=number],select{width:100%;min-width:0;padding:.42rem .55rem}.sandbox-shell{isolation:isolate;position:relative}.scene{position:absolute;inset:0}.scene canvas{touch-action:none;width:100%;height:100%;display:block}.control-panel{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#161f21f2,#080d0fe8);border:1px solid #bcdacf29;border-radius:1rem;width:min(22rem,100vw - 2rem);max-height:calc(100vh - 2rem);position:absolute;top:1rem;right:1rem;overflow:hidden;box-shadow:0 1.25rem 4rem #0000006b}.control-panel details{max-height:inherit}.control-panel summary{cursor:pointer;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;list-style:none;display:flex}.control-panel summary::-webkit-details-marker{display:none}.control-panel details[open] summary{border-bottom-color:#bcdacf1f}.control-panel summary strong,.control-panel summary small{display:block}.control-panel summary strong{letter-spacing:.01em;font-size:1rem}.control-panel summary small,.summary-hint{color:#99aaa4;margin-top:.15rem;font-size:.7rem}.summary-hint{text-transform:uppercase;letter-spacing:.12em;margin:0}.panel-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#70d7b859 transparent;max-height:calc(100vh - 6.5rem);padding:0 1rem 1rem;overflow-y:auto}.panel-header{padding:.85rem 0 .2rem}.panel-header p,.inline-status,.control-help{color:#b9c6c1;margin:0;font-size:.76rem;line-height:1.55}.control-help{color:#879791;margin:.35rem 0 .65rem;font-size:.68rem}.panel-header a{color:#7ee2c3;text-underline-offset:.18rem;margin-top:.55rem;font-size:.75rem;display:inline-block}section{border-top:1px solid #bcdacf1a;padding:.8rem 0}section h2{color:#d8e2de;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .65rem;font-size:.7rem}label{color:#c5d0cc;justify-content:space-between;align-items:center;gap:.75rem;margin:.35rem 0;font-size:.74rem;display:flex}label output{color:#7ee2c3;font-variant-numeric:tabular-nums}.toggle-control{cursor:pointer;justify-content:flex-start}.button-row{grid-template-columns:1fr;gap:.5rem;margin-bottom:.45rem;display:grid}fieldset{border:0;min-width:0;margin:0 0 .75rem;padding:0}legend{color:#9eaaa6;margin-bottom:.4rem;font-size:.68rem}.coordinate-grid{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.35rem;display:grid}.coordinate-grid label{color:#81908b;margin:0}.coordinate-grid input{font-variant-numeric:tabular-nums}.inline-status{margin-top:.5rem}.status-grid{grid-template-columns:1fr 1fr;gap:.4rem;margin:0;display:grid}.status-grid div{background:#ffffff06;border:1px solid #bcdacf17;border-radius:.55rem;min-width:0;padding:.55rem}.status-grid dt{color:#7f8d88;letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.status-grid dd{color:#e8eeeb;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.78rem;overflow:hidden}.secondary-button{color:#b8c5c0;background:0 0;width:100%}.runtime-message{z-index:1;color:#c5d0cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#080d0fc7;border:1px solid #bcdacf24;border-radius:999px;max-width:min(32rem,100vw - 2rem);padding:.65rem .85rem;font-size:.72rem;position:absolute;bottom:1rem;left:1rem}@media (width<=640px){.control-panel{width:calc(100vw - 1.3rem);max-height:min(74vh,39rem);top:.65rem;right:.65rem}.panel-content{max-height:calc(min(74vh,39rem) - 4rem)}.control-panel summary{padding:.72rem .85rem}.control-panel details:not([open]) summary{border-bottom:0}.runtime-message{max-width:calc(100vw - 1.3rem);bottom:.65rem;left:.65rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}