/* One full-viewport startup surface; the flag retains its original aspect ratio. */
#startup-status{overflow:hidden;padding:16px;box-sizing:border-box;background:#e8a400}
#startup-status>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.startup-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(90vw,720px);padding:24px 38px;border-radius:18px;background:#ffffffeb;color:#183660;box-shadow:0 8px 40px #30230033;line-height:1.7;overflow-wrap:anywhere}
#startup-status .startup-card strong{font:700 clamp(36px,6vw,76px)/1.5 "Segoe UI",sans-serif}
#startup-status .startup-message{font:500 clamp(22px,3vw,36px)/1.8 "Segoe UI","Microsoft Himalaya",sans-serif}
#startup-status .startup-dots{font-size:28px}#startup-status button{font-size:20px;min-height:44px}
#flyout-scale-controls{position:absolute;z-index:1000;box-sizing:border-box;width:max-content;height:26px;padding:0;background:transparent;display:flex;align-items:center;gap:3px;border:0;pointer-events:none}
#flyout-scale-controls[hidden],#flyout-horizontal-scroll[hidden]{display:none}
#flyout-scale-controls button{pointer-events:auto;min-height:24px;height:24px;padding:1px 6px;font:600 11px/1.4 "Segoe UI",sans-serif;border:1px solid var(--editor-border,#b5c7d9);border-radius:6px;background:var(--editor-panel,#fff);color:var(--editor-text,#173451)}
#flyout-scale-controls #flyout-width-button{min-width:24px;font-size:16px;line-height:1}
#flyout-size-popover{position:absolute;top:29px;left:0;z-index:15;pointer-events:auto;width:min(232px,calc(100vw - 30px));padding:11px;background:var(--editor-panel,#fff);color:var(--editor-text,#173451);border:1px solid var(--editor-border,#b5c7d9);border-radius:9px;box-shadow:0 8px 28px #13284245;display:grid;gap:9px}
#flyout-size-popover[hidden]{display:none}#flyout-size-popover label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600}#flyout-size-popover output{white-space:nowrap}#flyout-size-popover input{width:100%;height:22px;margin:0;accent-color:#2466cd}#flyout-size-popover button{height:29px;width:100%;font-size:12px}
#classroom-resizer{position:absolute;top:0;bottom:16px;width:10px;z-index:12;cursor:col-resize;touch-action:none;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--editor-border,#b5c7d9);background:linear-gradient(90deg,transparent 20%,var(--editor-panel,#fff) 45%,var(--editor-panel,#fff) 65%,transparent 90%)}
#classroom-resizer[hidden]{display:none}#classroom-resizer span{height:48px;width:4px;border-radius:4px;background:var(--editor-text,#173451);opacity:.48}#classroom-resizer:hover,#classroom-resizer:focus-visible{background:#7da8db88;outline:2px solid #2466cd;outline-offset:0}#classroom-resizer:hover span,#classroom-resizer:focus-visible span{opacity:.8}
#flyout-horizontal-scroll{position:absolute;height:16px;overflow-x:scroll;overflow-y:hidden;z-index:2;background:var(--editor-panel,#fff)}
#flyout-horizontal-scroll>div{height:1px}
.blocklyDropdownText.druk-operator-symbol{font-family:"Segoe UI",sans-serif!important;font-size:20px!important;font-weight:700}
.board-connection-body .druk-board-cards{margin:3px 0 6px;gap:10px}
.board-connection-body .druk-board-card img{height:80px}
.board-connection-body .board-actions{position:static;justify-content:stretch;gap:12px;margin:4px 0;padding:6px 0;box-shadow:none}
.board-actions button{flex:1;min-height:48px!important;height:auto;padding:8px 18px!important;white-space:normal;font-size:16px}
#apply-connect{background:#185cc8;color:#fff;border-color:#185cc8}
#board-advanced{margin-top:6px}#board-advanced>summary{padding:8px;cursor:pointer}
#board-advanced #settings-advanced>summary{display:none}#board-advanced #settings-advanced{margin:0}
#board-advanced .connection-settings{padding:0;border:0}
#bridge-menu-status{font-weight:600}#bridge-menu-version{font-size:13px;color:var(--editor-text,#173451)}
@media(max-width:600px){.startup-card{padding:18px}.board-connection-body .druk-board-card img{height:60px}}
:is(.druk-ai-camera-launch,.druk-ai-model-launch) .blocklyFlyoutButtonBackground{fill:#006B73;stroke:#004A50;stroke-width:2px}
:is(.druk-ai-camera-launch,.druk-ai-model-launch) .blocklyFlyoutButtonShadow{fill:#003E44}
:is(.druk-ai-camera-launch,.druk-ai-model-launch) .blocklyText{fill:#fff;font-family:"Noto Sans Tibetan","Microsoft Himalaya","Segoe UI",sans-serif}
:is(.druk-ai-camera-launch,.druk-ai-model-launch):hover .blocklyFlyoutButtonBackground,:is(.druk-ai-camera-launch,.druk-ai-model-launch):focus-visible .blocklyFlyoutButtonBackground{fill:#005159;stroke:#002D32}
:is(.druk-ai-camera-launch,.druk-ai-model-launch):focus-visible{outline:3px solid #F5AE22;outline-offset:3px}