*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Hiragino Sans,Yu Gothic,Segoe UI,system-ui,sans-serif;background:#f6f4ee;color:#2b3327}button{font-family:inherit;cursor:pointer;border:1px solid #cfd8c6;background:#fff;border-radius:6px;padding:6px 12px;font-size:13px;color:#2b3327}button:hover{background:#eef3e8}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font-family:inherit;border:1px solid #cfd8c6;border-radius:6px;padding:5px 8px;font-size:13px;background:#fff;color:#2b3327}.app{display:flex;flex-direction:column;height:100vh}.toolbar{background:#2f4a30;color:#fff;padding:8px 14px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand{font-weight:700;font-size:15px;white-space:nowrap}.project-name{min-width:140px;flex:1 1 160px}.save-status{margin-left:auto;font-size:11px;color:#cfe0c9;white-space:nowrap}.btn-subtle{background:transparent;color:#fff;border-color:#fff6}.btn-subtle:hover{background:#ffffff26}.view-tabs{display:flex;gap:4px;background:#ffffff1f;border-radius:8px;padding:3px}.view-tabs button{background:transparent;border:none;color:#fff;border-radius:6px;padding:6px 14px}.view-tabs button.active{background:#fff;color:#2f4a30;font-weight:700}.sub-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#fff;font-size:12px}.sub-toolbar label{display:flex;align-items:center;gap:4px}.sub-toolbar input[type=number]{width:64px}.hint{color:#d7e3cf;font-size:11px}.main-layout{flex:1;display:flex;min-height:0}.palette{width:230px;flex-shrink:0;background:#fff;border-right:1px solid #e2e6da;overflow-y:auto;padding:10px}.palette-title{font-size:14px;font-weight:700;margin:4px 0 10px}.palette-group h3{font-size:12px;color:#6c7a63;margin:12px 0 6px;text-transform:none;border-bottom:1px solid #eef1e8;padding-bottom:3px}.palette-items{display:flex;flex-direction:column;gap:5px}.palette-item{display:flex;align-items:center;gap:8px;border:1.5px solid #ddd;border-radius:8px;padding:5px 8px;cursor:grab;background:#fafcf7;-webkit-user-select:none;user-select:none}.palette-item:active{cursor:grabbing}.palette-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.palette-name{flex:1;font-size:12.5px}.palette-size{font-size:10.5px;color:#8a9480;white-space:nowrap}.palette-tip,.palette-hint{font-size:11px;color:#8a9480;margin-top:12px}.palette-disabled .palette-item{cursor:not-allowed}.canvas-area{flex:1;overflow:auto;padding:16px;display:flex;align-items:flex-start;justify-content:center;background:#eef1e7}.scene-canvas-wrap{width:100%;max-width:1100px}.scene-canvas-inner{margin:0 auto;background:#fff;box-shadow:0 1px 6px #00000014;border-radius:8px}.photo-placeholder{height:320px;display:flex;align-items:center;justify-content:center;color:#8a9480;border:2px dashed #cfd8c6;border-radius:8px;background:#fbfbf8}.compass{position:absolute;top:8px;right:8px;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.calib-banner{position:absolute;left:8px;right:8px;bottom:8px;background:#141812d9;color:#fff;padding:8px 12px;border-radius:8px;font-size:12.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.calib-form{display:flex;align-items:center;gap:6px}.calib-cancel{margin-left:auto}.elevation-wrap{background:#fff;border-radius:8px;box-shadow:0 1px 6px #00000014;width:100%;max-width:1100px;padding:8px}.elevation-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;font-size:13px;color:#556149}.elevation-angle-label{min-width:88px;text-align:center;font-weight:700}.elevation-minimap{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 auto 10px;width:fit-content}.elevation-minimap-caption{font-size:10.5px;color:#8a9480}.properties-panel{width:260px;flex-shrink:0;background:#fff;border-left:1px solid #e2e6da;overflow-y:auto;padding:14px}.properties-title{font-size:14px;margin:0 0 12px;font-weight:700}.props-empty{font-size:12.5px;color:#8a9480;line-height:1.6}.prop-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;color:#556149}.prop-field input,.prop-field textarea{width:100%}.prop-field input[type=color]{width:48px;height:30px;padding:2px}.prop-checkbox{flex-direction:row;align-items:center;gap:6px}.prop-checkbox input{width:auto}.prop-area{background:#f6f8f2;border-radius:6px;padding:6px 8px;font-size:12px;color:#556149}.segment-list{border-top:1px solid #eef1e8;margin-top:8px;padding-top:8px}.segment-list-title{font-size:11.5px;color:#6c7a63;margin-bottom:6px}.segment-row{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:4px}.segment-row input{width:64px}.btn-delete{margin-top:10px;width:100%;background:#fdeceb;border-color:#f3c6c2;color:#a3392e}.btn-delete:hover{background:#fbdbd8}.drag-ghost{position:fixed;transform:translate(-50%,-50%);pointer-events:none;font-size:24px;z-index:1000;background:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d}.palette-title,.properties-title{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}.palette-title::-webkit-details-marker,.properties-title::-webkit-details-marker{display:none}.palette-title:before,.properties-title:before{content:"▸";font-size:11px;color:#8a9480;transition:transform .15s ease}details[open]>.palette-title:before,details[open]>.properties-title:before{transform:rotate(90deg)}@media (max-width: 900px){.toolbar{padding:6px 10px;gap:4px}.toolbar-row{gap:6px}.brand,.hint{display:none}.main-layout{flex-direction:column;overflow-y:auto}.palette,.properties-panel{width:100%;max-height:260px;border:none;border-top:1px solid #e2e6da}.palette-items{flex-direction:row;flex-wrap:wrap}.palette-item{flex:1 1 150px}.canvas-area{order:-1;padding:10px;min-height:55vh}}