::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#555;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6e6e6e}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#2e7d5a;color:#d4d4d4;margin:0;height:100vh;overflow:hidden}#app{display:flex;height:100%}a{color:#3e9f71;text-decoration:none}#sidebar h1 a{text-decoration:none}.brand-blue{color:#2374e1}.tagline-white{color:#fff}a:hover{text-decoration:underline}#sidebar{width:255px;background-color:#242526;padding:15px;overflow-y:auto;border-right:1px solid #333;display:flex;flex-direction:column;flex-shrink:0}#sidebar h1{font-size:1.1em;margin:0 0 20px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center}.title-logo{height:1.2em;margin-right:10px}.sidebar-section{margin-bottom:25px}.sidebar-section h2{font-size:.9em;color:#2374e1;border-bottom:1px solid #444;padding-bottom:8px;margin-top:0;margin-bottom:20px;text-transform:uppercase;text-align:left;font-weight:600}label,input,select,button{display:block;width:100%;margin-bottom:10px;box-sizing:border-box}label{font-size:.85em;color:#ccc;margin-bottom:5px}input[type=number],select{background-color:#3c3c3c;border:1px solid #3c3c3c;color:#d4d4d4;padding:8px;border-radius:4px}input[type=number]:focus,select:focus{outline:none;border-color:#2374e1}small{font-size:.75em;color:#888;display:block;margin-top:-8px;margin-bottom:10px}button{padding:10px 15px;background-color:#2374e1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .2s}button:hover{background-color:#1b66c8}button.secondary{background-color:#555}button.secondary:hover{background-color:#444}#select-top-face-btn.active{background-color:#555}#main-content{flex-grow:1;display:flex;flex-direction:column}#top-bar{display:flex;align-items:center;padding:10px 15px;background-color:#1a1a1a}.dropdown-container{position:relative;margin-right:10px}.dropdown-header{font-size:.85em;color:#ccc;font-weight:600;text-transform:uppercase;padding:8px 12px;cursor:pointer}.dropdown-content{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#242526;border:1px solid #333;border-radius:4px;padding:8px;z-index:10;width:200px}.dropdown-container:hover .dropdown-content{display:block}.dropdown-content button{display:block;width:100%;text-align:left;margin-bottom:5px}.dropdown-content button:last-child{margin-bottom:0}.toggle-btn{background-color:#333}.toggle-btn.active{background-color:#2374e1}.view-mode-btn{background-color:#333}.view-mode-btn.active{background-color:#2374e1}#viewport-container{flex-grow:1;position:relative;background-color:#1a1a1a}.view-panel{width:100%;height:100%;position:absolute;top:0;left:0}#view-2d,#gcode-editor{display:none}#canvas-2d{width:100%;height:100%}#gcode-editor textarea{width:100%;height:100%;background-color:#1e1e1e;color:#d4d4d4;border:none;font-family:Courier New,Courier,monospace;font-size:1em;padding:10px;box-sizing:border-box;resize:none}#viewport-modes{position:absolute;bottom:15px;right:15px}#viewport-modes button{width:auto;display:inline-block;background-color:#333;margin-left:5px}#viewport-modes button.active{background-color:#2374e1}