.demo-banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:10px 18px;background:#fff9d7;border-bottom:1px solid #e4dbad;color:#24231c;font:12px/1.4 Pretendard,system-ui,sans-serif}.demo-banner strong{display:flex;gap:6px;align-items:center;white-space:nowrap}.demo-banner i{width:7px;height:7px;border-radius:50%;background:#dbb71a}.demo-banner span{flex:1}.demo-banner button{background:transparent;border:0;text-decoration:underline;padding:4px;color:inherit}.demo-welcome{max-width:440px;margin:28px auto;padding:24px}.demo-welcome>img{float:right;margin:5px 0 15px 12px}.demo-welcome h1{font-size:30px;line-height:1.35;letter-spacing:-1px}.demo-welcome p{line-height:1.7}.demo-welcome .primary{clear:both;margin-top:28px}.demo-eyebrow{font-size:11px;font-weight:700;letter-spacing:1px}.demo-tools{padding:18px 0 24px;border-bottom:1px solid #deded9;margin-bottom:24px}.demo-tools h2{font-size:17px}.demo-tools p{font-size:13px;color:#68685f;line-height:1.65}.demo-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-actions .secondary{font-size:13px}.demo-map{position:relative;overflow:hidden;min-height:240px}.demo-map>svg{width:100%;height:100%;position:absolute;inset:0}.demo-map-caption{position:absolute;left:10px;top:6px;z-index:1;background:#ffffffdc;padding:4px 8px;border-radius:4px;font-size:11px;color:#555}.demo-pin{position:absolute;z-index:2;border:1px solid #222;border-radius:6px;background:white;padding:8px;box-shadow:0 2px 4px #0001;font-size:12px;transform:translate(-50%,-50%);white-space:nowrap}.demo-pin span{display:inline-block;background:#f9d133;color:#222;border-radius:50%;padding:2px 6px;margin-right:5px}