*{box-sizing:border-box;margin:0;padding:0}body{background:#1e1e1e;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden}#root,.ide-container{height:100vh;width:100vw}.ide-container{display:flex;flex-direction:column}.header{background:#2d2d30;border-bottom:1px solid #3e3e42;justify-content:space-between;min-height:60px;padding:12px 20px}.header,.header h1{align-items:center;display:flex}.header h1{color:#fff;font-size:20px;font-weight:600;gap:10px}.header-controls{align-items:center;display:flex;gap:12px}.example-buttons{align-items:center;display:flex;gap:8px;margin-right:12px}.example-buttons .btn{background:#404040;font-size:12px;padding:6px 12px}.example-buttons .btn:hover{background:#505050}.function-buttons{align-items:center;background:#2d2d30;border-bottom:1px solid #3e3e42;display:flex;flex-wrap:wrap;gap:8px;padding:12px}.function-header{color:#ccc;font-size:12px;font-weight:600;margin-right:12px}.function-btn{background:#16a085;font-size:12px;padding:6px 12px}.function-btn:hover{background:#1abc9c}.function-btn:disabled{background:#666;cursor:not-allowed}.function-count{color:#888;font-size:11px;margin-left:8px}.btn{align-items:center;background:#0e639c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn:hover{background:#17b}.btn:disabled{background:#666;cursor:not-allowed}.btn-success{background:#16a085}.btn-success:hover{background:#1abc9c}.main-content{display:flex;flex:1 1;overflow:hidden}.tab-container{border-bottom:1px solid #3e3e42;margin:0;padding:0}.tab,.tab-container{background:#2d2d30;display:flex}.tab{align-items:center;border:none;border-bottom:2px solid #0000;border-right:1px solid #3e3e42;color:#ccc;cursor:pointer;font-size:14px;font-weight:400;gap:8px;padding:12px 20px;transition:all .2s}.tab:hover{background:#383838;color:#fff}.tab.active{background:#1e1e1e;border-bottom:2px solid #0e639c;color:#fff}.tab:first-child{border-left:none}.editor-panel{border-right:1px solid #3e3e42;display:flex;flex:1 1;flex-direction:column}.panel-header{align-items:center;background:#2d2d30;border-bottom:1px solid #3e3e42;color:#ccc;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.editor-panel .panel-header{background:#2d2d30;padding:0}.editor-container{flex:1 1;position:relative}.output-panel{background:#252526;display:flex;flex-direction:column;width:400px}.output-content{flex:1 1;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.4;overflow-y:auto;padding:16px;white-space:pre-wrap}.output-success{color:#4ec9b0}.output-error{color:#f48771}.output-info{color:#9cdcfe}.status-bar{background:#007acc;color:#fff;font-size:12px;gap:16px;min-height:24px;padding:4px 16px}.loading,.status-bar{align-items:center;display:flex}.loading{gap:8px}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.example-code{background:#2d2d30;border-left:4px solid #007acc;border-radius:4px;margin:16px;padding:12px}.example-code h3{color:#fff;font-size:14px;margin-bottom:8px}.example-code pre{color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px;margin:0}
/*# sourceMappingURL=main.dd8f07b7.css.map*/