:root{--bg-color: #0d1117;--text-color: #c9d1d9;--accent-color: #58a6ff;--panel-bg: rgba(22, 27, 34, .8);--border-color: #30363d;--terminal-green: #3fb950;--font-mono: "IBM Plex Mono", "Fira Code", "Courier New", monospace;--font-main: "Inter", -apple-system, sans-serif;--app-max-width: 480px}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;margin:0;padding:0;background-color:#000;color:var(--text-color);font-family:var(--font-main);display:flex;justify-content:center;overflow:hidden;position:fixed}.mobile-wrapper{width:100%;max-width:var(--app-max-width);height:100%;background-color:var(--bg-color);position:relative;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);overflow-y:auto;-webkit-overflow-scrolling:touch}.lnb-sidebar{width:240px;background:var(--panel-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding-top:10px;z-index:100}.lnb-header{padding:20px;font-family:var(--font-mono);font-size:.7rem;color:#8b949e;letter-spacing:1px;border-bottom:1px solid rgba(48,54,61,.5);margin-bottom:10px}.lnb-item{padding:12px 20px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-color);text-decoration:none;border-left:2px solid transparent;transition:all .2s;display:block}.lnb-item:hover{background:#58a6ff0d;color:var(--accent-color)}.lnb-item.active{background:#58a6ff1a;color:var(--accent-color);border-left-color:var(--accent-color)}.lnb-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.layout-wrapper{flex:1;display:flex;flex-direction:column;height:100%}header{padding:1rem;border-bottom:1px solid var(--border-color);background:var(--panel-bg);display:flex;justify-content:space-between;align-items:center}h1{font-size:1.2rem;font-family:var(--font-mono);color:var(--accent-color);text-transform:uppercase;letter-spacing:2px}main{flex:1;position:relative;display:flex;justify-content:flex-start;align-items:flex-start;padding:30px;gap:30px;overflow:auto}#lab-canvas{background:radial-gradient(circle at center,#161b22,#0d1117);border:1px solid var(--border-color);box-shadow:0 0 20px #00000080}#ui-panel{flex:0 0 320px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);padding:1.5rem;border-radius:4px;height:fit-content;box-shadow:0 10px 30px #0000004d}.control-group{margin-bottom:20px}.control-group label{display:block;font-family:var(--font-mono);font-size:.8rem;margin-bottom:8px;color:var(--accent-color)}.control-group input[type=range]{width:100%;accent-color:var(--accent-color);background:var(--border-color);height:4px;border-radius:2px}.value-display{font-family:var(--font-mono);font-size:.9rem;float:right;color:var(--terminal-green)}footer{padding:.5rem 1rem;border-top:1px solid var(--border-color);font-size:.75rem;font-family:var(--font-mono);color:#8b949e;background:var(--panel-bg)}.badge{padding:2px 6px;border-radius:3px;background:var(--border-color);margin-right:10px}