html,body,#root{background-color:#1a1b26;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#app-container{width:100vw;height:100vh;display:flex;overflow:hidden}#sidebar{z-index:10;background-color:#16161e;border-right:1px solid #2ac3de22;flex-direction:column;gap:8px;width:280px;min-width:260px;height:100%;padding:12px;display:flex;overflow-y:auto}#viewport-container{background:radial-gradient(circle,#24283b 0%,#1a1b26 100%);flex:1;height:100%;position:relative;overflow:hidden}#viewport-container canvas{display:block;width:100%!important;height:100%!important}h1{color:#7aa2f7;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #7aa2f7;padding-bottom:4px;font-size:.9rem}h3{color:#fff}.tab-nav{background:#1a1b26;border-radius:6px;gap:2px;padding:2px;display:flex}.tab-btn{color:#7aa2f7;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:4px;flex:1;padding:5px 1px;font-size:.6rem;font-weight:700}.tab-btn.active{color:#15161e;background-color:#7aa2f7}.section-box{background-color:#24283b;border:1px solid #414868;border-radius:6px;padding:8px}.section-title{color:#bb9af7;margin-bottom:4px;font-size:.75rem;font-weight:700}label{color:#9aa5ce;margin-top:4px;font-size:.65rem;display:block}input[type=file],select,input[type=text]{color:#c0caf5;background-color:#1a1b26;border:1px solid #414868;border-radius:4px;width:100%;padding:4px;font-size:.7rem}button{color:#15161e;cursor:pointer;background-color:#7aa2f7;border:none;border-radius:4px;width:100%;margin-top:4px;padding:6px;font-size:.7rem;font-weight:700}button.secondary{background-color:#bb9af7}@media (width<=600px) and (orientation:portrait){#app-container{flex-direction:column}#sidebar{border-bottom:1px solid #2ac3de22;border-right:none;width:100%;min-width:100%;height:40vh}#viewport-container{width:100%;height:60vh}}