:root{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-tertiary:#2d2d30;--bg-hover:#3c3c3c;--bg-active:#4c4c4c;--border-primary:#3e3e42;--border-secondary:#464647;--text-primary:#d4d4d4;--text-secondary:#ccc;--text-tertiary:#858585;--accent-primary:#0e639c;--accent-hover:#17b;--accent-border:#14679e;--error:#f48771;--warning:#ddb76e;--info:#9cdcfe;--success:#6a9955}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f3f3f3;--bg-tertiary:#e8e8e8;--bg-hover:#e0e0e0;--bg-active:#d0d0d0;--border-primary:#d4d4d4;--border-secondary:#c6c6c6;--text-primary:#1e1e1e;--text-secondary:#424242;--text-tertiary:#6e6e6e;--accent-primary:#06c;--accent-hover:#0052a3;--accent-border:#005299;--error:#d73a49;--warning:#e36209;--info:#005cc5;--success:#28a745}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;transition:background-color .3s ease,color .3s ease}.app-container{flex-direction:column;height:100vh;width:100vw}.app-container,.app-header{display:flex;position:relative}.app-header{align-items:center;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);box-sizing:border-box;flex-shrink:0;height:50px;justify-content:space-between;padding:10px 15px;transition:background-color .3s ease;z-index:10}.header-left,.header-right{align-items:center;display:flex;gap:15px}.header-left{gap:30px}.header-left h3{color:var(--text-secondary);font-family:Roboto,sans-serif;font-size:18px;font-weight:500;margin:0}.logo-link{align-items:center;display:flex;text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.logo-link h3{transition:color .2s ease}.logo-link:hover h3{color:var(--text-primary)}.app-content{display:flex;flex:1;height:calc(100vh - 50px);overflow:hidden;position:relative}.left-panel{background-color:var(--bg-secondary);display:flex;flex-direction:column;max-width:calc(100vw - 300px);min-width:300px;transition:background-color .3s ease}.file-controls button{background-color:var(--accent-primary);border:1px solid var(--accent-border);border-radius:2px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.file-controls button:hover{background-color:var(--accent-hover)}gcode-editor{display:block;flex:1;overflow:hidden}.error-console{background-color:var(--bg-primary);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;max-height:200px;min-height:40px;transition:max-height .3s ease,background-color .3s ease}.error-console.collapsed{max-height:40px}.console-header{align-items:center;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:8px 15px;transition:background-color .3s ease}.console-header h4{color:var(--text-secondary);font-size:12px;font-weight:500}.console-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.console-toggle:hover{color:var(--text-primary)}.console-content{flex:1;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.4;overflow-y:auto;padding:10px}.console-message{margin-bottom:4px}.console-message.error{color:var(--error)}.console-message.warning{color:var(--warning)}.console-message.info{color:var(--info)}.splitter{background-color:var(--border-primary);border-left:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary);cursor:col-resize;position:relative;transition:background-color .2s;width:4px}.splitter.dragging,.splitter:hover{background-color:var(--accent-primary)}.splitter.dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.right-panel{background-color:var(--bg-primary);display:flex;flex:1;flex-direction:column;min-width:300px;transition:background-color .3s ease}.view-controls{align-items:center;display:flex;gap:5px}.view-btn{background-color:var(--bg-hover);border:1px solid var(--border-secondary);border-radius:2px;color:var(--text-secondary);cursor:pointer;font-size:11px;min-width:35px;padding:4px 8px;transition:all .2s}.view-btn:hover{background-color:var(--bg-active);border-color:var(--border-primary)}.view-btn.active{background-color:var(--accent-primary);border-color:var(--accent-border);color:#fff}.theme-toggle{align-items:center;background:none;border:1px solid var(--border-secondary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.theme-toggle:hover{background-color:var(--bg-hover);border-color:var(--border-primary)}.theme-icon{display:inline-block;transition:transform .3s ease}.theme-toggle:active .theme-icon{transform:rotate(1turn)}.control-btn{background-color:var(--accent-primary);border:1px solid var(--accent-border);border-radius:2px;color:#fff;cursor:pointer;font-size:12px;min-width:35px;padding:8px 12px;transition:background-color .2s}.control-btn:hover{background-color:var(--accent-hover)}.control-btn:disabled{background-color:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-tertiary);cursor:not-allowed}.speed-control{align-items:center;display:flex;font-size:12px;gap:8px}.speed-control label{color:var(--text-secondary)}.speed-control input[type=range]{width:100px}#speed-display{color:var(--info);font-family:monospace;min-width:35px}viewer-3d{display:block;flex:1;overflow:hidden}.progress-controls{align-items:center;background-color:var(--bg-tertiary);border-top:1px solid var(--border-primary);display:flex;gap:15px;padding:8px 15px;transition:background-color .3s ease}.progress-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--border-primary);border-radius:2px;flex:1;height:4px;outline:none}.progress-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--accent-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.progress-slider::-webkit-slider-thumb:hover{background:var(--accent-hover)}.progress-slider::-moz-range-thumb{background:var(--accent-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.progress-slider::-moz-range-thumb:hover{background:var(--accent-hover)}.progress-info{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;min-width:120px;white-space:nowrap}.coordinates-display{background-color:var(--bg-tertiary);border-top:1px solid var(--border-primary);display:flex;font-family:Consolas,Monaco,monospace;font-size:12px;gap:20px;padding:8px 15px;transition:background-color .3s ease}.coordinates-display span{color:var(--info);white-space:pre}body.drag-active:before{align-items:center;background-color:#0e639c1a;border:3px dashed var(--accent-primary);bottom:0;color:var(--accent-primary);content:"Drop G-code file anywhere to load";display:flex;font-size:24px;font-weight:700;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}@media (max-width:1024px){.left-panel{min-width:300px;width:40%}}@media (max-width:768px){.app-content{flex-direction:column}.left-panel{height:50%;min-width:unset;width:100%}.right-panel{height:50%}.app-header{flex-wrap:wrap;gap:10px}.header-left,.header-right{flex-wrap:wrap;gap:8px}.animation-controls{flex-wrap:wrap}}