/* © 2026 HowItWorks3D. All rights reserved.
   Unauthorized copying, reproduction, modification, extraction,
   redistribution, resale, or commercial use prohibited without
   prior written permission. */
.engine-operation-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #242d38;background:#10151b}.engine-operation-bar>span,.engine-operation-bar>small{color:#91a2b5;font-size:10px}.engine-operation-bar>small{flex-basis:100%}.engine-run-button{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #35587d;border-radius:5px;background:#1b3148;color:#c1ddf8;font-size:11px;cursor:pointer}.engine-run-button.active{background:#254e73;border-color:#6094c6}.engine-run-button:disabled{opacity:.5;cursor:wait}.engine-stage-controls{display:flex;gap:3px;margin-left:auto;flex-wrap:wrap}.engine-stage-controls button{padding:6px;font-size:10px;border:0;border-radius:4px;color:#94a2b2;background:transparent;cursor:pointer}.engine-stage-controls button.active{color:#d1e8ff;background:#23384d}@media(max-width:700px){.engine-stage-controls{margin-left:0;flex-basis:100%}.engine-operation-bar{padding:10px}}.viewer-toolbar:has(.viewer-quality){flex-wrap:wrap}.viewer-quality{display:inline-flex;align-items:center;gap:6px;padding:0 7px;border:1px solid #28313b;border-radius:4px;background:#10151b;color:#9ba7b5;font-size:10px}.viewer-quality select{min-height:32px;border:0;background:#10151b;color:#c1ddf8;font:inherit;cursor:pointer;color-scheme:dark}.viewer-quality:focus-within{outline:2px solid #6094c6;outline-offset:2px}