.typewriter-container[data-v-74e4367f]{display:flex;justify-content:center;align-items:center;min-height:500px;padding:2rem}.code-window[data-v-74e4367f]{background:#1e1e1e;border-radius:8px;box-shadow:0 20px 40px #0000004d;overflow:hidden;width:100%;max-width:800px;font-family:Fira Code,Consolas,monospace}.terminal-header[data-v-74e4367f]{background:#2d2d2d;padding:12px 20px;display:flex;align-items:center;gap:15px}.terminal-buttons[data-v-74e4367f]{display:flex;gap:8px}.btn[data-v-74e4367f]{width:12px;height:12px;border-radius:50%}.btn.red[data-v-74e4367f]{background:#ff5f57}.btn.yellow[data-v-74e4367f]{background:#ffbd2e}.btn.green[data-v-74e4367f]{background:#28ca42}.terminal-title[data-v-74e4367f]{color:#8b949e;font-size:14px;font-weight:500}.terminal-controls[data-v-74e4367f]{display:flex;gap:8px;align-items:center}.control-btn[data-v-74e4367f]{background:transparent;border:1px solid #444;border-radius:4px;padding:6px;cursor:pointer;color:#8b949e;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-btn[data-v-74e4367f]:hover{background:#3a3a3a;border-color:#666;color:#fff}.control-btn.paused[data-v-74e4367f]{color:#28ca42;border-color:#28ca42}.control-btn.restart-btn[data-v-74e4367f]:hover{color:#ffb86c;border-color:#ffb86c}.control-btn svg[data-v-74e4367f]{width:14px;height:14px}.code-editor[data-v-74e4367f]{display:flex;background:#1e1e1e;min-height:400px}.line-numbers[data-v-74e4367f]{background:#252526;padding:20px 15px;color:#858585;font-size:14px;line-height:1.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-right:1px solid #333}.line-number[data-v-74e4367f]{text-align:right;min-width:30px}.code-content[data-v-74e4367f]{flex:1;padding:20px;color:#d4d4d4;font-size:14px;line-height:1.6;position:relative}.language-php[data-v-74e4367f]{background:none!important;color:inherit;padding:0;margin:0;font-family:inherit}.cursor[data-v-74e4367f]{color:#007acc;font-weight:700;animation:none}.cursor.blink[data-v-74e4367f]{animation:blink-74e4367f 1s infinite}@keyframes blink-74e4367f{0%,50%{opacity:1}51%,to{opacity:0}}.token.php[data-v-74e4367f]{color:#ff6b6b;font-weight:700}.token.keyword[data-v-74e4367f]{color:#ff79c6;font-weight:700}.token.package[data-v-74e4367f]{color:#50fa7b}.token.punctuation[data-v-74e4367f]{color:#f8f8f2}.token.class-name-definition[data-v-74e4367f]{color:#8be9fd;font-weight:700}.token.class-name[data-v-74e4367f]{color:#8be9fd}.token.function-definition[data-v-74e4367f]{color:#ffb86c;font-weight:700}.token.function[data-v-74e4367f]{color:#ffb86c}.token.variable[data-v-74e4367f],.token.property[data-v-74e4367f]{color:#bd93f9}.token.operator[data-v-74e4367f]{color:#ff79c6}.token.string[data-v-74e4367f],.token.single-quoted-string[data-v-74e4367f],.token.double-quoted-string[data-v-74e4367f]{color:#f1fa8c}.token.constant.boolean[data-v-74e4367f],.token.constant[data-v-74e4367f]{color:#ff6b6b;font-weight:700}.token.comment[data-v-74e4367f],.token.doc-comment[data-v-74e4367f]{color:#6272a4;font-style:italic}.token.static-context[data-v-74e4367f]{color:#8be9fd;font-weight:700}.token.type-declaration[data-v-74e4367f]{color:#8be9fd}.token.number[data-v-74e4367f]{color:#bd93f9;font-weight:700}.token.interpolation[data-v-74e4367f]{color:#f1fa8c}.token.interpolation .token.variable[data-v-74e4367f]{color:#bd93f9}.token.interpolation .token.operator[data-v-74e4367f]{color:#ff79c6}.token.interpolation .token.property[data-v-74e4367f]{color:#50fa7b}@media (max-width: 768px){.typewriter-container[data-v-74e4367f]{padding:1rem}.code-window[data-v-74e4367f]{font-size:12px}.line-numbers[data-v-74e4367f]{padding:15px 10px}.code-content[data-v-74e4367f]{padding:15px}}.status-bar[data-v-74e4367f]{background:#1a1a1a;border-top:1px solid #333;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8b949e;font-family:Fira Code,Consolas,monospace}.status-left[data-v-74e4367f],.status-right[data-v-74e4367f]{display:flex;align-items:center;gap:15px}.status-item[data-v-74e4367f]{display:flex;align-items:center;gap:5px}.status-dot[data-v-74e4367f]{width:8px;height:8px;border-radius:50%;background-color:#666;transition:background-color .3s ease}.status-dot.active[data-v-74e4367f]{background-color:#28ca42;box-shadow:0 0 8px #28ca4280;animation:pulse-74e4367f 2s infinite}.status-dot.paused[data-v-74e4367f]{background-color:#ff5f57}@keyframes pulse-74e4367f{0%,to{opacity:1}50%{opacity:.5}}