@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}#wipe.active{animation-duration:1ms}.scene-exit .shell{opacity:1}}.operator{overflow:auto;height:auto;min-height:100%;background:#08111e;padding:28px;font-family:'Segoe UI',Arial,sans-serif}.operator main{max-width:1420px;margin:auto}.operator h1{font-size:32px;margin-bottom:10px}.operator h2{font-size:20px;margin:22px 0 12px}.operator p{color:#b7c4d4;line-height:1.5}.operator nav,.operator .commands{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.operator button,.operator select,.operator input,.operator a{color:#fff;background:#192b40;border:1px solid #42556e;border-radius:4px;padding:10px 13px;min-height:42px;font-size:15px}.operator a{text-decoration:none;display:inline-block}.operator button:hover,.operator a:hover{border-color:#efc970}.operator .primary{background:#efc970;color:#08111e;font-weight:700}.operator .scene-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.operator .fields{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.operator label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#b7c4d4}.operator input[type=number]{width:140px}.operator input[type=checkbox]{min-height:20px;width:20px}.operator .status{padding:12px 16px;border-left:4px solid #efc970;background:#101e30;margin:16px 0;color:#fff}.preview-host{margin:20px 0;overflow:auto;max-width:100%;padding:0;background:repeating-conic-gradient(#344052 0% 25%,#283346 0% 50%) 0 0/32px 32px}.preview-host iframe{border:0;display:block;width:1280px;height:720px;background:transparent}.operator .help{font-size:14px;margin-top:12px}.operator .layout-control{display:grid;grid-template-columns:1fr;gap:20px}.operator fieldset{border:1px solid #33465d;padding:18px;margin:18px 0}.operator legend{color:#efc970}.operator .scene-buttons button{text-align:left}

/* Operator pages scroll independently from the fixed OBS canvas. */
html:has(> body.operator){height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}
body.operator{height:auto;overflow:visible;padding:20px}
.operator main{max-width:1180px;min-width:0}
.operator .preview-host{position:relative;width:100%;max-width:960px;overflow:hidden}
.operator .preview-host iframe{position:absolute;left:0;top:0;transform-origin:top left}
.operator .fields>label{min-width:0;max-width:100%}
.operator input,.operator select{max-width:100%}
.operator fieldset{min-width:0}
@media(max-width:600px){body.operator{padding:12px}.operator h1{font-size:26px}.operator .fields{gap:10px}.operator .fields>label{flex:1 1 140px}.operator fieldset{padding:12px}.operator .commands button{flex:1 1 90px}}