.container{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;justify-content:space-between;align-items:center;background:#0d1117;border-bottom:1px solid #30363d;padding:0;margin:0;flex-shrink:0;overflow:hidden}.tabs-left{display:flex;overflow-x:auto;overflow-y:hidden;flex:1;min-width:0;scrollbar-width:thin;scrollbar-color:#30363d #0d1117}.tabs-left::-webkit-scrollbar{height:6px}.tabs-left::-webkit-scrollbar-track{background:#0d1117}.tabs-left::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.tabs-left::-webkit-scrollbar-thumb:hover{background:#484f58}.tab{background:transparent;border:none;border-right:1px solid #30363d;color:#8b949e;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .15s;text-transform:lowercase;position:relative;flex-shrink:0;white-space:nowrap}.tab:hover{background:#161b22;color:#c9d1d9}.tab.active{background:#161b22;color:#ff69b4;border-bottom:2px solid #ff69b4}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#161b22}.tab.ephemeral{padding-right:2rem}.tab-close{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#8b949e;font-size:1.2rem;line-height:1;cursor:pointer;padding:.2rem .4rem;border-radius:3px;transition:all .15s;opacity:0}.tab:hover .tab-close{opacity:1}.tab-close:hover{color:#ff69b4;background:#ff69b41a}.tab-new{color:#58a6ff!important;font-size:1.2rem;padding:.75rem 1rem}.tab-new:hover{color:#58a6ff!important;background:#58a6ff1a}.tab-input{background:#161b22;border:none;border-right:1px solid #30363d;color:#c9d1d9;padding:.75rem 1.5rem;font-family:inherit;font-size:.9rem;text-transform:lowercase;outline:none;min-width:150px;flex-shrink:0;white-space:nowrap}.tab-input:focus{background:#0d1117;color:#ff69b4;border-bottom:2px solid #ff69b4}.tab-input::placeholder{color:#8b949e}.editor{flex:1;overflow:hidden;display:flex;background:#0d1117}.content{width:100%;height:100%;margin:0;padding:1.5rem;background:#0d1117;border:none;white-space:pre-wrap;font-family:Source Code Pro,monospace;font-size:14px;color:#c9d1d9;overflow:auto;line-height:1.6;-moz-tab-size:2;tab-size:2;outline:none;cursor:text}.content:focus{outline:none}.content::-webkit-scrollbar{width:12px;height:12px}.content::-webkit-scrollbar-track{background:#0d1117}.content::-webkit-scrollbar-thumb{background:#30363d;border-radius:6px}.content::-webkit-scrollbar-thumb:hover{background:#484f58}.social-links{display:flex;align-items:center;gap:.5rem;padding-right:1rem;flex-shrink:0}.social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#8b949e;transition:all .15s;border-radius:4px}.social-link:hover{color:#ff69b4;background:#ff69b41a}@media (max-width: 768px){.tab{padding:.6rem 1rem;font-size:.85rem}.content{padding:1rem;font-size:13px}.social-links{gap:.25rem;padding-right:.5rem}.social-link{width:28px;height:28px}.social-link svg{width:18px;height:18px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Source Code Pro,monospace;background-color:#0d1117;color:#c9d1d9;line-height:1.6}#root{width:100%;height:100vh}