:root{color:#e7ebed;font-synthesis:none;--line:#3b4247;--muted:#a1adb4;--cyan:#00d2ff;--panel:#23292d;background:#1e1e1e;font-family:Arial,Helvetica,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select,input,textarea{color:inherit;background:#30373c;border:1px solid #48535a;border-radius:5px}button{cursor:pointer;white-space:nowrap;padding:8px 11px}button:hover{background:#3e494f;border-color:#82939d}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button.primary{color:#fff;background:#007991;border-color:#009ebd}input,select,textarea{min-width:0;padding:7px}input[type=number]{width:100%}input[type=checkbox]{accent-color:var(--cyan);width:18px;height:18px}input[type=color]{width:55px;height:32px;padding:3px}input:invalid,textarea:invalid{border-color:#ff917e}button small{color:#c1d0d8;margin-top:6px;display:block}h1,.panel-heading h2{margin:0;font-size:19px}p{line-height:1.55}header{border-bottom:1px solid var(--line);background:#202528;justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 22px;display:flex}.brand{align-items:baseline;gap:15px;display:flex}.brand strong,.brand .home-link{letter-spacing:-.5px;font-size:23px}.brand span{color:var(--muted);font-size:13px}.header-actions{gap:8px;display:flex}.status{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:20px;min-height:40px;padding:8px 22px;font-size:12px;display:flex}#run-state{color:#ffd483;font-weight:700}#run-state.running{color:#6beba3}.status b{font-weight:400}main{flex:1;grid-template-columns:190px minmax(0,1fr);min-height:0;display:grid}.controls{border-right:1px solid var(--line);background:var(--panel);scrollbar-width:thin;scrollbar-color:#666 #080808;padding:16px 14px;overflow:auto}@supports selector(::-webkit-scrollbar){.controls{scrollbar-width:auto}.controls::-webkit-scrollbar{width:3px;height:3px}.controls::-webkit-scrollbar-track{background:#080808}.controls::-webkit-scrollbar-thumb{background:#666;border-radius:3px}}.playback{gap:5px;display:flex}.playback button{flex:1;min-width:0;padding:8px 6px;font-size:12px}.control-row{grid-template-columns:1fr 1fr;gap:10px;margin:17px 0;display:grid}.control-row label,.select-label{color:var(--muted);gap:6px;font-size:12px;display:grid}.control-row input{color:#fff;font-size:16px}.energy{gap:8px;display:flex}.energy button{text-align:left;flex:1}.energy kbd{float:right;color:#df94e4;font-family:inherit}.view-controls{gap:6px;margin:16px 0;display:flex}.view-controls #fit{flex:1}.select-label{margin:12px 0}.select-label select{color:#e7ebed;width:100%;font-size:12px}.legend{margin-top:20px;font-size:12px}.legend dl{grid-template-columns:max-content minmax(0,1fr);gap:8px 4px;margin:14px 0;display:grid}.legend dt{color:#df94e4}.legend dd{color:#c8d0d4;margin:0}.legend p{line-height:1.8}.hint{color:var(--muted);font-size:12px;line-height:1.6}.field{background:#1e1e1e;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}#canvas-host{flex:1;min-height:0;position:relative;overflow:hidden}#canvas-host canvas{outline:none;width:100%;height:100%;display:block}#canvas-host.render-disabled canvas{visibility:hidden}#canvas-host.render-disabled:after{content:"Field rendering disabled · physics and status remain active";text-align:center;color:var(--muted);font-size:13px;position:absolute;inset:45% 20px auto}.settings{border-left:1px solid var(--line);background:#252c30;padding:18px;overflow:auto}.settings-open main{grid-template-columns:190px minmax(180px,1fr) 350px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.settings details{border-top:1px solid var(--line);padding:13px 0}.settings summary{cursor:pointer;margin-bottom:10px;font-weight:700}.setting{text-transform:capitalize;justify-content:space-between;align-items:center;gap:8px;margin:12px 0;display:flex}.setting span{flex:1;font-size:12px}.setting small{color:var(--muted);text-transform:none;margin-top:3px;font-size:10px;line-height:1.5;display:block}.setting input[type=number]{width:105px}.sign-button{padding:6px}.preset-controls{grid-template-columns:1fr auto;gap:8px;margin-top:16px;display:grid}.preset-controls label{gap:5px;font-size:12px;display:grid}.preset-controls select{width:100%;max-width:180px}.files{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.files button,.file-button{font-size:12px}.file-button{cursor:pointer;background:#30373c;border:1px solid #48535a;border-radius:5px;padding:8px 11px}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.rule{border-bottom:1px solid var(--line);grid-template-columns:1fr 75px;gap:7px;padding:12px 0;display:grid}.rule-random{align-items:center;font-size:11px;display:flex}.rule button{font-size:11px}.advanced-label{gap:8px;margin-top:15px;font-size:12px;display:grid}textarea{resize:vertical;max-width:100%;line-height:1.5}.add-rule{margin-top:10px}.pending{color:#ffd483}#message{color:#fff;z-index:20;background:#354851;border:1px solid #63808e;border-radius:7px;max-width:min(640px,90vw);padding:14px 20px;position:fixed;bottom:45px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0005}dialog{color:inherit;background:#242b2f;border:1px solid #64737c;border-radius:10px;width:100%;max-width:min(1100px,95vw);max-height:92dvh;padding:22px}dialog::backdrop{background:#0009}.dialog-header{justify-content:space-between;align-items:center;display:flex}.bench-controls{flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0;display:flex}.bench-controls label{gap:5px;font-size:12px;display:grid}.bench-controls input{width:80px}.bench-stage{background:#1e1e1e;height:280px;position:relative;overflow:hidden}.bench-stage canvas{width:100%;height:100%;display:block}.bench-results{max-height:260px;overflow:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:9px}th{color:var(--muted)}[hidden]{display:none!important}#mobile-tools:empty{display:none}@media (max-width:1100px){.brand span{display:none}.settings-open main{grid-template-columns:190px minmax(100px,1fr) 320px}.status{gap:10px}main{grid-template-columns:190px minmax(0,1fr)}}#app{flex-direction:column;height:100dvh;display:flex}header,.status{flex-shrink:0}html:not(.mobile) .controls{padding:12px 8px}html:not(.mobile) .controls button{padding:7px 5px}html:not(.mobile) .controls input{padding:6px 4px}html:not(.mobile) .control-row{gap:6px}#velocity-status{font-size:11px}.init-text-heading{flex-direction:column;justify-content:space-between;align-items:stretch;gap:8px;margin-top:14px;display:flex}.init-text-heading label{align-items:center;gap:5px;min-width:0;display:flex}.init-text-heading select{width:180px;max-width:100%;font-size:12px}.init-text-heading>label{flex:1;justify-content:end}.init-help-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.init-editor-heading{color:#df94e4;margin:0;font-size:16px;font-weight:600}.script-restart{margin-top:12px}.rule-builder-heading{margin-top:36px}.advanced-label textarea{background:#39434b}.init-help{color:var(--cyan)}#freeze-borders{width:100%;margin-top:6px}#freeze-borders[aria-pressed=true]{background:#653b70;border-color:#df94e4}#manual-init{scroll-margin-top:110px}.home-link{color:inherit;font-weight:700;text-decoration:none}.home-link:hover{color:var(--cyan)}.simulation-title{margin:0;line-height:1.2}