.sp-preview-container{display:flex;height:100%;width:100%;flex-grow:1;flex-direction:column;justify-content:center;background-color:var(--mcp-bg-dark);color:#fff}.sp-preview-iframe{flex-grow:1}.typing-effect{overflow:hidden;border-right:2px solid var(--mcp-green);white-space:nowrap;animation:typing 3.5s steps(40),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--mcp-green)}}.pixel-border{position:relative}.pixel-border:before{content:"";position:absolute;inset:0;padding:1px;border:1px dashed;pointer-events:none}.terminal-header{position:absolute;top:0;left:0;width:100%;height:24px;background:linear-gradient(90deg,#111,#222,#111);z-index:10;display:flex;align-items:center;padding:0 8px}.terminal-dot{width:12px;height:12px;border-radius:50%;margin-right:6px}.terminal-dot-green{background-color:#3fffa3}.terminal-dot-blue{background-color:#6b8aff}.terminal-dot-purple{background-color:#a76bff}.terminal-title{font-size:12px;color:hsla(0,0%,100%,.7);flex:1;text-align:center}.sandpack-container{position:absolute;inset:0;padding-top:24px;border:1px solid #333}.animated-pixel{position:absolute;border-radius:2px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}:root{--mcp-green:#3fffa3;--mcp-blue:#6b8aff;--mcp-purple:#a76bff;--mcp-bg-dark:#050508;--mcp-border:#333}.loading-dots_loading__LGQca{display:inline-flex;align-items:center}.loading-dots_loading__LGQca .loading-dots_spacer__wFqmZ{margin-right:2px}.loading-dots_loading__LGQca span{animation-name:loading-dots_blink__8d9bo;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both;width:5px;height:5px;border-radius:50%;display:inline-block;margin:0 1px}.loading-dots_loading__LGQca span:nth-of-type(2){animation-delay:.2s}.loading-dots_loading__LGQca span:nth-of-type(3){animation-delay:.4s}.loading-dots_loading2__6V2hV{display:inline-flex;align-items:center}.loading-dots_loading2__6V2hV .loading-dots_spacer__wFqmZ{margin-right:2px}.loading-dots_loading2__6V2hV span{animation-name:loading-dots_blink__8d9bo;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both;width:4px;height:4px;border-radius:50%;display:inline-block;margin:0 1px}.loading-dots_loading2__6V2hV span:nth-of-type(2){animation-delay:.2s}.loading-dots_loading2__6V2hV span:nth-of-type(3){animation-delay:.4s}@keyframes loading-dots_blink__8d9bo{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}