* {margin: 0;
padding: 0;
box-sizing: border-box;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}body {font-family: 'JetBrains Mono', monospace;
background: #1e1e1e;
color: #d4d4d4;
overflow: hidden;
height: 100vh;
margin: 0;
padding: 0;
}.terminal-loading {position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
padding: 20px;
}.terminal-window {width: 100%;
max-width: 900px;
height: 600px;
background: #1e1e1e;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
overflow: hidden;
border: 1px solid #333;
}.terminal-header {background: #2d2d30;
padding: 12px 16px;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #3e3e42;
gap: 20px;
direction: ltr;
text-align: left;
}.terminal-controls {display: flex;
gap: 8px;
}.control {width: 12px;
height: 12px;
border-radius: 50%;
cursor: pointer;
}.control.close { background: #ff5f56;
 }.control.minimize { background: #ffbd2e;
 }.control.maximize { background: #27ca3f;
 }.terminal-title {color: #cccccc;
font-size: 14px;
font-weight: 500;
font-family: 'JetBrains Mono', monospace;
text-align: left;
direction: ltr;
}.terminal-body {height: calc(100% - 60px);
display: flex;
flex-direction: column;
}.terminal-output {flex: 1;
padding: 20px;
overflow-y: auto;
font-family: 'JetBrains Mono', monospace;
font-size: 14px;
line-height: 1.6;
color: #d4d4d4;
direction: ltr;
text-align: left;
user-select: text;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
}.terminal-line {margin-bottom: 8px;
display: flex;
align-items: flex-start;
gap: 8px;
}.prompt {color: #4ec9b0;
font-weight: 600;
flex-shrink: 0;
direction: ltr;
text-align: left;
}.command {color: #d4d4d4;
}.output {color: #d4d4d4;
margin-left: 0;
white-space: pre-wrap;
}.terminal-input-line {display: flex;
align-items: center;
padding: 0 20px 20px;
gap: 8px;
direction: ltr;
text-align: left;
}.cursor {color: #4ec9b0;
animation: blink 1s infinite;
}@keyframes blink {0%, 50% { opacity: 1;
 }51%, 100% { opacity: 0;
 }}.terminal-container {height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background: #000000;
padding: 20px;
}.terminal-input-container {display: flex;
align-items: center;
padding: 0 20px 20px;
gap: 8px;
direction: ltr;
text-align: left;
}.terminal-prompt {color: #4ec9b0;
font-weight: 600;
font-family: 'JetBrains Mono', monospace;
direction: ltr;
text-align: left;
}.terminal-input {background: transparent;
border: none;
color: #d4d4d4;
font-family: 'JetBrains Mono', monospace;
font-size: 14px;
outline: none;
flex: 1;
direction: ltr;
text-align: left;
unicode-bidi: bidi-override;
user-select: text;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
}.terminal-input::placeholder {color: #6a6a6a;
direction: ltr;
text-align: left;
}::-webkit-scrollbar {width: 8px;
}::-webkit-scrollbar-track {background: #2d2d30;
}::-webkit-scrollbar-thumb {background: #3e3e42;
border-radius: 4px;
}::-webkit-scrollbar-thumb:hover {background: #4e4e52;
}@media (max-width: 768px) {.terminal-loading,.terminal-container {padding: 10px;
align-items: flex-start;
padding-top: 20px;
}.terminal-window {height: calc(100vh - 40px);
max-width: 100%;
border-radius: 0;
box-shadow: none;
border: none;
}.terminal-output {font-size: 12px;
padding: 15px;
}.terminal-input-container {padding: 0 15px 15px;
}.terminal-input {font-size: 12px;
}}@media (max-width: 480px) {.terminal-loading,.terminal-container {padding: 5px;
align-items: flex-start;
padding-top: 10px;
}.terminal-window {height: calc(100vh - 20px);
max-width: 100%;
border-radius: 0;
box-shadow: none;
border: none;
}.terminal-output {font-size: 11px;
padding: 10px;
}.terminal-input-container {padding: 0 10px 10px;
}.terminal-input {font-size: 11px;
}.terminal-header {padding: 8px 12px;
}.terminal-title {font-size: 12px;
}}