*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#111;height:100vh;font-family:system-ui,-apple-system,sans-serif;font-size:14px;overflow:hidden}#root{width:100vw;height:100vh;display:flex}.app{width:100%;height:100vh;display:flex}.sidebar{background:#1c1c1c;border-right:1px solid #2e2e2e;flex-direction:column;flex-shrink:0;gap:24px;width:280px;padding:20px 16px;display:flex;overflow-y:auto}.sidebar-header h1{color:#f0f0f0;letter-spacing:.5px;font-size:18px;font-weight:600}.sidebar-header-row{justify-content:space-between;align-items:center;display:flex}.sidebar-subtitle{color:#666;margin-top:4px;font-size:11px;line-height:1.4}.btn-reset-scene{color:#554;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #3a3020;border-radius:5px;padding:4px 10px;font-size:11px;transition:background .15s,color .15s,border-color .15s}.btn-reset-scene:hover{color:#e66;background:#2a1a1a;border-color:#833}.sidebar-section{flex-direction:column;gap:10px;display:flex}.sidebar-section h2{text-transform:uppercase;letter-spacing:1px;color:#777;font-size:11px;font-weight:600}.section-header{justify-content:space-between;align-items:center;display:flex}.loaded-indicator{color:#5a9;font-size:12px}.btn{cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .15s}.btn-primary{color:#fff;background:#4a7fd4}.btn-primary:hover{background:#5a8fe4}.btn-small{color:#ccc;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:5px;padding:4px 10px;font-size:12px}.btn-small:hover{background:#333}.btn-icon{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;transition:color .15s,background .15s;display:flex}.btn-icon:hover{color:#e66;background:#2a2020}.light-add-buttons{gap:6px;display:flex}.btn-add-light{color:#ccc;cursor:pointer;background:#252525;border:1px solid #3a3a3a;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.btn-add-light:hover:not(:disabled){background:#333;border-color:#4a4a4a}.btn-add-light.active{color:#fc6;background:#2a2010;border-color:#fc6}.btn-add-light:disabled{opacity:.3;cursor:not-allowed}.lights-list{flex-direction:column;gap:8px;display:flex}.light-card{background:#252525;border:1px solid #333;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.light-card-header{justify-content:space-between;align-items:center;display:flex}.light-toggle{color:#ccc;flex:1;align-items:center;gap:7px;min-width:0;font-size:13px;font-weight:500;display:flex}.light-toggle input[type=checkbox]{accent-color:#4a7fd4;cursor:pointer;flex-shrink:0;width:14px;height:14px}.light-name{cursor:text;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dashed #0000;transition:border-color .15s,color .15s;overflow:hidden}.light-name:hover{color:#eee;border-bottom-color:#555}.light-name-input{color:#eee;background:0 0;border:none;border-bottom:1px solid #4a7fd4;outline:none;width:100%;min-width:0;padding:0;font-family:inherit;font-size:13px;font-weight:500}.light-card-actions{align-items:center;gap:6px;display:flex}.color-picker{cursor:pointer;background:0 0;border:none;border-radius:50%;width:26px;height:26px;padding:0;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:50%}.slider-group{flex-direction:column;gap:3px;display:flex}.slider-label{color:#888;justify-content:space-between;font-size:11px;display:flex}.slider-label span{color:#bbb;font-variant-numeric:tabular-nums}input[type=range]{accent-color:#4a7fd4;cursor:pointer;width:100%}.slider-hint{color:#444;margin-top:2px;font-size:10px;line-height:1.3}.mode-toggle{background:#111;border-radius:7px;gap:2px;padding:2px;display:flex}.mode-toggle button{cursor:pointer;color:#555;background:0 0;border:none;border-radius:5px;flex:1;padding:5px 8px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.mode-toggle button.active{color:#e0e0e0;background:#2e2e2e}.mode-toggle button:not(.active):hover{color:#999}.heatmap-legend{flex-direction:column;gap:4px;display:flex}.heatmap-gradient{background:linear-gradient(90deg,#00f,#0ff,#0f0,#ff0,red);border-radius:4px;height:10px}.heatmap-legend-labels{color:#555;justify-content:space-between;font-size:10px;display:flex}.surface-badge{letter-spacing:.5px;text-transform:uppercase;color:#fc6;background:#3a2e10;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.pick-controls{flex-direction:column;gap:8px;display:flex}.spherical-controls{align-items:flex-start;gap:10px;display:flex}.spherical-sliders{flex-direction:column;flex:1;gap:8px;padding-top:2px;display:flex}.angle-picker-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.angle-picker-label{color:#555;text-align:center;font-size:10px}.angle-picker-row{align-items:center;gap:6px;display:flex}.angle-picker-svg{display:block;overflow:visible}.angle-picker-value{color:#888;font-variant-numeric:tabular-nums;min-width:28px;font-size:11px}.preset-picker{gap:6px;display:flex}.preset-btn{cursor:pointer;background:#1e1e1e;border:1px solid #2e2e2e;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 4px;transition:border-color .15s,background .15s;display:flex}.preset-btn:hover{background:#282828;border-color:#444}.preset-btn.active{background:#1a2035;border-color:#5a8fe4}.preset-swatch{border-radius:50%;flex-shrink:0;width:22px;height:22px;display:block}.preset-label{color:#666;text-align:center;letter-spacing:.3px;font-size:9px;font-weight:500;line-height:1.2}.preset-btn.active .preset-label{color:#9ab4e4}.guide-steps{flex-direction:column;gap:4px;display:flex}.guide-step{cursor:pointer;text-align:left;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 8px;transition:border-color .15s,background .15s;display:flex}.guide-step:hover{background:#252525;border-color:#3a3a3a}.guide-step.active{background:#14213d;border-color:#4a7fd4}.guide-step-num{color:#555;min-width:12px;font-size:10px;font-weight:700}.guide-step.active .guide-step-num{color:#9ab4e4}.guide-step-swatch{border:1px solid #ffffff1a;border-radius:3px;flex-shrink:0;width:18px;height:18px}.guide-step-name{color:#aaa;flex:1;font-size:12px;font-weight:500}.guide-step.active .guide-step-name{color:#e0e0e0}.guide-step-color{color:#3a3a3a;font-family:monospace;font-size:10px}.guide-step.active .guide-step-color{color:#556}.nmm-secondary-section{border-top:1px solid #222;flex-direction:column;gap:6px;margin-top:4px;padding-top:4px;display:flex}.nmm-refl-colors{gap:12px;display:flex}.nmm-refl-label{color:#888;cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.orient-controls{align-items:center;gap:8px;display:flex}.btn-orient{color:#888;cursor:pointer;text-align:center;background:0 0;border:1px dashed #3a3a3a;border-radius:6px;flex:1;padding:7px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.btn-orient:hover{color:#ccc;background:#252525;border-color:#555}.btn-orient.active{color:#6cf;background:#102028;border-style:solid;border-color:#6cf}.btn-pick{color:#888;cursor:pointer;text-align:center;background:0 0;border:1px dashed #3a3a3a;border-radius:6px;width:100%;padding:7px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.btn-pick:hover:not(:disabled){color:#ccc;background:#252525;border-color:#555}.btn-pick.active{color:#fc6;background:#2a2010;border-style:solid;border-color:#fc6}.btn-pick:disabled{opacity:.3;cursor:not-allowed}.canvas-container{flex:1;position:relative}.canvas-container.pick-mode canvas{cursor:crosshair!important}.canvas-container.orient-mode canvas{cursor:cell!important}.canvas-container.light-hover canvas{cursor:grab!important}.canvas-container.light-dragging canvas{cursor:grabbing!important}.view-locked-hint{color:#c080ff;pointer-events:none;white-space:nowrap;background:#8c50dc1f;border:1px solid #a064f066;border-radius:20px;padding:6px 14px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.lock-view-wrap{border-top:1px solid #222;flex-direction:column;gap:6px;margin-top:4px;padding-top:6px;display:flex}.lock-view-hint{color:#555;font-size:11px;line-height:1.4}.btn-lock-view{color:#a080e0;cursor:pointer;text-align:center;letter-spacing:.2px;background:#1e1830;border:1px solid #3a3060;border-radius:6px;width:100%;padding:9px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.btn-lock-view:hover{color:#c0a0ff;background:#28204a;border-color:#6040a0}.btn-lock-view.active{color:#c080ff;background:#2a1a42;border-color:#a060e0}.mesh-processing-hint{color:#888;pointer-events:none;background:#1e1e1ed9;border:1px solid #333;border-radius:20px;padding:6px 14px;font-size:12px;position:absolute;top:16px;right:16px}.pick-hint,.orient-hint{pointer-events:none;white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.pick-hint{color:#fc6;background:#ffcc661f;border:1px solid #ffcc6659}.orient-hint{color:#6cf;background:#66ccff1f;border:1px solid #66ccff59}.canvas-placeholder{pointer-events:none;color:#444;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.canvas-placeholder p{font-size:15px}.canvas-placeholder .upload-hint{color:#333;font-size:12px}.light-connection-svg{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}.drop-overlay{pointer-events:none;z-index:10;background:#4a7fd414;border:2px dashed #4a7fd480;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drop-overlay-inner{color:#6a9ff4;flex-direction:column;align-items:center;gap:8px;font-size:16px;font-weight:500;display:flex}.debug-primitives{margin-top:10px}.debug-primitives label{text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.primitive-buttons{gap:6px;display:flex}.btn-primitive{color:#888;cursor:pointer;background:0 0;border:1px dashed #3a3a3a;border-radius:6px;flex:1;padding:6px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.btn-primitive:hover{color:#ccc;background:#252525;border-color:#555}.btn-primitive.active{color:#6cf;background:#102028;border-style:solid;border-color:#6cf}.btn-copy-debug{color:#4a7fd4;cursor:pointer;background:0 0;border:1px dashed #4a7fd4;border-radius:6px;width:100%;margin-top:8px;padding:7px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.btn-copy-debug:hover{color:#6a9ff4;background:#0e1f38}.btn-copy-debug:active{background:#162840}