*,:before,:after{box-sizing:border-box}body{color:#e8e0cc;-webkit-font-smoothing:antialiased;background:#121215;margin:0;padding:0;font-family:Courier New,monospace;overflow:hidden}.window{width:100%;height:100vh;background:#121215;flex-direction:column;height:100dvh;display:flex}.title-bar{z-index:10000;-webkit-backdrop-filter:blur(20px);background:#1a1b1ff2;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:8px 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000059}.menu-bar{opacity:.75;gap:16px;transition:opacity .2s;display:flex}.menu-bar:hover{opacity:1}.menu-bar>span,.menu-link{cursor:pointer;color:#fff;letter-spacing:.3px;font-size:15px;font-weight:700;text-decoration:none;position:relative}.menu-bar>span:hover,.menu-link:hover{text-decoration:underline}.submenu{z-index:999;background:linear-gradient(#f8f2e4 0%,#ede6d2 100%);border:2px solid #d8d0bc;border-color:#d8d0bc #7a7264 #5a5444 #9a9280;border-radius:6px;flex-direction:column;gap:4px;min-width:190px;padding:4px;display:none;position:absolute;top:22px;left:0;box-shadow:3px 4px 8px #00000073,inset 0 1px 1px #ffffff80}.submenu.open{display:flex}.submenu span{cursor:pointer;color:#000;padding:3px 6px;font-size:14px;display:block}.submenu span:hover{background:linear-gradient(#e8e0cc 0%,#d8d0bc 100%);border-radius:3px}.title-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.reset-icon{cursor:pointer;-webkit-user-select:none;user-select:none;color:#2a2520;background:linear-gradient(#faf6ec 0%,#e8e0cc 100%);border:2px solid #d0c8b4;border-color:#d0c8b4 #8a8270 #6a6250 #a8a090;border-radius:6px;justify-content:center;align-items:center;width:32px;height:24px;padding:0 8px;font-size:16px;font-weight:700;transition:all .1s;display:inline-flex;box-shadow:1px 2px 3px #00000059,inset 0 1px 1px #ffffffb3}.reset-icon:hover{background:linear-gradient(#f0e8d4 0%,#ddd5c0 100%)}.reset-icon:active{background:linear-gradient(#d5ceb8 0%,#e0d8c4 100%);border-color:#6a6250 #a8a090 #d0c8b4 #8a8270;box-shadow:inset 0 2px 4px #0000004d}.reset-icon.active{background:linear-gradient(#d4edda 0%,#b8dcc2 100%);border-color:#28a745}.content{flex:1;display:block;position:relative;overflow:hidden}.main-area{background:#121215;margin:0;padding:0;position:absolute;inset:48px 0 0}#cellsCanvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}#cellsCanvas.tool-grab{cursor:grab}#cellsCanvas.tool-grab.holding{cursor:grabbing}#cellsCanvas.tool-seed{cursor:copy}#cellsCanvas.tool-feed{cursor:cell}#cellsCanvas.tool-remove{cursor:crosshair}#cellsCanvas.tool-stir{cursor:move}.toolbar,.bottom-panel,.side-panel{z-index:9999;-webkit-backdrop-filter:blur(20px);cursor:move;-webkit-user-select:none;user-select:none;background:#ffffffb3;border:1px solid #fff3;border-radius:16px;padding:36px 16px 16px;transition:box-shadow .2s,opacity .3s;position:fixed;box-shadow:0 8px 32px #0006}.toolbar:hover,.bottom-panel:hover,.side-panel:hover{box-shadow:0 12px 40px #00000080}.toolbar.dragging,.bottom-panel.dragging,.side-panel.dragging{cursor:grabbing;opacity:.9}.toolbar:before,.bottom-panel:before,.side-panel:before{content:"⋮⋮";color:#0000004d;cursor:grab;font-size:18px;line-height:1;position:absolute;top:6px;left:50%;transform:translate(-50%)}.toolbar{scrollbar-width:thin;scrollbar-color:#00000040 transparent;flex-direction:column;gap:10px;width:248px;max-height:calc(100vh - 100px);display:flex;top:60px;left:20px;overflow:hidden auto}.toolbar::-webkit-scrollbar{width:8px}.toolbar::-webkit-scrollbar-track{background:0 0}.toolbar::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px}.bottom-panel{min-width:430px;bottom:20px;right:20px}.side-panel{flex-direction:column;gap:7px;width:252px;display:flex;top:60px;right:20px}.panel-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.panel-buttons .panel-action{margin-top:0;padding:5px 4px;font-size:11px}.panel-title{color:#e8e0cc;text-shadow:0 1px 2px #00000080;letter-spacing:.5px;background:linear-gradient(#4a4a4a 0%,#2c2c2c 100%);border:1px solid #5a5a5a;border-color:#5a5a5a #1a1a1a #0a0a0a #3a3a3a;border-radius:4px;margin:0;padding:2.5px 6px;font-size:13px;font-weight:700;box-shadow:inset 0 1px 1px #ffffff26,0 1px 2px #0000004d}.dials{flex-direction:column;gap:7px;display:flex}.dial-head{align-items:center;gap:6px;margin-bottom:3px;display:flex}.dial-head label{color:#2a2520;letter-spacing:.5px;text-shadow:0 1px #fff6;font-size:12px;font-weight:700}.dial-value{color:#4a4034;letter-spacing:.3px;text-align:right;margin-left:auto;font-size:12px;font-weight:700}.dial input[type=range]{width:100%;min-width:0}.panel-note{color:#2a2520b8;text-align:center;margin:2px 0 0;font-size:11px;line-height:1.3}.panel-hide-btn{cursor:pointer;color:#0009;z-index:10;background:#0000001a;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-family:inherit;font-size:14px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.panel-hide-btn:hover{background:#0003}.toolbar.panel-hidden,.bottom-panel.panel-hidden,.side-panel.panel-hidden,.panels-folded .toolbar,.panels-folded .bottom-panel,.panels-folded .side-panel{opacity:.55;transition:all .3s;overflow:hidden;width:40px!important;min-width:40px!important;height:40px!important;padding:8px!important}.toolbar.panel-hidden .toolbar-section,.bottom-panel.panel-hidden #sliders,.side-panel.panel-hidden>:not(.panel-hide-btn),.panels-folded .toolbar .toolbar-section,.panels-folded .bottom-panel #sliders,.panels-folded .side-panel>:not(.panel-hide-btn){display:none!important}.toolbar.panel-hidden:before,.bottom-panel.panel-hidden:before,.side-panel.panel-hidden:before,.panels-folded .toolbar:before,.panels-folded .bottom-panel:before,.panels-folded .side-panel:before{display:none}.panel-hide-btn.panel-restore,.panels-folded .panel-hide-btn{background:#00000026;border-radius:8px;width:32px;height:32px;font-size:18px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.panels-folded .panel-hide-btn{font-size:0}.panels-folded .panel-hide-btn:after{content:attr(data-restore-glyph);font-size:18px}.toolbar-section{background:linear-gradient(#f5eeda 0%,#e8e0cc 100%);border:2px solid #e8e0cc;border-color:#e8e0cc #9a9280 #7a7260 #c0b8a0;border-radius:8px;flex-direction:column;padding:7px;display:flex;box-shadow:1px 2px 3px #00000040,inset 0 1px 1px #ffffff80}.toolbar-section h4{text-align:left;color:#e8e0cc;text-shadow:0 1px 2px #00000080;letter-spacing:.5px;background:linear-gradient(#4a4a4a 0%,#2c2c2c 100%);border:1px solid #5a5a5a;border-color:#5a5a5a #1a1a1a #0a0a0a #3a3a3a;border-radius:4px;margin:0 0 6px;padding:2.5px 6px;font-size:13px;font-weight:700;box-shadow:inset 0 1px 1px #ffffff26,0 1px 2px #0000004d}.icon-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.icon{cursor:pointer;color:#2a2520;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#fdfaf4 0%,#f0e8d4 40%,#e0d8c4 100%);border:2px solid #e8e0d0;border-color:#e8e0d0 #8a8270 #5a5444 #a8a090;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all 80ms;display:flex;position:relative;box-shadow:2px 3px 5px #0006,0 1px 2px #0003,inset 0 1px 2px #fffc,inset 0 -1px 1px #0000001a}.icon img,.icon svg{border-radius:inherit;pointer-events:none;width:100%;height:100%}.specimen-icon svg{padding:1px}.icon:active{background:linear-gradient(145deg,#ddd5c0 0%,#e8e0cc 100%);border-color:#5a5444 #a8a090 #e8e0d0 #8a8270;box-shadow:inset 2px 3px 5px #0006,inset 0 1px 2px #0003}.icon:focus-visible{outline-offset:1px;outline:3px solid #ffbf00}.icon.icon-active{border-color:#ffd34d #b98c00 #8a6800 #e0a800;box-shadow:2px 3px 5px #0006,0 0 0 2px #ffd34d8c,inset 0 1px 2px #fffc}.icon.icon-active:after{content:"";background:radial-gradient(circle at 40% 35%,#ffff40,#e6d400);border:1px solid #8a8000;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 6px #ffe60099}.icon[data-label]:before{content:attr(data-label);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:10000;background:#000;border-radius:4px;padding:2px 6px;font:12px Courier New,monospace;transition:opacity .15s;position:absolute;bottom:-24px;left:50%;translate:-50%}.icon:hover:before,.icon:focus-visible:before{opacity:1}.preset-list{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:5px;display:grid}.preset-button{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;color:#2a2520;cursor:pointer;background:linear-gradient(#fdfaf4 0%,#e6ddc8 100%);border:2px solid #f0e8d4;border-color:#f0e8d4 #8a8270 #5a5444 #a8a090;border-radius:6px;min-width:0;padding:6px 4px;font:700 10px Courier New,monospace;transition:all 80ms;overflow:hidden;box-shadow:1px 2px 3px #0000004d,inset 0 1px 1px #ffffffb3}.preset-button:last-child{grid-column:1/-1}.preset-button:hover{background:linear-gradient(#f4ecd8 0%,#ddd4bf 100%)}.preset-button:active{background:linear-gradient(#d5ceb8 0%,#e0d8c4 100%);border-color:#5a5444 #a8a090 #f0e8d4 #8a8270;box-shadow:inset 1px 2px 3px #0000004d}.preset-button.active{border-color:#ffd34d #b98c00 #8a6800 #e0a800;box-shadow:1px 2px 3px #0000004d,0 0 0 2px #ffd34d80,inset 0 1px 1px #ffffffb3}.panel-action{letter-spacing:.5px;color:#2a2520;cursor:pointer;background:linear-gradient(#fdfaf4 0%,#e6ddc8 100%);border:2px solid #f0e8d4;border-color:#f0e8d4 #8a8270 #5a5444 #a8a090;border-radius:6px;width:100%;margin-top:8px;padding:5px 8px;font:700 12px Courier New,monospace;box-shadow:1px 2px 3px #0000004d,inset 0 1px 1px #ffffffb3}.panel-action:hover{background:linear-gradient(#f4ecd8 0%,#ddd4bf 100%)}.panel-action:active{background:linear-gradient(#d5ceb8 0%,#e0d8c4 100%);border-color:#5a5444 #a8a090 #f0e8d4 #8a8270;box-shadow:inset 1px 2px 3px #0000004d}.panel-action.active{border-color:#ffd34d #b98c00 #8a6800 #e0a800;box-shadow:1px 2px 3px #0000004d,0 0 0 2px #ffd34d80,inset 0 1px 1px #ffffffb3}.panel-action[hidden]{display:none}#sliders>div{align-items:center;gap:8px;margin:7px 0;display:flex}#sliders label{color:#2a2520;letter-spacing:.6px;text-shadow:0 1px #fff6;width:168px;font-size:13px;font-weight:700}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(#b8b0a0 0%,#d0c8b8 50%,#c0b8a8 100%);border:2px solid #6a6250;border-color:#6a6250 #a8a090 #c0b8a0 #7a7260;border-radius:6px;flex:1;min-width:170px;height:12px;box-shadow:inset 0 2px 4px #00000059,inset 0 -1px 1px #ffffff4d}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(#7a7268 0%,#5a5448 50%,#4a4238 100%);border:2px solid #8a8278;border-color:#8a8278 #3a3630 #2a2620 #5a5448;border-radius:4px;width:20px;height:26px;margin-top:-9px;box-shadow:1px 2px 4px #00000073,inset 0 1px 1px #fff3}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(#7a7268 0%,#5a5448 50%,#4a4238 100%);border:2px solid #8a8278;border-color:#8a8278 #3a3630 #2a2620 #5a5448;border-radius:4px;width:18px;height:24px}.help-icon-container{flex:none;display:inline-block;position:relative}.help-icon{color:#2a2520;text-align:center;cursor:help;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 40% 35%,#e8e0d0,#c0b8a4);border:1px solid #6a6250;border-radius:50%;width:16px;height:16px;font-size:12px;font-weight:700;line-height:15px;display:inline-block;box-shadow:1px 1px 2px #0000004d,inset 0 1px 1px #ffffff80}.help-tooltip{color:#fff;min-width:150px;max-width:220px;text-shadow:none;background:#1a1a1a;border:1px solid #4a4a4a;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:400;line-height:1.35;display:none;position:absolute;bottom:22px;left:0;box-shadow:2px 3px 8px #00000080}.help-icon-container:hover .help-tooltip{z-index:99999;display:block}.empty-state{text-align:center;color:#e8e0ccb8;pointer-events:none;z-index:4;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state[hidden]{display:none}.empty-face{letter-spacing:2px;font-size:30px}.empty-state strong{letter-spacing:.6px;font-size:16px}.empty-state small{opacity:.75;font-size:12px}.toast{color:#e8e0cc;opacity:0;pointer-events:none;z-index:20;background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%);border:1px solid #4a4a4a;border-radius:6px;padding:6px 12px;font:14px Courier New,monospace;transition:opacity .2s,transform .2s;position:absolute;top:16px;left:50%;transform:translate(-50%,-8px);box-shadow:2px 3px 8px #00000080}.toast.show{opacity:.95;transform:translate(-50%)}body.tank-light .empty-state{color:#1e1b18b8}body.tank-light .toolbar,body.tank-light .bottom-panel,body.tank-light .side-panel{background:#ffffffd1;border-color:#0000002e;box-shadow:0 8px 32px #00000038,0 0 0 1px #0000000f}body.tank-light .toolbar:hover,body.tank-light .bottom-panel:hover,body.tank-light .side-panel:hover{box-shadow:0 12px 40px #0000004d,0 0 0 1px #00000014}body.dish-dark .empty-state{color:#e8e0cc80}body.dish-dark .toolbar,body.dish-dark .bottom-panel,body.dish-dark .side-panel{opacity:.9}@media (max-width:900px){.toolbar{width:176px;top:56px;left:10px}.bottom-panel{min-width:0;bottom:10px;left:10px;right:10px}.bottom-panel.panel-hidden,.panels-folded .bottom-panel{left:auto!important}.side-panel{width:232px;top:56px;right:10px}#sliders label{width:124px;font-size:12px}input[type=range]{min-width:80px}}@media (prefers-reduced-motion:reduce){.toolbar,.bottom-panel,.toast,.icon,.reset-icon{transition:none}}