*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Noto Sans Thai",sans-serif;color:#164b3d;background:#eff8f1}.scene-shell{padding:20px}header{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#247960;font-weight:700}h1{font-size:clamp(19px,2.5vw,30px);margin:8px 0 10px;line-height:1.5}header p{font-size:13px;color:#4d7163;margin:0}.geo-link{flex-shrink:0;color:#176b56;background:white;border:1px solid #badac8;padding:12px;border-radius:10px;font-size:12px;text-decoration:none}.scene-viewport{width:100%;overflow-x:auto;border-radius:20px;background:#d3e8c9;box-shadow:0 12px 30px #123e2820;scrollbar-color:#1b8c66 #dcefe7}.scene-canvas{position:relative;width:100%;min-width:680px;aspect-ratio:1672/941}.scene-image{width:100%;height:100%;display:block;object-fit:cover}.scene-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-100%);border:3px solid white;border-radius:50% 50% 50% 3px;background:linear-gradient(145deg,#138e68,#065942);width:42px;height:42px;color:white;font:700 16px Tahoma;box-shadow:0 4px 15px #14371f77;cursor:pointer;z-index:2}.scene-pin.office{background:linear-gradient(145deg,#156dc0,#094371)}.scene-pin:hover,.scene-pin:focus-visible{outline:3px solid #ffd976;outline-offset:4px;z-index:5}.scene-pin span{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);background:#fffffff0;border-radius:7px;padding:5px 8px;font:700 10px/1.4 Tahoma;color:#164b3d;white-space:nowrap;box-shadow:0 2px 8px #183b2025;max-width:210px}.scene-pin:not(.office) span{opacity:0;transition:opacity .15s}.scene-pin:hover span,.scene-pin:focus-visible span{opacity:1}.scene-badge{position:absolute;bottom:15px;left:15px;padding:7px 12px;background:#ffffffea;border-radius:20px;font-size:10px;letter-spacing:.1em;color:#155a43}.scene-note{font-size:11px;line-height:1.7;margin:14px 0;color:#537362}.place-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.place-picker button{display:flex;align-items:center;text-align:left;gap:9px;border:1px solid #cce0d1;border-radius:10px;padding:11px;background:white;color:#164b3d;font:12px/1.6 Tahoma;cursor:pointer}.place-picker button:hover{background:#dfefe5}.place-picker b{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;background:#168666;color:white;border-radius:50%}.place-picker button:focus-visible,a:focus-visible{outline:3px solid #c39c35;outline-offset:3px}#place-overlay{position:fixed;inset:0;z-index:10;background:#073b34bb;backdrop-filter:blur(4px)}#place-overlay[hidden]{display:none}#place-dialog{position:fixed;inset:0;z-index:11;margin:auto;border:0;border-radius:20px;padding:0;width:min(580px,calc(100vw - 28px));max-height:92dvh;overflow:auto;box-shadow:0 20px 80px #052a3b55;color:#174d3c;background:white}#place-dialog:not([open]){display:none}#place-dialog>form{position:absolute;top:10px;right:10px}.close{background:white;border:0;border-radius:50%;width:38px;height:38px;font:25px Tahoma;box-shadow:0 3px 12px #0003;cursor:pointer;color:#164b3d}#place-photo{display:block;width:100%;height:220px;object-fit:cover}.dialog-copy{padding:22px}h2{margin:10px 0 12px;font-size:21px;line-height:1.5}#place-status{font-size:13px;line-height:1.8;color:#466c59}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.actions a{padding:11px 14px;background:#eaf5ed;color:#165940;border-radius:10px;font-size:13px;text-decoration:none}#place-maps{background:#0c8060;color:white}small{display:block;font-size:11px;line-height:1.8;color:#5c7566}@media(max-width:600px){.scene-shell{padding:10px}header{display:block;margin-bottom:14px}h1{font-size:20px}.geo-link{display:inline-block;margin-top:12px;padding:8px}.scene-canvas{min-width:680px}.scene-note::before{content:"เลื่อนภาพด้านข้างเพื่อดูครบทุกจุด · "}.place-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.place-picker button{font-size:11px;padding:9px}.scene-pin{width:38px;height:38px}.scene-badge{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Reuse the owner-approved 2026-10-17 office model, not the generic scenic office. */
.scene-office-model{position:absolute;left:var(--office-x);top:var(--office-y);transform:translate(-50%,-82%);width:18.4%;aspect-ratio:1600/986;height:auto;padding:0;border:0;background:radial-gradient(ellipse at 50% 78%,#c6d4a1 0%,#c5d4a08c 36%,transparent 69%);z-index:1;cursor:pointer;filter:drop-shadow(0 9px 5px #21452f55)}.scene-office-model img{display:block;width:100%;height:auto;pointer-events:none}.scene-office-model:hover{filter:drop-shadow(0 9px 5px #21452f55) brightness(1.06)}.scene-office-model:focus-visible{outline:3px solid #ffdb74;outline-offset:4px;border-radius:15px}
.place-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.place-filter{font:15px/1.5 Tahoma,sans-serif;color:#126b58;background:#fff;border:1px solid #9ed8c9;border-radius:14px;padding:13px 20px;cursor:pointer;transition:background .15s,color .15s,transform .15s}.place-filter:hover{background:#e0f6ee;transform:translateY(-1px)}.place-filter.active{background:linear-gradient(135deg,#118562,#138fa6);color:white;border-color:transparent}.place-filter:focus-visible{outline:3px solid #e4b454;outline-offset:3px}.scene-pin[hidden],.scene-office-model[hidden]{display:none!important}@media(max-width:600px){.place-filters{gap:7px}.place-filter{font-size:12px;padding:10px 12px;border-radius:12px}}
.scene-photo-preview{position:fixed;z-index:9;width:236px;max-width:calc(100vw - 16px);padding:7px 7px 11px;background:#fff;border:1px solid #a8d9c9;border-radius:17px;box-shadow:0 15px 40px #073b3455;pointer-events:none;animation:ladyai-preview-pop .2s ease-out}.scene-photo-preview[hidden]{display:none!important}.scene-photo-preview img{display:block;width:100%;height:145px;object-fit:cover;border-radius:11px;background:#e3f3ec}.scene-photo-preview img[hidden]{display:none}.scene-photo-preview strong{display:block;padding:9px 6px 3px;color:#09664e;font:700 13px/1.5 Tahoma,sans-serif}.scene-photo-preview>span{display:block;padding:0 6px;color:#618378;font:11px/1.5 Tahoma,sans-serif}@keyframes ladyai-preview-pop{from{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.scene-photo-preview{animation:none}}