:root{--paper:#f6f7f8;--ink:#21323e;--green:#264b50;--line:#dfe4e7}header{height:78px}.heading{margin-bottom:24px}h1{font-size:34px}main{padding-top:28px}.viewport{height:570px;background:#edf0f2;border-color:#dfe5e9;box-shadow:0 12px 32px #263e4910}canvas.dragging{cursor:grabbing}.page#design{grid-template-columns:310px minmax(0,1fr);gap:24px}.view-top{top:18px}.view-top .light{background:#ffffffcc;color:#526570;box-shadow:0 2px 10px #263e4905}.view-top button{background:#ffffffd9;border-color:#dce2e6}.view-bottom{bottom:19px}.view-bottom>span{font-size:10px;color:#6f7e88}.camera-views{position:absolute;top:62px;right:20px;display:flex;gap:1px;border:1px solid #d8dfe3;border-radius:6px;background:#ffffffba;padding:3px}.camera-views button{border:0;background:transparent;font-size:10px;padding:7px 9px}.camera-views button:hover{background:#e1e7eb}#legend{display:none}.metrics strong{font-size:18px}.estimate h2{font-size:32px}.estimate{box-shadow:0 8px 24px #23384205}.opening{background:#f2f5f7}.fields select{background:#fafbfc}.tag{background:#edf0e8}#colors button{width:30px;height:30px}aside{align-self:start}.footnote{color:#84919a}.view-bottom .segmented{box-shadow:0 4px 18px #20384413}@media(min-width:1400px){.viewport{height:620px}}@media(max-width:1050px){.page#design{grid-template-columns:280px minmax(0,1fr)}.viewport{height:510px}}@media(max-width:720px){.page#design{display:flex}.viewport{height:420px}.camera-views{top:58px;right:14px}.view-top{left:14px;right:14px}.view-top .tag{font-size:8px}.view-bottom{left:14px;right:14px;bottom:14px}h1{font-size:29px}header{height:auto}}