*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}body{font-family:Consolas,Monaco,Courier New,monospace;color:#f0f0f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.split-terminal-container{width:100%;height:100vh;display:flex;background:#000;overflow:hidden}.terminal-header{padding:8px 16px;background:#111;border-bottom:2px solid #22c55e;display:flex;align-items:center;justify-content:space-between}.header-title{color:#22c55e;font-weight:700;font-size:12px;letter-spacing:2px}.terminal-left{width:40%;display:flex;flex-direction:column;background:#000;border-right:1px solid #1f2937}.command-history{flex:1;overflow-y:auto;padding:16px;background:#000}.command-item{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #1a1a1a}.command-path{color:#6b7280;font-size:11px;margin-bottom:4px}.command-text{color:#22c55e;font-size:14px;font-weight:500}.command-input-area{padding:16px;background:#0a0a0a;border-top:1px solid #1f2937;display:flex;flex-direction:column;gap:8px}.terminal-prompt{color:#22c55e;font-size:12px;margin-bottom:4px}.terminal-input{background:#111;border:1px solid #1f2937;border-radius:4px;padding:10px 12px;color:#f0f0f0;font-size:14px;outline:none;font-family:Consolas,Monaco,Courier New,monospace;caret-color:#22c55e;transition:border-color .2s}.terminal-input:focus{border-color:#22c55e}.terminal-input::placeholder{color:#4b5563}.terminal-divider{width:2px;background:linear-gradient(to bottom,#22c55e,#16a34a);box-shadow:0 0 10px #22c55e4d}.terminal-right{flex:1;display:flex;flex-direction:column;background:#0a0a0a}.output-display{flex:1;overflow-y:auto;padding:16px;background:#0a0a0a}.output-line{line-height:1.6;white-space:pre-wrap;word-break:break-word;margin-bottom:4px;font-size:14px}.output-line.logo{color:#22c55e;font-weight:700}.output-line.info{color:#60a5fa;font-weight:500}.output-line.output{color:#d1d5db}.output-line.error{color:#ef4444}.output-line.success{color:#22c55e}.editor-container{width:100%;height:100%;background:#111827;padding:16px;display:flex;flex-direction:column}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #22c55e;flex-wrap:wrap;gap:12px}.editor-title{color:#22c55e;font-weight:600;font-size:16px}.editor-buttons{display:flex;gap:8px}.editor-button{padding:8px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;transition:all .2s}.editor-button.save{background:#16a34a;color:#fff}.editor-button.save:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 8px #16a34a4d}.editor-button.cancel{background:#dc2626;color:#fff}.editor-button.cancel:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.editor-textarea{flex:1;background:#1f2937;color:#f0f0f0;padding:16px;border:1px solid #374151;border-radius:4px;outline:none;resize:none;font-size:14px;line-height:1.6;font-family:Consolas,Monaco,Courier New,monospace;-moz-tab-size:4;tab-size:4}.editor-textarea:focus{border-color:#22c55e}*{user-select:none;-webkit-user-select:none}textarea,input[type=text]{user-select:text;-webkit-user-select:text}@media (max-width: 768px){.split-terminal-container{flex-direction:column}.terminal-left{width:100%;height:50%;border-right:none;border-bottom:1px solid #1f2937}.terminal-divider{width:100%;height:2px}.terminal-right{height:50%}.command-history,.output-display,.command-input-area{padding:12px}.output-line,.command-text,.terminal-input{font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.terminal-left{width:45%}}@media (min-width: 1400px){.split-terminal-container{max-width:1800px;margin:0 auto}.output-line,.command-text,.terminal-input{font-size:15px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.output-line:last-child,.command-item:last-child{animation:slideIn .2s ease-out}