.hv-launch{display:flex;align-items:center;justify-content:center;gap:7px;width:fit-content;max-width:100%;margin:8px auto;padding:6px 12px;border:1px solid #527f1d;border-radius:5px;background:#fff;color:#3e6216;font-size:13px;line-height:1.4;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.hv-launch:hover{background:#f2f6ec;border-color:#3e6216}.hv-launch:active{background:#e7efdf}.hv-launch svg{flex:0 0 17px;width:17px;height:17px}.hv-launch[hidden]{display:none}
#home-visualiser{width: min(1000px,94vw);max-height:92vh;padding:24px;border:0;border-radius:12px;color:#243024;background:#fff;box-shadow:0 20px 80px #0005;overflow:auto}#home-visualiser::backdrop{background:#142016bb}#home-visualiser [hidden]{display:none!important}
.hv-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.hv-header h2{margin:0 0 12px;font-size:28px}.hv-eyebrow{color:#527f1d;font-size:11px;letter-spacing:1.5px;font-weight:700;margin:0 0 6px}.hv-small{font-size:12px;color:#5b635b;margin:10px 0}.hv-upload{display:block;padding:16px;background:#f2f6ec;border:1px dashed #88a66c;border-radius:8px;font-weight:700}.hv-upload input{display:block;margin-top:10px;max-width:100%}.hv-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:14px 0}.hv-toolbar label{display:flex;gap:8px;align-items:center;font-size:13px}.hv-toolbar input{width:110px}#home-visualiser button{padding:9px 14px;border:1px solid #b7c7aa;border-radius:6px;background:#f3f7ef;color:#30451f;cursor:pointer;font-weight:600}#home-visualiser button:disabled{opacity:.5;cursor:wait}#home-visualiser :focus-visible,.hv-launch:focus-visible{outline:3px solid #527f1d;outline-offset:3px}.hv-viewport{overflow:auto;max-height:58vh;background:#e9ece6;padding:22px;border-radius:8px}.hv-stage{position:relative;width:100%;line-height:0}.hv-stage canvas{width:100%;height:auto;display:block}#home-visualiser .hv-corner{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;font-size:10px;padding:0;border:1.5px solid #fff;border-radius:50%;background:#527f1d;color:white;box-shadow:0 1px 5px #0008;touch-action:none;cursor:move;line-height:1}.hv-note{font-size:12px;padding:12px;background:#f5f5f2;border-left:3px solid #87a66a;margin-top:18px}#home-visualiser footer{text-align:right;margin-top:16px}@media(max-width:575px){#home-visualiser{padding:16px}.hv-header h2{font-size:22px}.hv-viewport{max-height:50vh}.hv-toolbar{gap:10px}}

.hv-drag-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.hv-drag-layer polygon{fill:transparent;pointer-events:all;touch-action:none;cursor:grab}.hv-drag-layer polygon.is-dragging{cursor:grabbing}.hv-drag-layer polygon:focus-visible{outline:none!important;stroke:#527f1d;stroke-width:2;vector-effect:non-scaling-stroke}