.ops-banners{position:relative;z-index:10;font:15px/1.5 system-ui,sans-serif;color:#163333}.ops-banner{padding:16px max(20px,calc((100% - 1120px)/2));background:#fff1d2;border-bottom:1px solid #d2a54a}.ops-banner p{margin:5px 0;white-space:pre-wrap}.ops-info{background:#e2f1fa}.ops-outage{background:#ffe0df;border-color:#bd4942}.ops-degraded{background:#ffe6cf}.ops-panel{margin-top:28px;padding:24px;background:white;border:1px solid #dce6e1;border-radius:16px}.ops-panel label{display:block;margin:14px 0 5px}.ops-panel input:not([type=checkbox]),.ops-panel textarea,.ops-panel select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #91a9a0;border-radius:6px;font:inherit}.ops-panel textarea{min-height:100px}.ops-panel select[multiple]{min-height:150px}.ops-panel button{margin:12px 8px 0 0}.ops-row{border-top:1px solid #dce6e1;padding:16px 0;overflow-wrap:anywhere}.ops-row p{white-space:pre-wrap}.ops-feedback{padding:12px;background:#edf3f0}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.ops-grid{grid-template-columns:1fr}}

html[data-storyalive-environment="DEV"]{--ops-environment-height:40px;padding-top:var(--ops-environment-height);scroll-padding-top:var(--ops-environment-height)}
.ops-environment{position:fixed;inset:0 0 auto;z-index:2147483000;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2px 18px;padding:8px 16px;background:#ffc857;color:#241700;border-bottom:2px solid #865400;font:13px/1.5 system-ui,sans-serif;text-align:center}
.ops-environment strong{font-weight:800;white-space:nowrap}.ops-environment span{font:inherit}
.ops-dev-badge,.sc-brand .ops-dev-badge{display:inline-block;opacity:1;margin-left:10px;padding:3px 8px;border:1px solid #865400;border-radius:5px;background:#ffc857;color:#241700;font:800 12px/1.4 system-ui,sans-serif;vertical-align:middle;letter-spacing:.06em}
.ops-production{padding:10px 20px;background:#fff0df;border-bottom:2px solid #ac4b18;color:#622807;font:14px/1.5 system-ui,sans-serif}.ops-production strong{margin-right:12px}
@media(max-width:600px){html[data-storyalive-environment="DEV"]{--ops-environment-height:64px}.ops-environment{gap:0 12px;padding:6px 12px;font-size:12px}}

html[data-storyalive-environment="DEV"] .topbar{top:var(--ops-environment-height)}
html[data-storyalive-environment="DEV"].embedded main{height:calc(100dvh - var(--ops-environment-height))}
html[data-storyalive-environment="DEV"] .workspace-dialog[open],html[data-storyalive-environment="DEV"] #editor.workspace-dialog[open]{top:var(--ops-environment-height);height:calc(100dvh - var(--ops-environment-height));max-height:calc(100dvh - var(--ops-environment-height))}