:root{--bg-void: #080a0f;--bg-panel: #0c0f17;--bg-surface: #111520;--bg-elevated: #171c2a;--bg-input: #1a2035;--amber: #d4a843;--amber-dim: #8a6a20;--amber-bright: #f0c060;--amber-glow: rgba(212, 168, 67, .15);--phosphor: #7ecfb0;--phosphor-dim: #3a7a60;--red-alert: #c84040;--ice-blue: #4090d0;--text-primary: #e8dfc8;--text-secondary: #8a8070;--text-dim: #4a4538;--text-label: #d4a843;--border: rgba(212, 168, 67, .2);--border-bright: rgba(212, 168, 67, .5);--font-display: "Cinzel", serif;--font-mono: "JetBrains Mono", monospace;--header-h: 64px;--footer-h: 80px;--divider-w: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}#header{height:var(--header-h);min-height:var(--header-h);background:var(--bg-void);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:24px;position:relative;z-index:10;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.header-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.logo-mark{font-size:28px;color:var(--amber);line-height:1;filter:drop-shadow(0 0 8px var(--amber));animation:pulse-logo 4s ease-in-out infinite}@keyframes pulse-logo{0%,to{filter:drop-shadow(0 0 6px var(--amber));opacity:.9}50%{filter:drop-shadow(0 0 14px var(--amber-bright));opacity:1}}.title-block{display:flex;flex-direction:column;gap:2px}.title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.12em;color:var(--amber);line-height:1;text-shadow:0 0 20px rgba(212,168,67,.4)}.subtitle{font-family:var(--font-mono);font-size:9px;letter-spacing:.25em;color:var(--text-secondary);font-weight:300}.header-center{flex:1;display:flex;justify-content:center}.coord-display{display:flex;flex-direction:column;gap:3px;background:var(--bg-surface);border:1px solid var(--border);padding:8px 20px;min-width:380px;position:relative}.coord-display:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--amber-dim)}.coord-row{display:flex;align-items:center;gap:12px}.coord-label{font-size:9px;letter-spacing:.2em;color:var(--text-secondary);width:52px;flex-shrink:0}.coord-value{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--phosphor);letter-spacing:.05em;text-shadow:0 0 8px rgba(126,207,176,.4)}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;cursor:pointer;transition:all .2s;font-weight:500}.action-btn:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-glow);box-shadow:0 0 12px #d4a84326}.action-btn:active{transform:scale(.97)}.btn-icon{font-size:14px;line-height:1}#main{flex:1;display:flex;overflow:hidden;position:relative}.panel{flex:1;position:relative;overflow:hidden;background:#000;display:flex;flex-direction:column}.panel-label{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:linear-gradient(180deg,rgba(8,10,15,.95) 0%,transparent 100%);pointer-events:none}.panel-label-text{font-family:var(--font-display);font-size:10px;letter-spacing:.25em;color:var(--amber);font-weight:400;opacity:.8}.panel-hint{font-size:9px;letter-spacing:.15em;color:var(--text-dim);font-weight:300}.panel canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;cursor:crosshair}.panel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.crosshair{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);display:none;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#d4a843cc}.crosshair:before{width:100%;height:1px;top:50%;left:0}.crosshair:after{width:1px;height:100%;left:50%;top:0}.crosshair.visible{display:block}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.05) 3px,rgba(0,0,0,.05) 4px);pointer-events:none;z-index:4;opacity:.4}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:4}#panel-divider{width:var(--divider-w);min-width:var(--divider-w);background:var(--bg-void);border-left:1px solid var(--border);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative;z-index:5}.divider-line{flex:1;width:1px;background:linear-gradient(180deg,transparent,var(--amber-dim),transparent);opacity:.5}.mode-toggle{width:36px;height:36px;background:var(--bg-surface);border:1px solid var(--border);color:var(--amber-dim);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;border-radius:2px}.mode-toggle:hover{border-color:var(--amber);color:var(--amber);background:var(--amber-glow);box-shadow:0 0 12px #d4a84333}#controls{height:var(--footer-h);min-height:var(--footer-h);background:var(--bg-void);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:32px;overflow-x:auto;scrollbar-width:none}#controls::-webkit-scrollbar{display:none}.control-group{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.control-group-label{font-size:8px;letter-spacing:.3em;color:var(--text-dim);font-weight:500}.palette-buttons{display:flex;gap:6px}.palette-btn{display:flex;align-items:center;gap:7px;padding:5px 10px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;cursor:pointer;transition:all .15s;font-weight:500}.palette-btn:hover{border-color:var(--amber-dim);color:var(--text-primary)}.palette-btn.active{border-color:var(--amber);color:var(--amber);background:var(--amber-glow)}.palette-swatch{width:28px;height:10px;display:block;border-radius:1px;flex-shrink:0;opacity:.9}.iter-controls{display:flex;gap:4px}.iter-btn{padding:5px 10px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;cursor:pointer;transition:all .15s}.iter-btn:hover{border-color:var(--amber-dim);color:var(--text-primary)}.iter-btn.active{border-color:var(--amber);color:var(--amber);background:var(--amber-glow)}.mode-controls{display:flex;gap:4px}.mode-btn{padding:5px 12px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;cursor:pointer;transition:all .15s}.mode-btn:hover{border-color:var(--phosphor-dim);color:var(--text-primary)}.mode-btn.active{border-color:var(--phosphor);color:var(--phosphor);background:#7ecfb01a}.control-group-info{margin-left:auto}.info-text{display:flex;flex-direction:column;gap:3px}.info-text span{font-size:9px;letter-spacing:.15em;color:var(--text-dim)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-elevated);border:1px solid var(--amber);color:var(--amber);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;padding:10px 24px;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;z-index:100;box-shadow:0 0 20px #d4a84333}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}#panel-julia.hidden,#panel-divider.hidden{display:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--amber-dim)}