:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;color:#172126;background:#f7f9f8;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #397aef;outline-offset:3px}.preview-shell{height:100%;height:100dvh;display:flex;flex-direction:column}.preview-header{height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #e3e9e5;position:relative;z-index:15}.preview-brand{display:flex;align-items:center;gap:9px;font-weight:850;font-size:17px;letter-spacing:-.5px}.preview-brand img{border-radius:8px}.preview-brand span{display:flex;align-items:center;gap:16px}.preview-brand small{font-size:13px;font-weight:500;color:#63736b;letter-spacing:0}.app-link{background:#172e2c;color:#fff;padding:11px 17px;border-radius:12px;font-size:13px;font-weight:700}.map-viewport{flex:1;position:relative;min-height:0;overflow:hidden}.top-controls{position:absolute;z-index:8;top:20px;left:24px;width:min(360px,calc(100% - 48px));pointer-events:none}.search-box{position:relative;pointer-events:auto;background:#fff;border:1px solid #d8e1dc;box-shadow:0 5px 24px #20382b16;border-radius:15px;display:flex;align-items:center}.search-icon{font-size:30px;color:#455c51;line-height:1;padding-left:16px}.search-box input{width:100%;border:0;border-radius:15px;background:transparent;padding:17px 13px 17px 9px;font-size:14px;color:#172126;outline-offset:0}.search-results{position:absolute;top:58px;left:0;width:100%;max-height:320px;overflow:auto;border-radius:12px;background:#fff;border:1px solid #d8e1dc;box-shadow:0 6px 22px #20382b20;padding:10px}.search-results>p{font-size:11px;color:#748178;padding:0 9px;margin:3px 0 8px}.search-results button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;width:100%;padding:12px 9px;background:#fff;border-radius:8px;text-align:left}.search-results button:hover{background:#f0f5f2}.search-results strong{font-size:13px}.search-results span{color:#66736c;font-size:11px;white-space:nowrap}.search-results .no-result{white-space:normal;display:block;padding:12px 8px;font-size:13px;line-height:1.5}.area-chips{display:flex;gap:7px;margin-top:12px;overflow:auto;padding:1px 1px 8px;pointer-events:auto;scrollbar-width:none}.area-chips button{border:1px solid #d8e1dc;padding:9px 15px;background:#fff;box-shadow:0 3px 9px #20382b0b;border-radius:30px;font-size:13px;font-weight:700;white-space:nowrap}.area-chips button[aria-pressed=true]{background:#255b4e;color:#fff;border-color:#255b4e}.zoom-controls{position:absolute;z-index:7;right:22px;bottom:55px;display:flex;flex-direction:column;background:#fff;border:1px solid #dae3dd;border-radius:13px;box-shadow:0 4px 18px #20382b16;overflow:hidden;align-items:center}.zoom-controls button{border:0;background:#fff;width:46px;height:43px;font-size:25px;font-weight:400}.zoom-controls span{font-size:10px;color:#728278}.preview-note{position:absolute;z-index:5;left:24px;bottom:55px;background:#fffe;padding:15px 18px;border:1px solid #dce4df;border-radius:14px;box-shadow:0 5px 18px #20382b12;display:flex;flex-direction:column;gap:6px;pointer-events:none}.preview-note strong{font-size:13px}.preview-note span{font-size:12px;color:#6c7871}.place-card{position:absolute;z-index:10;left:24px;bottom:55px;display:flex;gap:13px;background:#fffffff5;border:1px solid #dce4df;box-shadow:0 7px 28px #20382b24;border-radius:17px;padding:20px 33px 18px 17px;width:360px;max-width:calc(100% - 100px)}.place-card>img{width:76px;height:90px;object-fit:contain}.place-card h2{font-size:17px;margin:5px 0 8px;line-height:1.3}.place-card p{font-size:11px;color:#687b70;line-height:1.5;margin:0}.place-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:13px;font-size:12px;color:#255b4e;font-weight:700}.close-card{position:absolute;top:7px;right:7px;border:0;background:transparent;font-size:23px;color:#687b70;padding:4px 7px}.preview-footer{min-height:45px;flex:0 0 auto;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;gap:12px;color:#6b7971;font-size:11px;border-top:1px solid #e3e9e5}.preview-footer nav{display:flex;gap:16px;white-space:nowrap}.preview-footer a:hover{text-decoration:underline}.status-toast{position:absolute;z-index:12;top:145px;left:50%;transform:translate(-50%);background:#172e2cee;color:#fff;border-radius:30px;padding:12px 18px;font-size:12px;white-space:nowrap}.status-toast button{border:0;color:#fff;background:transparent;text-decoration:underline;font-size:12px}.map-error{position:absolute;z-index:13;left:50%;top:47%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 40px));border:1px solid #d8e1dc;border-radius:18px;padding:25px;background:#fff;box-shadow:0 10px 30px #20382b22}.map-error h1{font-size:19px;margin:0 0 14px}.map-error p{font-size:14px;line-height:1.7;color:#69776e}.map-error>div{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:700}.map-error button{border:0;background:#255b4e;color:#fff;border-radius:8px;padding:10px 15px}.map-error a{color:#255b4e}@media(max-width:600px){.preview-header{height:60px;flex-basis:60px;padding:0 15px}.preview-brand{font-size:15px}.preview-brand small{display:none}.app-link{padding:10px 12px;font-size:12px}.top-controls{top:14px;left:14px;width:calc(100% - 28px)}.search-box input{font-size:13px;padding-top:15px;padding-bottom:15px}.area-chips{gap:6px;margin-top:10px}.area-chips button{padding:8px 14px;font-size:12px}.zoom-controls{right:13px;bottom:52px}.zoom-controls button{width:40px;height:39px}.preview-note{left:14px;bottom:52px;padding:12px 14px;max-width:calc(100% - 82px)}.preview-note strong{font-size:12px}.preview-note span{font-size:11px}.place-card{left:14px;bottom:52px;width:calc(100% - 77px);max-width:none;padding:15px 27px 15px 13px;gap:10px}.place-card>img{width:53px;height:75px}.place-card h2{font-size:15px}.preview-footer{font-size:10px;align-items:flex-start;flex-direction:column;gap:7px;padding:9px 15px}.preview-footer nav{gap:15px}.status-toast{top:126px;font-size:11px;max-width:calc(100% - 25px);white-space:normal;text-align:center}.place-links{font-size:11px;gap:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}