*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Monaco,Menlo,monospace;background:#1e1e1e;color:#d4d4d4;overflow:hidden;margin:0;padding:0;width:100vw;height:100vh}.app{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}.terminal-container{flex:1;display:flex;overflow:hidden;width:100%}.instructions-panel{width:40%;min-width:400px;max-width:600px;background:#252526;border-right:2px solid #3e3e42;display:flex;flex-direction:column;overflow:hidden}.instructions-header{padding:15px 20px;background:#2d2d30;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;align-items:center}.instructions-header h3{color:#4ec9b0;font-size:16px;margin:0}.toggle-btn{background:transparent;border:none;color:#858585;font-size:18px;cursor:pointer;padding:5px 10px;transition:color .2s}.toggle-btn:hover{color:#d4d4d4}.instructions-content{flex:1;overflow-y:auto;padding:20px}.instructions-content pre{color:#d4d4d4;font-family:Courier New,Monaco,Menlo,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;margin:0}.terminal{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;background:#1e1e1e;width:100%;max-width:100%}.split-view .terminal{width:60%}.terminal-output{flex:1;overflow-y:auto;width:100%}.terminal-line{margin-bottom:8px;line-height:1.4;width:100%;max-width:100%}.terminal-line pre{white-space:pre-wrap;word-wrap:break-word;word-break:break-word;font-family:inherit;margin:0;width:100%;max-width:100%;overflow-x:auto}.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;width:100%}.prompt{color:#4ec9b0;margin-right:8px;font-weight:700;white-space:nowrap;flex-shrink:0}.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;width:100%;min-width:0}.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: 1024px){.instructions-panel{width:35%;min-width:300px}.split-view .terminal{width:65%}}@media (max-width: 768px){.terminal-container.split-view{flex-direction:column}.instructions-panel{width:100%;max-width:100%;min-width:100%;height:40%;border-right:none;border-bottom:2px solid #3e3e42}.split-view .terminal{width:100%;height:60%}.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}