*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none}#canvas{display:block;width:100vw;height:100vh;cursor:crosshair}#toolbar{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:10px 16px;display:flex;flex-direction:column;gap:8px;z-index:100;transition:opacity .3s ease,transform .3s ease;border:1px solid rgba(255,255,255,.08)}#toolbar.hidden{opacity:0;transform:translate(-50%) translateY(-10px);pointer-events:none}.toolbar-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.controls-row{gap:10px}.mat-group{display:flex;flex-direction:column;align-items:center;gap:3px}.mat-group-label{font-size:9px;color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.mat-group-btns{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.mat-btn{padding:5px 12px;border:2px solid transparent;border-radius:20px;background:var(--mat-color);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s,transform .1s;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.02em}.mat-btn:hover{transform:scale(1.05)}.mat-btn.selected{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.eraser-btn{--mat-color: #555}.emitter-btn{--mat-color: #225;border-style:dashed}.emitter-btn.emitter-active{border-color:#8af;box-shadow:0 0 8px #64a0ff66;background:#64a0ff4d}.drain-btn{--mat-color: #422;border-style:dashed}.drain-btn.drain-active{border-color:#f88;box-shadow:0 0 8px #ff646466;background:#ff64644d}.fill-btn{--mat-color: #353;border-style:dashed}.fill-btn.fill-active{border-color:#8f8;box-shadow:0 0 8px #64ff6466;background:#64ff644d}.line-btn{--mat-color: #335;border-style:dashed}.line-btn.line-active{border-color:#aaf;box-shadow:0 0 8px #a0a0ff66;background:#a0a0ff4d}.line-preview{position:absolute;height:2px;background:#fff9;transform-origin:0 50%;pointer-events:none;z-index:50;box-shadow:0 0 4px #fff6}.brush-label{color:#ffffffb3;font-size:12px}.brush-slider{width:90px;accent-color:#c2a83e;cursor:pointer}.action-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff14;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.action-btn:hover{background:#ffffff2e}.pin-btn{font-size:14px;opacity:.5;transition:background .15s,opacity .15s}.pin-btn.pinned{opacity:1;background:#ffffff26;border-color:#fff6}.ss-wrap{position:relative;display:flex;gap:2px}.ss-btn.active{background:#ffc83240;border-color:#ffc83299;box-shadow:0 0 8px #ffc8324d}.ss-gear{width:22px!important;height:32px;font-size:12px!important;border-radius:0 8px 8px 0!important;border-left:none!important}.ss-btn{border-radius:8px 0 0 8px!important}.ss-panel{display:none;position:absolute;top:40px;left:50%;transform:translate(-50%);background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 14px;min-width:200px;z-index:200;flex-direction:column;gap:10px}.ss-panel.open{display:flex}.ss-panel-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fffc;font-size:12px;white-space:nowrap}.ss-toggle-btn{padding:4px 14px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff14;color:#fff9;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.ss-toggle-btn.on{background:#ffc83240;border-color:#ffc83280;color:#ffc832e6}.ss-timer-slider{width:90px;accent-color:#c2a83e;cursor:pointer}.ss-timer-value{color:#ffffff80;font-size:11px;min-width:30px;text-align:right}.ss-scene-select{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffd9;font-size:11px;padding:3px 6px;cursor:pointer;outline:none;flex:1;min-width:0}.ss-scene-select:focus{border-color:#ffc83280}.ss-scene-select option{background:#1a1a1a;color:#ddd}.help-wrap{position:relative}.help-panel{display:none;position:absolute;top:40px;left:50%;transform:translate(-50%);background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:14px;min-width:340px;max-height:60vh;z-index:200;flex-direction:column;gap:8px}.help-panel.open{display:flex}.help-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;text-align:center}.help-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px}.help-entry{display:flex;gap:8px;align-items:flex-start}.help-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:2px}.help-info{display:flex;flex-direction:column;gap:1px}.help-name{font-weight:600;font-size:12px;color:#fff}.help-desc{font-size:11px;color:#ffffff8c;line-height:1.3}.help-interactions{font-size:10px;color:#ffffff59;margin-top:1px}#count-overlay{position:fixed;bottom:12px;left:12px;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:8px 12px;font-family:SF Mono,Consolas,Monaco,monospace;font-size:11px;color:#fffc;z-index:90;min-width:140px;pointer-events:none;border:1px solid rgba(255,255,255,.08)}.count-row{display:flex;align-items:center;gap:6px;padding:1px 0}.count-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.count-name{flex:1}.count-val{text-align:right;color:#ffffff80}#emitter-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.emitter-marker{position:absolute;width:8px;height:8px;border:2px solid;border-radius:50%;transform:translate(-50%,-50%);animation:emitter-pulse 1.2s infinite ease-in-out}@keyframes emitter-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}}.drain-marker{position:absolute;width:10px;height:10px;border:2px solid #f55;border-radius:2px;transform:translate(-50%,-50%);animation:drain-pulse 1s infinite ease-in-out}@keyframes drain-pulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(.6)}}