:root{color:#293c32;font-synthesis:none;background:#d9ddd5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}.viewbar{background:#f8f8f0ed;border:1px solid #d8decf;border-radius:9px;gap:3px;padding:5px;display:flex;position:fixed;top:30px;left:32px;box-shadow:0 8px 30px #2430220b}.viewbar button,.segmented button{white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:9px 12px}.viewbar i{background:#d9decf;width:1px;margin:5px}.selected{color:#fbfaf1!important;background:#425e49!important}.viewbar button:hover:not(.selected),button:hover{background:#e4eadc}.controls{scrollbar-width:thin;scrollbar-color:#bfccb8 transparent;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f8f0f5;border:1px solid #d7dfce;border-radius:12px;width:288px;max-height:calc(100vh - 90px);padding:17px 20px;position:fixed;top:22px;right:22px;overflow:auto;box-shadow:0 8px 40px #24302215}.panel-title{letter-spacing:2px;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:10px;display:flex}.panel-title button{background:0 0;border:0;padding:0 4px;font-size:19px}.segmented{border:1px solid #dae0d0;border-radius:7px;margin-bottom:13px;padding:3px;display:flex}.segmented button{width:50%;padding:8px}.row{justify-content:space-between;align-items:center;gap:12px;min-height:32px;font-size:11px;display:flex}.row input[type=range]{width:128px}.row select{max-width:158px}.row input[type=date]{width:140px}input,select{accent-color:#526d50;color:#304333}input[type=checkbox]{cursor:pointer;width:27px;height:15px}input[type=range]{cursor:pointer;width:100%;height:17px}select,input[type=date],input[type=number]{background:#fffef8;border:1px solid #d8dfcf;border-radius:4px;padding:5px 6px;font-size:10px}input[type=number]{text-align:right;width:65px}.bearing{align-items:center;gap:5px;display:flex}.section-heading{letter-spacing:1.8px;border-top:1px solid #dce2d3;justify-content:space-between;align-items:center;margin-top:14px;margin-bottom:8px;padding-top:16px;font-size:9px;display:flex}.section-heading span{color:#86917f;letter-spacing:1px;font-size:8px}.time-heading{justify-content:space-between;align-items:center;margin:9px 0 0;display:flex}.time-heading output{font:26px Georgia,serif}.time-heading button{background:#e3eadb;border:0;border-radius:50%;width:28px;height:28px}.range-labels{color:#87927f;justify-content:space-between;font-size:8px;display:flex}.sun-readout{color:#647455;background:#edf0e4;border-radius:5px;margin:10px 0 5px;padding:9px 10px;font-size:10px;line-height:1.65}.sun-readout strong{color:#4f6446;font-weight:500}.muted,.assumptions p{color:#7b8775;margin:7px 0 10px;font-size:10px;line-height:1.55}.text-button{letter-spacing:0;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline}details{border-top:1px solid #dce2d3;margin-top:12px;padding-top:12px}details summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;list-style:none;display:flex}details summary:after{content:"+";color:#819074;font-size:14px}details[open] summary:after{content:"−"}details summary span{color:#86917c;margin-left:auto;margin-right:8px;font-size:9px}details.assumptions{border:0;margin:2px 0;padding:2px 0}.assumptions summary{color:#7a8772;font-size:9px}.door-row{justify-content:space-between;align-items:center;margin:8px 0;font-size:10px;display:flex}.door-row button{background:#e9eddf;border:1px solid #d3dcc8;border-radius:4px;width:50px;padding:4px;font-size:9px}.door-actions{gap:8px;display:flex}.door-actions button{background:#f7f8ef;border:1px solid #d4deca;border-radius:5px;flex:1;padding:7px;font-size:10px}.panel-foot{color:#8a9681;margin-top:16px;font-size:9px;line-height:1.7}.panel-foot a{color:#627753}footer{pointer-events:none;color:#64735e;align-items:center;gap:15px;font-size:10px;display:flex;position:fixed;bottom:18px;left:28px;right:28px}#mode-label{color:#f9f9ed;letter-spacing:1px;background:#425e49;border-radius:4px;padding:7px 9px;font-size:8px}#hint,#render-status{background:#f8f9f0e8;border:1px solid #d8dfd0;border-radius:5px;padding:7px 10px}#render-status{margin-left:auto}#crosshair{color:#fff9;text-shadow:0 1px 3px #000;pointer-events:none;font-size:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#door-hint{color:#fff;pointer-events:none;background:#2b3f30e8;border-radius:7px;padding:10px 16px;font-size:12px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}#notice{color:#785d34;background:#fff7e9;border:1px solid #d4b77e;border-radius:7px;max-width:450px;padding:12px 16px;font-size:12px;line-height:1.5;position:fixed;bottom:64px;left:28px}[hidden]{display:none!important}@media (width<=1050px){.viewbar{flex-wrap:wrap;max-width:calc(100vw - 342px);top:22px;left:20px}.viewbar button{padding:7px;font-size:10px}.controls{width:270px;right:15px}}@media (width<=700px){.controls{width:240px;max-height:calc(100vh - 270px);padding:12px;top:190px;right:10px}.viewbar{flex-wrap:nowrap;max-width:none;top:15px;left:12px;right:12px;overflow:auto}.viewbar button{padding:8px;font-size:10px}footer{gap:6px;bottom:10px;left:12px;right:12px}#hint{display:none}}.viewbar,.controls{z-index:5}footer,#crosshair,#door-hint,#notice{z-index:4}.measurement-overlay{pointer-events:none;z-index:2;inset:0;position:fixed!important}.measure-toggle{text-align:left;background:#eef1e7;border:1px solid #d6decd;border-radius:7px;align-items:center;gap:8px;width:100%;height:36px;margin:-3px 0 8px;padding:8px 10px;display:flex}.measure-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.measure-toggle .tool-state{letter-spacing:1px;text-transform:uppercase;opacity:.7;margin-left:auto;font-size:8px}.measurement-panel .section-heading{margin-top:12px}.measurement-help{margin-bottom:8px}.measurement-empty{color:#7b8775;background:#edf0e5;border-radius:5px;margin:6px 0 11px;padding:10px;font-size:10px}.measurement-row{background:#fffef8;border:1px solid #d8dfcf;border-radius:6px;align-items:stretch;gap:5px;margin:5px 0;display:flex;overflow:hidden}.measurement-row.selected-measurement{border-color:#6f8568;box-shadow:0 0 0 1px #6f85682a}.measurement-row-select{text-align:left;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:7px;min-width:0;padding:8px;font-size:9px;display:flex}.measurement-row-select strong{white-space:nowrap;font-size:10px;font-weight:600}.measurement-row-delete,.measurement-delete{background:0 0;border:0;place-items:center;display:grid}.measurement-row-delete{border-left:1px solid #e0e5d9;width:30px}.measurement-row-delete svg,.measurement-delete svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.measurement-label{color:#fffdf4;white-space:nowrap;pointer-events:auto;background:#2f4036ed;border:1px solid #f4d48c;border-radius:6px;align-items:center;display:flex;overflow:hidden;transform:translateY(-50%);box-shadow:0 4px 14px #1117}.measurement-label.selected-measurement{border-color:#fff2bd;box-shadow:0 0 0 2px #ffc85766,0 4px 14px #1117}.measurement-value{color:inherit;background:0 0;border:0;padding:5px 7px;font-size:10px;font-weight:600}.measurement-delete{color:#fffdf4;border-left:1px solid #ffffff2e;align-self:stretch;width:25px}.measurement-label button:hover{background:#ffffff1c}.measurement-draft{pointer-events:none;border-style:dashed;padding:5px 7px}.measurement-handle{pointer-events:auto;cursor:grab;touch-action:none;background:#e9b44c;border:3px solid #fff;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:0 2px 8px #1118}.measurement-handle:active{cursor:grabbing;background:#ffc857}canvas.measuring{cursor:crosshair}@media (width<=700px){.measurement-label{transform:translateY(-65%)}.measurement-handle{width:28px;height:28px}.measurement-row-select{padding:9px 7px}}