/* Preview refinement: stable header, view options and independently collapsible panels. */
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-lighthouse-toggle{display:none!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control,
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control.is-enabled{position:relative!important;inset:auto!important;flex:0 0 344px!important;width:344px!important;min-width:344px!important;max-width:344px!important;align-self:center!important;margin:0!important;justify-self:end!important;padding:0!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-toggle-column,
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control .grid-condition-toggle-row{width:344px!important;min-width:344px!important;max-width:344px!important;gap:0!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control .grid-condition-toggle-row{display:grid!important;grid-template-columns:24px 168px 134px!important;align-items:center!important;column-gap:9px!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-toggle-row>.grid-condition-toggle{width:168px!important;min-width:168px!important;max-width:168px!important;flex-basis:168px!important;height:34px!important;gap:8px!important;justify-content:space-between!important;padding:0!important;font:600 11px 'Noto Sans',sans-serif!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-toggle-label{font-size:11px!important;white-space:nowrap!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-toggle-label::after{content:none!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-options{display:flex!important;visibility:visible!important;width:134px!important;min-width:134px!important;max-width:134px!important;flex:0 0 134px!important;margin:0!important;padding:0!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-options[hidden]{display:flex!important;visibility:hidden!important;pointer-events:none!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-view-wrap,
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-view{width:134px!important;min-width:134px!important;max-width:134px!important;height:34px!important;font:600 11px 'Noto Sans',sans-serif!important;box-sizing:border-box!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-about{align-self:center!important;margin:0!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-about summary{width:23px!important;height:23px!important;line-height:21px!important;font-size:13px!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-about>div{top:24px!important;left:auto!important;right:-245px!important;font:12px/1.5 'Noto Sans',sans-serif!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-custom{position:absolute!important;top:40px!important;right:0!important;left:auto!important;padding:4px!important;background:#fff;border-radius:6px;box-shadow:0 3px 12px #17285517;z-index:20}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-custom[hidden]{display:none!important}
@media(min-width:1280px){
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls]{display:grid!important;grid-template-columns:185px minmax(188px,1fr) 344px!important;grid-template-rows:1fr!important;grid-template-areas:"grid-brand grid-search grid-controls"!important;height:94px!important;min-height:94px!important;max-height:94px!important;align-items:center!important;gap:16px!important;padding:8px 22px 8px 482px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-brand-stack{grid-area:grid-brand!important;position:static!important;width:185px!important;height:74px!important;justify-content:center!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .brand{width:185px!important;height:74px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search{grid-area:grid-search!important;width:100%!important;min-width:0!important;max-width:300px!important;height:44px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search input{height:44px!important;font-size:13px!important;padding-right:28px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control{grid-area:grid-controls!important}
}
@media(min-width:981px) and (max-width:1279px){
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls]{display:grid!important;grid-template-columns:160px minmax(170px,1fr)!important;grid-template-rows:48px 36px!important;grid-template-areas:"grid-brand grid-search" "grid-controls grid-controls"!important;padding:6px 18px 6px 482px!important;column-gap:14px!important;row-gap:4px!important;height:102px!important;min-height:102px!important;align-items:center!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-brand-stack{grid-area:grid-brand!important;width:160px!important;height:48px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .brand{width:160px!important;height:48px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search{grid-area:grid-search!important;width:100%!important;min-width:0!important;max-width:300px!important;height:40px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search input{height:40px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control{grid-area:grid-controls!important}
}
html[data-view-options="2"] .view-options{position:absolute;top:14px;left:14px;z-index:12;width:270px;box-sizing:border-box;padding:12px 14px;background:rgba(255,255,255,.98);border:1px solid #d5daea;border-radius:10px;box-shadow:0 4px 14px #182c5514;color:#152b54;font:12px/1.4 'Noto Sans',sans-serif}
html[data-view-options="2"] .view-options summary{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
html[data-view-options="2"] .view-options label{display:flex;align-items:center;gap:8px;margin-top:11px;cursor:pointer}
html[data-view-options="2"] .view-options input{appearance:auto;accent-color:#173967;width:15px;height:15px;margin:0;flex:0 0 15px}
html[data-view-options="2"] .view-options .scenario-note{display:block;font-size:10px;line-height:1.45;margin-top:12px;color:#617088}
html[data-view-options="2"] .scenario-error{display:block;color:#8b3935;margin-top:8px}
html[data-view-options="2"] .scenario-error[hidden]{display:none}
html[data-view-options="2"] .grid-data-loading{position:absolute;z-index:60;top:16px;left:50%;transform:translateX(-50%);padding:11px 16px;border:1px solid #d2dcec;border-radius:8px;box-shadow:0 4px 20px #17285526;background:#fff;color:#172855;font:600 12px/1.4 'Noto Sans',sans-serif;white-space:nowrap}
html[data-view-options="2"] .grid-data-loading[hidden]{display:none}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-float{position:absolute!important;top:36%!important;right:18px!important;left:auto!important;bottom:auto!important;transform:none!important;width:348px!important;max-width:calc(100% - 32px)!important;display:flex!important;flex-direction:column!important;gap:9px!important;z-index:18!important;pointer-events:none!important}
html[data-view-options="2"] .grid-panel-slot{position:relative;width:100%;pointer-events:none}
html[data-view-options="2"] .grid-panel-slot[hidden]{display:none!important}
html[data-view-options="2"] .grid-panel-slot>aside,html[data-view-options="2"] .grid-panel-slot>section{pointer-events:auto}
html[data-view-options="2"] .grid-panel-slot.is-collapsed>aside,html[data-view-options="2"] .grid-panel-slot.is-collapsed>section{display:none!important}
html[data-view-options="2"] .grid-panel-restore{display:block;pointer-events:auto;margin:0 0 0 auto;background:#fff;border:1px solid #bcc8de;border-radius:5px;padding:7px 12px;color:#172855;font:600 11px/1.2 'Noto Sans',sans-serif;cursor:pointer;box-shadow:0 3px 10px #15284b1c}
html[data-view-options="2"] .grid-panel-restore[hidden]{display:none!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot .grid-condition-player[data-compact-timeline]{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;box-sizing:border-box!important;padding:13px!important;margin:0!important;display:grid!important;grid-template-columns:138px minmax(0,1fr)!important;gap:7px 8px!important;border:1px solid #d5deeb!important;border-radius:10px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 5px 18px #1c315420!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot .grid-condition-player[hidden]{display:none!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-time-block{grid-column:1/-1!important;grid-row:1!important;display:flex!important;flex-direction:row-reverse!important;justify-content:flex-end!important;align-items:baseline!important;gap:9px!important;padding-right:22px!important;margin:0!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-replay-clock{font:600 28px/1.16 'Oswald',sans-serif!important;color:#202b39!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-date-label{font:600 10px/1.3 'Noto Sans',sans-serif!important;color:#657184!important;letter-spacing:0!important;max-width:125px}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-timeline-wrap{grid-column:1/-1!important;grid-row:2!important;margin:0!important;padding:0!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-day-marks{font:500 9px/1.3 'Noto Sans',sans-serif!important;margin-top:2px!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-transport{grid-column:1!important;grid-row:3!important;display:grid!important;grid-template-columns:30px 66px 30px!important;gap:5px!important;justify-content:start!important;align-items:center!important;margin:0!important;padding:0!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-transport button{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;padding:0!important;font:600 11px/1 'Noto Sans',sans-serif!important;flex:none!important;box-sizing:border-box!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-transport .grid-condition-play{width:66px!important;min-width:66px!important;max-width:66px!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-resolution-row{grid-column:2!important;grid-row:3!important;justify-content:flex-start!important;align-self:center!important;margin:0!important;padding:0!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-resolution-row[hidden]{display:none!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-instruction{grid-column:1/-1!important;grid-row:4!important;font:500 13px/1.4 'Noto Sans',sans-serif!important;white-space:nowrap!important;margin:0!important;padding:1px 0!important;color:#607185!important;letter-spacing:-.3px!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-reading{grid-column:1/-1!important;grid-row:5!important;margin:0!important;padding-top:8px!important;border-top:1px solid #dce1e9!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-status{grid-column:1/-1!important;grid-row:6!important;font-size:12px!important;line-height:1.45!important;margin:0!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-status[hidden]{display:none!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player .grid-condition-reading-label{font-size:10px!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player .grid-condition-charge-value,html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player .grid-condition-inline-severity,html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player .grid-condition-reading-separator{font-size:21px!important;line-height:1.2!important}
html[data-view-options="2"][data-vpp-panel-visible="1"] .sample-grid-disclosure{display:none!important}
html[data-view-options="2"] .sample-grid-disclosure{font-size:9px!important;font-style:normal!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot .grid-panel-close{position:absolute!important;right:7px!important;top:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:23px!important;height:23px!important;min-width:23px!important;margin:0!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#6b7a90!important;font:400 21px/1 Arial,sans-serif!important;cursor:pointer;z-index:3}
html[data-view-options="2"] .grid-panel-close:hover{background:#edf2f8!important;color:#142b54!important}
html[data-view-options="2"] .sample-vpp-output{position:relative;box-sizing:border-box;width:100%;padding:13px 14px;background:rgba(249,252,255,.98);border:1px solid #c5dcea;border-radius:10px;color:#142855;font:11px 'Noto Sans',sans-serif;box-shadow:0 4px 16px #17285514}
html[data-view-options="2"] .sample-vpp-output[hidden]{display:none!important}
html[data-view-options="2"] .sample-kicker{font-size:9px;font-weight:700;letter-spacing:.065em;padding-right:18px}
html[data-view-options="2"] .sample-output-row{display:flex;gap:14px;align-items:center;margin:9px 0}
html[data-view-options="2"] .sample-output-row strong{font:600 34px/1.25 'Oswald',sans-serif;color:#007CDD;white-space:nowrap}
html[data-view-options="2"] .sample-output-row .sample-unit{font:600 11px 'Noto Sans',sans-serif}
html[data-view-options="2"] .sample-note{font:500 11px/1.4 'Noto Sans',sans-serif;color:#536a82;max-width:150px}
html[data-view-options="2"] .sample-event-state{font-size:11px;font-weight:600;color:#213958}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot .historical-vpp-output{position:relative!important;inset:auto!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding-top:14px!important}
html[data-view-options="2"] .historical-vpp-output .hvpp-heading{padding-right:24px!important}
html[data-view-options="2"] .view-options input:focus-visible,html[data-view-options="2"] .grid-panel-close:focus-visible,html[data-view-options="2"] .grid-panel-restore:focus-visible{outline:2px solid #007cda!important;outline-offset:3px}
@media(max-width:980px){
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls]{display:grid!important;grid-template-columns:170px minmax(150px,1fr)!important;grid-template-areas:"brand search" "controls controls"!important;grid-template-rows:52px 34px!important;align-content:center!important;gap:5px 16px!important;position:relative!important;padding:5px 15px!important;height:103px!important;min-height:103px!important;max-height:103px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-brand-stack{display:contents!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .brand{grid-area:brand!important;width:170px!important;height:52px!important;position:static!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .brand img{width:100%!important;height:100%!important;object-fit:contain!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search{grid-area:search!important;position:relative!important;inset:auto!important;width:100%!important;max-width:380px!important;min-width:0!important;height:40px!important;justify-self:end!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search input{height:40px!important;font-size:12px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control{grid-area:controls!important;justify-self:end!important}
 html[data-view-options="2"] .view-options{top:calc(var(--grid-toolbar-inset,0px) + 12px);width:254px}
 html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-float{top:calc(var(--grid-toolbar-inset,0px) + 235px)!important;right:12px!important;width:348px!important}
 html[data-view-options="2"] .grid-data-loading{top:calc(var(--grid-toolbar-inset,0px) + 12px)}
}
@media(max-width:560px){
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls]{grid-template-columns:145px minmax(120px,1fr)!important;column-gap:12px!important;padding:5px 10px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .brand{width:145px!important;height:52px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search input{font-size:11px!important;padding-left:31px!important;padding-right:23px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control,html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control.is-enabled,html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-toggle-column,html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control .grid-condition-toggle-row{width:328px!important;min-width:328px!important;max-width:328px!important;flex-basis:328px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control .grid-condition-toggle-row{grid-template-columns:22px 160px 130px!important;column-gap:8px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-toggle-row>.grid-condition-toggle{width:160px!important;min-width:160px!important;max-width:160px!important;flex-basis:160px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-toggle-label{font-size:10px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-options,html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-view-wrap,html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-view{width:130px!important;min-width:130px!important;max-width:130px!important}
 html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-about>div{right:-285px!important;width:304px!important}
 html[data-view-options="2"] .view-options{left:8px;top:calc(var(--grid-toolbar-inset,0px) + 10px);width:248px;padding:10px 12px}
 html[data-view-options="2"] .view-options:not([open]){width:145px}
 html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-float{top:calc(var(--grid-toolbar-inset,0px) + 70px)!important;right:8px!important;width:calc(100% - 16px)!important;max-width:360px!important;gap:7px!important}
 html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-instruction{font-size:12px!important;letter-spacing:-.35px!important}
 html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-replay-clock{font-size:25px!important}
 html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline]{padding:11px!important;row-gap:5px!important}
 html[data-view-options="2"] .sample-vpp-output{padding:10px 12px}
 html[data-view-options="2"] .sample-output-row{margin:6px 0}
 html[data-view-options="2"] .sample-output-row strong{font-size:30px}
 html[data-view-options="2"] .grid-data-loading{font-size:11px;max-width:calc(100% - 30px);white-space:normal;text-align:center;box-sizing:border-box}
}

html[data-view-options="2"] .grid-panel-slot.is-collapsed[data-panel-slot="timeline"]{min-height:var(--expanded-panel-height,180px)}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot.is-collapsed .grid-condition-player[data-compact-timeline],html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot.is-collapsed .historical-vpp-output,html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot.is-collapsed .sample-vpp-output{display:none!important}
html[data-view-options="2"]{--header-h:94px}
@media(min-width:981px) and (max-width:1279px){html[data-view-options="2"]{--header-h:102px}}
@media(max-width:980px){html[data-view-options="2"]{--header-h:103px}}

/* Explicit tracks override legacy flex ordering and grid placement. */
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control .grid-condition-toggle-row>.grid-condition-about{grid-column:1!important;grid-row:1!important;order:0!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control .grid-condition-toggle-row>.grid-condition-toggle{grid-column:2!important;grid-row:1!important;order:1!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control .grid-condition-toggle-row>.grid-condition-options{grid-column:3!important;grid-row:1!important;order:2!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .grid-condition-control .grid-condition-toggle-row{height:34px!important;grid-template-rows:34px!important}
html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search{align-self:center!important}
@media(min-width:981px){html[data-view-options="2"] body .header[data-grid-shell][data-compact-grid-controls] .search{justify-self:start!important}}

html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-time-block{flex-direction:row!important;justify-content:flex-start!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-replay-clock{order:0!important}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-player[data-compact-timeline] .grid-condition-date-label{order:1!important}