/* Shared interface settings. Keep data surfaces and pointer coordinates at native CSS resolution. */
body.metexplorer-site{--met-ui-scale:1;--met-control-height:max(30px,calc(40px * var(--met-ui-scale)));--met-card-padding:max(8px,calc(16px * var(--met-ui-scale)));--met-control-font:400 max(12px,calc(13px * var(--met-ui-scale)))/1.4 var(--apc-dashboard-font,system-ui,sans-serif);--met-label-font:600 max(12px,calc(13px * var(--met-ui-scale)))/1.4 var(--apc-dashboard-font,system-ui,sans-serif)}
html[data-met-density] body.metexplorer-site{--met-ui-scale:inherit;font-size:max(12px,calc(14px * var(--met-ui-scale)))}
body.metexplorer-site .met-view-side{position:relative;gap:max(7px,calc(12px * var(--met-ui-scale)))}
body.metexplorer-site .met-view-side :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,.apc-search-select__trigger,[data-calendar-trigger]){height:var(--met-control-height);min-height:var(--met-control-height);padding-block:4px;font:var(--met-control-font)}
body.metexplorer-site .met-view-side :is(button,label,summary){font-size:max(12px,calc(13px * var(--met-ui-scale)))}
body.metexplorer-site .met-view-side-body{gap:max(8px,calc(14px * var(--met-ui-scale)))}
body.metexplorer-site .met-view-side :is(label>span,button strong,summary>span,.apc-search-select__label){display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.met-side-rail{flex:none;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:32px;padding:5px 7px 0;box-sizing:border-box}
.met-side-rail>strong{font-size:11px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
body.metexplorer-site .met-view .met-side-rail button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;min-width:28px;min-height:28px;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--apc-white,#fff);color:var(--ink);cursor:pointer}
.met-side-rail button svg{width:17px;height:17px}.met-side-rail button:hover{border-color:var(--met-blue);background:color-mix(in srgb,var(--met-blue) 10%,var(--apc-white,#fff))}
body.metexplorer-site .met-side-resize{position:absolute;z-index:20;left:0;top:42px;bottom:4px;width:8px;min-width:8px;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;cursor:ew-resize;touch-action:none}
.met-side-resize::after{content:"";position:absolute;left:2px;top:45%;width:3px;height:32px;border-radius:2px;background:var(--line-strong)}
.met-side-resize:hover::after,.met-side-resize:focus-visible::after{background:var(--met-blue)}.met-resizing-side,.met-resizing-side *{cursor:ew-resize!important;user-select:none!important}
body.metexplorer-site .met-view[data-met-interface=columns]>.met-view-workspace{--met-left-track:var(--met-side-width);--met-right-track:var(--met-right-width);grid-template-columns:var(--met-left-track) minmax(0,1fr)}
body.metexplorer-site .met-view--display[data-met-interface=columns]>.met-view-workspace{grid-template-columns:var(--met-left-track) minmax(0,1fr) var(--met-right-track)}
body.metexplorer-site .met-view[data-met-interface=columns].met-collapse-left>.met-view-workspace{--met-left-track:0px}
body.metexplorer-site .met-view[data-met-interface=columns].met-collapse-right>.met-view-workspace{--met-right-track:40px}
body.metexplorer-site .met-view[data-met-interface=columns]>.met-view-workspace>.met-view-side{display:flex!important;position:relative;inset:auto;width:auto;height:100%;max-height:100%;box-shadow:none;grid-row:1}
body.metexplorer-site .met-view[data-met-interface=columns]>.met-view-workspace>.met-view-content{grid-column:2}
body.metexplorer-site .met-view[data-met-interface=columns]>.met-view-toolbar{display:none}
body.metexplorer-site .met-view[data-met-interface=columns].met-collapse-left:not(.met-peek-left) .met-view-side--left :is(.met-view-side-head,.met-view-side-body),body.metexplorer-site .met-view[data-met-interface=columns].met-collapse-right:not(.met-peek-right) .met-view-side--right :is(.met-view-side-head,.met-view-side-body,.met-side-resize){display:none}
.met-view[data-met-interface=columns].met-collapse-left:not(.met-peek-left) .met-view-side--left .met-side-rail,.met-view[data-met-interface=columns].met-collapse-right:not(.met-peek-right) .met-view-side--right .met-side-rail{flex-direction:column;padding-inline:4px}
.met-view[data-met-interface=columns].met-collapse-left:not(.met-peek-left) .met-view-side--left .met-side-rail>strong,.met-view[data-met-interface=columns].met-collapse-right:not(.met-peek-right) .met-view-side--right .met-side-rail>strong{display:none}
body.metexplorer-site .met-view[data-met-interface=columns].met-peek-right>.met-view-workspace>.met-view-side--right{position:absolute;inset:0 0 0 auto;z-index:67;width:var(--met-right-width);height:100%;box-shadow:-8px 4px 24px #00162c30}
body.metexplorer-site .met-view[data-met-interface=columns].met-peek-left>.met-view-workspace>.met-view-side--left{position:absolute;inset:0 auto 0 0;z-index:67;width:var(--met-side-width);height:100%;box-shadow:8px 4px 24px #00162c30}
.met-view[data-met-interface=drawer] .met-side-resize{display:none}
body.metexplorer-site .met-view[data-met-interface=drawer] .met-view-side--right{width:min(var(--met-right-width,286px),100%)}
.met-view[data-met-interface=drawer] .met-side-rail{padding-top:8px}
[data-met-interface-form]{display:grid;gap:15px}[data-met-interface-form] p{font-size:12px;margin:0;color:var(--muted)}[data-met-interface-form] output{font-size:12px}
/* Date row: the calendar is the only flexible child; arrows never wrap or shrink. */
body.metexplorer-site .met-view .met-view-side :is(.apc-pandonia__date-control,.apc-tawes__date-control){display:flex;flex-flow:row nowrap;width:100%;gap:5px;min-width:0}
body.metexplorer-site .met-view .met-view-side :is(.apc-pandonia__date-control,.apc-tawes__date-control)>button{flex:0 0 28px;width:28px;min-width:28px;height:34px;min-height:34px;padding:4px;box-sizing:border-box}
body.metexplorer-site .met-view .met-view-side [data-calendar]{flex:1 1 0;width:0;min-width:0;max-width:100%}
body.metexplorer-site .met-view .met-view-side [data-calendar-trigger]{display:flex;align-items:center;gap:4px;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-inline:5px}
body.metexplorer-site .met-view .met-view-side [data-calendar-value]{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.metexplorer-site .met-view .met-view-side [data-calendar-trigger]>svg{flex:none;width:16px;height:16px}
body.metexplorer-site .met-view .met-view-side [data-calendar-trigger]>i{flex:none;width:10px}
/* Quiet preview control strip in the tile header; no animated loading/progress stripe. */
.met-home-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex:none}
.met-home-tile-head>h3{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.met-home .met-home-tile-head .met-preview-controls{display:flex;flex:none;gap:3px;width:auto}
body.metexplorer-site .met-home .met-preview-controls .met-icon-button{width:24px;min-width:24px;height:26px;min-height:26px;padding:4px;border-radius:5px}
.met-home .met-preview-controls .met-icon-button svg{width:15px;height:15px}
.met-home .met-preview-controls input[type=range]{width:clamp(35px,5vw,64px);flex:0 1 64px;min-width:35px;height:26px}
.met-home .met-preview-speed{width:140px;max-width:100%;margin-left:auto;min-height:22px;gap:5px}.met-home .met-preview-speed input{max-width:70px}
.met-home .met-preview-progress{display:none}
/* Always a local SVG flag, while a native select remains accessible. */
body.metexplorer-site .met-home .met-home-region{background:var(--apc-white,#fff)}
body.metexplorer-site .met-home .met-home-region>select{padding:0;appearance:auto;opacity:0;z-index:1;min-height:0}
/* Brand and actions share one mobile row; navigation keeps its own row. */
@media(max-width:600px){
 body.metexplorer-site .metexplorer-topbar-inner{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px;padding:8px 10px 0}
 body.metexplorer-site .metexplorer-brand{grid-column:1;grid-row:1;min-width:0;max-width:36px;padding:0;gap:0}
 body.metexplorer-site .metexplorer-brand img{width:32px!important;height:36px!important;max-width:32px!important;max-height:36px!important;object-fit:contain}
 body.metexplorer-site .metexplorer-top-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin:0;white-space:nowrap}
 body.metexplorer-site .metexplorer-topbar .metexplorer-top-actions .metexplorer-icon-button{box-sizing:border-box;width:29px;min-width:29px;height:32px;min-height:32px;padding:5px;border-radius:6px}
 body.metexplorer-site .metexplorer-topbar .metexplorer-top-actions .metexplorer-icon-button svg{width:18px;height:18px}
 body.metexplorer-site .metexplorer-top-actions .metexplorer-news-link{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis}
 body.metexplorer-site .metexplorer-navigation{grid-column:1/-1;grid-row:2;min-width:0;width:100%}
 body.metexplorer-site .met-app-install{height:32px;min-height:32px;padding:3px 5px;gap:4px;border-radius:8px;box-shadow:none}
 body.metexplorer-site .met-app-install img{width:23px;height:23px;border-radius:5px}
 body.metexplorer-site .met-app-install small{display:none}body.metexplorer-site .met-app-install strong{font-size:10px}
 body.metexplorer-site .met-preview-controls .met-icon-button{min-height:28px;height:28px}
}
@media(min-width:601px){body.metexplorer-site .metexplorer-topbar-inner{padding-top:max(6px,calc(12px * var(--met-ui-scale)));gap:max(10px,calc(22px * var(--met-ui-scale)))}body.metexplorer-site .metexplorer-brand img{max-height:max(38px,calc(56px * var(--met-ui-scale)));width:auto}}
@media(max-width:360px){body.metexplorer-site .metexplorer-top-actions{gap:3px}body.metexplorer-site .met-app-install>span{display:none}body.metexplorer-site .metexplorer-news-link{max-width:45px}}
.met-tile-personal{display:flex;gap:3px;flex:none}.met-home .met-tile-personal button{display:inline-flex;align-items:center;justify-content:center;width:25px;height:27px;min-width:25px;min-height:27px;padding:3px;color:var(--ink);border:1px solid var(--line);border-radius:5px;background:var(--apc-white,#fff);cursor:pointer}
.met-home .met-tile-personal .met-tile-drag{display:none;touch-action:none;cursor:grab}.met-home.is-home-editing .met-tile-drag{display:inline-flex}.met-home .met-tile-pin[aria-pressed=true]{color:#b27706;border-color:#c9a855}
.met-home-edit-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--apc-white,#fff);font-size:12px}.met-home-edit-toolbar>span{flex:1 1 250px}.met-home-edit-toolbar>small{flex-basis:100%}.met-home-edit-toolbar .is-error{color:#b84135}
.is-home-editing .met-home-tile{outline:1px dashed var(--line-strong);outline-offset:3px}.met-home .is-dragging{opacity:.65}.met-home .is-drop-target{outline:3px solid var(--met-blue);outline-offset:3px}
.met-personal-tile>label:has(select),.met-personal-tile>label:has(.apc-search-select){width:100%;flex-basis:100%}
/* Scientific charts own the space between the card header and its footer. */
body.metexplorer-site .met-view[data-apc-meteograms] .met-view-content,body.metexplorer-site .met-view[data-apc-pressure] .met-view-content{overflow:hidden;padding:var(--met-card-padding)}
body.metexplorer-site .met-view .met-meteograms-grid{height:100%;min-height:0;align-items:stretch;gap:8px}
body.metexplorer-site .met-view .met-meteogram-card{height:100%;min-height:0;display:flex;flex-direction:column}
body.metexplorer-site .met-view .met-meteogram-card>header{flex:none;padding:7px 9px;min-width:0}
.met-meteogram-card>header :is(strong,small){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body.metexplorer-site .met-view [data-meteogram-content],body.metexplorer-site .met-view .met-meteogram-card .apc-chart-dialog--inline,body.metexplorer-site .met-view .met-meteogram-card .apc-chart-dialog__body{display:flex;flex-direction:column;flex:1 1 0;min-height:0;height:auto;overflow:hidden;padding:0;margin:0}
body.metexplorer-site .met-view .met-meteogram-card .apc-chart-dialog__chart{position:relative;flex:1 1 0;min-height:0;height:auto;overflow:hidden;padding:0}
body.metexplorer-site .met-view .met-meteogram-card .apc-chart-dialog__chart>svg{display:block;position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-height:none;object-fit:contain}
body.metexplorer-site .met-view .met-meteogram-card .apc-chart-dialog__note{flex:none;font-size:10px;line-height:1.3;padding:4px 7px;max-height:34px;overflow:hidden;margin:0}
.met-meteogram-pages{display:flex;flex:none;justify-content:center;align-items:center;gap:8px;height:26px;font-size:11px}.met-meteogram-pages[hidden]{display:none}.met-meteogram-pages button{border:1px solid var(--line);border-radius:5px;background:var(--apc-white,#fff);color:var(--ink);height:24px;min-height:24px;padding:2px 8px;cursor:pointer}
body.metexplorer-site .met-view[data-apc-pressure] .apc-meteograms__content{height:100%;min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden}
body.metexplorer-site .met-view[data-apc-pressure] .apc-pressure-grid{flex:1 1 0;min-height:0;height:auto;align-items:stretch;grid-auto-rows:minmax(0,1fr);gap:8px}
body.metexplorer-site .met-view[data-apc-pressure] .apc-pressure-chart{display:flex;flex-direction:column;min-height:0;height:100%;padding:8px;box-sizing:border-box;background:var(--apc-white,#fff)}
body.metexplorer-site .met-view[data-apc-pressure] .apc-pressure-chart>.apc-chart-head{flex:none;gap:8px;margin-bottom:6px;min-height:28px}.apc-pressure-chart>.apc-chart-head h3{font-size:14px!important}
body.metexplorer-site .met-view[data-apc-pressure] .apc-pressure-chart canvas{min-height:0;flex:1 1 0;width:100%;height:0;object-fit:contain}
body.metexplorer-site .met-view[data-apc-pressure] .apc-pressure-pages{flex:none;gap:10px;margin:6px 0 0;font-size:12px;min-height:26px}.apc-pressure-pages button{height:26px;min-height:26px!important;padding:2px 7px!important}
html[data-met-theme=dark] .metexplorer-site :is(.apc-chart-dialog__chart,.apc-pandonia__chart,.apc-pandonia__chart-wrap,.apc-pandonia__diagnostic-body canvas,.apc-tawes__chart,.apc-sonde__plot,.apc-pressure-chart canvas){background:#152737}
@media(max-width:700px){body.metexplorer-site .met-view .met-meteograms-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--met-meteogram-count,1),minmax(0,1fr))}.met-meteogram-card>header{font-size:11px}.met-meteogram-card>header small{font-size:10px}}

/* Selection toggle lives in the title, never in a left-column rail. */
.met-selection-toggle{flex:none;margin-right:8px}.met-view[data-met-interface=drawer] .met-selection-toggle{display:none}
body.metexplorer-site .met-view[data-met-interface=columns].met-collapse-left:not(.met-peek-left)>.met-view-workspace>.met-view-side--left{visibility:hidden;border:0;padding:0;overflow:hidden}
body.metexplorer-site .met-view[data-met-interface=columns].met-collapse-left>.met-view-workspace{column-gap:8px}
/* Column preferences share one browser-wide setting; labels shrink before controls. */
body.metexplorer-site .met-view .met-setting-row>label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
body.metexplorer-site .met-view .met-setting-row>label.met-setting-check{display:flex;align-items:center;gap:5px}.met-setting-check>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:601px) and (max-width:1700px){body.metexplorer-site .met-app-install{min-height:35px;height:35px;padding:3px 6px 3px 3px;gap:5px;border-radius:10px}body.metexplorer-site .met-app-install img{width:27px;height:27px}body.metexplorer-site .met-app-install small{display:none}body.metexplorer-site .met-app-install strong{font-size:11px}}
@media(min-width:601px) and (max-width:1360px){body.metexplorer-site .met-app-install{width:36px;min-width:36px;padding:3px;justify-content:center}body.metexplorer-site .met-app-install>span{display:none}}
/* Dashboard buttons follow the tile's soft corners. */
body.metexplorer-site .met-home{--met-widget-radius:13px}
body.metexplorer-site .met-home :is(button,.met-home-edit-toolbar){border-radius:var(--met-widget-radius)!important}
body.metexplorer-site .met-home .met-home-region{border:0;background:transparent!important;box-shadow:none;padding:0;flex-basis:40px;width:40px;max-width:40px}
body.metexplorer-site .met-home .met-home-region:hover{background:transparent;border:0}.met-home-region>img{border-radius:0;filter:none}
body.metexplorer-site .met-home .met-home-welcome{gap:16px;align-items:center}.met-home-welcome-copy{min-width:0;flex:1}
.met-home-welcome-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:50%;min-width:0}
body.metexplorer-site .met-home .met-home-account{display:flex;align-items:center;gap:7px;min-width:0;max-width:190px;min-height:38px;padding:4px 8px 4px 4px;border:1px solid var(--line);background:var(--apc-white,#fff);color:var(--ink);font:600 12px/1.3 var(--apc-font,system-ui);cursor:pointer}
.met-home-account img{width:29px;height:29px;border-radius:50%;object-fit:cover;flex:none}.met-home-account strong{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.met-home-account:hover{border-color:var(--met-blue)!important}
.met-preview-stage{position:relative;flex:1 1 0;min-height:150px;display:flex;min-width:0;isolation:isolate}.met-preview-stage>.met-preview-surface{width:100%;height:100%;min-height:150px;flex:1}
body.metexplorer-site .met-home .met-preview-speed{position:absolute;right:7px;top:7px;z-index:3;display:flex;gap:4px;width:99px;max-width:calc(100% - 14px);min-height:23px;height:23px;box-sizing:border-box;margin:0;padding:3px 6px;background:color-mix(in srgb,var(--apc-white,#fff) 88%,transparent);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 4px #001a3320}
.met-home .met-preview-speed span{display:none}.met-home .met-preview-speed input{min-width:28px;max-width:54px;height:17px;flex:1;padding:0}.met-home .met-preview-speed output{min-width:24px;font-size:10px}
.met-preview-surface[data-fit=contain] canvas{object-fit:contain!important}.met-preview-surface[data-fit=cover] canvas{object-fit:cover}
@media(max-width:650px){body.metexplorer-site .met-home .met-home-welcome{display:flex;flex-direction:column;align-items:stretch;padding:16px 0;gap:10px}body.metexplorer-site .met-home .met-home-welcome h1{padding-right:0;font-size:27px}.met-home-welcome-actions{max-width:100%;justify-content:flex-start;flex-wrap:nowrap}body.metexplorer-site .met-home .met-home-customize{position:static;width:auto;min-width:38px;min-height:36px;height:36px;display:inline-flex;gap:6px;font-size:11px;padding:6px 9px!important}body.metexplorer-site .met-home .met-home-customize span{display:inline}.met-home-welcome-actions .met-home-account{flex:0 1 auto}}

/* Equal-height dashboard actions: a generous avatar beside the icon-only editor action. */
body.metexplorer-site .met-home .met-home-welcome-actions{align-items:center;gap:8px}
body.metexplorer-site .met-home .met-home-customize{position:static;display:inline-flex;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px!important;border-radius:13px}
body.metexplorer-site .met-home .met-home-customize>.sr-only{display:block;position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
body.metexplorer-site .met-home .met-home-account{height:44px;min-height:44px;padding:2px 10px 2px 2px;border-radius:13px;gap:8px}
body.metexplorer-site .met-home .met-home-account img{width:38px;height:38px;border:2px solid transparent;background:linear-gradient(var(--apc-white,#fff),var(--apc-white,#fff)) padding-box,linear-gradient(140deg,var(--met-cyan,#00dacb),var(--met-blue,#008ccc)) border-box;box-sizing:border-box}
body.metexplorer-site .met-home .met-home-region{border:0!important;outline:none;box-shadow:none}
body.metexplorer-site .met-home .met-home-region:has(select:focus-visible){outline:2px solid var(--met-blue);outline-offset:4px}
/* The info marker never inherits the generic details +/− affordance. */
body.metexplorer-site .met-view .apc-forecast__map-info>summary::after{content:none!important;display:none!important}
@media(max-width:600px){body.metexplorer-site .met-view .apc-forecast__map-info>summary{font-size:0!important;min-width:32px;min-height:32px;padding:5px!important;display:flex;align-items:center;justify-content:flex-end;gap:5px}body.metexplorer-site .met-view .apc-forecast__map-info>summary::before{content:'i'!important;display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border:1.5px solid currentColor;border-radius:50%;font:600 14px/1 system-ui;color:var(--ink)}body.metexplorer-site .met-view .apc-forecast__map-info[open]>summary{font-size:11px!important}}

/* One outer inset for every chart tab; nested plot grids add no second inset. */
body.metexplorer-site .met-view:not(.met-view--map)>.met-view-workspace>.met-view-content{padding:var(--met-card-padding)}
body.metexplorer-site .met-view .met-view-content>.apc-sonde__content,body.metexplorer-site .met-view .met-view-content .apc-sonde__panel{margin:0;padding:0}
body.metexplorer-site .met-view .met-view-content>.met-meteograms-grid{margin:0;padding:0}

/* Preview chrome overlays the image and never reduces its layout height. */
.met-home .met-preview-stage{position:relative;display:flex;flex:1 1 0;min-height:170px;isolation:isolate}
.met-home .met-preview-stage>.met-preview-surface{width:100%;min-height:170px}
body.metexplorer-site .met-home .met-preview-stage>.met-preview-controls{position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:3px;max-width:calc(100% - 16px);padding:3px 5px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--apc-white,#fff) 91%,transparent);box-sizing:border-box}
body.metexplorer-site .met-home .met-preview-stage>.met-preview-controls .met-icon-button{width:23px;min-width:23px;height:24px;min-height:24px;padding:3px;border-radius:50%}
.met-home .met-preview-stage>.met-preview-readout,.met-home .met-preview-stage>.met-home-credit{position:absolute;z-index:3;top:38px;bottom:auto;margin:0;padding:2px 5px;max-width:47%;min-height:0;box-sizing:border-box;border-radius:5px;background:color-mix(in srgb,var(--apc-white,#fff) 90%,transparent);color:var(--ink);font:500 9px/1.3 system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.met-home .met-preview-stage>.met-preview-readout{left:4px}.met-home .met-preview-stage>.met-home-credit{right:4px}
body.metexplorer-site .met-home .met-preview-stage>.met-preview-model{position:absolute;left:7px;top:7px;z-index:4;display:flex;align-items:center;gap:4px;width:auto;max-width:calc(100% - 123px);height:25px;min-height:25px;padding:3px 7px;border-radius:12px;background:color-mix(in srgb,var(--apc-white,#fff) 92%,transparent);font-size:10px}
body.metexplorer-site .met-home .met-preview-stage>.met-preview-model svg{width:14px;height:14px}.met-preview-model span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.met-preview-model-menu{position:absolute;z-index:20;top:38px;left:7px;box-sizing:border-box;width:min(322px,calc(100% - 14px));max-height:320px;overflow:auto;padding:7px;background:var(--apc-white,#fff);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 20px #032b6130}
.met-preview-model-menu button{display:block;width:100%;text-align:left;margin:2px 0;font-size:11px;white-space:normal}.met-preview-model-menu button[aria-checked=true]{border-color:var(--met-blue);background:var(--soft);color:var(--met-blue)}
.met-home .met-preview-frame figcaption{display:none}
@media(pointer:coarse){body.metexplorer-site .met-home .met-preview-stage>.met-preview-controls .met-icon-button{width:30px;min-width:30px;height:30px;min-height:30px}.met-home .met-preview-controls input[type=range]{height:30px}body.metexplorer-site .met-home .met-preview-stage>.met-preview-model{height:30px;min-height:30px}}

body.metexplorer-site .met-view .met-date-control{display:flex;align-items:center;gap:5px;min-width:0}
body.metexplorer-site .met-view .met-date-control>.met-icon-button{flex:0 0 28px;width:28px;min-width:28px;height:34px;min-height:34px;padding:4px}
.met-date-control>.apc-calendar{flex:1 1 0;min-width:0;width:0}.met-date-control .apc-calendar__trigger{width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}

.met-map-line-styles{font-size:11px;min-width:0}.met-map-line-styles>summary{cursor:pointer;font-weight:600;color:var(--ink);padding-block:6px}
.met-map-line-row{display:grid;grid-template-columns:minmax(48px,1fr) 24px minmax(35px,1fr) 33px 24px;gap:4px;align-items:center;min-width:0;margin-top:6px}
.met-map-line-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.met-map-line-row output{font-size:9px;white-space:nowrap}
body.metexplorer-site .met-view .met-map-line-row input[type=color],.met-map-line-row input[type=color]{width:24px;min-width:24px;height:24px;min-height:24px;padding:1px;border-radius:5px}
body.metexplorer-site .met-view .met-map-line-row button,.met-map-line-row button{width:24px;min-width:24px;height:24px;min-height:24px;padding:2px}
.met-map-line-row input[type=range]{width:100%;min-width:0;height:24px;padding:0}
.met-map-line-styles--floating{position:absolute;top:8px;right:8px;z-index:5;max-width:270px;box-sizing:border-box;padding:3px 8px;background:var(--apc-white,#fff);border:1px solid var(--line);border-radius:8px}.met-map-line-styles--floating[open]{width:270px;max-width:calc(100% - 16px)}