:root{--navy:#103d4f;--teal:#1c8a76;--sidebar:#eaf6fa;--yellow:#f4ba14;--text:#2f3742;--muted:#686e77;--line:#c8dde6;--top-grad:linear-gradient(110deg, #103d4f 0%, #165f78 55%, #28a48d 100%);--panel-hover:#daeef5;--shadow:0 2px 8px #0a141f1f}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;color:var(--text);background:#dfe2e7;margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f0bd2ea6}.wave-module{grid-template:"header header"52px"sidebar stage"minmax(0,1fr)/250px minmax(0,1fr);width:100vw;height:100dvh;min-height:620px;display:grid}.module-header{z-index:20;background:var(--top-grad);color:#fff;grid-area:header;align-items:center;gap:18px;padding:0 18px;display:flex;position:relative;box-shadow:0 2px 8px #00000040}.menu-button{cursor:pointer;background:#ffffff12;border:1px solid #ffffff52;border-radius:8px;place-content:center;gap:4px;width:36px;height:34px;display:grid}.menu-button i{background:#fff;width:17px;height:1px;display:block}.module-title{white-space:nowrap;align-items:baseline;gap:10px;min-width:0;display:flex}.module-title strong{letter-spacing:.3px;font-size:17px;font-weight:700}.module-title span{color:#b6e3da;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.top-actions{gap:7px;margin-left:auto;display:flex}.top-actions a,.top-actions button{color:#37525a;cursor:pointer;background:#f1f6f4;border:0;border-radius:20px;align-items:center;gap:6px;height:30px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .15s;display:flex;box-shadow:0 1px 3px #062a342e}.top-actions a:hover,.top-actions button:hover{filter:brightness(1.06)}.module-sidebar{z-index:8;border-right:1px solid var(--line);background:var(--sidebar);overscroll-behavior:contain;grid-area:sidebar;min-width:0;padding-bottom:16px;transition:transform .18s,opacity .18s;overflow-y:auto}.module-sidebar section{padding:0 0 8px}.module-sidebar h2{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.7px;text-transform:uppercase;background:#fff6;margin:0 0 4px;padding:13px 16px 6px;font-size:10.5px;font-weight:700}.mode-list{display:grid}.mode-list button{width:100%;color:var(--text);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:11px;padding:9px 16px;font-size:13.5px;transition:background .1s;display:flex}.mode-list button:hover{background:var(--panel-hover)}.mode-list button.active{border-left-color:var(--mode-color);background:color-mix(in srgb, var(--mode-color) 12%, transparent);font-weight:600}.mode-list button>i{width:22px;color:var(--mode-color);text-align:center;flex-shrink:0;font-size:16px;font-style:normal}.mode-list b{font-weight:inherit}.mode-list small{display:none}.equipment-section>p{color:var(--muted);margin:0 0 6px;padding:0 16px;font-size:11.5px;line-height:1.45}.equipment-grid{display:grid}.equipment-grid button{width:100%;color:var(--text);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:11px;padding:9px 16px;font-size:13.5px;transition:background .1s;display:flex;position:relative}.equipment-grid button:hover{background:var(--panel-hover)}.equipment-grid button.active{border-left-color:var(--teal);background:#1c8a761f;font-weight:600}.equipment-grid button i{color:#8f682a;text-align:center;flex-shrink:0;width:22px;font-size:16px;font-style:normal}.equipment-grid button b{color:var(--muted);opacity:.55;margin-left:auto;font-size:12px;font-weight:700}.object-inspector{background:#ffffff6b}.object-inspector.empty p{color:#7c9095;margin:0;font-size:9px;line-height:1.45}.inspector-title{color:#36545e;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.inspector-title span{color:#7b8d92;font-size:8px}.position-inputs{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px;display:grid}.region-size-inputs{margin-top:10px}.position-inputs label{color:#687d83;font-size:8px;font-weight:700}.position-inputs span{margin-bottom:4px;display:block}.position-inputs input{color:#345660;background:#fff;border:1px solid #c9dce1;border-radius:7px;width:100%;padding:6px;font-size:10px}.inspector-range{margin-top:10px;display:block}.inspector-range>span{color:#536b72;justify-content:space-between;align-items:center;font-size:9px;display:flex}.inspector-range output{color:#305862;font-weight:800}.inspector-range input{accent-color:#d6a516;width:100%;margin:7px 0 2px}.inspector-range small{color:#829297;font-size:8px;display:block}.inspector-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.inspector-actions button{color:#466069;cursor:pointer;background:#fff;border:1px solid #c8dbe0;border-radius:7px;min-height:28px;font-size:8px;font-weight:700}.inspector-actions button.danger{color:#ad493f;border-color:#e4b5b0}.inspector-actions button:disabled{cursor:not-allowed;opacity:.45}.variables-section{padding-bottom:24px!important}.slider-control{margin:0 0 14px;display:block}.slider-control>span{grid-template-columns:28px 1fr auto;align-items:center;margin-bottom:6px;display:grid}.slider-control i{color:#177d73;background:#198f821c;border-radius:6px;place-content:center;width:24px;height:24px;font-family:Georgia,serif;font-style:italic;font-weight:700;display:grid}.slider-control b{font-size:10px}.slider-control output{color:#3a5c67;background:#ffffffc7;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:700}.slider-control input{appearance:none;background:linear-gradient(90deg, #188f82 0, #188f82 var(--progress), #cbdde2 var(--progress), #cbdde2 100%);cursor:pointer;border-radius:8px;width:100%;height:5px}.slider-control input::-webkit-slider-thumb{appearance:none;background:#167e76;border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #194c564d}.select-control{color:#516970;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font-size:10px;font-weight:700;display:flex}.select-control select{color:#345660;background:#fff;border:1px solid #c5d9df;border-radius:7px;min-width:105px;padding:6px 7px;font-size:10px}.simulation-stage{background:#f8fbf5;grid-area:stage;min-width:0;min-height:0;position:relative;overflow:hidden}.simulation-stage canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.simulation-stage canvas:active{cursor:grabbing}.simulation-stage canvas.drawing-tool,.simulation-stage canvas.drawing-tool:active{cursor:crosshair}.stage-heading{z-index:3;background:#ffffffe8;border:1px solid #d7e3df;border-radius:10px;align-items:center;gap:9px;padding:7px 10px;display:flex;position:absolute;top:12px;left:14px;box-shadow:0 3px 10px #264a4f17}.visual-badge{color:#fff;border-radius:8px;place-content:center;width:34px;height:34px;font-size:21px;display:grid}.stage-heading span{color:#839397;letter-spacing:.12em;font-size:7px;font-weight:800}.stage-heading h1{color:#34545e;margin:2px 0 0;font-size:13px}.construction-tools{z-index:5;flex-wrap:wrap;gap:5px;max-width:calc(100% - 280px);display:flex;position:absolute;top:62px;left:14px}.construction-tools button{color:#50676d;cursor:pointer;background:#fffffff0;border:1px solid #ceddde;border-radius:8px;min-height:30px;padding:0 9px;font-size:9px;font-weight:700;box-shadow:0 2px 7px #24484e1a}.construction-tools button.active{color:#6f570b;background:#fff2b9;border-color:#d9aa20}.play-controls{gap:8px;display:flex}.play-controls button{color:#fff;cursor:pointer;min-width:34px;height:30px;font:inherit;background:#475569;border:none;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;transition:filter .15s;display:flex}.play-controls button:hover{filter:brightness(1.08)}.play-controls button:first-child{background:#16a34a;min-width:104px}.play-controls button.running{background:#dc2626}.play-controls button.active{background:var(--yellow);color:#1a2a0a}.measurement-panel{z-index:4;border:1px solid var(--line);width:230px;box-shadow:var(--shadow);background:#fffffff7;border-radius:10px;position:absolute;top:12px;right:12px;overflow:hidden}.measurement-panel h2{background:var(--top-grad);color:#fff;letter-spacing:.6px;justify-content:space-between;align-items:center;margin:0;padding:9px 14px;font-size:12px;font-weight:700;display:flex}.measurement-panel h2 b{color:#fff;border-radius:6px;place-content:center;width:24px;height:24px;font-size:15px;display:grid}.measurement-list>div{min-height:27px;color:var(--muted);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:baseline;padding:6px 14px;font-size:12.5px;display:flex}.measurement-list strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.type-badges{background:#00000005;flex-wrap:wrap;gap:5px;padding:9px 14px;display:flex}.type-badges span{color:#16776b;background:#edf8f5;border:1px solid #d2e4e0;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.measurement-panel p{color:var(--muted);text-align:center;background:#00000005;margin:0;padding:9px 14px;font-size:11px;font-style:italic}.toast{z-index:4;color:#65777c;opacity:0;pointer-events:none;background:#fffffff0;border:1px solid #d6dedc;border-radius:8px;max-width:430px;padding:8px 11px;font-size:10px;transition:all .16s;position:absolute;bottom:12px;left:12px;transform:translateY(12px);box-shadow:0 3px 10px #2b4b4f1f}.toast.visible{opacity:1;transform:translateY(0)}.stage-bottom-actions{z-index:4;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.stage-bottom-actions button{color:#fff;cursor:pointer;background:#597187;border:0;border-radius:8px;height:34px;padding:0 15px;font-size:10px;font-weight:700;box-shadow:0 3px 9px #1c38452b}.stage-bottom-actions button:first-child{background:#207ad9}.stage-bottom-actions .delete-selected{background:#c94d45}.sidebar-hidden{grid-template-columns:0 minmax(0,1fr)}.sidebar-hidden .module-sidebar{opacity:0;pointer-events:none;transform:translate(-100%)}@media (width<=940px){.wave-module{grid-template:"header"46px"stage"minmax(0,1fr)/1fr}.module-sidebar{z-index:15;width:min(292px,90vw);position:fixed;top:46px;bottom:0;left:0;box-shadow:8px 0 20px #1f464f2e}.sidebar-hidden .module-sidebar{display:block}}@media (width<=650px){.module-title{text-align:left;left:54px;transform:none}.module-title strong{font-size:14px}.top-actions a,.top-actions button{justify-content:center;width:31px;padding:0}.top-actions span,.play-controls span{display:none}.play-controls{top:66px;right:12px}.construction-tools{max-width:calc(100% - 24px);top:108px}.play-controls button:first-child{min-width:34px}.measurement-panel{width:190px;top:110px}.stage-heading{max-width:180px}.stage-heading h1{font-size:11px}}.play-controls button.clear{background:#64748b}.source-dialog-backdrop{z-index:60;background:#11151b73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.source-dialog{background:#fff;border-radius:12px;width:min(360px,100%);overflow:hidden;box-shadow:0 18px 44px #091a2652}.source-dialog-head{background:var(--top-grad);color:#fff;justify-content:space-between;align-items:center;padding:11px 16px;font-size:14px;font-weight:700;display:flex}.source-dialog-head button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:15px}.source-dialog-body{gap:14px;padding:16px;display:grid}.source-dialog-body label{grid-template-columns:74px 1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.source-dialog-body label>span{color:var(--muted);font-weight:600}.source-dialog-body output{min-width:66px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.source-dialog-body input[type=range]{width:100%;accent-color:var(--teal)}.source-dialog-body p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.5}.source-dialog-foot{border-top:1px solid var(--line);background:#f7fbfc;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.source-dialog-foot button{border:1px solid var(--line);height:32px;color:var(--text);cursor:pointer;background:#fff;border-radius:8px;padding:0 16px;font-size:13px;font-weight:700}.source-dialog-foot button:disabled{color:#a8b6bb;cursor:default}.source-dialog-foot button.primary{border-color:var(--teal);background:var(--teal);color:#fff}