*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#e0e0e0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;overflow:hidden}#app{width:100vw;height:100vh;display:flex}#sidebar{z-index:10;background:#1a1a2e;border-right:1px solid #2a2a4a;flex-direction:column;width:300px;min-width:300px;height:100vh;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid #2a2a4a;padding:20px 16px 12px}.sidebar-header h1{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:700}.sidebar-header .subtitle{color:#888;margin-top:2px;font-size:12px}.project-select{color:#fff;cursor:pointer;background:#224;border:1px solid #3a3a5a;border-radius:4px;outline:none;width:100%;padding:7px 10px;font-size:13px}.project-select:focus{border-color:#6a6aaa}.sidebar-section{border-bottom:1px solid #2a2a4a;padding:12px 16px}.section-label{text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.btn{color:#ccc;cursor:pointer;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:4px;outline:none;padding:7px 12px;font-size:13px;transition:all .15s}.btn:hover{color:#fff;background:#3a3a5a}.btn.active{color:#fff;background:#4a4a8a;border-color:#6a6aaa}.btn-group{gap:6px;display:flex}.btn-group .btn{text-align:center;flex:1}.object-palette{grid-template-columns:1fr 1fr;gap:6px;display:grid}.btn-object{align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.btn-boundary{color:gold;background:#3d3520;border-color:#5a5030;width:100%}.btn-boundary:hover{background:#4d4530}.btn-boundary.active{background:#5a5030;border-color:gold}#drawing-controls{background:#2a2040;border-left:3px solid #6a6aaa}.drawing-status{color:#aaa;margin-bottom:8px;font-size:12px}.btn-finish{color:#8f8;background:#2a5a2a;border-color:#3a7a3a}.btn-finish:hover{background:#3a7a3a}.btn-cancel{color:#f88;background:#5a2a2a;border-color:#7a3a3a}.btn-cancel:hover{background:#7a3a3a}.sub-control{background:#224;border-radius:4px;margin-top:8px;padding:8px}.sub-control label{color:#aaa;font-size:12px}.sub-control input[type=number]{color:#fff;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:3px;width:60px;margin-left:4px;padding:3px 6px;font-size:12px}.info-display{color:gold;background:#224;border-radius:4px;margin-top:8px;padding:8px;font-size:13px;font-weight:600}.objects-list{max-height:300px;overflow-y:auto}.empty-state{color:#555;font-size:12px;font-style:italic}.object-item{cursor:pointer;background:#224;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;margin-bottom:4px;padding:8px;transition:all .15s;display:flex}.object-item:hover{background:#2a2a55}.object-item.selected{background:#2a2a66;border-color:#6a6aaa}.object-item .obj-color-dot{cursor:pointer;border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:border-color .15s}.object-item .obj-color-dot:hover{border-color:#fff9}.color-swatch-popup{z-index:10000;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:6px;grid-template-columns:repeat(5,1fr);gap:5px;width:160px;padding:8px;display:grid;position:fixed;box-shadow:0 4px 16px #00000080}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;width:24px;height:24px;transition:border-color .1s,transform .1s}.color-swatch:hover{border-color:#fff;transform:scale(1.15)}.object-item .obj-info{flex:1;min-width:0}.object-item .obj-name{color:#ddd;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.object-item .obj-name-input{color:#fff;background:#1a1a2e;border:1px solid #4a4a8a;border-radius:3px;outline:none;width:100%;padding:2px 4px;font-size:12px}.object-item .obj-meta{color:#777;font-size:11px}.object-item .obj-actions{flex-shrink:0;gap:4px;display:flex}.object-item .obj-actions button{color:#888;cursor:pointer;background:0 0;border:1px solid #3a3a5a;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;transition:all .15s;display:flex}.object-item .obj-actions button:hover{color:#fff;background:#3a3a5a}.object-item .obj-actions button.locked{color:gold;border-color:#650}.object-item .obj-actions button.label-hidden{opacity:.4}.rotation-control{background:#224;border-radius:4px;margin-top:8px;padding:8px;display:none}.rotation-control.visible{display:block}.rotation-control label{color:#aaa;font-size:12px}.rotation-control input[type=range]{width:100%;margin-top:4px}.rotation-control .rotation-value{color:#888;text-align:right;font-size:11px}.sidebar-footer{margin-top:auto}.btn-action{font-weight:600}.btn-export{color:#8cf;background:#2a4a6a;border-color:#3a6a9a}.btn-export:hover{background:#3a6a9a}#map{flex:1;height:100vh}#search-input{color:#fff;background:#224;border:1px solid #3a3a5a;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-size:13px}#search-input:focus{border-color:#6a6aaa}#toast-container{z-index:10000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{color:#fff;opacity:0;background:#333;border-radius:6px;padding:10px 16px;font-size:13px;animation-name:toast-in,toast-out;animation-duration:.3s,.3s;animation-timing-function:ease,ease;animation-iteration-count:1,1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,2.7s;animation-fill-mode:forwards;animation-timeline:auto,auto;box-shadow:0 4px 12px #0006}.toast.error{background:#5a2020;border-left:3px solid #f44}.toast.success{background:#205a20;border-left:3px solid #4f4}.toast.info{background:#20305a;border-left:3px solid #48f}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}#map.mode-draw,#map.mode-measure{cursor:crosshair}#map.mode-select{cursor:default}.measure-label{color:#fff;white-space:nowrap;pointer-events:none;background:#000000bf;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.object-label{color:#fff;white-space:nowrap;cursor:grab;text-align:center;-webkit-user-select:none;user-select:none;background:#000000b3;border-radius:3px;padding:3px 8px;font-size:11px;line-height:1.4;transform:translate(-50%,-50%)}.object-label.dragging{cursor:grabbing;opacity:.8}.label-edit-input{color:#fff;text-align:center;background:#1a1a2e;border:1px solid #6a6aaa;border-radius:3px;outline:none;width:120px;padding:1px 4px;font-size:11px;font-weight:600}.object-label .label-name{font-weight:600}.object-label .label-area{opacity:.8;font-size:10px}#export-title{color:#fff;letter-spacing:.5px;z-index:5;white-space:nowrap;background:#000000b3;border-radius:6px;padding:8px 24px;font-size:18px;font-weight:700;display:none;position:absolute;top:16px;left:50%;transform:translate(-50%)}#sun-study-section{border-left:3px solid gold}.sun-toggle-row{margin-bottom:6px}.toggle-label{color:#ccc;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.toggle-label input[type=checkbox]{accent-color:gold;cursor:pointer;width:16px;height:16px}.sun-control-row{margin-bottom:8px}.sun-control-row>label{color:#888;margin-bottom:3px;font-size:11px;display:block}.sun-control-row input[type=date]{color:#fff;background:#224;border:1px solid #3a3a5a;border-radius:4px;outline:none;width:100%;padding:5px 8px;font-size:12px}.sun-control-row input[type=date]:focus{border-color:gold}.sun-control-row input[type=range]{accent-color:gold;width:100%;margin-top:4px}#sun-time-display,#shadow-opacity-display{color:gold;text-align:center;margin-top:2px;font-size:14px;font-weight:700;display:block}#shadow-opacity-display{font-size:12px}.sun-info-row{color:#aaa;background:#224;border-radius:4px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px;padding:8px;font-size:11px;display:grid}.sun-info-row span:last-child{color:gold;font-weight:600}.obj-height{align-items:center;gap:6px;margin-top:3px;display:flex}.obj-height label{color:#777;white-space:nowrap;font-size:10px}.obj-height input{color:#fff;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:3px;outline:none;width:50px;padding:2px 4px;font-size:11px}.obj-height input:focus{border-color:gold}#sun-compass{z-index:100;text-align:center;display:none;position:absolute;top:12px;left:12px}.sun-compass-ring{background:#00000080;border:2px solid #ffd700b3;border-radius:50%;width:52px;height:52px;position:relative}.sun-compass-n{color:#aaa;font-size:9px;font-weight:700;line-height:1;position:absolute;top:2px;left:50%;transform:translate(-50%)}.sun-compass-arrow{transform-origin:50% 0;background:gold;border-radius:1px;width:2px;height:20px;margin-top:0;margin-left:-1px;position:absolute;top:50%;left:50%;transform:rotate(0)}.sun-compass-arrow:after{content:"";border-top:7px solid gold;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:-4px}.sun-compass-dot{transform-origin:50%;background:orange;border-radius:50%;width:8px;height:8px;margin-top:-4px;margin-left:-4px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px gold}.sun-compass-label{color:gold;text-shadow:0 1px 2px #000c;margin-top:4px;font-size:10px}#viewer3d-section{border-left:3px solid #00bcd4}.obj-model{align-items:center;gap:6px;margin-top:4px;display:flex}.btn-upload-model{color:#8cf;cursor:pointer;background:#2a4a5a;border:1px solid #3a6a7a;border-radius:3px;padding:2px 6px;font-size:10px}.btn-upload-model:hover{background:#3a6a7a}.btn-remove-model{color:#f88;cursor:pointer;background:#5a2a2a;border:1px solid #7a3a3a;border-radius:3px;padding:2px 6px;font-size:10px}.model-assigned{color:#4caf50;font-size:10px}.elevation-marker{color:#fff;white-space:nowrap;pointer-events:none;background:#00bcd4cc;border:1px solid #00bcd4;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;transform:translate(-50%,-50%)}.obj-height:has(.model-rotation-input){flex-wrap:wrap}.obj-height:has(.model-rotation-input) label{width:100%}.obj-height .model-rotation-input{flex:100%;width:100%}.obj-height .model-rotation-display{color:gold;font-size:12px}.boundary-edge-label{color:gold;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #00000080;background:#0009;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;transform:translate(-50%,-50%)}.shadow-canvas{pointer-events:none;image-rendering:auto}#sidebar::-webkit-scrollbar{width:6px}.objects-list::-webkit-scrollbar{width:6px}#sidebar::-webkit-scrollbar-track{background:0 0}.objects-list::-webkit-scrollbar-track{background:0 0}#sidebar::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}.objects-list::-webkit-scrollbar-thumb{background:#3a3a5a;border-radius:3px}