@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body{margin:0;padding:0;font-family:Poppins}.logo{display:flex;gap:.5rem}.logo .font-logo{font-size:20px;font-weight:600}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.5rem}.title{margin-left:20px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:medium}.user-guide{display:flex;gap:.5rem}.sider-container{position:relative;isolation:isolate;z-index:1}.left-sider-trigger{position:absolute;border-radius:0 .5rem .5rem 0;top:50%;left:100%;transform:translateY(-50%)}.right-sider-trigger{position:absolute;border-radius:.5rem 0 0 .5rem;top:50%;right:100%;transform:translateY(-50%)}@tailwind base;@tailwind components;@tailwind utilities;.loader-container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:#000000e6}.loader{width:16px;height:16px;border-radius:50%;display:block;margin:15px auto;position:relative;background:#fff;box-shadow:-24px 0 #fff,24px 0 #fff;box-sizing:border-box;animation:shadowPulse 2s linear infinite}.loading-text{color:#fff;font-family:ITC Eras Demi;font-size:24px;text-align:center}@keyframes shadowPulse{33%{background:#fff;box-shadow:-24px 0 #6750c6,24px 0 #fff}66%{background:#6750c6;box-shadow:-24px 0 #fff,24px 0 #fff}to{background:#fff;box-shadow:-24px 0 #fff,24px 0 #6750c6}}.output-drawer-closed{position:relative;width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:none;outline:none;border-radius:0}.output-drawer-closed p{font-weight:600}.output-drawer-open-button{top:0;width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:none;outline:none;border-radius:0}.output-drawer-open-button p{font-weight:600}.tab-container{padding:20px;font-family:Arial,sans-serif}.tab-buttons{display:flex;gap:10px;margin-bottom:16px}.tab-button{padding:10px 20px;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:5px;transition:all .2s ease-in-out}.tab-button.active{background-color:#007bff;color:#fff;border-color:#007bff}.tab-button:disabled{background-color:#e0e0e0;cursor:not-allowed}.tab-content{padding-top:16px}.code-editor{display:flex;flex-direction:column;gap:12px}.code-textarea{width:100%;height:150px;padding:12px;font-family:monospace;border:1px solid rgba(255,255,255,.15);border-radius:4px;resize:vertical;font-size:14px}.run-button{align-self:flex-start;padding:10px 20px;background-color:#28a745;color:#fff;border:none;font-weight:700;border-radius:4px;cursor:pointer;transition:background-color .2s}.run-button:hover{background-color:#218838}.output-view{padding:10px;background-color:#f9f9f9;height:198px;overflow:auto}.no-output{color:#777;font-style:italic}