*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-panel: rgba(10, 10, 20, .85);--border-glow: rgba(0, 200, 255, .3);--text-primary: #e0e0e0;--text-secondary: #888;--accent-cyan: #00c8ff;--accent-blue: #4466ff;--accent-green: #00ff88;--accent-yellow: #ffcc00;--accent-red: #ff4444;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono)}.control-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:16px;z-index:100;flex-wrap:wrap;justify-content:center;max-width:95vw}.control-panel button{background:#00c8ff1a;border:1px solid var(--border-glow);color:var(--accent-cyan);padding:8px 16px;border-radius:8px;cursor:pointer;font-family:var(--font-mono);font-size:13px;transition:all .2s;white-space:nowrap}.control-panel button:hover{background:#00c8ff40;border-color:var(--accent-cyan);box-shadow:0 0 12px #00c8ff4d}.control-panel button.active{background:#00c8ff4d;border-color:var(--accent-cyan);box-shadow:0 0 15px #00c8ff66}.control-panel select,.control-panel input[type=range]{background:#00c8ff14;border:1px solid var(--border-glow);color:var(--text-primary);padding:6px 10px;border-radius:8px;font-family:var(--font-mono);font-size:12px;cursor:pointer}.control-panel input[type=range]{width:80px;accent-color:var(--accent-cyan)}.control-panel label{font-size:11px;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:4px}.stats-overlay{position:fixed;top:16px;left:16px;display:flex;flex-direction:column;gap:6px;z-index:100;pointer-events:none}.stats-overlay .stat-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,200,255,.15);border-radius:8px;font-size:12px}.stats-overlay .stat-label{color:var(--text-secondary)}.stats-overlay .stat-value{color:var(--accent-cyan);font-weight:700}.rules-panel{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;padding:14px 18px;background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:12px;z-index:100;min-width:200px}.rules-panel h3{font-size:13px;color:var(--accent-cyan);margin-bottom:4px}.rules-panel label{font-size:11px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.rules-panel select{background:#00c8ff14;border:1px solid var(--border-glow);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-family:var(--font-mono);font-size:12px}.rules-panel input[type=text]{background:#00c8ff14;border:1px solid var(--border-glow);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-family:var(--font-mono);font-size:12px;width:100%}.save-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px;background:#0a0a14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:16px;z-index:200;min-width:340px;max-height:80vh;overflow-y:auto}.save-panel h3{font-size:15px;color:var(--accent-cyan);margin-bottom:12px}.save-panel input[type=text]{width:100%;background:#00c8ff14;border:1px solid var(--border-glow);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-family:var(--font-mono);font-size:13px;margin-bottom:10px}.save-panel button{background:#00c8ff26;border:1px solid var(--border-glow);color:var(--accent-cyan);padding:8px 16px;border-radius:8px;cursor:pointer;font-family:var(--font-mono);font-size:13px;transition:all .2s}.save-panel button:hover{background:#00c8ff4d}.save-panel .pattern-list{list-style:none;margin-top:12px}.save-panel .pattern-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,200,255,.1);font-size:13px}.save-panel .pattern-list li button{padding:4px 10px;font-size:11px;margin-left:8px}.save-panel .pattern-list li .delete-btn{color:var(--accent-red);border-color:#ff44444d}.save-panel .pattern-list li .delete-btn:hover{background:#f443}.save-panel .overlay-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:-1}.slice-control{position:fixed;left:16px;bottom:100px;display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glow);border-radius:12px;z-index:100}.slice-control label{font-size:11px;color:var(--text-secondary)}.slice-control select,.slice-control input[type=range]{background:#00c8ff14;border:1px solid var(--border-glow);color:var(--text-primary);padding:4px 8px;border-radius:6px;font-family:var(--font-mono);font-size:12px}.slice-control input[type=range]{accent-color:var(--accent-cyan)}.shortcuts-hint{position:fixed;bottom:80px;right:16px;padding:8px 12px;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,200,255,.1);border-radius:8px;font-size:10px;color:var(--text-secondary);z-index:50;line-height:1.6}.shortcuts-hint kbd{background:#00c8ff26;border:1px solid rgba(0,200,255,.2);border-radius:3px;padding:1px 5px;font-size:10px;color:var(--accent-cyan)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00c8ff4d;border-radius:3px}