.synthetic-viewer:has(.zone-explorer){align-self:start;min-height:0;scroll-margin-top:96px}.zone-explorer{color:#f7f4ec;isolation:isolate;background:#102c36;flex-direction:column;min-width:0;display:flex}.zone-explorer-heading{border-bottom:1px solid #36525b;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.zone-explorer-heading span{color:#b7d6ce;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.zone-explorer-heading h2{color:#fff8eb;margin:6px 0 0;font-size:clamp(1.3rem,2.3vw,1.8rem)}.zone-explorer button,.zone-explorer select{color:#f7f4ec;font:inherit;cursor:pointer;background:#173b46;border:1px solid #547078;border-radius:8px;min-height:44px;padding:9px 12px;font-size:.78rem}.zone-explorer button:hover:not(:disabled){background:#285763;border-color:#a5c9c7}.zone-explorer button[aria-pressed=true]{color:#172a30;background:#e6b577;border-color:#e6b577;font-weight:750}.zone-explorer button[aria-pressed=true]:hover:not(:disabled){background:#f0c992;border-color:#f0c992}.zone-explorer button:disabled{opacity:.5;cursor:not-allowed}.zone-explorer :is(button,select,.zone-explorer-stage):focus-visible{outline-offset:3px;outline:3px solid #f3bd7a}.zone-explorer-controls{gap:12px;padding:14px 20px;display:grid}.zone-explorer-select{color:#c4d9dc;gap:6px;min-width:0;font-size:.75rem;display:grid}.zone-explorer-select select{text-overflow:ellipsis;width:100%;min-width:0}.zone-explorer-presets,.zone-explorer-navigation{flex-wrap:wrap;gap:8px;display:flex}.zone-explorer-stage{background:#dce7e3;flex-shrink:0;height:clamp(360px,54vh,620px);min-height:0;position:relative;overflow:hidden}.zone-explorer-stage canvas{touch-action:none;min-height:0!important}.zone-explorer-navigation{padding:14px 20px 8px}.zone-explorer-help{color:#c4d9dc;padding:4px 20px 16px;font-size:.73rem;line-height:1.6;display:block}.zone-explorer-help p{margin:0 0 5px}.zone-explorer-help [role=status]{color:#f3c890}.zone-explorer-help [role=alert]{color:#ffd6c7;margin-top:8px}.zone-explorer:fullscreen{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:auto}.zone-explorer:fullscreen .zone-explorer-stage{flex:1 0 180px;height:auto}.zone-explorer:fullscreen .zone-explorer-controls{grid-template-columns:minmax(180px,360px) 1fr;align-items:end}.synthetic-zone-search{color:#526171;gap:6px;margin-top:16px;font-size:.75rem;display:grid}.synthetic-zone-search input{color:#172033;background:#fff;border:1px solid #aabcb9;border-radius:8px;width:100%;min-width:0;min-height:44px;padding:10px}.synthetic-zone-empty{padding:12px 20px;font-size:.85rem}@media (max-width:600px){.zone-explorer-heading{align-items:start;padding:16px}.zone-explorer-heading>button{flex-shrink:0;max-width:104px}.zone-explorer-controls{padding:12px 16px}.zone-explorer-navigation{padding:12px 16px 8px}.zone-explorer-help{padding:4px 16px 16px}.zone-explorer button{padding:8px 10px}.zone-explorer:fullscreen .zone-explorer-controls{grid-template-columns:1fr}.zone-explorer-stage{height:380px}}@media (max-height:550px){.zone-explorer:fullscreen .zone-explorer-heading{padding:6px 16px}.zone-explorer:fullscreen .zone-explorer-heading h2{font-size:1.1rem}.zone-explorer:fullscreen .zone-explorer-controls{gap:6px;padding:6px 16px}.zone-explorer:fullscreen .zone-explorer-navigation{padding:6px 16px}.zone-explorer:fullscreen .zone-explorer-help{padding:0 16px 6px}}