*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#f7f9f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}:root{--color-bg:#f7f9f6;--color-surface:#fff;--color-border:#dce3dc;--color-text:#26332a;--color-text-muted:#718078;--color-primary:#7dbe8b;--color-primary-hover:#69ae78;--color-primary-light:#eaf5ec;--color-primary-dark:#39704a}input[type=range]{accent-color:var(--color-primary)}.app{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-content{flex:1;min-height:0;position:relative}.top-toolbar{box-sizing:border-box;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:10px;height:44px;padding:0 12px;font-size:13px;display:flex}.top-toolbar__brand{border-right:1px solid var(--color-border);color:var(--color-primary-dark);letter-spacing:.2px;margin-right:2px;padding-right:12px;font-weight:700}.top-toolbar__viewmode{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;gap:2px;padding:2px;display:flex}.top-toolbar__viewmode button{appearance:none;height:28px;color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 14px;font-size:13px;font-weight:500}.top-toolbar__viewmode button.is-active{background:var(--color-primary-dark);color:#fff;font-weight:600}.top-toolbar__reset{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);height:28px;color:var(--color-text);cursor:pointer;border-radius:6px;padding:0 12px;font-size:13px}.top-toolbar__reset:hover{background:var(--color-bg)}.top-toolbar__status{min-width:0;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:12px;overflow:hidden}.canvas-layout{flex-direction:row;width:100%;height:100%;display:flex;overflow:hidden}.editor-panel{background:var(--color-bg);border-right:1px solid var(--color-border);box-sizing:border-box;flex-direction:column;flex-shrink:0;width:320px;max-width:90vw;height:100%;display:flex;overflow:hidden}.btn,.editor-panel button,.inspector button{appearance:none;height:28px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled),.editor-panel button:hover:not(:disabled),.inspector button:hover:not(:disabled){background:var(--color-bg);border-color:#b9c4b7}.btn:active:not(:disabled),.editor-panel button:active:not(:disabled),.inspector button:active:not(:disabled){background:#eef1f5}.btn:disabled,.editor-panel button:disabled,.inspector button:disabled{opacity:.5;cursor:not-allowed}.btn-primary,.editor-panel button.btn-primary,.inspector button.btn-primary{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled),.editor-panel button.btn-primary:hover:not(:disabled),.inspector button.btn-primary:hover:not(:disabled){background:#2f5f3d;border-color:#2f5f3d}.btn-danger,.editor-panel button.btn-danger,.inspector button.btn-danger{color:#b91c1c;background:#fff;border-color:#f3b4b4}.btn-danger:hover:not(:disabled),.editor-panel button.btn-danger:hover:not(:disabled),.inspector button.btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.editor-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.editor-panel select,.inspector input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.inspector select{height:28px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-sizing:border-box;border-radius:6px;padding:0 8px;font-size:12px}.project-bar{background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:8px;padding:12px;display:flex}.sidebar-scroll{box-sizing:border-box;flex:1 1 0;min-height:0;padding:12px;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}button.plan-setup__header{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;width:100%;color:var(--color-text);text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:12px;font-weight:600;display:flex}.plan-setup__chevron{width:10px;font-size:10px;display:inline-block}.plan-setup__body{padding-top:4px}button.plan-setup__subsection-header{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;width:100%;color:var(--color-text-muted);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;margin:10px 0 2px;padding:2px 0;font-size:11px;font-weight:600;display:flex}button.plan-setup__subsection-header:first-child{margin-top:0}.plan-setup__subsection-chevron{font-size:10px}.plan-setup__subsection-body{padding-top:2px}.sidebar-tabs{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;gap:2px;margin:4px 0 8px;padding:2px;display:flex}.sidebar-tabs button{height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:0 8px;font-size:12px;font-weight:500}.sidebar-tabs button.is-active{background:var(--color-surface);color:var(--color-primary-dark);font-weight:600;box-shadow:0 1px 2px #00000014}.sidebar-tab-panel{flex-direction:column;display:flex}.inspector{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:10px;flex-direction:column;width:340px;max-width:calc(100% - 32px);max-height:min(62vh,520px);display:flex;position:absolute;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #0f172a24,0 2px 6px #0f172a14}.inspector__heading{text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary-dark);flex-shrink:0;padding:10px 14px 0;font-size:11px;font-weight:600}.inspector__body{box-sizing:border-box;flex:auto;min-height:0;padding:8px 14px 14px;overflow-y:auto}.inspector__body::-webkit-scrollbar{width:6px}.inspector__body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.inspector__body .section-heading{color:var(--color-text);border-bottom:none;margin-top:0;font-size:12px;font-weight:700}.inspector__empty{color:var(--color-text-muted);padding:6px 0 2px;font-size:12px;font-style:italic}.canvas-area{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.canvas-area::-webkit-scrollbar{width:6px}.canvas-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.layers-panel{border-top:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex:1 1 0;min-height:0;display:flex}.layers-panel--collapsed{flex:none}button.layers-panel__header{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;width:100%;color:var(--color-text);text-align:left;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.layers-panel__chevron{width:10px;font-size:10px;display:inline-block}.layers-panel__body{box-sizing:border-box;flex:1 1 0;min-height:0;padding:4px 12px 12px;overflow-y:auto}.layers-panel__body::-webkit-scrollbar{width:6px}.layers-panel__body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.layers-panel__empty{color:var(--color-text-muted);padding:6px 0 2px;font-size:12px;font-style:italic}button.layers-group__header{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;width:100%;color:var(--color-text-muted);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;margin:14px 0 4px;padding:2px 0;font-size:11px;font-weight:600;display:flex}button.layers-group__header:first-child{margin-top:0}.layers-group__count{text-transform:none;letter-spacing:normal;color:var(--color-text-muted);font-weight:400}.layers-group__chevron{font-size:10px}.section-heading{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin:16px 0 8px;padding-bottom:4px;font-size:11px;font-weight:600}.section-heading:first-child{margin-top:0}.section-group{margin-bottom:4px}.compact-building-entry{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto auto auto;align-items:center;gap:4px;padding:4px 0;display:grid}.compact-building-entry:last-child{border-bottom:none}.compact-building-entry input{border:1px solid var(--color-border);border-radius:6px;width:100%;min-width:0;padding:3px 4px;font-size:12px}.compact-building-entry button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:6px;height:24px;padding:0 8px;font-size:12px}.compact-building-entry button:disabled{opacity:.5;cursor:not-allowed}.layers-entry{border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto auto auto;align-items:center;gap:2px;padding:1px 0;display:grid}.layers-entry:last-child{border-bottom:none}button.layers-entry__name{text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:4px;min-width:0;height:20px;padding:0 4px;font-size:12px;overflow:hidden}button.layers-entry__icon{cursor:pointer;width:20px;height:20px;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:inline-flex}button.layers-entry__icon:hover:not(:disabled){background:var(--color-bg)}button.layers-entry__icon--off{color:#c3cdc1}button.layers-entry__delete{color:var(--color-text-muted)}button.layers-entry__delete:hover:not(:disabled){color:#b91c1c;background:#fef2f2}.sidebar-section-divider{border:none;border-top:1px solid var(--color-border);margin:12px 0}.button-row{flex-wrap:wrap;gap:6px;display:flex}.boolean-row{align-items:center;gap:6px;font-size:12px;display:flex}.boolean-row label{cursor:pointer;align-items:center;gap:4px;display:flex}.label-text{color:var(--color-text);font-size:12px}.instruction-box{background:var(--color-primary-light);border:1px solid var(--color-primary);color:var(--color-text);border-radius:6px;padding:10px;font-size:12px;line-height:1.4}.instruction-box .instruction-box__actions{gap:6px;margin-top:8px;display:flex}.instruction-box__error{color:#b91c1c;margin-top:4px}.help-panel{z-index:15;background:var(--color-surface);border:1px solid var(--color-border);width:240px;max-width:calc(100% - 32px);color:var(--color-text);border-radius:10px;font-size:12px;transition:opacity .15s;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #0f172a14}.help-panel--quiet{opacity:.55}.help-panel--quiet:hover,.help-panel--quiet:focus-within{opacity:1}.help-panel__header{appearance:none;cursor:pointer;width:100%;font:inherit;color:var(--color-text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.help-panel__chevron{color:var(--color-text-muted);font-size:10px}.help-panel__body{padding:0 12px 12px}.help-panel__steps{flex-direction:column;gap:8px;margin:0;padding:0 0 0 16px;display:flex}.help-panel__steps li{flex-direction:column;display:flex}.help-panel__step-title{color:var(--color-text);font-weight:600}.help-panel__step-body{color:var(--color-text-muted);font-size:11.5px;line-height:1.35}.help-panel__tip{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:10px;padding-top:8px;font-size:11.5px;line-height:1.4}@media (width<=1300px){.help-panel{display:none}}@media (width<=768px){.canvas-layout{flex-direction:column}.editor-panel{border-right:none;border-bottom:1px solid var(--color-border);width:100%;max-width:100%;height:50vh}.sidebar-scroll{max-height:calc(50vh - 44px)}.canvas-area{height:50vh}.inspector{max-height:calc(50vh - 24px);top:8px}}