@font-face{font-family:Studio Sans;src:url('/fonts/OpenSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f7f5ef;--canvas:#e9e8df;--ink:#292d28;--muted:#7a7d72;--line:#dedfd5;--orange:#df552c;--olive:#6c785b;--mono:'Courier New',monospace;--sans:'Studio Sans',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:12px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:transparent}button:disabled{opacity:.32;cursor:default}button:not(:disabled),a,input,select{touch-action:manipulation}a{color:inherit}button:hover:not(:disabled){filter:brightness(.94)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:3px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}h1,h2,h3,p{margin:0}button,select{transition:background .15s,color .15s}button[hidden],[hidden]{display:none!important}
.topbar{height:84px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 26px 0 18px;gap:20px;background:var(--paper);position:relative;z-index:5}.home-link{width:28px;height:35px;display:grid;place-items:center;border-right:1px solid var(--line);padding-right:13px;box-sizing:content-box}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:flex;gap:3px;align-items:end;width:32px;height:35px;flex-shrink:0}.brand-mark i{width:8px;background:var(--orange);height:100%;display:block}.brand-mark i:first-child{height:70%}.brand-mark i:last-child{height:84%}.brand h1{font-family:Arial,sans-serif;font-size:23px;font-weight:900;letter-spacing:-1.3px;line-height:1.1}.brand-dot{font-size:10px;vertical-align:top;display:inline-block;padding:2px 0 0 3px;letter-spacing:0}.brand p{font-family:var(--mono);font-size:8px;letter-spacing:1.55px;margin-top:5px}.workspace-nav{display:flex;height:100%;margin:auto;gap:27px}.nav-tab{position:relative;font-size:12px;padding:0 3px;color:#85867b}.nav-tab span{font-family:var(--mono);font-size:8px;vertical-align:super;padding-left:5px;opacity:.6}.nav-tab.active{color:var(--ink)}.nav-tab.active:after{content:'';position:absolute;height:3px;background:var(--orange);bottom:0;left:0;right:0}.header-actions{display:flex;align-items:center;gap:14px}.save-state{font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:1px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;font-size:11px;min-height:38px;border-radius:3px;white-space:nowrap}.button svg{width:16px;height:16px}.orange{color:#fff8ed;background:var(--orange)}.dark{color:var(--paper);background:var(--ink)}.outline{border:1px solid var(--line);background:transparent}.subtle{background:transparent}.full{width:100%;justify-content:space-between}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;font-size:22px;flex-shrink:0;border-radius:3px}.icon-button.active{color:var(--orange);background:#f3e4da}.icon-button:hover:not(:disabled){background:#e8e7de}.studio{height:calc(100dvh - 153px);display:grid;grid-template-columns:232px minmax(250px,1fr) 266px}.panel{padding:27px 22px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#caccc0 transparent;position:relative}.library{border-right:1px solid var(--line);display:flex;flex-direction:column}.eyebrow{font-family:var(--mono);font-size:8px;letter-spacing:1.2px;font-weight:400;color:var(--muted);line-height:1.5}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.tiny-square{height:5px;width:5px;background:var(--orange)}.panel h2{font-size:23px;font-family:Arial,sans-serif;letter-spacing:-.8px;font-weight:500;margin-top:16px}.panel-description{font-size:10px;line-height:1.9;color:var(--muted);margin:10px 0 22px}.typologies{display:grid;grid-template-columns:1fr 1fr;gap:9px}.typology{position:relative;border:1px solid var(--line);border-radius:3px;text-align:left;padding:0 10px 11px;background:#f0f0e8;overflow:hidden;min-height:118px}.typology:hover{border-color:var(--olive);background:#e8e9df}.typology.active{border-color:var(--orange);background:#f1e7dc}.typology .typology-art{display:block;width:100%;height:75px;stroke:none;fill:none;margin-bottom:2px}.typology b{font-size:10px;font-weight:400;display:block}.typology small{font-family:var(--mono);font-size:7px;letter-spacing:.7px;color:var(--muted);display:block;margin-top:4px;text-transform:uppercase}.typology .add-dot{position:absolute;right:6px;top:5px;font-size:12px;color:#8c9183}.typology.active .add-dot{color:var(--orange)}.build-note{border-bottom:1px solid var(--line);padding:17px 0 21px;display:flex;align-items:center;gap:10px;color:var(--muted)}.build-note svg{width:16px;height:16px;color:var(--orange)}.build-note p{font-size:9px;line-height:1.8}.library-bottom{margin-top:23px}.library-bottom>.eyebrow{font-size:7px;letter-spacing:.6px}.library-bottom>p{font-size:13px;letter-spacing:-.3px;margin:8px 0 14px}.green-line{display:flex;gap:8px;color:var(--olive);font-size:9px;line-height:1.6}.green-line svg{width:15px;height:15px}.help-button{margin-top:auto;padding:23px 0 0;display:flex;gap:7px;align-items:center;font-size:8px;text-align:left;color:var(--muted)}.help-button svg{width:14px;height:14px}.help-button span{margin-left:auto}
.viewport{position:relative;overflow:hidden;background:var(--canvas);min-width:0}#city-view{position:absolute;inset:0;outline-offset:-4px}#city-view canvas{display:block;width:100%;height:100%;touch-action:none}.viewport-title{position:absolute;top:29px;left:28px;pointer-events:none}.city-line{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:8px;letter-spacing:1px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--olive);flex-shrink:0}.edition{opacity:.48;font-size:7px;padding-left:7px;border-left:1px solid #acb1a2;margin-left:2px}.viewport-title h2{font-family:Arial,sans-serif;font-weight:400;letter-spacing:-1.2px;font-size:clamp(22px,2.2vw,34px);line-height:1.15;margin:15px 0 12px}.viewport-title>p{font-family:var(--mono);font-size:7px;letter-spacing:1.6px;color:#7b8173}.viewport-topright{position:absolute;right:19px;top:22px;display:flex;align-items:center;gap:9px}.viewport-topright>span{font-family:var(--mono);font-size:7px;letter-spacing:1px;color:#7b8173}.viewport-topright .icon-button{border:1px solid #c7cbbd;width:29px;height:29px}.viewport-topright svg{width:14px;height:14px}.scene-tools{position:absolute;left:24px;top:47%;display:flex;flex-direction:column;align-items:center;background:#f7f5efeF;border:1px solid #d5d8cb;padding:5px;border-radius:4px;box-shadow:0 3px 10px #282d2410}.scene-tools .icon-button{width:31px;height:32px}.scene-tools svg{width:16px;height:16px}.tool-divider{height:1px;background:var(--line);width:20px;margin:5px}.zoom-tools{position:absolute;right:22px;bottom:91px;display:flex;flex-direction:column;background:#f7f5efcF;border:1px solid #d5d8cb;border-radius:3px;padding:3px}.zoom-tools .icon-button{width:28px;height:28px;font-size:19px}.zoom-tools svg{width:15px;height:15px}.compass{position:absolute;right:25px;bottom:199px;width:30px;text-align:center;color:#6e7564}.compass span{font-size:8px;font-family:var(--mono);display:block;padding-bottom:4px}.compass svg{width:30px;height:30px}.viewport-footer{position:absolute;left:24px;right:21px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:8px}.view-switch{background:#f8f6f0ee;border:1px solid #d5d8cb;border-radius:4px;display:flex;padding:4px;gap:2px;box-shadow:0 3px 10px #282d2409}.view-switch button{padding:7px 10px;display:flex;align-items:center;gap:6px;font-size:9px;border-radius:2px;color:var(--muted)}.view-switch svg{width:14px;height:14px}.view-switch button.active{color:var(--paper);background:var(--ink)}.orbit-hint{font-family:var(--mono);font-size:6px;letter-spacing:1px;color:#79816e;white-space:nowrap}.orbit-hint i{padding:0 6px}.viewport-footer>.icon-button{border:1px solid #c8cdbd;width:31px;height:31px}.viewport-footer>.icon-button svg{width:15px;height:15px}.loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:var(--canvas);z-index:6}.loading p{font-family:var(--mono);font-size:10px;color:var(--muted)}.loading.failed{padding:40px;text-align:center;line-height:1.8}.loading .brand-mark{animation:pour 1s ease-in-out infinite alternate}@keyframes pour{to{transform:translateY(-6px);opacity:.5}}.placement-banner{position:absolute;top:173px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);border-radius:3px;padding:9px 8px 9px 14px;display:flex;align-items:center;gap:12px;font-size:10px;max-width:90%;white-space:nowrap;z-index:2}.placement-banner button{color:var(--paper);padding:2px 6px}.toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%,8px);padding:11px 18px;color:var(--paper);background:var(--ink);box-shadow:0 3px 12px #0001;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:11px;max-width:85%;text-align:center;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay-legend{position:absolute;left:82px;bottom:90px;background:#f7f5efee;border:1px solid var(--line);padding:10px 13px;width:150px;border-radius:3px}.overlay-legend>span{font-size:9px}.overlay-legend i{display:block;height:5px;background:linear-gradient(90deg,#bc6844,#d4c581,#6d8d79);margin:7px 0 5px}.overlay-legend>div{display:flex;justify-content:space-between;font:7px var(--mono);color:var(--muted)}
.inspector{border-left:1px solid var(--line)}.mono{font:8px var(--mono);color:var(--muted);white-space:nowrap}.building-picker{font-family:Arial,sans-serif;font-size:22px!important;letter-spacing:-.8px!important;border:0!important;padding:0 14px 0 0!important;background-color:transparent!important;margin-top:20px;max-width:100%;text-overflow:ellipsis}.selected-description{font-size:9px;line-height:1.8;color:var(--muted);margin:8px 0 22px;min-height:30px}.inspector-tabs{display:flex;border-bottom:1px solid var(--line);gap:23px;margin-bottom:22px}.inspector-tabs button{padding:0 1px 10px;font-size:10px;color:var(--muted);position:relative}.inspector-tabs button.active{color:var(--ink)}.inspector-tabs button.active:after{position:absolute;content:'';height:2px;background:var(--ink);bottom:-1px;left:0;right:0}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.control-heading svg{width:13px;height:13px;color:#929785}.slider-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-top:19px;margin-bottom:9px}.slider-label output{font:10px var(--mono);color:var(--muted)}input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:3px;border-radius:1px;background:linear-gradient(to right,var(--ink) 0%,var(--ink) var(--fill,30%),#d9dcd0 var(--fill,30%),#d9dcd0 100%);outline-offset:7px;cursor:pointer;padding:0;border:0;margin:12px 0 18px;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:var(--paper);border:2px solid var(--ink);border-radius:50%;box-shadow:0 0 0 3px #f7f5ef80}input[type=range]::-moz-range-thumb{width:8px;height:8px;background:var(--paper);border:2px solid var(--ink);border-radius:50%}.range-extents{display:flex;justify-content:space-between;font:6px var(--mono);letter-spacing:.6px;color:#969b8b;margin-top:-8px;margin-bottom:23px}.control-note{font-size:8px;color:var(--muted);line-height:1.9;margin:8px 0 17px}.inspector .button{font-size:9px;min-height:35px;padding:8px 10px}.inspector .button svg{width:14px;height:14px}#rotate-building{margin-top:25px}#rotation-value{font:9px var(--mono);margin-left:auto;color:var(--muted)}.building-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;gap:17px 10px;border-top:1px solid var(--line);padding-top:20px}.building-metrics>div{display:flex;flex-direction:column;gap:7px}.building-metrics>div>span{font:7px var(--mono);letter-spacing:.8px;color:var(--muted)}.building-metrics b{font:19px Arial,sans-serif;letter-spacing:-.5px}.building-metrics b span{font:9px var(--mono);letter-spacing:0;padding-left:3px;color:var(--muted)}.building-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.building-actions .icon-button{width:30px;height:30px;color:var(--muted)}.building-actions .icon-button svg{width:14px;height:14px}.material-options{display:flex;gap:10px;margin-top:17px}.swatch{width:37px;height:37px;border:3px solid var(--paper);outline:1px solid var(--line);border-radius:50%}.swatch.active{outline:2px solid var(--orange)}.raw{background:#a6a89b}.ivory{background:#d9d1bc}.charcoal{background:#535a54}.rose{background:#b48e7e}.material-label{font:8px var(--mono);color:var(--muted);margin-top:14px}.section-rule{height:1px;background:var(--line);margin:24px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:17px 0;font-size:10px}.toggle-row small{display:block;font-size:8px;color:var(--muted);margin-top:6px;line-height:1.6}.toggle-row input{appearance:none;width:29px;height:16px;background:#cdd1c3;border-radius:20px;position:relative;flex-shrink:0;cursor:pointer}.toggle-row input:after{content:'';height:12px;width:12px;border-radius:50%;background:var(--paper);position:absolute;left:2px;top:2px;transition:transform .15s}.toggle-row input:checked{background:var(--olive)}.toggle-row input:checked:after{transform:translateX(13px)}.field-label{font-size:9px;display:block;margin-bottom:9px}select,input[type=text]{width:100%;padding:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:2px;font-size:10px;min-height:35px}select{cursor:pointer}.nudge-grid{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;justify-items:center;max-width:170px;margin:0 auto 25px}.nudge-grid button:first-child{grid-column:2}.nudge-grid button:nth-child(2){grid-row:2;grid-column:1}.nudge-grid span{grid-column:2;grid-row:2;font:9px var(--mono);white-space:nowrap;color:var(--muted)}.nudge-grid button:nth-child(4){grid-column:3;grid-row:2}.nudge-grid button:last-child{grid-column:2;grid-row:3}.nudge-grid .icon-button{border:1px solid var(--line);width:30px;height:30px;font-size:16px}#place-at-lot{margin-top:10px}.empty-inspector{text-align:center;margin-top:55px}.empty-inspector svg{width:30px;height:30px;color:var(--olive)}.empty-inspector h3{font-size:18px;font-weight:400;line-height:1.4;margin:18px 0}.empty-inspector p{font-size:10px;line-height:1.8;color:var(--muted)}
.environment-bar{height:69px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 25px;background:var(--paper);position:relative;z-index:5}.day-control{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.6px;min-width:190px}#mode-label{font-size:7px;color:var(--muted);border-left:1px solid var(--line);padding-left:11px;margin-left:4px}.sun-control{display:flex;align-items:center;gap:12px;flex:1;max-width:350px}.sun-control>svg{width:18px;height:18px;color:#8a8e7c}.sun-control input{width:auto;flex:1;min-width:40px;max-width:130px;margin:0}.sun-control output{font:10px var(--mono);width:36px}.sun-caption{font:6px var(--mono);letter-spacing:.5px;color:var(--muted);white-space:nowrap}.overlay-control{display:flex;align-items:center;gap:8px}.overlay-control>span{font:7px var(--mono);color:var(--muted)}.overlay-control select{border:0;background:transparent;width:155px;font-size:9px;padding-left:0}.city-stat{display:flex;align-items:center;gap:11px;border-left:1px solid var(--line);padding-left:24px;min-width:110px}.city-stat svg{width:17px;height:17px;color:var(--olive)}.city-stat div{display:flex;flex-direction:column;gap:4px}.city-stat b{font:17px Arial,sans-serif;letter-spacing:-.5px}.city-stat b>span{font-size:10px;padding-left:2px}.city-stat div>span{font:6px var(--mono);letter-spacing:.7px;color:var(--muted)}.mobile-triggers,.mobile-panel-heading{display:none}.simulation-controls{display:flex;gap:10px;align-items:end;margin:23px 0 10px}.simulation-controls>.button{flex:1;padding:10px 8px;font-size:10px}.speed-label{font:7px var(--mono);color:var(--muted)}.speed-label select{width:49px;display:block;margin-top:6px;padding:8px 4px}.sim-stats{margin:20px 0}.sim-stats>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;font-size:9px;gap:10px}.sim-stats b{font:10px var(--mono)}.sim-stats span{color:var(--muted)}.small-note{font-size:8px;line-height:1.9;color:var(--muted);margin-top:12px}.insight{background:#e9ecdf;border-left:2px solid var(--olive);padding:14px 12px;margin:22px 0}.insight p{font-size:10px;line-height:1.9;margin-top:8px}.insight .eyebrow{font-size:7px;letter-spacing:.7px}.experience-views{display:flex;flex-direction:column;gap:9px}.view-card{border:1px solid var(--line);padding:14px 11px;display:flex;gap:11px;align-items:center;text-align:left;border-radius:2px}.view-card.active{border-color:var(--olive);background:#e9ecdf}.view-card>svg{width:18px;height:18px}.view-card>span{font-size:10px}.view-card small{display:block;font-size:8px;margin-top:5px;color:var(--muted)}#hide-interface{margin-top:20px;font-size:10px}
.modal{max-width:640px;width:calc(100% - 32px);border:1px solid #c9cec1;background:var(--paper);color:var(--ink);border-radius:6px;padding:40px;box-shadow:0 20px 100px #1a251e40;max-height:90dvh;overflow-y:auto}.modal::backdrop{background:#21271a60;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:12px;right:12px}.dialog-close svg{width:18px;height:18px}.modal h2{font-family:Arial,sans-serif;font-size:34px;letter-spacing:-1.2px;line-height:1.12;font-weight:400;margin:14px 0 20px}.modal p{font-size:11px;line-height:1.9;color:#737b69;margin-bottom:20px}.modal .small-note{font-size:9px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin:25px 0 5px}.guide-grid b{font:10px var(--mono);color:var(--orange)}.guide-grid p{font-size:10px;margin:9px 0 20px}.shortcut-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:9px!important}kbd{border:1px solid var(--line);padding:2px 5px;border-radius:3px;font:9px var(--mono);color:var(--ink);background:#eeeee4}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.file-card{display:flex;flex-direction:column;align-items:start;text-align:left;border:1px solid var(--line);padding:20px;border-radius:3px;gap:12px}.file-card svg{color:var(--olive);width:22px;height:22px}.file-card b{font-size:11px;font-weight:400}.file-card small{font-size:8px;color:var(--muted);line-height:1.8}.file-card:hover{background:#e9ecdf}.exit-immersive{position:absolute;top:24px;left:24px;z-index:10}.immersive .topbar,.immersive .environment-bar,.immersive .panel,.immersive .viewport-title,.immersive .viewport-topright,.immersive .scene-tools,.immersive .zoom-tools,.immersive .viewport-footer,.immersive .compass,.immersive .overlay-legend{display:none!important}.immersive .studio{display:block;height:100dvh}.immersive .viewport{width:100%;height:100%}.noscript{position:fixed;inset:30% 15%;background:var(--paper);padding:40px;z-index:99;font-size:18px;line-height:2}
@media(min-width:1600px){.studio{grid-template-columns:260px minmax(250px,1fr) 290px}.panel{padding:33px 27px 22px}.typology{min-height:133px}.typology .typology-art{height:86px}.panel h2{font-size:26px}.slider-label{margin-top:25px}.viewport-title{top:36px;left:36px}.viewport-title h2{font-size:38px}.building-metrics{margin-top:32px}}
@media(max-width:1200px){.topbar{padding-right:16px;gap:12px}.studio{grid-template-columns:205px minmax(250px,1fr) 238px}.panel{padding:23px 17px 15px}.workspace-nav{gap:20px}.save-state{display:none}.header-actions{gap:5px}.orbit-hint{display:none}.sun-caption{display:none}.day-control{min-width:170px}.environment-bar{gap:14px;padding:0 18px}.city-stat{padding-left:15px;min-width:93px}.viewport-title h2{font-size:26px}.viewport-title{left:22px}.typology{padding:0 8px 10px}.building-picker{font-size:20px!important}.selected-description{margin-bottom:17px}.building-metrics{gap:13px 8px}.slider-label{margin-top:17px}.range-extents{margin-bottom:17px}.inspector-tabs{margin-bottom:18px}}
@media(max-width:960px){.studio{grid-template-columns:185px minmax(240px,1fr) 220px}.panel{padding:22px 14px 14px}.brand h1{font-size:20px}.brand p{font-size:6px;letter-spacing:1.2px}.brand-mark{width:27px;height:30px}.brand-mark i{width:7px}.workspace-nav{gap:13px}.nav-tab{font-size:10px}.nav-tab span{display:none}.topbar{gap:11px;height:74px;padding-left:12px}.header-actions .button{padding:9px;font-size:9px}.studio{height:calc(100dvh - 139px)}.typology{min-height:110px}.typology .typology-art{height:68px}.panel h2{font-size:21px}.panel-description{font-size:9px}.eyebrow{font-size:7px}.environment-bar{height:65px;gap:8px;padding:0 13px}.day-control{min-width:154px;font-size:7px;gap:5px}.overlay-control>span{display:none}.overlay-control select{width:132px;font-size:8px}.city-stat{min-width:84px;padding-left:12px;gap:7px}.city-stat b{font-size:16px}.sun-control{gap:8px;max-width:200px}.viewport-topright>span{display:none}.edition{display:none}.viewport-title h2{font-size:23px}.viewport-title{top:24px;left:18px}.viewport-title>p{font-size:6px;letter-spacing:1px}.viewport-footer{left:16px;right:16px;bottom:18px}.view-switch button{padding:7px;font-size:8px}.view-switch svg{width:12px;height:12px}.scene-tools{left:15px}.zoom-tools{right:16px}.compass{right:19px}.mono{font-size:7px}.inspector-tabs{gap:20px}.building-picker{font-size:19px!important}.library-bottom>.eyebrow{font-size:6px}.help-button{font-size:7px}.inspector .control-note{font-size:7px}}
@media(max-width:760px){.topbar{height:66px;gap:10px;padding:0 12px}.home-link{width:20px;padding-right:8px;height:28px}.home-link svg{width:16px;height:16px}.brand{gap:8px}.brand h1{font-size:19px}.brand p{font-size:5px;letter-spacing:1px}.brand-mark{height:25px;width:22px;gap:2px}.brand-mark i{width:6px}.brand-dot{font-size:7px}.header-actions{margin-left:auto}.header-actions .button{padding:7px;min-height:31px}.header-actions .button svg{width:15px;height:15px}.header-actions #file-button{font-size:9px}.header-actions #file-button svg{display:none}.header-actions #photo-button span{display:none}.workspace-nav{position:fixed;top:66px;left:0;right:0;height:39px;justify-content:center;gap:45px;margin:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:4}.nav-tab{font-size:10px}.nav-tab span{display:inline;font-size:6px}.studio{height:calc(100dvh - 165px);display:block;margin-top:39px}.viewport{height:100%;width:100%}.panel{display:none;position:fixed;z-index:12;top:105px;bottom:60px;max-width:320px;width:min(85%,320px);background:var(--paper);padding:18px 22px;box-shadow:5px 0 30px #26302430;border:0}.panel.open{display:flex;flex-direction:column}.inspector.open{right:0;box-shadow:-5px 0 30px #26302430}.library.open{left:0}.mobile-panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:20px}.mobile-panel-heading b{font-weight:400;font:9px var(--mono);letter-spacing:1px;text-transform:uppercase}.mobile-panel-heading .icon-button{width:25px;height:25px}.mobile-panel-heading svg{width:15px;height:15px}.panel h2{font-size:25px}.typologies{gap:10px}.typology{min-height:123px}.typology .typology-art{height:80px}.eyebrow{font-size:8px}.panel-description{font-size:10px}.panel .control-note{font-size:9px}.panel .slider-label{margin-top:23px;font-size:11px}.panel .selected-description{font-size:10px}.building-picker{font-size:24px!important}.panel .mono{font-size:9px}.panel .inspector-tabs{gap:28px;margin-top:3px}.panel .inspector-tabs button{font-size:11px}.environment-bar{height:60px;padding:0 12px;gap:12px}.mobile-triggers{display:flex;gap:3px}.mobile-triggers .button{font-size:10px;padding:8px 7px;gap:5px;min-height:34px}.mobile-triggers svg{width:15px;height:15px}.day-control{display:none}.sun-control{margin-left:auto;flex:1;gap:7px;max-width:160px}.sun-control>svg{width:14px;height:14px}.sun-control output{font-size:9px;width:32px}.sun-control input{max-width:85px}.overlay-control{display:none}.city-stat{min-width:62px;padding-left:9px;gap:6px}.city-stat b{font-size:15px}.city-stat svg{display:none}.city-stat div>span{font-size:5px}.comfort-stat{display:none}.viewport-title{left:22px;top:24px}.viewport-title h2{font-size:27px;margin:12px 0 10px}.viewport-title>p{font-size:6px;letter-spacing:1.2px}.viewport-topright{top:22px;right:18px}.scene-tools{top:45%;left:15px;padding:3px}.scene-tools .icon-button{width:28px;height:31px}.scene-tools svg{width:15px;height:15px}.zoom-tools{bottom:81px;right:18px}.compass{bottom:185px;right:21px}.viewport-footer{bottom:19px;left:17px;right:17px}.view-switch button{font-size:9px;padding:7px 10px;gap:6px}.view-switch svg{width:13px;height:13px}.placement-banner{top:155px;font-size:9px;padding:9px 7px 9px 11px;white-space:normal;width:max-content;max-width:88%}.overlay-legend{left:62px;bottom:82px;width:129px;padding:8px 10px}.overlay-legend>span{font-size:8px}.toast{font-size:10px;max-width:85%;width:max-content;bottom:75px}.modal{padding:31px 24px}.modal h2{font-size:29px}.modal p{font-size:10px}.guide-grid{gap:0 18px}.guide-grid p{font-size:9px}.file-card{padding:15px;gap:10px}.file-card b{font-size:10px}.file-card small{font-size:8px}.exit-immersive{top:18px;left:18px}.immersive .studio{margin:0}}
@media(max-height:740px) and (min-width:761px){.panel{padding-top:20px}.typology{min-height:96px}.typology .typology-art{height:60px}.panel-description{margin-bottom:16px}.panel h2{margin-top:12px}.build-note{padding:14px 0}.library-bottom{margin-top:17px}.slider-label{margin-top:16px}.range-extents{margin-bottom:12px}.building-metrics{padding-top:15px;margin-top:18px;gap:13px}.building-picker{margin-top:14px}.selected-description{margin-bottom:15px}.inspector-tabs{margin-bottom:15px}.control-heading{margin-bottom:12px}.building-actions{margin-top:15px}.viewport-title h2{font-size:25px}.help-button{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

#auto-place-button{border-left:1px solid #ffffff40;padding:3px 8px;font-size:9px;white-space:nowrap;color:#e6bd93}#experience-panel label[for=weather]{margin-top:18px}.building-picker{font-size:19px!important}.inspector-content .slider-label{font-size:11px}.inspector-content .control-note{font-size:9px}.selected-description{font-size:10px}.inspector .eyebrow,.library .eyebrow{font-size:8px}.typology b{font-size:11px}.typology small{font-size:8px}.range-extents{font-size:7px}.help-button{font-size:9px}@media(max-width:760px){.building-picker{font-size:23px!important}.placement-banner{max-width:94%;gap:5px;font-size:8px}#auto-place-button{font-size:8px;padding:3px 6px}.placement-banner button#cancel-tool{padding:2px 4px}.viewport-title h2{font-size:25px}}

.design-indicators{margin-top:12px}.design-indicators>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:11px 0;font-size:9px}.design-indicators span{color:var(--muted)}.design-indicators b{font:9px var(--mono);font-weight:400}.night-scene .viewport-title,.night-scene .viewport-topright,.night-scene .compass{color:#e3e6d6}.night-scene .viewport-title>p,.night-scene .viewport-topright>span,.night-scene .orbit-hint{color:#bdc5ab}

/* Keep the editing tools above the camera row in short and landscape views. */
@media(max-height:500px){.scene-tools{top:auto;bottom:75px;left:16px;flex-direction:row;gap:1px;padding:4px;z-index:3}.scene-tools .icon-button{width:30px;height:30px}.tool-divider{width:1px;height:20px;margin:0 4px}.viewport-title{top:16px;left:18px}.viewport-title h2,.viewport-title>p,.compass{display:none}.viewport-topright{top:12px;right:16px}.placement-banner{top:54px;max-width:calc(100% - 32px);padding:7px 6px 7px 10px;gap:4px;white-space:normal}.overlay-legend{left:auto;right:62px;bottom:75px}.toast{top:10px;bottom:auto;max-width:calc(100% - 100px);width:max-content}}

/* Architecture changes expression without adding another building catalogue. */
.architecture-picker{margin:0 0 20px}.architecture-picker>.eyebrow{font-size:7px}.style-choices{display:flex;flex-direction:column;gap:5px;margin:9px 0 10px}.style-choice{display:flex;align-items:center;gap:11px;padding:9px 10px;border:1px solid var(--line);text-align:left;border-radius:3px;min-height:45px;background:#efefe6}.style-choice.active{border-color:var(--orange);background:#f2e9df}.style-choice>span:last-child{font-size:10px}.style-choice small{display:block;font-size:7px;color:var(--muted);margin-top:4px}.style-mark{display:block;position:relative;width:23px;height:23px;flex-shrink:0;background:#9a9e8b}.brutalist-mark{background:repeating-linear-gradient(0deg,#a4aa98 0 5px,#606c5b 5px 7px);transform:skewY(-10deg);width:22px;height:23px}.deco-mark{clip-path:polygon(0 100%,0 40%,20% 40%,20% 20%,40% 20%,40% 0,60% 0,60% 20%,80% 20%,80% 40%,100% 40%,100% 100%);background:repeating-linear-gradient(90deg,#b89a6d 0 4px,#ead7ad 4px 6px)}.timber-mark{clip-path:polygon(0 40%,50% 0,100% 40%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#9f734d 0 4px,#c49c70 4px 6px)}#brush-tool{font-size:9px;padding:9px 10px;gap:7px}#brush-tool.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}#brush-tool>span:first-of-type{flex:1;text-align:left}.brush-controls>.eyebrow{display:block;margin-bottom:18px}.brush-controls .field-label{font-size:10px}.brush-controls .control-note{font-size:9px;margin:12px 0}.brush-summary{padding:13px 11px;background:#e9ecdf;border-left:2px solid var(--olive);font-size:10px;line-height:1.9;white-space:pre-line;margin:16px 0}.brush-summary.unaffordable{background:#f2e3d8;border-left-color:var(--orange)}.brush-controls>.button{margin-top:8px;font-size:10px}#apply-style-scene{border-left:1px solid #ffffff40;padding:3px 8px;font-size:9px;white-space:nowrap;color:#e6bd93}#apply-style-scene:disabled{color:#aaa;opacity:.6}.architecture-picker+.typologies{margin-top:15px}#surface-controls>.section-rule{margin:19px 0}#building-style{font-size:11px}#surface-controls #style-description{margin-bottom:15px}.viewport-title h2{max-width:330px;line-height:1.15}.library .panel-description{margin-bottom:19px}.library-bottom{margin-top:18px}
@media(max-width:960px){.style-choice{padding:7px 8px;gap:8px;min-height:40px}.style-choice>span:last-child{font-size:9px}.style-choice small{font-size:6px}.style-mark{width:21px;height:21px}.architecture-picker{margin-bottom:16px}}
@media(max-width:760px){.style-choice{padding:9px 11px;min-height:46px}.style-choice>span:last-child{font-size:11px}.style-choice small{font-size:8px}.architecture-picker>.eyebrow{font-size:8px}.brush-controls .button{font-size:11px}.brush-controls .control-note{font-size:10px}#apply-style-scene{font-size:8px;padding:3px 6px}.viewport-title h2{max-width:250px;font-size:24px}}

/* Public life and alternative designs share the same studio. */
.design-tabs{display:flex;border:1px solid var(--line);border-radius:3px;margin:0 0 22px;padding:3px;gap:3px}
.design-tabs button{flex:1;font-size:10px;padding:9px 5px;border-radius:2px}
.design-tabs button.active{background:var(--ink);color:var(--paper)}
.paired-actions{display:flex;gap:7px;align-items:center;margin:10px 0}
.paired-actions>*{flex:1;min-width:0}
input[type=number]{width:100%;min-height:36px;padding:9px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);font:11px var(--sans)}
#public-library>.field-label{margin-top:18px}
#public-library>.button{margin-top:10px;font-size:10px}
.public-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}
.public-presets button{border:1px solid var(--line);border-radius:3px;padding:12px 7px;display:flex;flex-direction:column;gap:9px;align-items:center;font-size:9px;min-height:73px;background:#efefe6}
.public-presets button:hover,.public-presets button[aria-pressed=true]{border-color:var(--orange);background:#f2e9df}
.public-mark{font:27px Georgia,serif;color:var(--olive);height:30px}
.public-mark.fountain{color:#6d8b8b}.public-mark.path,.public-mark.plaza,.public-mark.bench{color:#8c887b}
.realm-indicators{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-top:20px;padding-top:8px}
.realm-indicators>span{display:flex;justify-content:space-between;gap:8px;padding:10px 0;font-size:9px;color:var(--muted)}
.realm-indicators b{font:10px var(--mono);color:var(--ink)}
#public-edit-controls>.field-label{margin-top:17px}#public-edit-controls>.button{margin-top:9px}
.ground-use-label{margin-top:22px}.walking-views{margin-top:9px}
.study-slot{display:grid;grid-template-columns:22px 1fr 28px;gap:8px 5px;border:1px solid var(--line);padding:11px 9px;margin:10px 0;border-radius:3px}
.study-slot>b{font:22px Georgia,serif;grid-row:1 / 3;align-self:center;color:var(--olive)}
.study-slot>span{font-size:9px;line-height:1.6;grid-column:2 / 4;overflow-wrap:anywhere}
.study-slot>button{padding:7px 4px;font-size:9px;border:1px solid var(--line);border-radius:2px}
.study-slot>[data-save-study]{grid-column:2;grid-row:2}.study-slot>[data-preview-study]{grid-column:2;grid-row:3;background:var(--ink);color:var(--paper)}
.study-slot>[data-download-study]{grid-column:3;grid-row:2 / 4;font-size:19px}
.comparison-results{margin-top:17px;overflow-x:auto}.comparison-results table{width:100%;border-collapse:collapse;font-size:8px;font-variant-numeric:tabular-nums}
.comparison-results th,.comparison-results td{border-bottom:1px solid var(--line);padding:9px 3px;text-align:right;font-weight:400;white-space:nowrap}
.comparison-results th:first-child{text-align:left;white-space:normal;max-width:72px}.comparison-results thead th{font:8px var(--mono);color:var(--muted)}
.comparison-banner{position:absolute;z-index:4;top:145px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:11px 13px;border-radius:4px;box-shadow:0 5px 20px #26302420;display:flex;align-items:center;gap:12px;font:9px var(--mono);max-width:calc(100% - 28px);width:max-content}
.comparison-banner>button{border-left:1px solid #ffffff40;padding-left:10px;color:#e6bd93;font:10px var(--sans);white-space:nowrap}
.walking-hud{position:absolute;z-index:4;top:115px;left:50%;transform:translateX(-50%);background:#f7f5efed;border:1px solid #c8ccbe;border-radius:4px;padding:10px 12px;display:flex;gap:12px;align-items:center;max-width:calc(100% - 28px);width:max-content;box-shadow:0 4px 20px #26302415;font-size:10px}
.walking-hud button{color:var(--orange);border-left:1px solid var(--line);padding-left:10px;white-space:nowrap}
.walk-controls{position:absolute;z-index:4;bottom:76px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:44px 44px 44px;gap:5px;touch-action:none}
.walk-controls button{border:1px solid #bcc2b2;background:#f7f5efed;color:var(--ink);width:44px;height:40px;border-radius:4px;font-size:21px;touch-action:none;user-select:none;box-shadow:0 3px 10px #26302412}
.walk-controls button:first-child{grid-column:2}.walk-controls button:nth-child(2){grid-column:1;grid-row:2}.walk-controls button:nth-child(3){grid-column:2;grid-row:2}.walk-controls button:nth-child(4){grid-column:3;grid-row:2}
.walk-controls button:active{background:var(--ink);color:var(--paper)}
.walking .scene-tools,.walking .zoom-tools,.walking .compass,.walking .orbit-hint,.walking .viewport-title,.walking .viewport-topright{display:none}
.walking .comparison-banner{top:65px}
.walking .toast{bottom:180px;top:auto}
.immersive .walking-hud{top:75px}.immersive .walk-controls{bottom:25px}
@media(max-width:760px){.public-presets button{font-size:11px;min-height:82px}.paired-actions .button{font-size:11px}.study-slot>span,.study-slot>button{font-size:10px}.comparison-results table{font-size:9px}.comparison-banner{top:125px;gap:7px;flex-wrap:wrap;justify-content:center;padding:10px;font-size:8px}.comparison-banner>span{width:100%;text-align:center}.comparison-banner>button{font-size:10px}.walking-hud{top:15px;font-size:10px}.walk-controls{bottom:80px}.ground-use-label{font-size:11px}.design-tabs button{font-size:11px}}
@media(max-height:500px){.comparison-banner{top:50px;max-width:calc(100% - 30px);padding:7px;gap:6px}.walking .comparison-banner{top:50px}.walking-hud{top:10px;padding:7px 10px;font-size:9px}.walking .toast{top:50px;bottom:auto}.walk-controls{bottom:70px;left:auto;right:20px;transform:none;grid-template-columns:36px 36px 36px}.walk-controls button{width:36px;height:31px;font-size:18px}.immersive .walking-hud{top:15px;left:auto;right:20px;transform:none}.immersive .walk-controls{bottom:20px}}