@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/noto-sans-thai/thai.woff2') format('woff2');unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/noto-sans-thai/latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Noto Sans Thai";font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/noto-sans-thai/latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body.radar-workbench{font-family:"Noto Sans Thai",sans-serif}
body.radar-workbench .radar-brand-title{font-family:"Noto Sans Thai",sans-serif;font-size:clamp(20px,1.8vw,27px);font-weight:750;line-height:1.4;letter-spacing:-.35px}
.radar-workbench .radar-brand-header,body.radar-workbench.semet-active>header.radar-brand-header{grid-template-columns:minmax(0,1fr) 160px auto;padding:14px 24px 9px;column-gap:24px;row-gap:7px}
.radar-workbench .radar-brand-identity{grid-column:1;grid-row:1;padding-left:0;gap:14px}
.radar-workbench .radar-brand-identity::before,.radar-workbench .radar-brand-subtitle::after{display:none}
.radar-workbench .radar-brand-mark{display:block;width:54px;height:54px;flex:none;color:#ffae8f}
.radar-workbench .radar-brand-title a{color:#fff}
.radar-workbench .radar-brand-title span{color:#ffae8f}
.radar-workbench .radar-brand-subtitle{margin-top:3px;font-size:12px;line-height:1.6;color:#e1e4ff}
.radar-workbench .radar-radio-info{grid-column:1;grid-row:2;gap:4px 15px;font-size:12px;line-height:1.7}
.radar-workbench .radar-radio-channels{font-size:12px}
.radar-workbench .radar-data-credit{grid-column:1/-1;grid-row:3;font-size:11px;line-height:1.6}
.radar-workbench .radar-map-link{grid-column:3;grid-row:1/3;align-self:center;gap:7px;padding:10px 12px;font-size:12px;border-color:#8992cf;background:#ffffff08}
.radar-ui-icon{width:18px;height:18px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.radar-workbench .provider-switch [data-radar-provider]{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.radar-header-graphic{grid-column:2;grid-row:1/3;align-self:center;position:relative;width:160px;text-align:center;pointer-events:none;color:#9ba7e3}
.radar-header-graphic svg{display:block;width:160px;height:84px}
.radar-header-graphic span{display:block;font-size:9px;line-height:1.3;color:#c3c9ed;margin-top:2px}
@media(max-width:1050px){
 .radar-header-graphic{display:none}
 .radar-workbench .radar-brand-header,body.radar-workbench.semet-active>header.radar-brand-header{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
 .radar-workbench .radar-map-link{grid-column:2;grid-row:1}
 .radar-workbench .radar-radio-info{grid-column:1/-1}
}
@media(max-width:700px){
 .radar-workbench .radar-brand-header,body.radar-workbench.semet-active>header.radar-brand-header{padding:8px 10px 6px;gap:5px 7px}
 body.radar-workbench .radar-brand-title{font-size:16px;line-height:1.35;letter-spacing:0}
 .radar-workbench .radar-brand-identity{gap:8px}
 .radar-workbench .radar-brand-mark{width:34px;height:34px}
 .radar-workbench .radar-brand-subtitle{font-size:10px;line-height:1.4;margin-top:2px}
 .radar-workbench .radar-radio-info,.radar-workbench .radar-radio-channels{font-size:10px;line-height:1.6}
 .radar-workbench .radar-data-credit{font-size:9px;line-height:1.5}
 .radar-workbench .radar-map-link{font-size:10px;padding:6px 7px;min-height:40px;max-width:74px}
 .radar-map-link .radar-ui-icon{display:none}
 .radar-workbench .provider-switch [data-radar-provider]{gap:6px;font-size:12px;padding:7px 8px 9px}
 .radar-ui-icon{width:16px;height:16px}
}
/* Mobile radar workbench: the weather image owns the remaining viewport.
   Indigo #1a237e / violet #302779 / orange #ff5722 / white #fff / peach #ffae8f.
   Existing Noto Sans Thai typography and source imagery remain authoritative. */
.radar-header-facts{grid-column:1/-1;font-size:12px;color:#e1e4ff;min-width:0}
.radar-header-facts summary{cursor:pointer;width:fit-content;min-height:32px;align-content:center}
.radar-workbench .radar-header-facts .radar-radio-info{display:flex;flex-wrap:wrap;margin:3px 0}
.radar-workbench .radar-header-facts .radar-data-credit{margin:3px 0}
#tmd-settings-toggle,#tmd-settings-close{display:none}
#semet-province-bar{display:none}
.tmd-source-info{margin-top:12px;font-size:12px}.tmd-source-info>summary{cursor:pointer;min-height:44px;align-content:center}.tmd-source-info #official{display:inline-flex;min-height:44px;align-items:center}
@media(min-width:901px){.radar-header-facts>summary{display:none}}
@media(max-width:900px){
 body.radar-workbench,body.radar-workbench.semet-active{height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
 .radar-workbench .radar-brand-header,body.radar-workbench.semet-active>header.radar-brand-header{flex:none;padding:8px 10px 4px;gap:3px 8px;grid-template-columns:minmax(0,1fr) auto}
 body.radar-workbench .radar-brand-title{font-size:15px;line-height:1.35;letter-spacing:0}
 .radar-workbench .radar-brand-mark{width:32px;height:32px}
 .radar-workbench .radar-brand-identity{gap:7px}
 .radar-workbench .radar-brand-title span{display:none}
 .radar-workbench .radar-brand-subtitle{font-size:10px;margin:0}
 .radar-workbench .radar-brand-subtitle span{display:none}
 .radar-workbench .radar-map-link{grid-column:2;grid-row:1;max-width:80px;min-height:44px;font-size:11px;padding:5px 8px;text-align:center}
 .radar-workbench .radar-map-link svg{display:none}
 .radar-header-facts{max-height:22dvh;overflow:auto;font-size:11px}
 .radar-header-facts summary{min-height:28px}
 .radar-workbench .provider-switch,body.radar-workbench.semet-active>.provider-switch{flex:none;padding:0 8px;margin:0;gap:2px}
 .radar-workbench .provider-switch [data-radar-provider]{flex:1;min-height:44px;padding:6px 5px;font-size:12px;white-space:nowrap}
 .radar-workbench #radar-install{flex-basis:100%;font-size:11px;min-height:36px;margin:3px 0}
 .radar-workbench #radar-connectivity{font-size:11px;max-height:40px;overflow:auto;flex-basis:100%}
 .radar-workbench #radar-connectivity:empty{display:none}
 .radar-workbench #tmd-panel{display:flex;flex-direction:column;width:100%;flex:1;min-height:0;padding:8px;margin:0;gap:0;overflow:hidden}
 .radar-workbench #tmd-panel>section{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}
 .radar-workbench #tmd-panel .drill-hint{display:none}
 .radar-workbench #tmd-panel .toolbar{flex:none;gap:5px;margin:0;align-items:center}
 .radar-workbench #station-title{font-size:18px;flex:1;min-width:80px}
 .radar-workbench #tmd-panel .toolbar button,.radar-workbench #tmd-panel .toolbar a{font-size:11px;min-height:44px;padding:6px 8px}
 .radar-workbench #status{font-size:11px;line-height:1.5;min-height:18px;margin:4px 0;flex:none}
 .radar-workbench #tmd-panel .radar-preview-trigger{align-self:flex-end;min-height:36px;font-size:11px;margin:0 0 4px;padding:5px 9px}
 .radar-workbench #tmd-panel #image-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:4px;overflow:hidden}
 .radar-workbench #tmd-panel #image-stage img{height:auto;width:auto;max-width:100%;max-height:100%;object-fit:contain}
 #tmd-settings-toggle,#tmd-settings-close{display:block}
 .radar-workbench #tmd-settings{display:none}
 .radar-workbench #tmd-settings.is-open,body.radar-workbench.semet-active .semet-sidebar.is-open{display:block;position:fixed;inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top))!important;z-index:95;max-height:calc(100dvh - 16px);padding:14px;overflow:auto;overscroll-behavior:contain;background:#272267;border:1px solid #bdb5d9;border-top:4px solid #ff5722;box-shadow:0 0 0 100vmax #0c103acc}
 #tmd-settings-close,#semet-settings-close{display:block;margin-left:auto;min-height:44px}
 .radar-workbench #station-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;gap:6px}
 .radar-workbench #station-list button{font-size:13px;min-height:44px;padding:8px}
 body.radar-workbench.semet-active>#semet-panel{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;margin:0;padding:6px 8px;gap:0}
 body.radar-workbench.semet-active .semet-workspace{flex:1;min-height:0}
 /* The original region/province controls stay in sight above the weather image. */
 body.radar-workbench.semet-active #semet-province-bar{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,2fr);gap:8px;flex:none;padding:0 0 8px;border-bottom:1px solid #ffffff30;margin-bottom:4px}
 body.radar-workbench.semet-active #semet-province-bar label{display:block;min-width:0;margin:0;color:#eeeaf8;font-size:11px;line-height:1.5}
 body.radar-workbench.semet-active #semet-province-bar select{display:block;width:100%;min-width:0;min-height:44px;background:#fff;color:#1a237e;border:1px solid #bcb5dc;font-size:16px;padding:7px 26px 7px 9px}
 body.radar-workbench.semet-active #semet-settings-toggle{font-size:12px;padding:5px 8px}
 body.radar-workbench.semet-active .semet-sidebar{display:none}
 body.radar-workbench.semet-active #semet-settings-toggle{display:block;min-height:44px}
 body.radar-workbench.semet-active .semet-heading h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.radar-workbench.semet-active .semet-heading>.radar-preview-trigger{font-size:11px;min-height:44px;margin:0;padding:5px 8px}
 body.radar-workbench.semet-active #semet-viewer #semet-native{display:none}
 body.radar-workbench.semet-active .semet-heading{min-height:44px;gap:5px;flex-wrap:nowrap}
 body.radar-workbench.semet-active .semet-heading a{display:none}
 body.radar-workbench.semet-active .semet-camera-controls{padding:4px;gap:4px}
 body.radar-workbench.semet-active .semet-camera-controls button{min-height:44px;padding:5px 8px;font-size:12px}
 body.radar-workbench.semet-active .semet-camera-controls .zoom{min-width:90px;font-size:0;flex:1}
 body.radar-workbench.semet-active .semet-camera-controls .zoom input{min-width:40px;width:45px}
 body.radar-workbench.semet-active #semet-selected{font-size:10px;max-height:28px;min-height:0;overflow:auto}
 body.radar-workbench.semet-active .viewer-footer{font-size:10px;min-height:24px;padding:3px 5px}
}
@media(max-width:900px) and (max-height:480px){
 body.radar-workbench.semet-active #semet-province-bar{padding-bottom:4px;margin-bottom:0}
 body.radar-workbench.semet-active #semet-province-bar label{font-size:0;line-height:1}
 .radar-workbench .radar-brand-subtitle,.radar-header-facts{display:none}
 .radar-workbench .radar-brand-header,body.radar-workbench.semet-active>header.radar-brand-header{padding:2px 8px}
 .radar-workbench .radar-brand-mark{width:26px;height:26px}
 body.radar-workbench.semet-active #semet-selected{display:none}
 body.radar-workbench.semet-active .semet-camera-controls .zoom{max-width:160px}
 .radar-workbench #tmd-panel .radar-preview-trigger{display:none}
}
@media(min-width:600px) and (max-width:900px) and (max-height:480px){
 /* In landscape, selectors and tool buttons share one row instead of squeezing the image. */
 body.radar-workbench.semet-active .semet-workspace{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:4px 8px}
 body.radar-workbench.semet-active #semet-province-bar{grid-column:1;grid-row:1;align-self:center;border-bottom:0;padding:0}
 body.radar-workbench.semet-active .semet-heading{grid-column:2;grid-row:1;margin:0;padding:0}
 body.radar-workbench.semet-active .semet-heading>div{display:none}
 body.radar-workbench.semet-active #semet-viewer{grid-column:1/-1;grid-row:2;min-height:0}
}