body{background-color:#121212;color:#e0e0e0;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0}.header{background-color:#1e1e1e;border-bottom:1px solid #333;flex-shrink:0;height:60px;justify-content:space-between;padding:0 20px;z-index:10}.header,.logo-section{align-items:center;display:flex}.logo-section{gap:15px}.logo-text{color:#61dafb;font-size:24px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px #61dafb33}.subtitle-text{border-left:1px solid #444;color:#888;font-size:14px;margin-left:10px;padding-left:10px}.header-controls{display:flex;gap:10px}.main-container{display:flex;flex:1 1;overflow:hidden;position:relative}.sidebar{background-color:#181818;border-right:1px solid #333;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;transition:transform .3s ease;width:320px;z-index:5}.sidebar.hidden{border:none;transform:translateX(-100%);width:0}.canvas-container{align-items:center;background-color:#000;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}canvas{box-shadow:0 0 50px #00000080;display:block;height:100%;width:100%}.controls{display:flex;flex-direction:column;gap:15px;padding:20px}.control-group{margin-bottom:10px}.control-group label{color:#ccc;display:block;font-size:13px;margin-bottom:5px;min-width:auto;text-align:left}.stack-controls{background-color:#222;border:1px solid #333;border-radius:6px;margin:10px 0;padding:10px}button{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#eee;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;text-transform:none;transition:all .2s}button:hover{background-color:#3a3a3a;border-color:#61dafb;box-shadow:none;color:#61dafb;transform:none}button.primary-action{background:linear-gradient(145deg,#61dafb,#4a9fbf);border:none;color:#121212;font-weight:600}button.primary-action:hover{background:linear-gradient(145deg,#7ee7ff,#61dafb);color:#000}select{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#eee;font-size:13px;min-width:0;padding:8px;width:100%}input[type=range]{background:#333;border-radius:2px;height:4px;margin-top:5px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#61dafb;border-radius:50%;cursor:pointer;height:14px;width:14px}input[type=checkbox]{accent-color:#61dafb;height:16px;vertical-align:middle;width:16px}hr{border-top:1px solid #333;margin:15px 0}.status-bar{background-color:#000000b3;bottom:0;color:#aaa;font-size:11px;left:0;padding:5px 10px;pointer-events:none;position:absolute;right:0;text-align:right;z-index:20}.remote-content::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.remote-content::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:#181818}.remote-content::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.remote-content::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:#444}.toggle-sidebar-btn{background:#0000;border:1px solid #444;color:#aaa;padding:6px 12px}.toggle-sidebar-btn:hover{border-color:#666;color:#fff}
/*# sourceMappingURL=main.58f3de06.css.map*/