*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Monaco,Menlo,monospace;background:#1e1e1e;color:#d4d4d4;overflow:hidden}.app{height:100vh;display:flex;flex-direction:column}.terminal{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;background:#1e1e1e}.terminal-output{flex:1;overflow-y:auto}.terminal-line{margin-bottom:8px;line-height:1.4}.terminal-line pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;margin:0}.terminal-line.system{color:#4ec9b0}.terminal-line.command{color:#9cdcfe;font-weight:700}.terminal-line.output{color:#d4d4d4}.terminal-line.error{color:#f48771}.terminal-line.success{color:#4ec9b0}.terminal-line.warning{color:#dcdcaa}.terminal-line.info{color:#9cdcfe}.terminal-line.data{color:#ce9178}.terminal-input-form{display:flex;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #3e3e42}.prompt{color:#4ec9b0;margin-right:8px;font-weight:700;white-space:nowrap}.terminal-input{flex:1;background:transparent;border:none;color:#9cdcfe;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;outline:none;caret-color:#9cdcfe}.terminal-input::selection{background:#264f78}.editor{height:100vh;display:flex;flex-direction:column;background:#1e1e1e;padding:20px}.editor-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #3e3e42}.editor-header h3{color:#4ec9b0;margin-bottom:10px}.editor-header p{color:#858585;font-size:14px}.editor-textarea{flex:1;background:#252526;border:2px solid #3e3e42;color:#d4d4d4;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;padding:15px;resize:none;outline:none;line-height:1.5}.editor-textarea::selection{background:#264f78}.editor-controls{margin-top:20px;display:flex;gap:15px}.editor-controls button{padding:12px 24px;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;border:2px solid #3e3e42;cursor:pointer;transition:all .2s}.btn-save{background:#0e639c;color:#fff;border-color:#17b}.btn-save:hover{background:#17b;border-color:#17b}.btn-cancel{background:#3e3e42;color:#ccc;border-color:#3e3e42}.btn-cancel:hover{background:#505050;border-color:#505050}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#424242;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#4e4e4e}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-input:focus+.cursor{animation:blink 1s infinite}@media (max-width: 768px){.terminal,.editor{padding:10px;font-size:12px}.editor-controls{flex-direction:column}.editor-controls button{width:100%}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:#264f78;color:#d4d4d4}button:focus,input:focus,textarea:focus{outline:2px solid #007acc;outline-offset:2px}