:root{--bg: #11121a;--ui-size-scale: 1;--menu-scale: .75;--panel-bg: rgba(20, 21, 25, .58);--panel-stroke: rgba(255, 255, 255, .22);--panel-shadow: rgba(0, 0, 0, .52);--text-primary: rgba(245, 246, 249, .94);--text-secondary: rgba(206, 209, 217, .85);--text-muted: rgba(167, 171, 180, .72);--button-bg: rgba(255, 255, 255, .1);--button-bg-hover: rgba(255, 255, 255, .18);--button-bg-active: rgba(186, 206, 255, .28);--button-stroke: rgba(255, 255, 255, .26);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:radial-gradient(circle at 20% 10%,#21244f,#111525 42%,#0d101b);font-family:SF Pro Text,Avenir Next,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app-canvas{position:fixed;inset:0;display:block;width:100%;height:100%}#brush-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:12}#brush-circle{fill:none;stroke:#66aafffa;stroke-width:2;opacity:0}#falloff-circle{fill:none;stroke:#66aaffb8;stroke-width:1.5;opacity:0;stroke-dasharray:4 4}#brush-dot{fill:#66aafffa;opacity:0}#ui-panel{position:absolute;top:18px;left:18px;width:min(320px,calc(100vw - 36px));max-height:calc((100vh - 36px) / var(--menu-scale));padding:14px;transform:scale(var(--menu-scale));transform-origin:top left;border-radius:18px;border:1px solid var(--panel-stroke);background:var(--panel-bg);box-shadow:0 20px 52px -20px var(--panel-shadow);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);animation:panel-entrance .38s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none;overflow:hidden;z-index:10;display:flex;flex-direction:column}#ui-handle{display:flex;align-items:center;justify-content:center;position:relative;height:20px;padding:0 4px 0 8px;margin-bottom:8px;border-radius:8px;background:#ffffff0f;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}#ui-handle:hover{background:#ffffff1a}.collapse-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:0;background:#ffffff14;cursor:pointer}.collapse-button:hover{background:#ffffff24}.collapse-button:focus{outline:none}.collapse-button:focus-visible{outline:1px solid rgba(203,217,255,.48);outline-offset:1px}.collapse-icon{display:inline-block;width:7px;height:7px;border-right:1.5px solid rgba(236,241,253,.92);border-bottom:1.5px solid rgba(236,241,253,.92);transform:translateY(1px) rotate(-135deg);transition:transform .18s ease}#ui-panel.is-collapsed .collapse-icon{transform:translateY(-1px) rotate(45deg)}#ui-handle-bottom{display:none}.ui-body{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(206,216,243,.48) rgba(255,255,255,.05)}.ui-body::-webkit-scrollbar{width:10px}.ui-body::-webkit-scrollbar-track{margin:6px 3px;border-radius:999px;background:#ffffff0d}.ui-body::-webkit-scrollbar-thumb{border:1px solid rgba(255,255,255,.22);border-radius:999px;background:linear-gradient(180deg,#d6e0ff94,#adbcf266)}#ui-panel.is-collapsed .ui-body{display:none}.panel-section{border:1px solid #ffffff;border-radius:12px;background:#ffffff0a;overflow:visible}.panel-section-header{width:100%;border:0;display:flex;align-items:center;justify-content:space-between;padding:8px 28px 8px 10px;background:#ffffff0f;color:var(--text-primary);font-size:.8rem;font-weight:600;letter-spacing:.02em;position:relative;cursor:pointer}.panel-section-header:after{content:"";position:absolute;right:11px;top:50%;width:7px;height:7px;border-right:1.5px solid rgba(236,241,253,.92);border-bottom:1.5px solid rgba(236,241,253,.92);transform:translateY(1px) rotate(-135deg);transition:transform .18s ease}.panel-section.is-collapsed .panel-section-header:after{transform:translateY(-3px) rotate(45deg)}.panel-section-header:focus-visible{outline:1px solid rgba(203,217,255,.45);outline-offset:-1px}.panel-section-content{padding:10px}.panel-section.is-collapsed .panel-section-content{display:none}.panel-controls-stack{display:flex;flex-direction:column;gap:8px}.control-hint{margin:0;padding:0;font-size:.73rem;letter-spacing:.01em;color:var(--text-muted)}.control{display:flex;flex-direction:column;gap:6px;width:100%}.control.compact{gap:4px}.control-grid-2,.control-grid-3{display:grid;gap:8px}.control-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.control-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.control-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-row>span:first-child{font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}[id$=-value],#seed-value-label{min-width:8ch;width:8ch;padding:1px 4px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#ffffff0f;text-align:right;font-size:.7rem;font-weight:560;color:var(--text-primary);cursor:text}.value-editor{min-width:8ch;width:8ch;padding:1px 4px;border:1px solid rgba(203,217,255,.55);border-radius:6px;background:#ffffff1a;text-align:right;font-size:.7rem;font-weight:560;color:var(--text-primary);outline:none}.value-editor::-webkit-outer-spin-button,.value-editor::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.value-editor{-moz-appearance:textfield;appearance:textfield}.pill-button{border:1px solid var(--button-stroke);border-radius:11px;min-height:32px;padding:8px 12px;font-size:.79rem;font-weight:510;color:var(--text-primary);background:var(--button-bg);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .18s ease}.pill-button:hover:not(:disabled){background:var(--button-bg-hover)}.pill-button:active:not(:disabled){transform:translateY(1px)}.pill-button:disabled{color:var(--text-muted);border-color:#ffffff1a;background:#ffffff0d;cursor:not-allowed}.pill-button:focus{outline:none}.pill-button:focus-visible{outline:1px solid rgba(203,217,255,.48);outline-offset:1px}.control-button-wide{width:100%}#start-sim.is-start-state,#mask-mode:not(.is-mask-active){border-color:#66aafff2;box-shadow:inset 0 0 0 1px #66aaff40}#start-sim.is-stop-state{border-color:#ffa248f2;box-shadow:inset 0 0 0 1px #ffa24840}#mask-mode.is-mask-active{border-color:#ffa248fa;box-shadow:inset 0 0 0 1px #ffa24847}#reset-sim,#clear-mask{border-color:#ee5e5ef2;box-shadow:inset 0 0 0 1px #ee5e5e40}#reset-subdivision,#reset-transform{border-color:var(--button-stroke);box-shadow:none}#blur-mask{border-color:#87cefaf2;box-shadow:inset 0 0 0 1px #87cefa40}input[type=range]{--range-fill-color: rgba(197, 215, 255, .45);appearance:none;-webkit-appearance:none;width:100%;height:8px;border:1px solid var(--button-stroke);border-radius:999px;background:linear-gradient(90deg,var(--range-fill-color) 0,var(--range-fill-color) var(--range-progress, 0%),rgba(255,255,255,.12) var(--range-progress, 0%),rgba(255,255,255,.1) 100%);cursor:pointer;outline:none}#simulation-timeline{--range-fill-color: rgba(255, 162, 72, .6)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.52);background:#f0f4ffeb;box-shadow:0 0 0 2px #0000002e}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.52);background:#f0f4ffeb;box-shadow:0 0 0 2px #0000002e}.select-shell{position:relative;display:block;width:100%}.native-select-hidden{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;opacity:0;pointer-events:none}.select-trigger{width:100%;min-height:32px;padding:0 28px 0 10px;border:1px solid var(--button-stroke);border-radius:10px;background:linear-gradient(145deg,#ffffff29,#ffffff14);color:var(--text-primary);font-size:.78rem;font-weight:510;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease;position:relative}.select-trigger:hover{background:linear-gradient(145deg,#fff3,#ffffff1a)}.select-trigger:focus{outline:none}.select-trigger:focus-visible{border-color:#cbd9ff8c;box-shadow:0 0 0 1px #cbd9ff2e}.select-trigger:after{content:"";position:absolute;right:11px;top:50%;width:7px;height:7px;border-right:1.5px solid rgba(236,241,253,.92);border-bottom:1.5px solid rgba(236,241,253,.92);transform:translateY(-65%) rotate(45deg);transition:transform .18s ease;pointer-events:none}.select-control.is-open .select-trigger:after{transform:translateY(-35%) rotate(-135deg)}.select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:4px;list-style:none;border:1px solid var(--button-stroke);border-radius:10px;background:#16181ef5;box-shadow:0 12px 24px -12px #000000b3;-webkit-backdrop-filter:blur(12px) saturate(145%);backdrop-filter:blur(12px) saturate(145%);max-height:170px;overflow-y:auto;z-index:40}.select-menu[hidden]{display:none}#base-shape-menu{max-height:none;overflow-y:visible}.select-option{width:100%;min-height:28px;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:.76rem;font-weight:560;letter-spacing:.01em;text-align:left;padding:5px 8px;cursor:pointer}.select-option:hover,.select-option.is-active{background:#cbd9ff33;color:var(--text-primary)}.select-option.is-selected{background:#baceff4d;color:var(--text-primary)}.select-option:focus{outline:none}.select-option:focus-visible{box-shadow:inset 0 0 0 1px #cbd9ff7a}.toggle-control{display:flex;align-items:center;justify-content:space-between;gap:10px}.toggle-control>span{font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.toggle-control input[type=checkbox]{position:relative;width:33px;height:19px;margin:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:0;background:#ffffff24;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background-color .16s ease,border-color .16s ease}.toggle-control input[type=checkbox]:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#f6f8fff7;box-shadow:0 1px 4px #00000059;transition:transform .16s ease}.toggle-control input[type=checkbox]:checked{border-color:#cbd9ff9e;background:#baceff80}.toggle-control input[type=checkbox]:checked:after{transform:translate(14px)}.color-picker{width:100%;min-height:30px;border:1px solid var(--button-stroke);border-radius:10px;cursor:pointer;background:linear-gradient(145deg,#ffffff29,#ffffff14);padding:3px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch,.color-picker::-moz-color-swatch{border:none;border-radius:7px}@keyframes panel-entrance{0%{opacity:0;transform:translateY(-8px) scale(var(--menu-scale))}to{opacity:1;transform:translateY(0) scale(var(--menu-scale))}}@media(max-width:700px){#ui-panel{top:12px;left:12px;width:min(290px,calc(100vw - 24px));max-height:calc((100vh - 24px) / var(--menu-scale))}}