:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07111f;color:#e9f0f5;font-synthesis:none;--bg: #07111f;--panel: rgba(12, 25, 41, .94);--border: rgba(161, 190, 207, .16);--muted: #87a0b0;--text: #e9f0f5;--accent: #66d2c0;--orange: #ffad63;--danger: #f27b7b}*{box-sizing:border-box}html,body,#app{width:100%;min-width:1080px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 54% 35%,#16334b 0,#07111f 54%)}button,input{font:inherit}button{color:inherit}.topbar{height:70px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--border);background:#050f1beb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-mark{display:flex;align-items:end;gap:3px;width:29px;height:29px;padding:5px;border:1px solid rgba(102,210,192,.45);border-radius:9px;background:linear-gradient(135deg,#66d2c040,#4d75cc33)}.brand-mark span{display:block;width:5px;border-radius:3px;background:var(--accent)}.brand-mark span:nth-child(1){height:9px;opacity:.58}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:19px;background:var(--orange)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:14px;letter-spacing:.02em}.brand-copy span{font-size:11px;color:var(--muted)}.topbar-spacer{flex:1}.theme-state{padding:4px 8px;border:1px solid rgba(255,190,105,.45);border-radius:999px;color:#ffbe69;background:#ffbe691a;font-size:10px;white-space:nowrap}.theme-state.is-night{color:#b8c9ff;border-color:#9db3ff80;background:#6981d624}.save-state{min-width:106px;color:var(--muted);font-size:11px;text-align:right}.save-state.is-ok{color:var(--accent)}.time-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.time-control input{width:96px;accent-color:var(--orange)}.time-control strong{min-width:36px;color:var(--text);font-size:10px}.button{border:1px solid var(--border);border-radius:8px;padding:8px 12px;cursor:pointer;font-size:12px;transition:.16s ease}.button:hover{transform:translateY(-1px);border-color:#66d2c08c}.button-quiet{background:#ffffff09}.button-primary{color:#06151b;border-color:var(--accent);background:var(--accent);font-weight:700}.button-danger{width:100%;margin-top:18px;color:#ffd9d9;background:#f27b7b1a;border-color:#f27b7b59}.workspace{height:calc(100vh - 70px);display:grid;grid-template-columns:255px minmax(600px,1fr) 285px}.sidebar{min-height:0;background:linear-gradient(180deg,#0c1929f5,#07111ff5)}.sidebar-left{display:flex;flex-direction:column;border-right:1px solid var(--border);padding:21px 15px 14px}.sidebar-right{display:flex;flex-direction:column;border-left:1px solid var(--border);overflow:hidden}.eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.panel-heading h1,.panel-heading h2,.canvas-toolbar h2{margin:3px 0 0;font-size:16px;line-height:1.2;letter-spacing:-.01em}.panel-heading.compact h2{font-size:14px}.count-badge,.kind-badge{padding:3px 7px;border:1px solid rgba(102,210,192,.28);border-radius:999px;color:var(--accent);font-size:10px}.kind-badge{color:var(--muted);border-color:var(--border)}.search-field{display:flex;align-items:center;gap:7px;margin:20px 0 15px;padding:8px 9px;border:1px solid var(--border);border-radius:8px;background:#00000029;color:var(--muted)}.search-field input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.search-field kbd{padding:1px 4px;border:1px solid var(--border);border-radius:4px;font-size:9px}.part-list{flex:1;min-height:0;overflow:auto;padding-right:3px}.part-category{margin:14px 5px 6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.part-card{display:flex;align-items:center;gap:9px;width:100%;margin:3px 0;padding:7px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.part-card:hover{border-color:#66d2c04d;background:#66d2c00f}.part-copy{display:grid;min-width:0;gap:2px}.part-copy strong{font-size:11px}.part-copy small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.part-add{margin-left:auto;color:var(--accent);font-size:18px;font-weight:300}.part-preview{position:relative;display:grid;place-items:center;flex:0 0 37px;height:33px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#172b3d}.part-preview:before,.part-preview:after,.part-preview span{content:"";position:absolute;display:block}.part-preview-office_tower:before{width:13px;height:23px;background:#4e9c9d;box-shadow:inset 3px 0 #78d4cb}.part-preview-office_tower:after{width:4px;height:4px;top:8px;background:#f9df8a;box-shadow:0 7px #f9df8a,6px 0 #f9df8a,6px 7px #f9df8a}.part-preview-warehouse:before{width:24px;height:15px;background:#57769d}.part-preview-warehouse:after{width:29px;height:3px;top:8px;background:#d3dde2}.part-preview-house:before{width:18px;height:13px;bottom:5px;background:#d4d0bd}.part-preview-house:after{width:18px;height:15px;top:5px;background:#c6604d;clip-path:polygon(50% 0,100% 55%,100% 70%,0 70%,0 55%)}.part-preview-tree:before{width:6px;height:17px;bottom:4px;background:#76503c}.part-preview-tree:after{width:22px;height:22px;top:3px;border-radius:50%;background:#4fa678}.part-preview-road:before{width:28px;height:12px;background:#27343d}.part-preview-road:after{width:24px;height:2px;background:#f7e8a1}.part-preview-water:before{width:28px;height:19px;background:#2f7ea4}.part-preview-water:after{width:22px;height:2px;background:#9bd6e0;box-shadow:0 6px #9bd6e0}.part-preview-grass:before{width:27px;height:19px;background:#3f806a}.part-preview-vehicle:before{width:25px;height:11px;bottom:7px;border-radius:4px;background:#e09f4f}.sidebar-footer{display:flex;justify-content:space-between;padding-top:12px;color:#617989;font-size:9px}.canvas-column{display:flex;min-width:0;min-height:0;flex-direction:column;background:#0a1826}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px 14px;border-bottom:1px solid var(--border)}.toolbar-actions{display:flex;gap:7px}.city-summary{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 22px;border-bottom:1px solid var(--border);background:#07111fb3;color:var(--muted);font-size:10px}.city-summary .summary-pill{padding:4px 7px;border:1px solid var(--border);border-radius:999px}.city-summary .summary-pill strong{margin-right:3px;color:var(--text)}.summary-day{border-color:#ffbe6966!important;color:#ffbe69}.summary-night{border-color:#9db3ff80!important;color:#b8c9ff}.summary-warm{border-color:#ff9d5273!important;color:#ffb06b}.canvas-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#b9d4df}.canvas-stage canvas{display:block;width:100%;height:100%;cursor:grab}.canvas-stage canvas:active{cursor:grabbing}.canvas-help{position:absolute;bottom:13px;left:50%;transform:translate(-50%);padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#ffffffbf;background:#07111f9e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:10px;pointer-events:none}.canvas-statusbar{display:flex;gap:20px;padding:9px 22px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.canvas-statusbar span:first-child{color:var(--accent)}.canvas-statusbar span:last-child{color:var(--orange)}.inspector-section{min-height:0;padding:18px 15px;border-bottom:1px solid var(--border)}.inspector-section:first-child{height:44%;overflow:hidden}.inspector-properties{flex:1;overflow:auto}.outliner{height:calc(100% - 39px);margin-top:14px;overflow:auto}.outliner-item{display:flex;align-items:center;gap:9px;width:100%;margin:2px 0;padding:8px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;cursor:pointer}.outliner-item:hover,.outliner-item.is-selected{border-color:#66d2c057;background:#66d2c014}.outliner-item span:last-child{display:grid;min-width:0;gap:2px}.outliner-item strong{font-size:11px}.outliner-item small,.selected-object small{color:var(--muted);font-size:9px}.object-icon,.selected-object-icon{display:block;flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#234257}.object-icon-office_tower,.selected-object-icon.object-icon-office_tower{background:linear-gradient(180deg,#6ac8c5 0 68%,#2a4e59 68%)}.object-icon-warehouse,.selected-object-icon.object-icon-warehouse{background:linear-gradient(180deg,#8db2d1 0 35%,#52759a 35%)}.object-icon-house,.selected-object-icon.object-icon-house{background:linear-gradient(135deg,#c6604d 0 48%,#d7d0bd 49%)}.object-icon-tree,.selected-object-icon.object-icon-tree{background:radial-gradient(circle at 50% 35%,#4fa678 0 45%,#76503c 46% 100%)}.object-icon-road{background:repeating-linear-gradient(90deg,#27343d 0 5px,#f7e8a1 6px 8px)}.object-icon-water{background:#2f7ea4}.object-icon-vehicle{background:linear-gradient(180deg,#cbe5e4 0 42%,#e09f4f 43%)}.object-icon-grass{background:#3f806a}.inspector{margin-top:14px}.empty-state{display:grid;place-items:center;min-height:150px;padding:20px;border:1px dashed var(--border);border-radius:9px;text-align:center}.empty-glyph{color:var(--accent);font-size:28px}.empty-state p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.selected-object{display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid var(--border)}.selected-object div{display:grid;gap:2px}.property-group{display:grid;gap:7px;padding:15px 0;border-bottom:1px solid var(--border)}.property-title{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.property-row{display:grid;grid-template-columns:1fr 94px;align-items:center;gap:9px;color:var(--muted);font-size:11px}.property-row input{width:100%;padding:5px 6px;border:1px solid var(--border);border-radius:6px;outline:0;color:var(--text);background:#0003;font-size:11px}.property-row input:focus{border-color:var(--accent)}.property-help{margin:16px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.status-green{background:#62dca0;box-shadow:0 0 8px #62dca0}.button:disabled{opacity:.52;cursor:not-allowed;transform:none}@media(max-width:1300px){.workspace{grid-template-columns:220px minmax(560px,1fr) 260px}.topbar{padding:0 14px}.brand-copy span{display:none}.time-control input{width:74px}}.editor-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 22px;border-bottom:1px solid var(--border);background:#07111fd6}.control-check,.step-control{display:inline-flex;align-items:center;gap:5px;padding:6px 7px;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:10px;white-space:nowrap}.control-check input{accent-color:var(--accent)}.step-control select{border:0;outline:0;color:var(--text);background:transparent;font-size:10px}.control-divider{width:1px;height:22px;margin:0 3px;background:var(--border)}.mode-button{padding:6px 8px;border:1px solid transparent;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer;font-size:10px}.mode-button:hover,.mode-button.is-active{border-color:#66d2c06b;color:var(--text);background:#66d2c01a}.editor-controls .button{padding:6px 8px;font-size:10px}@media(max-width:1300px){.editor-controls{padding:7px 14px}.control-divider{display:none}}