.roadview-shell{border:1px solid var(--gray-200,#dfe5ec);border-radius:12px;overflow:hidden;background:var(--white,#fff);margin:12px 0;}
.roadview-heading{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font-size:14px;}
.roadview-heading>span{font-size:12px;color:var(--gray-600,#64748b);}
.roadview-canvas{position:relative;width:100%!important;min-height:260px;aspect-ratio:16/9;background:var(--gray-50,#f4f6f8);display:flex;align-items:center;justify-content:center;}
.roadview-load{position:absolute;z-index:10;border:1px solid var(--teal-700,#0b6974);background:var(--white,#fff);color:var(--teal-700,#0b6974);border-radius:10px;padding:12px 18px;min-height:44px;font:600 14px sans-serif;cursor:pointer;}
.roadview-load:disabled{opacity:.6;cursor:wait;}
.roadview-load[hidden]{display:none;}
.roadview-status{padding:12px 16px 0;margin:0;font-size:13px;line-height:1.6;color:var(--gray-600,#64748b);}
.roadview-source{padding:10px 16px 14px;font-size:12px;line-height:1.6;color:var(--gray-600,#64748b);}
.roadview-source a{color:var(--teal-700,#0b6974);text-decoration:underline;}
@media(max-width:600px){.roadview-canvas{min-height:220px;}.roadview-heading{font-size:13px;}}

.type-custom{color:#3e526c;background:#e5eaf1}.marker-pin.type-custom{background:#56677e}
.roadview-thumb{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--gray-100,#f4f6f8);}
.roadview-thumb-canvas{position:relative;z-index:0;display:block;width:100%!important;height:100%!important;pointer-events:none;}
.roadview-thumb-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:24px;pointer-events:none;}
.roadview-thumb-ready .roadview-thumb-placeholder{display:none;}
.roadview-thumb-label{position:absolute;top:4px;left:4px;z-index:2;padding:2px 4px;border-radius:4px;background:#172b3dcc;color:#fff;font-size:10px;line-height:1.3;pointer-events:none;}