:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:10pt}body{margin:0;overflow:hidden}#glCanvas{width:100vw;height:100vh;display:block}.toolbar{position:fixed;display:flex;gap:10px;padding:.5em;border-radius:5px;box-shadow:0 2px 5px #0003}#toolbar-top{top:10px;left:50%;transform:translate(-50%);flex-direction:row}#toolbar-left{top:20%;left:10px;flex-direction:column}.toolbar button{font-size:.9em;padding:4px;cursor:pointer;border:1px solid #aaae;border-radius:4px;background:#fffa;transition:all .2s}.toolbar button:hover:not(:disabled){background:#fffe}.toolbar button:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}#extrudeControls{display:flex;gap:5px;align-items:center;border-radius:4px;background:transparent}#modelControls,#planeControls{display:flex;flex-direction:row;gap:5px;background:transparent}#extrudeDepth{padding:4px 8px;background:#fffd;border:1px solid #ccc;border-radius:3px;width:4em;line-height:2}#extrudeDepth:focus{outline:none;border-color:#666}#planeControls label{margin-bottom:4px}#planeControls input[type=range]{width:100%}#togglePlanes.showing svg rect{fill:#fff4;stroke-dasharray:1}#toggleSketches.showing svg path{stroke:#333;stroke-width:1.5}#toggleSketches:not(.showing) svg path{stroke:#aaa;stroke-width:1;stroke-dasharray:2}#toggleEdges.showing svg path{stroke:none}#toggleProjection.showing svg path[stroke-dasharray]{stroke-dasharray:none}#toggleProjection.showing svg path[fill="#ddd"]{fill:#fff4}#toggleProjection.showing svg path[fill="#777"]{fill:#bbb4}#toggleProjection.showing svg path[fill="#555"]{fill:#9994}#sketch-tools{display:flex;flex-direction:column;gap:5px;background:transparent}.sketch-tool{width:32px;height:32px;padding:4px!important;display:flex;align-items:center;justify-content:center}.sketch-tool.active{background:#e3f2fd!important;border-color:#1976d2!important}.sketch-tool svg{width:24px;height:24px}.sketch-tool:hover:not(:disabled) svg line,.sketch-tool:hover:not(:disabled) svg circle{stroke:#1976d2}.sketch-tool:hover:not(:disabled) svg circle[fill="#222"]{fill:#1976d2}.sketch-tool.active svg line,.sketch-tool.active svg circle{stroke:#1976d2}.sketch-tool.active svg circle[fill="#222"]{fill:#1976d2}#debugButton{position:fixed;top:15px;right:15px;width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fffa;box-shadow:0 2px 5px #0003;z-index:1001;transition:all .3s ease}#debugButton:hover{transform:scale(1.1);background:#fffc}#debugButton.active{background:#007bff33;box-shadow:0 0 8px #007bff80}#debugButton.active .bug-icon{color:#007bff}.bug-icon{color:#333;stroke-width:1.5}#viewerButton{position:fixed;top:15px;right:57px;width:32px;height:32px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fffa;box-shadow:0 2px 5px #0003;z-index:1001;transition:all .3s ease}#viewerButton:hover{transform:scale(1.1);background:#fffc}.viewer-icon{color:#333;stroke-width:1.5}#debugPanel{position:fixed;right:15px;top:50px;font-size:.8em;padding:5px;border-radius:5px;background:#fffa;box-shadow:0 2px 5px #0003;width:300px;max-width:calc(100vw - 40px);max-height:calc(100vh - 100px);overflow-y:auto;display:none;z-index:1000;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}#debugPanel h3{margin-top:0;border-bottom:1px solid #ddd;padding-bottom:5px}.debug-property{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #eee}.debug-property-name{font-weight:700}#debugPanel .color-box{width:10px;height:10px;border-radius:5px;margin-right:5px;border:1px solid #ccc;margin-left:auto}#controls{position:fixed;top:20px;left:20px;background:#ffffffe6;padding:15px;border-radius:5px;box-shadow:0 2px 5px #0003;z-index:1000}.mode-button{padding:8px 16px;margin:5px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s ease}.mode-button:hover{background:#f0f0f0}.mode-button.active{background:#007bff;color:#fff;border-color:#0056b3}#extrusion-controls{margin-top:15px;padding-top:15px;border-top:1px solid #ccc}#extrusion-controls label{display:block;margin-bottom:5px}#extrusion-height{width:100%;padding:5px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}#extrude-button{width:100%;padding:8px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}#extrude-button:hover{background:#218838}#extrude-button:disabled{background:#ccc;cursor:not-allowed}#export-button{width:100%;padding:8px;margin-top:10px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}#export-button:hover{background:#138496}.toggle-switch{display:flex;align-items:center;margin:10px 0}.toggle-switch input{margin-right:8px}#status{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:10px 20px;border-radius:4px;z-index:1000;display:none}#status.visible{display:block}#status.middleOfScreen{bottom:auto;top:50%;transform:translate(-50%,-50%)}#status.splash-screen{background:#fffffff2;color:#333;padding:2em;border-radius:8px;box-shadow:0 4px 20px #00000026;text-align:center;min-width:300px;max-width:500px}.splash-title{font-size:1.5em;font-weight:700;margin-bottom:8px;color:#1976d2}.splash-subtitle{font-size:1.2em;margin-bottom:16px;color:#666}.splash-version{font-size:.9em;color:#888;margin-bottom:24px}.splash-credits{font-size:1em;color:#777;margin-bottom:24px;text-align:left}.splash-tips{text-align:left;border-top:1px solid #eee;padding-top:16px}.splash-tips p{font-weight:700;margin:0 0 8px}.splash-tips ul{margin:0;padding-left:20px}.splash-tips li{margin:4px 0;color:#555}.context-menu{position:fixed;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0003;padding:4px;z-index:1000;transition:opacity .2s}.context-menu-item{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:3px;position:relative}.context-menu-item:hover{background:#f5f5f5}.context-menu-item svg{margin-right:8px}.context-menu-expanded-controls{position:absolute;left:100%;top:0;display:none;align-items:center;gap:8px;background:#fff;padding:8px;border:1px solid #ccc;border-radius:4px;box-shadow:2px 2px 5px #0000001a;margin-left:4px}.extrusion-depth-input{width:60px;padding:4px;border:1px solid #ccc;border-radius:3px}.flip-direction-button,.confirm-extrusion-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;border:1px solid #ccc;border-radius:3px;background:#fff;cursor:pointer;transition:all .2s}.flip-direction-button:hover,.confirm-extrusion-button:hover{background:#f5f5f5;border-color:#999}.flip-direction-button svg,.confirm-extrusion-button svg{width:16px;height:16px;margin:0}.confirm-extrusion-button{color:#4caf50}.flip-direction-button{color:#666;transition:transform .2s}.color-picker-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;z-index:1002;display:none}.color-picker-content{padding:16px;min-width:300px}.color-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.color-picker-header span{font-size:16px;font-weight:500}.close-button{background:none;border:none;font-size:20px;cursor:pointer;padding:0;color:#666}.close-button:hover{color:#000}.color-picker-body{display:flex;gap:16px;margin-bottom:16px}.color-preview{width:60px;height:60px;border-radius:4px;border:1px solid #ccc;background-color:gray}.color-inputs{flex:1;display:flex;flex-direction:column;gap:12px}.color-input-group{display:flex;align-items:center;gap:8px}.color-input-group label{min-width:60px}.color-input-group input[type=color]{width:40px;height:40px;padding:0;border:1px solid #ccc;border-radius:4px}.color-input-group input[type=range]{flex:1}#opacityValue{min-width:48px;text-align:right}.color-picker-footer{display:flex;justify-content:flex-end;gap:8px}.color-picker-footer button{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background:#fff;cursor:pointer}.color-picker-footer button:hover{background:#f0f0f0}#applyColor{background:#4285f4;color:#fff;border-color:#4285f4}#applyColor:hover{background:#3367d6}.standard-view-container{position:relative;display:inline-flex;align-items:center}.standard-view-dropdown{display:none;position:absolute;top:100%;right:0;padding-top:4px;background:transparent}.standard-view-dropdown-content{background:#fffa;border:1px solid #aaae;border-radius:4px;padding:4px;min-width:80px;box-shadow:0 2px 5px #0003}.standard-view-container:hover .standard-view-dropdown{display:block}.standard-view-dropdown-content{display:flex;flex-direction:column;gap:4px}.view-option{background:none;border:none;padding:4px 8px;text-align:left;cursor:pointer;white-space:nowrap;width:100%;font-size:.9em;transition:all .2s;border-radius:4px;border:1px solid transparent}.view-option:hover{background:#fffe;border-color:#aaae}#standardView{font-size:.9em;padding:4px;cursor:pointer;border:1px solid #aaae;border-radius:4px;background:#fffa;transition:all .2s}#standardView:hover:not(:disabled){background:#fffe}.overlay-blur{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080}