*{box-sizing:border-box}body{margin:0;background:#f6f3ec;color:#233b33;font:16px system-ui,sans-serif}header{padding:22px 5%;border-bottom:1px solid #d8ddd4;display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:24px;margin:0}small{color:#66766d}main{max-width:1240px;margin:auto;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.location{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.location h2{margin:4px 0;font-size:24px}#facing{background:#e2e9e0;border-radius:20px;padding:8px 14px;font-size:14px}.stage{background:#182b25;height:min(65vh,720px);min-height:280px;overflow:auto;border-radius:16px;position:relative;overscroll-behavior:contain;scrollbar-color:#8ba294 #182b25}.picture{position:relative;line-height:0;margin:12px auto;width:200px;max-width:none}#view{display:block;width:100%;height:auto;max-width:none;max-height:none;cursor:crosshair;user-select:none;-webkit-user-drag:none}#view[aria-busy=true]{opacity:.5}.pin{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;padding:0;border:3px solid white;border-radius:50%;background:#cb7433;color:white;box-shadow:0 2px 8px #0008;cursor:pointer;z-index:1}.pin.priced{background:#267252}.pin.selected{background:#316eb3}button{border:0;border-radius:8px;background:#284f40;color:white;padding:12px 16px;cursor:pointer;font:inherit}button:disabled{opacity:.4;cursor:default}.walking{display:flex;justify-content:space-between;gap:8px;margin:20px 0}.walking #ahead{background:#e2e9e0;color:#284f40}.controls,.zoom-controls{display:flex;align-items:center;gap:10px;margin-top:16px}.controls label,.zoom-controls label{margin:0;white-space:nowrap;font-size:14px}.zoom-controls button{padding:8px 12px}.zoom-controls output{font-size:14px;min-width:42px}.zoom-controls input{flex:1}.controls input{flex:1}input[type=range]{min-width:35px;accent-color:#284f40}.nearby{margin-top:28px;border-top:1px solid #d8ddd4;padding-top:22px}.nearby h2{margin-bottom:0}.sides{display:grid;grid-template-columns:1fr 1fr;gap:18px}h3{font-size:16px;margin:16px 0 10px}.photo-list{display:flex;gap:10px;overflow-x:auto;padding:4px 3px 12px;min-height:50px}.thumbnail{flex:0 0 115px;padding:5px;background:white;color:#284f40;font-size:12px;border:2px solid transparent;line-height:1.4}.thumbnail img{width:101px;height:145px;object-fit:contain;display:block;margin-bottom:5px;background:#e9ece5}.thumbnail[aria-pressed=true]{border-color:#284f40;background:#dce9d9}.empty{font-size:14px;line-height:1.5;color:#66766d;margin:5px 0}.hint,.legend{font-size:14px;color:#596c60;line-height:1.6}aside{background:white;padding:24px;border-radius:16px;align-self:start;position:sticky;top:24px}h2{margin-top:0;font-size:21px}p{line-height:1.6}label{display:block;margin:16px 0 6px}input[type=email],textarea{width:100%;padding:10px;border:1px solid #aab8af;border-radius:6px;font:inherit}textarea{min-height:90px}#status{min-height:24px;font-size:14px}#price{font-size:28px;font-weight:bold}#form button{width:100%;margin-top:18px}button:focus-visible,input:focus-visible,summary:focus-visible,.stage:focus-visible{outline:3px solid #bb671d;outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){main{grid-template-columns:1fr;padding:14px;gap:18px}header{padding:16px}.stage{height:58vh}aside{padding:20px;position:static}.walking{flex-wrap:wrap}.walking button{font-size:14px;flex:1}.walking #ahead{order:3;flex-basis:100%}.zoom-controls{gap:6px}.zoom-controls button{padding:8px}.sides{gap:10px}.thumbnail{flex-basis:95px}.thumbnail img{width:81px;height:125px}#facing{font-size:12px;padding:7px 10px}}