:root{--bg-primary:#050508;--bg-sidebar:#0a0a10;--border-color:#1a1a22;--cyber-red:#c22;--cyber-red-bright:#f44;--cyber-red-dim:#2a0010;--cyber-border:#3a0010;--cyber-border-bright:#822;--text-main:#e0e0e0;--text-muted:#888;--text-bright:#fff;--font-mono:"Courier New", monospace;--header-height:54px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-main);width:100vw;height:100vh;display:flex;overflow:hidden}.site-header{width:100%;height:var(--header-height);z-index:200;backdrop-filter:blur(8px);background-color:#0a0a10bf;border-bottom:1px solid #cc222240;position:absolute;top:0;left:0;box-shadow:0 4px 20px #00000080}.site-nav{justify-content:space-between;align-items:center;height:100%;padding:0 1.25rem;display:flex}.logo-link{color:var(--text-bright);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 8px #ff444480;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{width:1.25rem;height:1.25rem;fill:var(--cyber-red-bright);filter:drop-shadow(0 0 4px #ff444480)}.logo-tag{background:var(--cyber-red);color:var(--text-bright);border-radius:2px;margin-left:.25rem;padding:1px 4px;font-size:.65rem;font-weight:800}.nav-actions{align-items:center;gap:1rem;display:flex}.lang-switch{color:var(--text-muted);border:1px solid var(--cyber-border);text-shadow:0 1px 2px #00000080;letter-spacing:1px;background:#0a0a1080;border-radius:3px;padding:.25rem .5rem;font-size:.75rem;text-decoration:none;transition:all .2s;box-shadow:0 1px 2px #0000004d}.lang-switch:hover{color:var(--text-bright);border-color:var(--cyber-border-bright);background-color:var(--cyber-red-dim);box-shadow:0 0 8px #f443}.portfolio-link{color:var(--cyber-red-bright);text-shadow:0 0 6px #ff44444d;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.portfolio-link:hover{opacity:.9;text-shadow:0 0 10px #f449;transform:translate(2px)}#sidebar{background:var(--bg-sidebar);border-right:1px solid var(--cyber-border);width:260px;min-width:260px;height:100vh;padding-top:var(--header-height);flex-direction:column;flex-shrink:0;transition:width .25s,min-width .25s;display:flex;position:relative;overflow:hidden}#sidebar.collapsed{width:30px;min-width:30px}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--cyber-border) transparent;flex:1;padding:16px 14px 20px;transition:opacity .15s;overflow:hidden auto}#sidebar.collapsed .sidebar-scroll{opacity:0;pointer-events:none}.sidebar-scroll h2{color:var(--text-bright);text-transform:uppercase;letter-spacing:3px;border-bottom:1px solid var(--cyber-border);margin-bottom:14px;padding-bottom:10px;font-size:10px}#toggleBtn{background:var(--cyber-red-dim);border:1px solid var(--cyber-border-bright);width:18px;height:60px;color:var(--text-bright);cursor:pointer;z-index:100;border-left:none;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;transition:left .25s,color .15s,background .15s;display:flex;position:fixed;top:50%;left:247px;transform:translateY(-50%)}#toggleBtn:hover{color:var(--cyber-red-bright);background:var(--cyber-border);border-color:var(--cyber-red-bright)}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;justify-content:space-between;align-items:center;margin:12px 0 6px;font-size:8px;display:flex}.filter-toggle{cursor:pointer;color:#555;background:0 0;border:1px solid #444;border-radius:50%;flex-shrink:0;width:14px;height:14px;padding:0;font-size:7px;line-height:1;transition:color .15s,border-color .15s}.filter-toggle.active{color:var(--cyber-red-bright);border-color:var(--cyber-border-bright)}.filter-toggle:hover{color:#f66;border-color:#a33}.divider{border-top:1px solid var(--border-color);margin:10px 0}.control-group{border-left:2px solid var(--cyber-border);margin:8px 0;padding:7px 0 7px 9px}.control-group label{color:#ccc;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-size:8px;display:block}.control-row{align-items:center;gap:7px;display:flex}input[type=range]{cursor:pointer;accent-color:var(--cyber-red-bright);flex:1;height:3px}.val{text-align:right;color:#f66;font-variant-numeric:tabular-nums;flex-shrink:0;width:34px;font-size:9px}.dir-row{gap:3px;margin-bottom:6px;display:flex}.dir-btn{color:var(--text-muted);cursor:pointer;text-align:center;background:#111118;border:1px solid #2a2a35;flex:1;padding:4px 0;font-family:inherit;font-size:13px;line-height:1;transition:all .12s}.dir-btn:hover,.dir-btn.active{color:var(--cyber-red-bright);border-color:var(--cyber-border-bright);background:var(--cyber-red-dim)}input[type=file]{color:var(--text-muted);width:100%;margin-top:3px;font-size:8px}input[type=file]::file-selector-button{color:#ccc;border:1px solid var(--cyber-border);cursor:pointer;font-family:var(--font-mono);background:#1a0008;margin-right:6px;padding:3px 7px;font-size:8px}button.reset-btn{color:var(--text-muted);cursor:pointer;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:1px;background:0 0;border:1px solid #2a2a35;width:100%;margin-top:14px;padding:7px;font-size:8px;transition:all .15s}button.reset-btn:hover{color:var(--text-bright);border-color:var(--cyber-border-bright);background:#c8001e12}.config-row{gap:4px;margin-top:6px;display:flex}.config-btn{color:var(--text-muted);cursor:pointer;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.8px;text-align:center;background:0 0;border:1px solid #2a2a35;flex:1;padding:6px 2px;font-size:7px;line-height:1;transition:all .15s;display:block}.config-btn:hover{color:var(--text-bright);border-color:var(--cyber-border-bright);background:#c8001e12}.order-item{border-left:2px solid var(--cyber-border);align-items:center;gap:4px;margin:3px 0;padding:3px 0 3px 9px;display:flex}.ord-name{color:#ccc;text-transform:uppercase;letter-spacing:1px;flex:1;font-size:8px}.ord-btn{color:#555;cursor:pointer;background:#111118;border:1px solid #2a2a35;padding:1px 5px;font-family:inherit;font-size:9px;line-height:1.4;transition:color .12s,border-color .12s}.ord-btn:hover{color:var(--cyber-red-bright);border-color:var(--cyber-border-bright)}.ord-btn:disabled{opacity:.2;cursor:default}#canvas-wrapper{background:var(--bg-primary);padding-top:var(--header-height);flex:1;position:relative;overflow:hidden}#canvas-wrapper canvas{display:block}.stats{color:#334;pointer-events:none;font-size:8px;line-height:1.8;position:absolute;bottom:10px;right:10px}@media (width<=768px){body{flex-direction:column-reverse}#sidebar{border-right:none;border-top:1px solid var(--cyber-border);width:100vw;height:35vh;padding-top:0}#sidebar.collapsed{width:100vw;min-width:100vw;height:30px}#toggleBtn{border-left:1px solid var(--cyber-border-bright);border-bottom:none;width:60px;height:18px;top:calc(65vh - 9px);transform:translate(-50%);left:50%!important}#sidebar.collapsed+#toggleBtn{top:calc(100vh - 18px)}#canvas-wrapper{width:100vw;height:65vh}}.logo-link,.sidebar-scroll h2,.section-label,.portfolio-link,.lang-switch{font-family:Share Tech Mono,monospace!important}