:root{--ink:#17324d;--muted:#667784;--line:#d9e1e5;--paper:#f6f7f3;--white:#ffffff;--available:#159447;--reserved:#d62828;--sold:#5e6770;--future:#b18b32}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{margin:0}button,select{font:inherit}button{cursor:pointer}main{max-width:1580px;margin:0 auto;padding:32px}.editor-bar,.header-actions,.legend,.plan-layout,.plot-heading,.site-header,.toolbar{display:flex}.site-header{align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(30px,4vw,54px);letter-spacing:-.035em}.intro{margin:10px 0 0;color:var(--muted)}.header-actions{gap:10px}.button,.enquire,.floor-plan{border:0;border-radius:8px;background:var(--ink);color:var(--white);font-weight:700;padding:12px 16px;text-decoration:none}.button.secondary{background:var(--white);border:1px solid var(--line);color:var(--ink)}.button.active{background:var(--available)}.toolbar{align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.legend{flex-wrap:wrap;gap:18px}.legend span{display:inline-flex;align-items:center;gap:7px;font-size:14px}.dot{width:10px;height:10px;border-radius:50%}.available{background:var(--available)}.reserved{background:var(--reserved)}.sold{background:var(--sold)}.future-release{background:var(--future)}.status-control,.toolbar label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}select{border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--ink);padding:9px 32px 9px 10px}.editor-bar{align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:14px;padding:12px 16px;background:#edf8f1;border:1px solid #b8ddc6;border-radius:10px;font-size:14px}.editor-bar div{display:flex;gap:14px;margin-left:auto}.text-button{background:transparent;border:0;color:var(--ink);font-weight:700;padding:0}.text-button.danger{color:var(--reserved)}.plan-layout{align-items:flex-start;gap:18px}.plan-shell{position:relative;min-width:0;flex:1 1;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:14px}.plan-shell img{display:block;width:100%;height:auto}.draft-mask{position:absolute;left:82.6%;top:54%;width:15.8%;height:13.5%;background:var(--white)}.plot-marker{position:absolute;transform:translate(-50%,-50%);min-width:34px;height:24px;padding:0 8px;border:2px solid var(--white);border-radius:999px;color:var(--white);font-size:11px;font-weight:700;line-height:20px;box-shadow:0 2px 6px rgb(0 0 0/25%)}.plot-marker.available{background:var(--available)}.plot-marker.reserved{background:var(--reserved)}.plot-marker.sold{background:var(--sold)}.plot-marker.future-release{background:var(--future)}.plot-marker.selected{outline:3px solid var(--ink);outline-offset:2px;z-index:2}.plot-detail{width:290px;flex:0 0 290px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px}.plot-heading{align-items:center;justify-content:space-between;gap:12px}.plot-heading h2{margin:0;font-size:30px}.status-pill{border-radius:999px;color:var(--white);font-size:12px;font-weight:700;padding:7px 10px}.status-pill.available{background:var(--available)}.status-pill.reserved{background:var(--reserved)}.status-pill.sold{background:var(--sold)}.status-pill.future-release{background:var(--future)}dl{margin:24px 0}dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}dt{color:var(--muted)}dd{margin:0;font-weight:700}.status-control{align-items:stretch;flex-direction:column;gap:6px}.enquire{display:block;text-align:center}.plot-actions{display:grid;grid-gap:10px;gap:10px}.floor-plan{background:var(--white);border:1px solid var(--ink)}.floor-plan,.phone-link{display:block;color:var(--ink);text-align:center}.phone-link{font-size:14px;font-weight:700;padding:4px 0;text-decoration:none}.phone-link:focus-visible,.phone-link:hover{text-decoration:underline}.plan-pending{margin:0;border:1px solid #e4d19d;border-radius:8px;background:#fff8e5;color:#6f581c;font-size:13px;font-weight:700;line-height:1.4;padding:11px 12px;text-align:center}.disclaimer{margin:18px 0 0;color:var(--muted);font-size:12px;line-height:1.45}@media (max-width:900px){main{padding:20px}.site-header,.toolbar{align-items:flex-start;flex-direction:column}.plan-layout{flex-direction:column}.plot-detail{width:100%;flex-basis:auto}}@media (max-width:540px){main{padding:14px}.header-actions{width:100%}.button{flex:1 1}.editor-bar div{width:100%;margin-left:0;justify-content:space-between}.plot-marker{min-width:28px;height:20px;padding:0 5px;font-size:9px;line-height:16px}}@media print{main{max-width:none;padding:0}.site-header{margin-bottom:10px}.editor-bar,.header-actions,.plot-detail,.toolbar{display:none!important}.plan-shell{border:0;border-radius:0}.plot-marker{print-color-adjust:exact;-webkit-print-color-adjust:exact}}