:root{--dark:#25292c;--gold:#aa8d55;--paper:#f6f4ef;--muted:#69716f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--dark);font:15px/1.5 Arial,sans-serif}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8b6c34;outline-offset:3px}header{height:92px;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:#fff}.brand{font:29px Georgia,serif;letter-spacing:5px;color:#fff;text-decoration:none}.brand b{color:#c9ad78;font-weight:400}.brand small{font:8px Arial,sans-serif;display:block;letter-spacing:4px;margin-top:3px}.status{font-size:10px;letter-spacing:2px;color:#d2c2a3}.partner{font-size:10px;letter-spacing:1.5px}main{max-width:1500px;margin:auto;padding:30px 4%}.intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:10px;letter-spacing:2px;color:#816a40;font-weight:700;margin:0 0 10px}h1{font:36px/1.1 Georgia,serif;margin:0 0 12px}h1 em{font-weight:400;color:#7e6b49}.intro p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.download{color:var(--dark);font-size:12px;text-decoration:none;border-bottom:1px solid var(--gold);padding:10px 0;white-space:nowrap}.toolbar{margin-top:26px;background:#eae7df;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px}.toolbar label{font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:12px}select{padding:10px 30px 10px 10px;border:1px solid #d4cfc2;background:white;max-width:100%}.tabs{display:flex;gap:4px}.tabs button,.zoom button{border:0;padding:11px 16px;background:transparent;color:var(--dark);font-size:12px}.tabs button[aria-pressed=true]{background:var(--dark);color:white}.zoom{display:flex;white-space:nowrap}.zoom button{padding:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:22px;margin-top:18px}.drawing{background:white;min-width:0;border:1px solid #e3e0d8}.plan-heading{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e5df;font-size:12px;gap:10px}.plan-heading label{font-size:11px;color:var(--muted);white-space:nowrap}.stage{position:relative;overflow:auto;min-height:620px;max-height:810px;background:#fff}#canvas{min-width:100%;display:flex;justify-content:center;padding:18px}#canvas svg{display:block;flex:none;height:660px;max-width:none;overflow:visible}.zone .hit{fill:#c9b68a;fill-opacity:.08;stroke:transparent;stroke-width:1;cursor:pointer}.zone[data-kind=pool] .hit,.zone[data-kind=outdoor] .hit{fill:#76a9b2;fill-opacity:.17}.zone[data-kind=garden] .hit{fill:#96ad8d;fill-opacity:.19}.zone[data-kind=void] .hit{fill:#929da5;fill-opacity:.1}.zone.warning .hit{fill:#d7a54c;fill-opacity:.16}.zone:hover .hit,.zone:focus .hit,.zone.active .hit{fill-opacity:.32;stroke:#927744;stroke-width:1.6}.zone:focus{outline:none}.tag{pointer-events:none}.tag rect{fill:#fff;fill-opacity:.95;stroke:#e8e3d8;stroke-width:.35;rx:2}.zone.warning .tag rect{fill:#fff3dc;stroke:#c6a363}.tag text{font-family:Arial,sans-serif;text-anchor:middle;fill:#25292c}.tag .name{font-size:7.4px;font-weight:500}.tag .area{font-size:10px;font-weight:700}.no-labels .tag{display:none}.tooltip{position:sticky;bottom:14px;left:15px;width:max-content;max-width:90%;background:var(--dark);color:#fff;padding:10px 14px;font-size:12px;box-shadow:0 3px 12px #0002;pointer-events:none;z-index:4}.legend{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:13px 18px;font-size:10px;border-top:1px solid #e7e5df}.legend i{display:inline-block;width:8px;height:8px;background:#cab995;margin-right:5px}.legend .water{background:#84adb6}.legend .warning{background:#d7a54c}.legend button{margin-left:auto;border:0;background:transparent;color:#7f6740;font-size:11px}.geometry-note{font-size:11px;color:var(--muted);margin:0;padding:0 18px 15px}aside{padding:22px;background:#efede6;align-self:start}h2{font:29px/1.15 Georgia,serif;margin:0 0 16px}.big-area{font-size:37px;line-height:1.2;letter-spacing:-1px;margin-bottom:8px}.big-area small{font-size:17px;letter-spacing:0}.badge{display:inline-block;background:#e4decf;color:#665435;padding:4px 8px;font-size:10px}.badge.warning{background:#f5dfb6}.measurements{margin-top:20px}.measurements div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d9d6cd;padding:11px 0;font-size:12px}.measurements dt{color:#646c69}.measurements dd{margin:0;text-align:right;font-size:11px;max-width:160px}.source,.room-note{font-size:11px;color:#646c69;line-height:1.65}.room-note{border-left:2px solid var(--gold);padding-left:10px}.method{margin-top:24px;padding-top:18px;border-top:1px solid #d9d6cd;font-size:11px;color:#626b66}.method strong{color:#373e39}.method p{margin:8px 0}.audit{margin-top:20px;border-top:1px solid #d8d3c8;padding-top:14px}.audit summary,aside summary{cursor:pointer;font-size:12px}.audit div{max-width:1000px;font-size:12px;color:#66706a}.audit p{margin:12px 0}aside details{border-top:1px solid #d9d6cd;margin-top:18px;padding-top:14px}#room-list{display:grid;gap:5px;margin-top:12px}#room-list button{text-align:left;background:#fff8;border:0;padding:9px;font-size:11px;display:flex;justify-content:space-between;gap:8px}#room-list button[aria-pressed=true]{background:var(--dark);color:white}footer{padding:20px 4%;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.5px;color:#66706a;border-top:1px solid #ddd8cb}@media(min-width:1600px){#canvas svg{height:730px}.stage{min-height:760px}}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr) 270px;gap:12px}aside{padding:16px}.partner{display:none}.toolbar{flex-wrap:wrap}.toolbar .tabs{order:3;width:100%}.tabs button{flex:1}.big-area{font-size:30px}}@media(max-width:650px){header{height:76px;padding:16px 5%}.brand{font-size:24px}.status{font-size:8px;letter-spacing:1px;max-width:140px;text-align:right}main{padding:24px 4%}h1{font-size:28px}.intro{align-items:flex-start;flex-direction:column;gap:8px}.download{font-size:11px;padding:4px 0}.layout{grid-template-columns:1fr}.toolbar{padding:10px;gap:10px}.toolbar label{max-width:calc(100% - 100px)}select{font-size:13px;padding:9px;width:175px}.zoom button{min-width:30px;padding:8px 5px}.tabs button{min-height:44px;padding:10px 7px}.stage{min-height:420px;max-height:740px}#canvas{padding:10px;justify-content:flex-start}#canvas svg{height:590px}.plan-heading{font-size:11px;padding:12px}.legend{gap:10px}.legend button{min-height:35px}aside{padding:20px}.big-area{font-size:34px}footer{flex-direction:column}.tooltip{font-size:11px}.source{overflow-wrap:anywhere}}@media print{header,.toolbar,aside,.audit,footer,.download,.legend button{display:none}main{padding:0}.layout{display:block}.stage{overflow:visible;max-height:none}#canvas svg{height:780px}.drawing{border:0}.intro{margin-bottom:15px}}