*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-mono: "JetBrains Mono", "Courier New", monospace;--bg: #0a0a0a;--bg-surface: #111111;--bg-diagram: #0d0d0d;--fg: #e0e0e0;--green: #00ff88;--dim: #777;--border: rgba(255, 255, 255, .06);--glow: rgba(0, 255, 136, .15);--error: #ff6b6b;--error-bg: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .2)}html,body,#app{height:100%;font-family:var(--font-mono);background:var(--bg);color:var(--fg)}.app-container[data-v-beaaf47d]{display:flex;flex-direction:column;height:100vh;position:relative}.scanline[data-v-beaaf47d]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);z-index:50}.app-header[data-v-beaaf47d]{display:flex;align-items:baseline;gap:1rem;padding:.75rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border)}.app-header h1[data-v-beaaf47d]{font-size:1.25rem;font-weight:700;color:var(--fg);letter-spacing:-.02em}.app-header h1 .accent[data-v-beaaf47d]{color:var(--green);text-shadow:0 0 20px var(--glow)}.subtitle[data-v-beaaf47d]{font-size:.75rem;color:var(--dim);letter-spacing:.05em}.header-actions[data-v-beaaf47d]{margin-left:auto;display:flex;gap:.5rem}.header-btn[data-v-beaaf47d]{padding:.25rem .75rem;font-family:var(--font-mono);font-size:.7rem;background:#ffffff05;color:var(--fg);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,text-shadow .15s;letter-spacing:.05em;text-transform:uppercase}.header-btn[data-v-beaaf47d]:hover{background:#00ff8814;border-color:#0f83;color:var(--green);text-shadow:0 0 8px var(--glow)}.header-btn[data-v-beaaf47d]:focus-visible{outline:2px solid var(--green);outline-offset:2px}.import-btn[data-v-beaaf47d]{display:inline-flex;align-items:center}.save-wrapper[data-v-beaaf47d]{position:relative;display:inline-flex}.save-dropdown[data-v-beaaf47d]{position:absolute;top:calc(100% + 4px);left:0;z-index:20;display:flex;flex-direction:column;min-width:120px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 16px #0000004d;overflow:hidden}.save-option[data-v-beaaf47d]{padding:.4rem .75rem;font-family:var(--font-mono);font-size:.7rem;text-align:left;background:transparent;color:var(--fg);border:none;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:background .15s,color .15s}.save-option[data-v-beaaf47d]:hover{background:#00ff8814;color:var(--green)}.save-option+.save-option[data-v-beaaf47d]{border-top:1px solid var(--border)}.share-wrapper[data-v-beaaf47d]{position:relative;display:inline-flex}.share-btn[data-v-beaaf47d]{color:var(--green);border-color:#0f83}.share-tooltip[data-v-beaaf47d]{position:absolute;bottom:-1.75rem;left:50%;transform:translate(-50%);font-size:.65rem;color:var(--green);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:.15rem .5rem;white-space:nowrap;pointer-events:none;z-index:20}.main-layout[data-v-beaaf47d]{display:flex;flex:1;min-height:0}.editor-panel[data-v-beaaf47d]{min-width:180px;max-width:800px;display:flex;flex-direction:column;padding:.75rem;background:var(--bg-surface);flex-shrink:0}.resize-gutter[data-v-beaaf47d]{width:5px;cursor:col-resize;background:var(--border);transition:background .15s;flex-shrink:0;position:relative}.resize-gutter[data-v-beaaf47d]:after{content:"";position:absolute;inset:0 -3px}.resize-gutter[data-v-beaaf47d]:hover,.resize-gutter[data-v-beaaf47d]:active{background:var(--green);box-shadow:0 0 8px var(--glow)}.terminal-header[data-v-beaaf47d]{display:flex;gap:6px;margin-bottom:.75rem}.terminal-dot[data-v-beaaf47d]{width:10px;height:10px;border-radius:50%;background:var(--dim)}.terminal-dot[data-v-beaaf47d]:nth-child(1){background:#ff5f57}.terminal-dot[data-v-beaaf47d]:nth-child(2){background:#ffbd2e}.terminal-dot[data-v-beaaf47d]:nth-child(3){background:#28c840}.editor-panel label[data-v-beaaf47d]{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dim);margin-bottom:.5rem}.editor-panel label .prompt[data-v-beaaf47d]{color:var(--green)}.editor-panel textarea[data-v-beaaf47d]{flex:1;resize:none;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:.75rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.7;outline:none;caret-color:var(--green)}.editor-panel textarea[data-v-beaaf47d]:focus-visible{border-color:var(--green);box-shadow:0 0 0 2px #00ff884d}.diagram-panel[data-v-beaaf47d]{flex:1;position:relative;background:var(--bg-diagram);overflow:hidden}.error-message[data-v-beaaf47d]{position:absolute;top:0;left:0;right:0;padding:.75rem 1rem;background:var(--error-bg);color:var(--error);font-size:.8rem;border-bottom:1px solid var(--error-border);z-index:10}.svg-container[data-v-beaaf47d]{width:100%;height:100%;cursor:default;touch-action:none}.svg-container[data-v-beaaf47d] svg{width:100%;height:100%;display:block}.shortcuts-overlay[data-v-beaaf47d]{position:fixed;inset:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center}.shortcuts-panel[data-v-beaaf47d]{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem 1.5rem;min-width:320px;max-width:440px;box-shadow:0 0 40px #00ff880d}.shortcuts-header[data-v-beaaf47d]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.shortcuts-title[data-v-beaaf47d]{font-size:.85rem;font-weight:600;color:var(--green);letter-spacing:.05em;text-transform:uppercase}.shortcuts-close[data-v-beaaf47d]{background:none;border:none;color:var(--dim);font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .15s}.shortcuts-close[data-v-beaaf47d]:hover{color:var(--fg)}.shortcuts-list[data-v-beaaf47d]{list-style:none;display:flex;flex-direction:column;gap:.5rem}.shortcut-row[data-v-beaaf47d]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shortcut-keys[data-v-beaaf47d]{font-family:var(--font-mono);font-size:.7rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.15rem .5rem;color:var(--green);white-space:nowrap}.shortcut-desc[data-v-beaaf47d]{font-size:.75rem;color:var(--dim);text-align:right}.shortcuts-fade-enter-active[data-v-beaaf47d],.shortcuts-fade-leave-active[data-v-beaaf47d]{transition:opacity .15s ease}.shortcuts-fade-enter-from[data-v-beaaf47d],.shortcuts-fade-leave-to[data-v-beaaf47d]{opacity:0}.toggle-editor-btn[data-v-beaaf47d]{display:none}@media(max-width:768px){.app-header[data-v-beaaf47d]{flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.app-header h1[data-v-beaaf47d]{font-size:1rem}.subtitle[data-v-beaaf47d]{display:none}.header-actions[data-v-beaaf47d]{width:100%;justify-content:flex-end}.toggle-editor-btn[data-v-beaaf47d]{display:inline-flex}.main-layout[data-v-beaaf47d]{flex-direction:column}.editor-panel[data-v-beaaf47d]{width:100%!important;min-width:unset;max-width:unset;max-height:35vh;min-height:120px;flex-shrink:0}.resize-gutter[data-v-beaaf47d]{display:none}.diagram-panel[data-v-beaaf47d]{min-height:0}}