/* Generated palette declarations. See tools/theme-css.mjs. */
:root, [data-vb-theme="classic"] {
  --vb-face: #c0c0c0;
  --vb-light: #ffffff;
  --vb-highlight: #dfdfdf;
  --vb-shadow: #808080;
  --vb-dark: #000000;
  --vb-text: #000000;
  --vb-title: #000080;
  --vb-title-end: #000080;
  --vb-title-text: #ffffff;
  --vb-inactive: #808080;
  --vb-inactive-end: #808080;
  --vb-inactive-text: #c0c0c0;
  --vb-window: #ffffff;
  --vb-window-text: #000000;
  --vb-selection: #000080;
  --vb-selection-text: #ffffff;
  --vb-workspace: #808080;
  --vb-desktop: #008080;
  --vb-gray: #808080;
  --vb-info: #ffffe1;
  --vb-info-text: #000000;
  --vb-link: #0000ff;
  --vb-keyword: #000080;
  --vb-comment: #008000;
  --vb-breakpoint: #800000;
  --vb-execution: #ffff00;
  --vb-icon-k: #000000;
  --vb-icon-w: #ffffff;
  --vb-icon-f: #c0c0c0;
  --vb-icon-s: #808080;
  --vb-icon-d: #404040;
  --vb-icon-n: #000080;
  --vb-icon-b: #0000ff;
  --vb-icon-t: #008080;
  --vb-icon-c: #00ffff;
  --vb-icon-g: #008000;
  --vb-icon-l: #00ff00;
  --vb-icon-o: #808000;
  --vb-icon-y: #ffff00;
  --vb-icon-h: #ffff80;
  --vb-icon-r: #800000;
  --vb-icon-e: #ff0000;
  --vb-icon-m: #800080;
  --vb-sys-0: var(--vb-face);
  --vb-sys-1: var(--vb-desktop);
  --vb-sys-2: var(--vb-title);
  --vb-sys-3: var(--vb-inactive);
  --vb-sys-4: var(--vb-face);
  --vb-sys-5: var(--vb-window);
  --vb-sys-6: var(--vb-dark);
  --vb-sys-7: var(--vb-text);
  --vb-sys-8: var(--vb-window-text);
  --vb-sys-9: var(--vb-title-text);
  --vb-sys-10: var(--vb-face);
  --vb-sys-11: var(--vb-face);
  --vb-sys-12: var(--vb-workspace);
  --vb-sys-13: var(--vb-selection);
  --vb-sys-14: var(--vb-selection-text);
  --vb-sys-15: var(--vb-face);
  --vb-sys-16: var(--vb-shadow);
  --vb-sys-17: var(--vb-gray);
  --vb-sys-18: var(--vb-text);
  --vb-sys-19: var(--vb-inactive-text);
  --vb-sys-20: var(--vb-light);
  --vb-sys-21: var(--vb-dark);
  --vb-sys-22: var(--vb-highlight);
  --vb-sys-23: var(--vb-info-text);
  --vb-sys-24: var(--vb-info);
  --vb-sys-25: var(--vb-face);
  --vb-sys-26: var(--vb-link);
  --vb-sys-27: var(--vb-title-end);
  --vb-sys-28: var(--vb-inactive-end);
  --vb-sys-29: var(--vb-selection);
  --vb-sys-30: var(--vb-face);
}
[data-vb-theme="standard"] {
  --vb-face: #d4d0c8;
  --vb-light: #ffffff;
  --vb-highlight: #e9e7e3;
  --vb-shadow: #808080;
  --vb-dark: #404040;
  --vb-text: #000000;
  --vb-title: #0a246a;
  --vb-title-end: #a6caf0;
  --vb-title-text: #ffffff;
  --vb-inactive: #808080;
  --vb-inactive-end: #c0c0c0;
  --vb-inactive-text: #c0c0c0;
  --vb-window: #ffffff;
  --vb-window-text: #000000;
  --vb-selection: #0a246a;
  --vb-selection-text: #ffffff;
  --vb-workspace: #808080;
  --vb-desktop: #008080;
  --vb-gray: #808080;
  --vb-info: #ffffe1;
  --vb-info-text: #000000;
  --vb-link: #0000ff;
  --vb-keyword: #000080;
  --vb-comment: #008000;
  --vb-breakpoint: #800000;
  --vb-execution: #ffff00;
  --vb-icon-k: #000000;
  --vb-icon-w: #ffffff;
  --vb-icon-f: #c0c0c0;
  --vb-icon-s: #808080;
  --vb-icon-d: #404040;
  --vb-icon-n: #000080;
  --vb-icon-b: #0000ff;
  --vb-icon-t: #008080;
  --vb-icon-c: #00ffff;
  --vb-icon-g: #008000;
  --vb-icon-l: #00ff00;
  --vb-icon-o: #808000;
  --vb-icon-y: #ffff00;
  --vb-icon-h: #ffff80;
  --vb-icon-r: #800000;
  --vb-icon-e: #ff0000;
  --vb-icon-m: #800080;
  --vb-sys-0: var(--vb-face);
  --vb-sys-1: var(--vb-desktop);
  --vb-sys-2: var(--vb-title);
  --vb-sys-3: var(--vb-inactive);
  --vb-sys-4: var(--vb-face);
  --vb-sys-5: var(--vb-window);
  --vb-sys-6: var(--vb-dark);
  --vb-sys-7: var(--vb-text);
  --vb-sys-8: var(--vb-window-text);
  --vb-sys-9: var(--vb-title-text);
  --vb-sys-10: var(--vb-face);
  --vb-sys-11: var(--vb-face);
  --vb-sys-12: var(--vb-workspace);
  --vb-sys-13: var(--vb-selection);
  --vb-sys-14: var(--vb-selection-text);
  --vb-sys-15: var(--vb-face);
  --vb-sys-16: var(--vb-shadow);
  --vb-sys-17: var(--vb-gray);
  --vb-sys-18: var(--vb-text);
  --vb-sys-19: var(--vb-inactive-text);
  --vb-sys-20: var(--vb-light);
  --vb-sys-21: var(--vb-dark);
  --vb-sys-22: var(--vb-highlight);
  --vb-sys-23: var(--vb-info-text);
  --vb-sys-24: var(--vb-info);
  --vb-sys-25: var(--vb-face);
  --vb-sys-26: var(--vb-link);
  --vb-sys-27: var(--vb-title-end);
  --vb-sys-28: var(--vb-inactive-end);
  --vb-sys-29: var(--vb-selection);
  --vb-sys-30: var(--vb-face);
}
[data-vb-theme="contrast"] {
  --vb-face: #000000;
  --vb-light: #ffffff;
  --vb-highlight: #ffffff;
  --vb-shadow: #c0c0c0;
  --vb-dark: #ffffff;
  --vb-text: #ffffff;
  --vb-title: #000080;
  --vb-title-end: #000080;
  --vb-title-text: #ffffff;
  --vb-inactive: #000000;
  --vb-inactive-end: #000000;
  --vb-inactive-text: #ffffff;
  --vb-window: #000000;
  --vb-window-text: #ffffff;
  --vb-selection: #800080;
  --vb-selection-text: #ffffff;
  --vb-workspace: #000000;
  --vb-desktop: #000000;
  --vb-gray: #00ff00;
  --vb-info: #000000;
  --vb-info-text: #ffffff;
  --vb-link: #ffff00;
  --vb-keyword: #00ffff;
  --vb-comment: #00ff00;
  --vb-breakpoint: #ff0000;
  --vb-execution: #ffff00;
  --vb-icon-k: var(--vb-text);
  --vb-icon-w: var(--vb-window);
  --vb-icon-f: var(--vb-face);
  --vb-icon-s: var(--vb-shadow);
  --vb-icon-d: var(--vb-dark);
  --vb-icon-n: #00ffff;
  --vb-icon-b: #00ffff;
  --vb-icon-t: #00ffff;
  --vb-icon-c: #00ffff;
  --vb-icon-g: #00ff00;
  --vb-icon-l: #00ff00;
  --vb-icon-o: #ffff00;
  --vb-icon-y: #ffff00;
  --vb-icon-h: #ffff80;
  --vb-icon-r: #ff8080;
  --vb-icon-e: #ff0000;
  --vb-icon-m: #ff80ff;
  --vb-sys-0: var(--vb-face);
  --vb-sys-1: var(--vb-desktop);
  --vb-sys-2: var(--vb-title);
  --vb-sys-3: var(--vb-inactive);
  --vb-sys-4: var(--vb-face);
  --vb-sys-5: var(--vb-window);
  --vb-sys-6: var(--vb-dark);
  --vb-sys-7: var(--vb-text);
  --vb-sys-8: var(--vb-window-text);
  --vb-sys-9: var(--vb-title-text);
  --vb-sys-10: var(--vb-face);
  --vb-sys-11: var(--vb-face);
  --vb-sys-12: var(--vb-workspace);
  --vb-sys-13: var(--vb-selection);
  --vb-sys-14: var(--vb-selection-text);
  --vb-sys-15: var(--vb-face);
  --vb-sys-16: var(--vb-shadow);
  --vb-sys-17: var(--vb-gray);
  --vb-sys-18: var(--vb-text);
  --vb-sys-19: var(--vb-inactive-text);
  --vb-sys-20: var(--vb-light);
  --vb-sys-21: var(--vb-dark);
  --vb-sys-22: var(--vb-highlight);
  --vb-sys-23: var(--vb-info-text);
  --vb-sys-24: var(--vb-info);
  --vb-sys-25: var(--vb-face);
  --vb-sys-26: var(--vb-link);
  --vb-sys-27: var(--vb-title-end);
  --vb-sys-28: var(--vb-inactive-end);
  --vb-sys-29: var(--vb-selection);
  --vb-sys-30: var(--vb-face);
}
:root { --vb-font:"MS Sans Serif",Tahoma,Arial,sans-serif; --vb-size:11px; --vb-caption-height:18px; --vb-scrollbar:16px; }
[data-vb-theme] { color:var(--vb-text); color-scheme:light; }
[data-vb-theme="contrast"] { color-scheme:dark; }
.pixel-icon { display:inline-flex; flex:none; align-items:center; justify-content:center; vertical-align:middle; }
.pixel-icon svg { display:block; overflow:hidden; flex:none; }
.pixel-icon { pointer-events:none; }
.pixel-icon .icon-disabled { display:none; }
:is(button:disabled,[aria-disabled="true"]) .pixel-icon .icon-art { display:none; }
:is(button:disabled,[aria-disabled="true"]) .pixel-icon .icon-disabled { display:inline; }

[data-vb-theme="contrast"] .vb-command { text-shadow:none; }

/* Shared classic window primitives. All geometry is CSS px at 100% zoom. */
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog,.classic-menu) { font-family:var(--vb-font); font-size:var(--vb-size); }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) :where(button,input,select,textarea) { border-radius:0; }
:where(button,input,select,textarea) { font-family:inherit; }
:where(button,[role=button],[role=menuitem],[role=treeitem],.tool-caption,.document-title) { -webkit-tap-highlight-color:transparent; }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input:is([type=checkbox],[type=radio]) {
 appearance:none; width:13px; height:13px; min-width:13px; min-height:13px; flex:none;
 position:relative; padding:0; margin:0 4px 0 0; vertical-align:middle;
 border:1px solid; border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);
 background:var(--vb-window); box-shadow:inset 1px 1px var(--vb-dark);
}
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input[type=checkbox]:checked::after {
 content:'';position:absolute;left:2px;top:2px;width:8px;height:7px;background:var(--vb-window-text);
 clip-path:polygon(0 35%,33% 68%,100% 0,100% 36%,33% 100%,0 66%);
}
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input[type=checkbox]:indeterminate { background:var(--vb-face); }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input[type=checkbox]:indeterminate::after { content:'';position:absolute;inset:3px;background:var(--vb-gray); }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input[type=radio] { border-radius:50%; }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input[type=radio]:checked::after { content:'';position:absolute;inset:3px;background:var(--vb-window-text);border-radius:50%; }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input:is([type=checkbox],[type=radio]):disabled { background:var(--vb-face); }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input:is([type=checkbox],[type=radio]):disabled::after { background:var(--vb-gray); }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) input:is([type=checkbox],[type=radio]):focus-visible { outline:1px dotted var(--vb-text);outline-offset:2px; }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) select:is(:not([size]),[size="1"]):not([multiple]) {
 appearance:none; background-color:var(--vb-window); color:var(--vb-window-text);padding-right:19px;
 background-image:linear-gradient(45deg,transparent 50%,var(--vb-text) 50%),linear-gradient(135deg,var(--vb-text) 50%,transparent 50%),linear-gradient(var(--vb-face),var(--vb-face));
 background-position:calc(100% - 8px) 50%,calc(100% - 5px) 50%,right center;
 background-size:3px 4px,3px 4px,16px calc(100% - 2px);background-repeat:no-repeat;
}
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) select:is(:not([size]),[size="1"]):not([multiple]):disabled { color:var(--vb-gray); }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) :is(select option,input,textarea) { accent-color:var(--vb-selection); }
:where(.ide-shell,.ide-dialog,.vb-form,.vb-dialog) ::selection { background:var(--vb-selection);color:var(--vb-selection-text); }
/* Deliberately request non-overlay classic scrollbars. The native open select
   popup is still owned by the browser/OS; it cannot be made pixel-identical here. */
*::-webkit-scrollbar { width:var(--vb-scrollbar);height:var(--vb-scrollbar);background:var(--vb-face); }
*::-webkit-scrollbar-track { background:repeating-conic-gradient(var(--vb-face) 0% 25%,var(--vb-highlight) 0% 50%) 0 0/2px 2px; }
*::-webkit-scrollbar-thumb { background:var(--vb-face);border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow),inset 1px 1px var(--vb-highlight);min-height:16px; }
*::-webkit-scrollbar-corner { background:var(--vb-face); }
*::-webkit-scrollbar-button { display:none; }
*::-webkit-scrollbar-button:single-button { display:block;background-color:var(--vb-face);width:16px;height:16px;border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow);background-repeat:no-repeat;background-position:center; }
*::-webkit-scrollbar-button:single-button:vertical:decrement { background-image:linear-gradient(135deg,transparent 50%,var(--vb-text) 50%),linear-gradient(45deg,var(--vb-text) 50%,transparent 50%);background-size:4px 4px;background-position:3px 5px,7px 5px; }
*::-webkit-scrollbar-button:single-button:vertical:increment { background-image:linear-gradient(45deg,transparent 50%,var(--vb-text) 50%),linear-gradient(135deg,var(--vb-text) 50%,transparent 50%);background-size:4px 4px;background-position:3px 6px,7px 6px; }
*::-webkit-scrollbar-button:single-button:horizontal:decrement { background-image:linear-gradient(135deg,transparent 50%,var(--vb-text) 50%),linear-gradient(45deg,transparent 50%,var(--vb-text) 50%);background-size:4px 4px;background-position:5px 3px,5px 7px; }
*::-webkit-scrollbar-button:single-button:horizontal:increment { background-image:linear-gradient(45deg,var(--vb-text) 50%,transparent 50%),linear-gradient(135deg,var(--vb-text) 50%,transparent 50%);background-size:4px 4px;background-position:6px 3px,6px 7px; }
*::-webkit-scrollbar-button:single-button:active { border-color:var(--vb-shadow);box-shadow:none; }
.classic-menu { position:fixed;z-index:100010;display:block;min-width:178px;max-width:calc(100vw - 4px);max-height:calc(100vh - 4px);overflow:auto;
 padding:2px;background:var(--vb-face);color:var(--vb-text);border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow),inset 1px 1px var(--vb-highlight);outline:0; }
.classic-menu .popup-menu-item { display:flex;align-items:center;gap:0;width:100%;height:21px;min-height:21px;padding:1px 7px 1px 2px;border:0;box-shadow:none;background:transparent;color:var(--vb-text);text-align:left;white-space:nowrap;cursor:default;font:inherit; }
.classic-menu .popup-menu-item[aria-disabled=true] { color:var(--vb-gray);text-shadow:1px 1px var(--vb-light); }
.classic-menu .popup-menu-item:is(:focus,.menu-selected):not([aria-disabled=true]) { background:var(--vb-selection);color:var(--vb-selection-text);outline:0; }
.classic-menu .popup-menu-item[aria-disabled=true]:focus { outline:1px dotted var(--vb-shadow);outline-offset:-2px; }
.classic-menu .menu-icon { display:inline-flex;align-items:center;justify-content:center;width:23px;height:17px;flex:none; }
.classic-menu .menu-label { flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis; }
.classic-menu .menu-shortcut { margin-left:22px; }
.classic-menu .menu-arrow { width:13px;height:16px;margin-left:8px;display:flex;align-items:center; }
.classic-menu .menu-separator { height:2px;border:0;border-top:1px solid var(--vb-shadow);border-bottom:1px solid var(--vb-light);margin:3px 2px; }
.classic-menu .menu-checked { border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);background:var(--vb-highlight);color:var(--vb-text); }
.classic-menu u { text-underline-offset:1px;text-decoration-thickness:1px; }
.classic-tooltip { position:fixed;z-index:100020;max-width:330px;pointer-events:none;background:var(--vb-info);color:var(--vb-info-text);border:1px solid var(--vb-text);padding:2px 4px;font:11px/15px var(--vb-font);box-shadow:1px 1px var(--vb-shadow); }
@media (forced-colors:active) {
 [data-vb-theme] { --vb-face:ButtonFace;--vb-text:ButtonText;--vb-window:Canvas;--vb-window-text:CanvasText;--vb-light:ButtonText;--vb-shadow:ButtonText;--vb-dark:ButtonText;--vb-selection:Highlight;--vb-selection-text:HighlightText;--vb-gray:GrayText; }
 .pixel-icon { forced-color-adjust:auto;filter:none!important; }
}

/* Icon rendering is independent of the OS font and of CSS opacity filters. */
.command-bar-large .tool-button > .pixel-icon { width:24px!important;height:24px!important; }
.command-bar-large .tool-button > .pixel-icon svg { width:24px;height:24px; }
.control-icon.pixel-icon > svg { width:16px;height:16px; }
.member-kind { width:16px;display:inline-flex;align-items:center; }
@media (forced-colors:active) {
 .pixel-icon { --vb-icon-k:ButtonText;--vb-icon-w:ButtonFace;--vb-icon-f:ButtonFace;
 --vb-icon-s:ButtonText;--vb-icon-d:ButtonText;--vb-icon-n:ButtonText;
 --vb-icon-b:ButtonText;--vb-icon-t:ButtonText;--vb-icon-c:ButtonText;
 --vb-icon-g:ButtonText;--vb-icon-l:ButtonText;--vb-icon-o:ButtonText;
 --vb-icon-y:ButtonText;--vb-icon-h:ButtonFace;--vb-icon-r:ButtonText;
 --vb-icon-e:ButtonText;--vb-icon-m:ButtonText;--vb-gray:GrayText;
 forced-color-adjust:none; }
 .pixel-icon .icon-disabled-light { display:none; }
}


.vb-form,.vb-control,.vb-dialog{box-sizing:border-box;font-family:var(--vb-font);font-size:var(--vb-size);color:var(--vb-text)}

.vb-form *,.vb-control *,.vb-dialog *{box-sizing:border-box}

.vb-form{position:absolute;background:var(--vb-face);border:2px solid;border-color:var(--vb-light) var(--vb-text) var(--vb-text) var(--vb-light);box-shadow:1px 1px 0 var(--vb-shadow),-1px -1px 0 var(--vb-highlight);padding:2px;min-width:100px;touch-action:none}

.vb-form-title{height:20px;display:flex;align-items:center;gap:4px;background:var(--vb-selection);color:var(--vb-selection-text);font-weight:bold;padding:2px 3px;user-select:none;line-height:16px}

.vb-form-icon{width:15px;height:15px;background:var(--vb-face);border:1px solid var(--vb-light);box-shadow:inset 0 3px var(--vb-selection);position:relative;flex:none}
.vb-form-icon:after{content:'';position:absolute;left:3px;top:6px;width:7px;height:5px;border:1px solid var(--vb-shadow)}

.vb-form-title .caption{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vb-window-button{font:bold 12px Arial;width:16px;height:14px;min-width:16px;padding:0;line-height:10px;text-align:center;background:var(--vb-face);color:var(--vb-text);border:1px solid;border-color:var(--vb-light) var(--vb-text) var(--vb-text) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow);cursor:default}

.vb-form-content{position:relative;overflow:hidden;background:var(--vb-face);touch-action:auto}
.vb-form-menu{height:20px;display:flex;align-items:center;gap:0;background:var(--vb-face)}
.vb-form-menu button{border:0;background:transparent;font:inherit;padding:3px 8px;color:inherit}
.vb-form-menu button:hover{background:var(--vb-selection);color:var(--vb-selection-text)}

.vb-control{position:absolute;overflow:hidden;user-select:none;line-height:normal;outline:none}
.vb-control[hidden]{display:none!important}
.vb-control.disabled{color:var(--vb-shadow)!important;text-shadow:1px 1px var(--vb-light);pointer-events:none}
.vb-control:focus-visible{outline:1px dotted var(--vb-text);outline-offset:-3px}

.vb-control button,.vb-control input,.vb-control textarea,.vb-control select,.vb-control table{font:inherit;color:inherit;border-radius:0}
.vb-control input,.vb-control textarea,.vb-control select{outline:none;background:var(--vb-window);border:2px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);box-shadow:inset 1px 1px var(--vb-text);margin:0;padding:2px 3px}
.vb-control input:focus,.vb-control textarea:focus,.vb-control select:focus{outline:none}

.vb-command{padding:3px 8px;background:var(--vb-face);border:2px solid!important;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light)!important;box-shadow:inset -1px -1px var(--vb-shadow),inset 1px 1px var(--vb-highlight);display:flex;align-items:center;justify-content:center;white-space:pre-wrap;text-align:center;cursor:default}
.vb-command:active{border-color:var(--vb-dark) var(--vb-light) var(--vb-light) var(--vb-dark)!important;box-shadow:inset 1px 1px var(--vb-shadow);padding:4px 7px 2px 9px}
.vb-command:focus:after{content:'';position:absolute;inset:4px;border:1px dotted var(--vb-text);pointer-events:none}
.vb-command.default-button{outline:1px solid var(--vb-text);outline-offset:0}

.vb-label{display:flex;align-items:flex-start;white-space:pre-wrap;overflow:hidden}
.vb-text-input{width:100%;height:100%;resize:none;display:block;user-select:text}
.vb-frame{border:1px solid var(--vb-shadow);box-shadow:1px 1px var(--vb-light),inset 1px 1px var(--vb-light);overflow:visible;margin-top:6px}
.vb-frame-legend{position:absolute;left:8px;top:-7px;padding:0 3px;background:var(--vb-face);white-space:nowrap}
.vb-frame-client{position:absolute;inset:0;overflow:visible}

.vb-check{display:flex;align-items:center;gap:5px;background:transparent;white-space:nowrap}
.vb-check input{appearance:none;flex:none;width:13px;height:13px;padding:0;position:relative;background:var(--vb-window);border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);box-shadow:inset 1px 1px var(--vb-text);cursor:default}
.vb-check input[type=checkbox]:checked:after{content:'✓';font:bold 13px Arial;position:absolute;left:1px;top:-3px;color:var(--vb-text)}
.vb-check input:indeterminate{background:var(--vb-face)}
.vb-check input[type=radio]{border-radius:50%}
.vb-check input[type=radio]:checked:after{content:'';position:absolute;inset:3px;background:var(--vb-text);border-radius:50%}

.vb-list,.vb-combo{width:100%;height:100%;padding:1px!important}
.vb-list option{padding:1px 2px}
.vb-combo-edit{display:flex;width:100%;height:100%}
.vb-combo-edit input{width:100%;height:100%;padding-right:16px}
.vb-picture{border:2px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);background:var(--vb-window)}
.vb-image img{width:100%;height:100%;object-fit:fill;display:block}
.vb-image-placeholder{width:100%;height:100%;border:1px dotted var(--vb-shadow);background:linear-gradient(135deg,transparent 48%,var(--vb-shadow) 49%,var(--vb-shadow) 50%,transparent 51%)}

.vb-nonvisual{border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);background:var(--vb-face);display:flex;align-items:center;justify-content:center;font-size:20px}
.vb-shape{overflow:visible}
.vb-shape-inner{width:100%;height:100%;border:1px solid var(--vb-text)}
.vb-progress{width:100%;height:100%;border:2px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);padding:2px;display:flex;align-items:stretch;background:var(--vb-face)}
.vb-progress-fill{height:100%;background:repeating-linear-gradient(90deg,var(--vb-selection) 0px,var(--vb-selection) 8px,transparent 8px,transparent 10px)}

.vb-range{width:100%;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important;accent-color:var(--vb-face)}
.vb-vrange{writing-mode:vertical-lr;direction:rtl}
.vb-statusbar{display:flex;gap:3px;padding:2px;background:var(--vb-face);border-top:1px solid var(--vb-light);align-items:stretch}
.vb-status-panel{border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);flex:1;padding:2px 4px;white-space:nowrap;overflow:hidden}
.vb-toolbar{display:flex;gap:2px;padding:2px;border-top:1px solid var(--vb-light);border-bottom:1px solid var(--vb-shadow);align-items:center}
.vb-toolbar button{height:24px;min-width:26px;border:1px solid transparent;background:var(--vb-face);padding:2px 5px}
.vb-toolbar button:hover{border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light)}
.vb-toolbar button:active{border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow)}

.vb-tree,.vb-listview,.vb-grid{background:var(--vb-window);border:2px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);overflow:hidden;user-select:none}
.vb-virtual-viewport{overflow:auto;position:relative;width:100%;height:100%;background:var(--vb-window)}
.vb-virtual-spacer{position:relative;width:100%}
.vb-tree-row{height:20px;display:flex;align-items:center;white-space:nowrap;position:absolute;left:0;right:0}
.vb-tree-toggle{width:11px;height:11px;line-height:9px;font:10px Arial;text-align:center;border:1px solid var(--vb-shadow);background:var(--vb-window);padding:0;margin-right:4px;flex:none}
.vb-tree-label{padding:2px 3px;overflow:hidden;text-overflow:ellipsis}
.vb-tree-row.selected .vb-tree-label{background:var(--vb-selection);color:var(--vb-selection-text)}
.vb-tree-icon{display:inline-block;width:12px;height:10px;border:1px solid #808000;background:#ffff80;margin-right:3px;position:relative}
.vb-tree-icon:before{content:'';position:absolute;top:-3px;left:0;width:5px;height:3px;background:#ffff80;border:1px solid #808000;border-bottom:0}

.vb-lv-header,.vb-lv-row{display:flex;min-width:100%;font:inherit}
.vb-lv-header{height:20px;background:var(--vb-face);overflow:hidden;flex:none}
.vb-lv-header>div{border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);padding:3px 4px;white-space:nowrap;flex-shrink:0;overflow:hidden}
.vb-lv-row{position:absolute;height:20px;align-items:center;white-space:nowrap}
.vb-lv-row>div{overflow:hidden;text-overflow:ellipsis;padding:2px 4px;flex-shrink:0;height:100%}
.vb-lv-row.selected{background:var(--vb-selection);color:var(--vb-selection-text)}
.vb-listview>.vb-virtual-viewport{height:calc(100% - 20px)}

.vb-tabs{border:1px solid var(--vb-shadow);box-shadow:inset 1px 1px var(--vb-light);background:var(--vb-face);overflow:visible}
.vb-tab-header{height:24px;display:flex;align-items:end;padding-left:4px;border-bottom:1px solid var(--vb-light)}
.vb-tab-button{height:22px;border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);border-radius:3px 3px 0 0!important;background:var(--vb-face);padding:3px 10px;position:relative}
.vb-tab-button.active{height:24px;border-bottom:1px solid var(--vb-face);top:1px}
.vb-tab-client{position:absolute;inset:25px 3px 3px}

.vb-richtext{overflow:auto;padding:3px;white-space:pre-wrap;user-select:text;background:var(--vb-window);border:2px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);outline:0;cursor:text}
.vb-grid table{border-collapse:collapse;table-layout:fixed;min-width:100%;background:var(--vb-window)}
.vb-grid th,.vb-grid td{border:1px solid var(--vb-face);height:21px;padding:2px 4px;min-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal}
.vb-grid th{background:var(--vb-face);border-color:var(--vb-shadow);text-align:left;position:sticky;top:0;z-index:1}
.vb-grid td.active{background:var(--vb-selection);color:var(--vb-selection-text);outline:1px dotted var(--vb-light);outline-offset:-2px}
.vb-grid-scroll{height:100%;overflow:auto}
.vb-grid td input{width:100%;height:18px;padding:0;border:0;box-shadow:none;background:var(--vb-window);color:var(--vb-text)}
.vb-date-input{width:100%;height:100%}
.vb-month{border:1px solid var(--vb-shadow);background:var(--vb-window);padding:5px}
.vb-month-header{display:flex;justify-content:space-between;background:var(--vb-selection);color:var(--vb-selection-text);padding:3px}
.vb-month-header button{border:0;padding:0 4px;background:transparent;color:var(--vb-selection-text)}
.vb-month table{width:100%;height:calc(100% - 25px);text-align:center;border-collapse:collapse}
.vb-month th{font-weight:normal;color:var(--vb-shadow)}
.vb-month td.selected{background:var(--vb-selection);color:var(--vb-selection-text)}
.vb-month td:hover{outline:1px dotted var(--vb-text)}
.vb-updown input{width:100%;height:100%}
.vb-unsupported{background:repeating-linear-gradient(45deg,var(--vb-face),var(--vb-face) 8px,var(--vb-highlight) 8px,var(--vb-highlight) 16px);border:1px dashed var(--vb-shadow);padding:6px;display:flex;align-items:center;justify-content:center;text-align:center}

.vb-popup-menu{position:fixed;min-width:170px;z-index:100000;background:var(--vb-face);border:2px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:2px 2px #0004;padding:2px;font:11px Tahoma,Arial,sans-serif;color:var(--vb-text)}
.vb-popup-menu button{display:flex;align-items:center;width:100%;border:0;background:transparent;color:inherit;padding:5px 8px;text-align:left;font:inherit;white-space:nowrap}
.vb-popup-menu button:hover,.vb-popup-menu button:focus{background:var(--vb-selection);color:var(--vb-selection-text);outline:0}
.vb-popup-menu hr{border:0;border-top:1px solid var(--vb-shadow);border-bottom:1px solid var(--vb-light);margin:3px}
.vb-popup-menu .shortcut{margin-left:auto;padding-left:24px;color:inherit}

.vb-modal-shade{position:fixed;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;z-index:100001}
.vb-dialog{position:relative;width:360px;background:var(--vb-face);border:2px solid;border-color:var(--vb-light) var(--vb-text) var(--vb-text) var(--vb-light);padding:2px;box-shadow:1px 1px var(--vb-shadow)}
.vb-dialog-body{padding:16px 16px 10px;min-height:60px;line-height:1.5;white-space:pre-wrap;user-select:text}
.vb-dialog-actions{padding:8px 14px 14px;display:flex;justify-content:center;gap:8px}
.vb-dialog-actions button{position:relative;min-width:75px;min-height:25px;font:11px Tahoma,Arial,sans-serif}
.vb-dialog input{width:100%;height:24px;background:var(--vb-window);border:2px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);padding:3px;font:inherit;outline:0}

@media(pointer:coarse){.vb-form-title{height:26px}
.vb-window-button{height:19px;width:21px}
.vb-popup-menu button{min-height:34px}
}


.vb-rich-paragraph{margin-top:0;margin-bottom:0;line-height:1.25;white-space:pre-wrap}
.vb-richtext[contenteditable=true]{user-select:text}

/* Native-style form chrome and deterministic intrinsic controls. */
.vb-form { border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow),inset 1px 1px var(--vb-highlight); }
.vb-form-title { height:var(--vb-caption-height);min-height:var(--vb-caption-height);background:linear-gradient(90deg,var(--vb-title),var(--vb-title-end));color:var(--vb-title-text);padding:1px 2px;gap:2px; }
.vb-form-title .caption { margin-left:2px; }
.vb-form-title .vb-window-button { height:14px;min-height:14px;width:16px;min-width:16px;border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow);display:inline-flex;justify-content:center;align-items:center;padding:0; }
.vb-window-button .icon { width:12px!important;height:12px!important; }.vb-window-button svg { width:12px;height:12px; }
.vb-form-title .vb-window-button:last-child { margin-left:2px; }
.vb-form-title .vb-window-button:active { border-color:var(--vb-shadow);box-shadow:none;padding:1px 0 0 1px; }
.vb-form-menu { height:19px;min-height:19px; }
.vb-form-menu button { height:19px;min-height:19px;padding:1px 7px;box-shadow:none;border:1px solid transparent; }
.vb-form-menu button.menu-open { background:var(--vb-selection);color:var(--vb-selection-text); }
.vb-form-menu[hidden],.vb-form-title[hidden],.vb-form-title button[hidden] { display:none; }
.vb-form.vb-borderless { padding:0;border:0;box-shadow:none; }
.vb-form.vb-tool-window .vb-form-title { --vb-caption-height:15px; }
.vb-form.vb-minimized { width:180px!important; }.vb-minimized .vb-form-content,.vb-minimized .vb-form-menu { display:none; }
.vb-control[aria-disabled=true] { color:var(--vb-gray); }
.vb-command { border-width:1px!important;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light)!important; }
.vb-command:active { border-color:var(--vb-shadow)!important;box-shadow:none; }
.vb-frame { margin-top:0;transform:translateY(6px);height:calc(100% - 6px); }
.vb-check input[type=checkbox]:checked:after { content:'';position:absolute;left:2px;top:2px;width:8px;height:7px;background:var(--vb-window-text);clip-path:polygon(0 35%,33% 68%,100% 0,100% 36%,33% 100%,0 66%); }
.vb-check input[type=checkbox]:indeterminate:after { clip-path:none;left:3px;top:3px;width:5px;height:5px;background:var(--vb-gray); }
.vb-list option { padding:0 2px;min-height:13px; }
.vb-range { appearance:none;outline:none; }.vb-range::-webkit-slider-runnable-track { height:4px;border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);background:var(--vb-face); }
.vb-range::-webkit-slider-thumb { appearance:none;width:11px;height:21px;margin-top:-10px;background:var(--vb-face);border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow); }
.vb-vrange::-webkit-slider-runnable-track { width:4px;height:100%; }.vb-vrange::-webkit-slider-thumb { height:11px;width:21px;margin-top:0;margin-left:-10px; }
.vb-range:focus-visible { outline:1px dotted var(--vb-text)!important;outline-offset:-2px; }
.vb-borderless .vb-form-content { border:0; }
.vb-nonvisual .control-icon { display:inline-flex;width:24px;height:24px; }
.vb-modal-shade { background:transparent; }.vb-dialog { max-width:calc(100vw - 12px);max-height:calc(100vh - 12px);overflow:auto; }
.vb-dialog-actions button { min-height:23px;height:23px;font-family:var(--vb-font); }
.vb-tab-button { border-radius:0!important; }
[data-vb-theme=contrast] .vb-control:not(.vb-shape):not(.vb-label) { text-shadow:none; }
/* Touch behavior does not enlarge the authored form or silently change its twips. */
@media(pointer:coarse) { .vb-form-title { height:var(--vb-caption-height); }.vb-form-title .vb-window-button { height:14px;width:16px; } }
/* Standalone scrollbar controls, rather than browser range sliders. */
.vb-scrollbar{display:flex;background:var(--vb-face);border:1px solid var(--vb-shadow);overflow:hidden;touch-action:none}
.vb-scrollbar.vertical{flex-direction:column}
.vb-scrollbar.horizontal{flex-direction:row}
.vb-scroll-arrow{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 15px!important;width:15px!important;height:15px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid!important;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light)!important;box-shadow:inset -1px -1px var(--vb-shadow),inset 1px 1px var(--vb-highlight)!important;background:var(--vb-face)!important;color:var(--vb-text)!important;border-radius:0!important}
.vb-scroll-arrow:active:not(:disabled){border-color:var(--vb-shadow)!important;box-shadow:none!important}
.vb-scrollbar.horizontal .vb-scroll-arrow{height:100%!important}
.vb-scrollbar.vertical .vb-scroll-arrow{width:100%!important}
.vb-scroll-arrow i{display:block;width:7px;height:7px;background:currentColor;pointer-events:none;clip-path:polygon(0 50%,65% 0,65% 100%)}
.vb-scroll-arrow.after i{transform:rotate(180deg)}
.vb-scrollbar.vertical .before i{transform:rotate(90deg)}
.vb-scrollbar.vertical .after i{transform:rotate(-90deg)}
.vb-scroll-arrow:disabled{color:var(--vb-gray)!important}
.vb-scroll-track{flex:1;min-width:0;min-height:0;position:relative;background-color:var(--vb-face);background-image:repeating-conic-gradient(var(--vb-highlight) 0% 25%,transparent 0% 50%);background-size:2px 2px}
.vb-scroll-thumb{position:absolute;box-sizing:border-box;min-height:0;min-width:0;background:var(--vb-face);border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow),inset 1px 1px var(--vb-highlight)}
.vb-scrollbar.horizontal .vb-scroll-thumb{height:100%;top:0}
.vb-scrollbar.vertical .vb-scroll-thumb{width:100%;left:0}
.vb-scrollbar:focus-visible .vb-scroll-thumb{outline:1px dotted var(--vb-text);outline-offset:-4px}
.vb-form-icon{width:16px;height:16px;border:0;background:transparent;display:flex;align-items:center;justify-content:center}
.vb-inactive>.vb-form-title{background:linear-gradient(90deg,var(--vb-inactive),var(--vb-inactive-end));color:var(--vb-inactive-text)}
.vb-form-menu>button[aria-expanded=true]{border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);background:var(--vb-face)}
.vb-popup-menu.classic-menu{font:11px var(--vb-font);padding:2px;background:var(--vb-face);border:2px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);min-width:160px}
.vb-popup-menu.classic-menu .popup-menu-item{display:flex;align-items:center;gap:4px;min-height:21px;height:21px;padding:1px 5px 1px 0;border:0;box-shadow:none;background:transparent;color:var(--vb-text)}
.vb-popup-menu.classic-menu .popup-menu-item.menu-selected,.vb-popup-menu.classic-menu .popup-menu-item:hover:not(:disabled){background:var(--vb-selection);color:var(--vb-selection-text)}
.vb-popup-menu.classic-menu .popup-menu-item:disabled{color:var(--vb-gray);background:transparent}
.vb-popup-menu.classic-menu .menu-icon{width:21px;min-width:21px}
.vb-popup-menu.classic-menu .menu-arrow{width:12px;min-width:12px}
.vb-popup-menu.classic-menu .menu-label{flex:1}
.vb-popup-menu.classic-menu .menu-shortcut{margin-left:20px}

.vb-dialog .vb-dialog-body{display:flex;align-items:flex-start;gap:16px;padding:16px 16px 8px;line-height:16px}
.vb-dialog-message{flex:1;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.vb-message-symbol{display:block;flex:none;width:32px;height:32px}
.vb-dialog-actions .vb-default-button{outline:1px solid var(--vb-text);outline-offset:1px}.vb-dialog-actions button:focus-visible{outline:1px solid var(--vb-text);outline-offset:1px}
.vb-dialog .vb-window-button:disabled{opacity:.5}.vb-dialog .vb-form-title{cursor:default}

/* Classic combo/spin widgets are drawn here, not by native number/datalist chrome. */
.vb-classic-combo{display:flex;overflow:visible!important}
.vb-classic-combo .vb-combo-field{flex:1;min-width:0;width:100%;height:100%;padding:1px 3px;border:2px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);box-shadow:inset 1px 1px var(--vb-dark);border-right:0;font:inherit;outline:0}
.vb-combo-arrow,.vb-spin-button{flex:none;background:var(--vb-face);color:var(--vb-text);border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow);margin:0;padding:0;min-height:0;display:flex;align-items:center;justify-content:center;cursor:default;touch-action:none;border-radius:0}
.vb-combo-arrow{width:17px;min-width:17px;height:100%}
.vb-combo-arrow i,.vb-spin-button i{display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor}
.vb-combo-arrow:active,.vb-spin-button:active{border-color:var(--vb-dark) var(--vb-light) var(--vb-light) var(--vb-dark);box-shadow:inset 1px 1px var(--vb-shadow)}
.vb-combo-arrow:disabled,.vb-spin-button:disabled{color:var(--vb-gray)}
.vb-combo-popup{box-sizing:border-box;position:fixed;z-index:200010;overflow:auto;background:var(--vb-window);color:var(--vb-window-text);border:1px solid var(--vb-dark);box-shadow:inset 1px 1px var(--vb-shadow);padding:0;font:var(--vb-font);cursor:default;user-select:none}
.vb-combo-spacer{position:relative;min-width:100%}
.vb-combo-option{position:absolute;left:0;right:0;padding:0 2px;white-space:nowrap;overflow:hidden;box-sizing:border-box;min-height:0}
.vb-combo-option.selected{background:var(--vb-selection);color:var(--vb-selection-text)}
.vb-classic-combo.simple{display:block;overflow:hidden!important}
.vb-classic-combo.simple .vb-combo-field{height:21px;border-right:2px solid var(--vb-light)}
.vb-classic-combo .simple-list{position:absolute;inset:21px 0 0;z-index:auto;border:2px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow)}
.vb-updown{display:flex;flex-direction:column;overflow:hidden}
.vb-updown .vb-spin-button{flex:1;width:100%;min-height:0}
.vb-updown .vb-spin-button.up i{transform:rotate(180deg)}
.vb-updown.horizontal{flex-direction:row-reverse}
.vb-updown.horizontal .vb-spin-button{width:auto;height:100%}
.vb-updown.horizontal .up i{transform:rotate(-90deg)}
.vb-updown.horizontal .down i{transform:rotate(90deg)}
/* Runtime MDI client and sizable form chrome; content retains the chosen theme. */
.vb-mdi-parent>.vb-form-content{overflow:hidden}.vb-mdi-client{position:absolute;overflow:hidden;background:var(--vb-workspace);border:1px solid var(--vb-shadow);box-shadow:inset 1px 1px var(--vb-dark)}.vb-mdi-child{transform:none!important}.vb-mdi-child.vb-minimized{width:160px!important}.vb-mdi-child .vb-form-title{cursor:default}.vb-form-title:focus-visible{outline:1px dotted var(--vb-title-text);outline-offset:-2px}
.vb-form-grip{position:absolute;z-index:5000;touch-action:none}.vb-form-grip-n{left:6px;right:6px;top:0;height:4px;cursor:n-resize}.vb-form-grip-s{left:6px;right:6px;bottom:0;height:4px;cursor:s-resize}.vb-form-grip-e{top:6px;bottom:6px;right:0;width:4px;cursor:e-resize}.vb-form-grip-w{top:6px;bottom:6px;left:0;width:4px;cursor:w-resize}.vb-form-grip-ne,.vb-form-grip-nw,.vb-form-grip-se,.vb-form-grip-sw{width:7px;height:7px}.vb-form-grip-ne{right:0;top:0;cursor:ne-resize}.vb-form-grip-nw{left:0;top:0;cursor:nw-resize}.vb-form-grip-se{right:0;bottom:0;cursor:se-resize}.vb-form-grip-sw{left:0;bottom:0;cursor:sw-resize}.vb-fixed-window>.vb-form-grip{display:none}

:root{--right-width:266px;--bottom-height:156px;--project-height:186px;--chrome:var(--vb-face);--edge-dark:var(--vb-shadow);--edge-light:var(--vb-light);--navy:var(--vb-selection);--code-font:12px/17px 'Courier New',monospace}
*{box-sizing:border-box}
html,body,#studio{width:100%;height:100%;margin:0;overflow:hidden}
body{font:11px Tahoma,Arial,sans-serif;background:var(--chrome);color:var(--vb-text)}
button,input,select,textarea{font:inherit;color:inherit}
button{border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow),inset 1px 1px var(--vb-highlight);background:var(--chrome);border-radius:0;cursor:default;padding:3px 9px;min-height:23px}
button:active,button.pressed{border-color:var(--vb-dark) var(--vb-light) var(--vb-light) var(--vb-dark);box-shadow:inset 1px 1px var(--vb-shadow)}
button:disabled{color:var(--vb-shadow);text-shadow:1px 1px var(--vb-light)}
input,select,textarea{background:var(--vb-window);border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);box-shadow:inset 1px 1px var(--vb-dark);padding:2px 4px;border-radius:0;min-height:22px}
input[type=checkbox],input[type=radio]{min-height:0;box-shadow:none;accent-color:var(--vb-selection)}
button:focus-visible,[tabindex]:focus-visible{outline:1px dotted var(--vb-text);outline-offset:-4px}
input:focus,select:focus,textarea:focus{outline:none}
.ide-shell{display:grid;grid-template-rows:24px 23px 31px minmax(0,1fr) 23px;height:100%;padding:2px;border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light)}
.app-title{display:flex;align-items:center;gap:6px;background:linear-gradient(90deg,var(--vb-selection),#1084d0);color:var(--vb-selection-text);padding:2px 3px;font-weight:bold;user-select:none}
.app-title-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.window-buttons{display:flex;gap:2px}
.window-buttons button,.caption-close{font:bold 12px Tahoma,Arial;padding:0;width:16px;height:16px;min-height:16px;color:var(--vb-text)}
.brand-icon{width:17px;height:17px;background:var(--vb-window);color:#1b3575;font:bold italic 12px Georgia,serif;text-align:center;line-height:17px;border:1px solid #777}
.menubar{display:flex;align-items:center;border-bottom:1px solid var(--vb-shadow);user-select:none;gap:0}
.menubar>button{padding:2px 7px;min-height:21px;height:21px;box-shadow:none;border:1px solid transparent;background:transparent}
.menubar>button:hover,.menubar>.menu-open{border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light)}
.menubar>.menu-open{background:var(--vb-selection);color:var(--vb-selection-text)}
.toolbar{background:var(--chrome);display:flex;gap:1px;align-items:center;padding:2px 3px;border-top:1px solid var(--vb-light);border-bottom:1px solid var(--vb-shadow);white-space:nowrap;overflow:hidden}
.toolbar-grip{height:22px;width:4px;border-left:1px solid var(--vb-light);border-right:1px solid var(--vb-shadow);margin-right:3px}
.tool-button{padding:3px;min-height:24px;height:24px;min-width:25px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;box-shadow:none;background:transparent}
.tool-button:hover{border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light)}
.tool-button:active,.tool-button.active{border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);background:var(--vb-highlight)}
.tool-button .icon{display:block}
.tool-separator{width:2px;height:23px;border-left:1px solid var(--vb-shadow);border-right:1px solid var(--vb-light);margin:0 4px}
.toolbar select{margin-left:4px;width:150px;height:23px}
.toolbar-spacer{flex:1}
.toolbar-caption{color:var(--vb-text);margin-right:6px}
.workspace{display:grid;grid-template-columns:60px 4px minmax(0,1fr) 5px var(--right-width);min-height:0;overflow:hidden}
.toolbox{grid-column:1;display:flex;flex-direction:column;min-height:0;border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);margin-top:3px}
.tool-caption{height:19px;min-height:19px;display:flex;align-items:center;gap:3px;background:var(--vb-shadow);color:var(--vb-selection-text);padding:1px 2px;font-size:11px;font-weight:bold;user-select:none}
.tool-caption>strong{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tool-caption.active{background:var(--vb-selection)}
.tool-caption button{width:14px;height:14px;min-height:14px;font-size:10px;padding:0;line-height:12px}
.toolbox-filter{font-size:10px;width:100%;height:22px;margin:2px 0;padding:0;min-height:20px}
.toolbox-grid{display:grid;grid-template-columns:repeat(2,26px);align-content:start;justify-content:center;gap:1px;padding:2px 0;overflow:auto;scrollbar-width:thin}
.toolbox-grid button{width:26px;height:26px;min-height:26px;padding:1px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;box-shadow:none;background:transparent}
.toolbox-grid button:hover{border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light)}
.toolbox-grid button.active{border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);background:var(--vb-face)}
.control-icon{font:19px/21px Tahoma,Arial,sans-serif;font-weight:normal;display:inline-block;min-width:18px;text-align:center;color:#151515;user-select:none}
.type-Label{font:bold 20px/22px 'Times New Roman',serif}
.type-TextBox{font:12px/18px 'Courier New',monospace;border:1px inset #ccc;background:var(--vb-window)}
.type-OLE{font:8px/18px Tahoma}
.type-Pointer{font:bold 24px/23px Arial}
.split-handle{background:var(--chrome);position:relative}
.split-vertical{cursor:col-resize}
.split-horizontal{cursor:row-resize;min-height:4px}
.split-handle:hover{background:var(--vb-face)}
.center-dock{grid-column:3;display:flex;flex-direction:column;min-width:0;min-height:0;padding-top:3px;position:relative}
.document-area{min-height:100px;flex:1;display:flex;flex-direction:column;border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);background:var(--vb-shadow);overflow:hidden}
.document-title{height:23px;min-height:23px;display:flex;gap:5px;align-items:center;color:var(--vb-selection-text);background:linear-gradient(90deg,var(--vb-selection),#1084d0);padding:2px 3px;border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light)}
.document-title strong{flex:1;font-size:11px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.document-title .window-buttons button{font-size:11px}
.document-views{display:flex;flex:1;min-height:0;overflow:hidden}
.designer-pane,.code-pane{height:100%;flex:1;min-width:0;min-height:0;overflow:hidden}
.document-views.split-view .designer-pane{border-right:4px solid var(--chrome)}
.document-tabs{display:flex;min-height:24px;background:var(--chrome);padding:2px 3px 0;gap:3px;overflow-x:auto;scrollbar-width:thin;border-top:1px solid var(--vb-light)}
.document-tab{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);border-radius:2px 2px 0 0;box-shadow:none;font-size:11px;min-height:22px;padding:2px 7px}
.document-tab.active{background:var(--vb-window);border-bottom-color:var(--vb-selection-text);font-weight:bold}
.document-tab .tab-close{margin-left:6px;color:#666;font-weight:normal}
.right-dock{grid-column:5;display:flex;flex-direction:column;padding-top:3px;min-height:0;gap:0}
.dock-panel{border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--chrome)}
.project-panel{height:var(--project-height);min-height:100px}
.properties-panel{flex:1;min-height:130px}
.layout-panel{height:132px;min-height:110px;margin-top:4px}
.panel-toolbar{height:26px;display:flex;gap:1px;align-items:center;padding:1px 3px;border-bottom:1px solid var(--vb-shadow)}
.panel-toolbar .tool-button{height:22px;min-height:22px;min-width:23px;padding:2px}
.project-tree{flex:1;margin:2px;background:var(--vb-window);border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);overflow:auto;padding:3px 2px;user-select:none}
.tree-row{height:20px;display:flex;align-items:center;gap:4px;white-space:nowrap;padding:1px 3px}
.tree-row .tree-label{padding:1px 3px;overflow:hidden;text-overflow:ellipsis}
.tree-row.selected .tree-label{background:var(--vb-selection);color:var(--vb-selection-text);outline:1px dotted var(--vb-selection-text);outline-offset:-1px}
.tree-toggle{font:10px monospace;width:10px;height:10px;border:1px solid var(--vb-shadow);line-height:8px;text-align:center;background:var(--vb-window)}
.tree-indent{width:15px;flex-shrink:0;border-left:1px dotted var(--vb-shadow);height:20px;margin-left:7px}
.property-object{width:calc(100% - 6px);margin:3px;height:24px}
.property-tabs{display:flex;gap:2px;margin:1px 3px 0}
.property-tabs button{border-radius:2px 2px 0 0;min-height:21px;height:21px;padding:2px 8px;box-shadow:none}
.property-tabs .active{background:var(--vb-window);border-bottom-color:var(--vb-selection-text)}
.property-grid{margin:0 3px;flex:1;overflow:auto;background:var(--vb-window);border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);min-height:40px}
.property-row{display:grid;grid-template-columns:46% 54%;min-height:21px;border-bottom:1px solid #eee}
.property-name{padding:3px 5px;border-right:1px solid #ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.property-row.modified .property-name{font-weight:bold}
.property-row input,.property-row select{border:none;box-shadow:none;padding:2px 4px;width:100%;min-height:20px;height:20px;background:transparent}
.property-row:focus-within .property-name{background:var(--vb-selection);color:var(--vb-selection-text)}
.property-row:focus-within input{outline:1px solid var(--vb-selection);outline-offset:-1px}
.property-value-editor{display:flex;min-width:0}
.property-value-editor button{width:23px;height:20px;min-height:20px;padding:0}
.property-group{background:var(--vb-face);font-weight:bold;padding:3px;border-bottom:1px solid #bbb}
.property-description{height:61px;min-height:45px;border-top:1px solid var(--vb-shadow);margin:4px 4px 0;padding:4px;overflow:hidden;font-size:11px;line-height:15px}
.property-description strong{display:block}
.layout-monitor{margin:8px auto 5px;width:150px;height:81px;padding:6px;border:2px solid;border-color:var(--vb-light) #555 #555 var(--vb-light);border-radius:3px;position:relative;background:#bbb}
.layout-screen{height:100%;background:var(--vb-desktop);border:2px inset #ddd;position:relative;overflow:hidden}
.layout-mini-form{position:absolute;width:40px;height:26px;left:45px;top:20px;background:var(--vb-face);border:1px solid var(--vb-text);cursor:move}
.layout-mini-form:before{content:'';display:block;background:var(--vb-selection);height:4px}
.layout-monitor:after{content:'';position:absolute;width:46px;height:6px;background:#999;left:48px;bottom:-8px;border:1px outset #ddd}
.debug-dock{height:var(--bottom-height);min-height:80px;flex-shrink:0;border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);display:flex;flex-direction:column;overflow:hidden}
.debug-dock>.tool-caption{background:var(--vb-shadow)}
.debug-tabs{display:flex;gap:2px;padding:2px 3px 0;border-top:1px solid var(--vb-light);overflow-x:auto}
.debug-tabs button{font-size:11px;padding:2px 8px;min-height:21px;height:21px;box-shadow:none;white-space:nowrap}
.debug-tabs .active{background:var(--vb-window)}
.debug-body{flex:1;overflow:auto;min-height:0;background:var(--vb-window);margin:2px 3px 0;border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow)}
.output-text{margin:0;padding:3px 5px;white-space:pre-wrap;font:12px/16px 'Courier New',monospace;user-select:text}
.immediate-view{height:100%;display:flex;flex-direction:column}
.immediate-output{flex:1;overflow:auto;min-height:10px}
.immediate-input-row{display:flex;border-top:1px solid var(--vb-face);align-items:center;font:12px/17px 'Courier New',monospace}
.immediate-input-row span{padding:2px 5px}
.immediate-input{flex:1;border:0!important;box-shadow:none!important;font:12px/18px 'Courier New',monospace;min-height:21px;padding:1px 3px}
.debug-table{width:100%;border-collapse:collapse;font-size:11px}
.debug-table th{background:var(--chrome);border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);text-align:left;font-weight:normal;padding:3px 5px;position:sticky;top:0}
.debug-table td{padding:3px 5px;border-bottom:1px solid #eee;vertical-align:top}
.debug-table tr[data-line]{cursor:default}
.debug-table tr[data-line]:hover td{background:#e9ecff}
.watch-entry{display:flex;gap:3px;padding:3px;background:var(--chrome)}
.watch-entry input{flex:1;min-width:50px}
.watch-entry button{min-height:22px;height:22px;padding:1px 6px}
.statusbar{display:flex;align-items:center;gap:3px;border-top:1px solid var(--vb-light);padding:2px 0 0;overflow:hidden;white-space:nowrap;user-select:none}
.status-field{height:19px;padding:2px 6px;border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);min-width:48px;overflow:hidden;text-overflow:ellipsis}
.status-message{flex:1}
.status-cursor{width:144px}
.status-backend{width:100px}
.status-mode{width:60px;text-align:center}
.designer-scroll{height:100%;width:100%;overflow:auto;background:var(--vb-shadow);outline:none!important;touch-action:pan-x pan-y;position:relative}
.designer-plane{position:relative;min-width:100%;min-height:100%;}
.designer-form{user-select:none;box-shadow:2px 2px 0 #444}
.designer-form .vb-control{cursor:default;touch-action:none!important}
.designer-form .vb-control input,.designer-form .vb-control select,.designer-form .vb-control textarea,.designer-form .vb-control button,.designer-form .vb-control [contenteditable]{pointer-events:none}
.designer-overlay{position:absolute;inset:0;z-index:20001;pointer-events:none;overflow:visible}
.selection-outline{position:absolute;border:1px dotted #555;pointer-events:none}
.selection-handle,.designer-form-handle{width:7px;height:7px;position:absolute;background:var(--vb-window);border:1px solid var(--vb-text);pointer-events:auto}
.selection-handle.nw{left:-4px;top:-4px;cursor:nwse-resize}
.selection-handle.n{left:calc(50% - 3px);top:-4px;cursor:ns-resize}
.selection-handle.ne{right:-4px;top:-4px;cursor:nesw-resize}
.selection-handle.e{right:-4px;top:calc(50% - 3px);cursor:ew-resize}
.selection-handle.se{right:-4px;bottom:-4px;cursor:nwse-resize}
.selection-handle.s{left:calc(50% - 3px);bottom:-4px;cursor:ns-resize}
.selection-handle.sw{left:-4px;bottom:-4px;cursor:nesw-resize}
.selection-handle.w{left:-4px;top:calc(50% - 3px);cursor:ew-resize}
.designer-form-handle{background:var(--vb-text);cursor:nwse-resize}
.designer-rubberband{position:absolute;border:1px dotted var(--vb-light);outline:1px dotted var(--vb-text);background:#1749a022;pointer-events:none}
.drawing-control,.drawing-control *{cursor:crosshair!important}
.tab-order-marker{position:absolute;background:var(--vb-selection);color:var(--vb-selection-text);border:1px solid var(--vb-light);min-width:17px;min-height:17px;height:17px;padding:0 3px;pointer-events:auto;font-size:10px;box-shadow:none}
.source-editor{height:100%;display:flex;flex-direction:column;background:var(--vb-window);position:relative;overflow:hidden}
.code-selectors{display:flex;gap:5px;padding:3px;background:var(--chrome);border-bottom:1px solid var(--vb-shadow);min-height:28px}
.code-selectors select{width:50%;min-width:20px;height:23px}
.code-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--vb-window)}
.source-input,.syntax-layer{font:var(--code-font);tab-size:4;letter-spacing:0;padding:8px;white-space:pre;font-variant-ligatures:none;font-kerning:none;text-size-adjust:none}
.source-input{position:absolute;top:0;left:32px;width:calc(100% - 32px);height:100%;resize:none;border:0;box-shadow:none;margin:0;overflow:auto;color:transparent!important;caret-color:var(--vb-text);background:transparent;z-index:2;min-height:0;-webkit-text-fill-color:transparent}
.source-input::selection{background:#8080ff55;color:transparent}
.source-input:focus{outline:0}
.syntax-layer{position:absolute;left:32px;top:0;pointer-events:none;z-index:1;min-width:calc(100% - 32px);will-change:transform}
.syntax-line{height:17px;min-height:17px;white-space:pre}
.syn-keyword{color:var(--vb-selection)}
.syn-comment{color:#008000}
.syn-string{color:#800000}
.syn-number{color:var(--vb-text)}
.execution-line{background:#ffff00}
.code-gutter{width:32px;height:100%;position:absolute;left:0;top:0;background:var(--vb-face);border-right:1px solid #a0a0a0;z-index:3;overflow:hidden}
.gutter-line{position:absolute;width:100%;height:17px;line-height:17px;font:10px/17px 'Courier New',monospace;text-align:right;padding:0 5px;color:#888;cursor:default}
.gutter-line.has-breakpoint{font-size:16px;color:#a00000}
.gutter-line.has-execution{color:var(--vb-text);background:#ffff00;font-size:16px;font-weight:bold}
.gutter-line.has-error{box-shadow:inset 3px 0 #c00}
.editor-find{display:flex;align-items:center;gap:3px;padding:4px;background:var(--chrome);border-bottom:1px solid #888;flex-wrap:wrap}
.editor-find[hidden]{display:none}
.editor-find input:not([type=checkbox]){width:130px;min-width:60px}
.editor-find input[placeholder='Replace with'],.editor-find .replace-command{display:none}
.editor-find.replace-visible input[placeholder='Replace with'],.editor-find.replace-visible .replace-command{display:block}
.editor-find button{height:23px;min-height:23px;padding:1px 6px}
.editor-find label{display:flex;align-items:center;gap:0}
.find-result{font-size:10px;color:var(--vb-gray)}
.completion-list{position:absolute;width:220px;max-height:192px;overflow:auto;background:var(--vb-window);border:1px solid var(--vb-text);box-shadow:2px 2px #888;z-index:20;padding:1px;font:12px/19px 'Courier New',monospace}
.completion-item{height:20px;white-space:nowrap;padding:0 4px}
.completion-item.selected{background:var(--vb-selection);color:var(--vb-selection-text)}
.completion-icon{color:#8c64a2;padding-right:6px}
.ide-popup-menu{position:fixed;z-index:100001;background:var(--chrome);border:2px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:1px 1px var(--vb-shadow);padding:2px;min-width:200px;max-height:calc(100vh - 8px);overflow-y:auto;outline:none!important}
.popup-menu-item{width:100%;display:flex;align-items:center;gap:7px;min-height:24px;border:0;box-shadow:none;padding:3px 10px 3px 2px;background:transparent;text-align:left;white-space:nowrap;font-size:11px}
.popup-menu-item:hover:not(:disabled),.popup-menu-item:focus{background:var(--vb-selection);color:var(--vb-selection-text);outline:none}
.popup-menu-item .menu-icon{width:22px;height:16px;text-align:center;font-weight:bold;flex-shrink:0}
.menu-label{flex:1}
.menu-shortcut{margin-left:18px}
.menu-separator{height:2px;border-top:1px solid var(--vb-shadow);border-bottom:1px solid var(--vb-light);margin:3px 2px}
.ide-modal-cover{position:fixed;inset:0;z-index:100000;background:#0002;display:flex;justify-content:center;align-items:center}
.ide-dialog{max-width:calc(100vw - 16px);max-height:calc(100vh - 20px);display:flex;flex-direction:column;padding:3px;background:var(--chrome);border:2px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:1px 1px var(--vb-text)}
.dialog-caption{background:linear-gradient(90deg,var(--vb-selection),#1084d0);height:21px;font-size:12px;cursor:default}
.ide-dialog-body{padding:14px;overflow:auto;min-height:0;line-height:1.5}
.ide-dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:2px 12px 12px}
.ide-dialog-footer button{min-width:76px}
.default-button{outline:1px solid var(--vb-text);outline-offset:0}
.dialog-message{white-space:pre-wrap;max-height:60vh;overflow:auto}
.dialog-input{width:100%;margin-top:8px}
.dialog-grid{display:grid;grid-template-columns:125px 1fr;gap:8px;align-items:center}
.dialog-grid input,.dialog-grid select{width:100%}
.dialog-tabs{display:flex;gap:2px;margin-bottom:12px;border-bottom:1px solid var(--vb-shadow);padding-bottom:4px}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:var(--vb-window);border:2px inset var(--vb-light);padding:8px}
.template-option{min-height:78px;border:1px dotted transparent;box-shadow:none;background:var(--vb-window);padding:5px;text-align:center;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.template-option.selected{background:var(--vb-selection);color:var(--vb-selection-text);border-color:var(--vb-light)}
.template-description{padding:8px 0;min-height:50px;color:var(--vb-text)}
.dialog-list{background:var(--vb-window);border:2px inset var(--vb-light);max-height:320px;overflow:auto;padding:4px}
.dialog-list label{display:flex;gap:6px;align-items:center;padding:4px}
.menu-editor-grid{display:grid;grid-template-columns:1fr 210px;gap:12px}
.menu-editor-list{height:290px;background:var(--vb-window);border:2px inset var(--vb-light);overflow:auto}
.menu-editor-row{height:22px;padding:3px;cursor:default;white-space:nowrap}
.menu-editor-row.selected{background:var(--vb-selection);color:var(--vb-selection-text)}
.menu-editor-fields{display:flex;flex-direction:column;gap:7px}
.menu-editor-fields label{display:flex;flex-direction:column}
.menu-editor-actions{display:flex;gap:3px;flex-wrap:wrap;margin:5px 0}
.menu-editor-actions button{padding:2px 7px}
.object-browser{display:grid;grid-template-columns:160px 1fr;height:345px;gap:8px}
.object-browser select{height:100%;width:100%;min-height:0}
.object-browser pre{margin:0;background:var(--vb-window);border:2px inset var(--vb-light);padding:8px;overflow:auto;font:12px/19px 'Courier New',monospace;white-space:pre-wrap}
.runtime-window{position:absolute;z-index:4000;left:50%;top:50%;transform:translate(-50%,-50%);width:min(850px,94vw);height:min(600px,78vh);min-width:300px;min-height:200px;padding:3px;background:var(--chrome);border:2px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:2px 2px #333;display:flex;flex-direction:column;resize:both;overflow:hidden}
.runtime-window>.tool-caption{background:var(--vb-selection);height:21px;min-height:21px}
.runtime-window iframe{border:1px inset var(--vb-light);width:100%;flex:1;background:var(--vb-desktop);min-height:0}
.runtime-window.minimized{height:26px!important;min-height:26px!important;min-width:0!important;width:260px!important;top:51px!important;left:auto!important;right:88px!important;bottom:auto;transform:none!important;resize:none}
.runtime-window.minimized iframe{display:none}
.runtime-window.moved{transform:none}
.runtime-caption-button{min-width:16px}
.panel-floating{position:fixed!important;z-index:6000!important;width:266px;height:350px;flex:none!important;resize:both;box-shadow:2px 2px #444}
.panel-floating .tool-caption{background:var(--vb-selection);cursor:move}
.empty-document{display:flex;align-items:center;justify-content:center;color:var(--vb-gray);font:12px Tahoma;height:100%}
.virtual-files-table{width:100%;border-collapse:collapse}
.virtual-files-table td{padding:5px;border-bottom:1px solid #bbb}
.virtual-files-table button{min-height:21px;height:21px}
.mobile-tools{display:none}
.hidden-toolbox .workspace{grid-template-columns:0 0 minmax(0,1fr) 5px var(--right-width)}
.hidden-toolbox .toolbox{visibility:hidden}
.hidden-properties .workspace{grid-template-columns:60px 4px minmax(0,1fr) 0 0}
.hidden-properties .right-dock{visibility:hidden}
.hidden-toolbox.hidden-properties .workspace{grid-template-columns:0 0 minmax(0,1fr) 0 0}
.hidden-debug .debug-dock,.hidden-debug .debug-resizer{display:none}
.dnd-overlay{position:absolute;inset:0;background:#000080cc;color:var(--vb-selection-text);z-index:90000;display:flex;align-items:center;justify-content:center;font-size:20px;border:4px dashed var(--vb-light);pointer-events:none}
button .icon{vertical-align:middle}
a{color:var(--vb-selection)}
.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

@media(max-width:1000px){:root{--right-width:230px}
.toolbar-caption{display:none}
.toolbar select{width:120px}
.status-backend{display:none}
.menubar>button{padding:2px 5px}
.toolbar .secondary-tool{display:none}
}

@media(max-width:760px){:root{--right-width:210px;--bottom-height:125px}
.ide-shell{grid-template-rows:24px 25px 32px minmax(0,1fr) 23px}
.workspace{grid-template-columns:54px 3px minmax(0,1fr) 0 0}
.right-dock{visibility:hidden}
.toolbox-grid{grid-template-columns:repeat(2,24px)}
.toolbox-grid button{width:24px}
.menubar{overflow-x:auto;scrollbar-width:none}
.menubar>button{flex-shrink:0;padding:2px 6px}
.toolbar-select,.toolbar-caption,.toolbar .optional-tool{display:none}
.mobile-tools{display:inline-flex}
.status-cursor{width:110px}
.status-position{display:none}
.show-mobile-properties .right-dock{visibility:visible;position:fixed;right:2px;top:104px;bottom:26px;width:244px;z-index:3500;background:var(--chrome);border:1px solid #888;box-shadow:-3px 0 #777}
.runtime-window{width:96vw;height:75vh;min-width:270px}
.menu-editor-grid{grid-template-columns:1fr 150px}
.template-grid{grid-template-columns:repeat(2,1fr)}
.property-description{height:45px}
.toolbar-spacer{min-width:0}
.editor-find{font-size:10px}
.editor-find input:not([type=checkbox]){width:96px}
.document-title strong{font-size:10px}
.debug-tabs button{padding:2px 5px}
.object-browser{grid-template-columns:120px 1fr}
.dialog-grid{grid-template-columns:95px 1fr}
.app-title-text{font-size:11px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}
}


@media(max-width:800px){.runtime-window.minimized{top:84px!important;right:8px!important;width:230px!important}
}


/* Classic chrome metrics: all dimensions are integral CSS pixels at 100% zoom. */
:root{--right-width:240px;--project-height:166px;--bottom-height:150px;--code-font:13px/17px 'Courier New',monospace}
body{font-family:var(--vb-font);font-size:11px;color:var(--vb-text)}
.ide-shell{grid-template-rows:20px 21px 29px minmax(0,1fr) 21px}
.app-title{background:linear-gradient(90deg,var(--vb-title),var(--vb-title-end));color:var(--vb-title-text);gap:4px;padding:1px 2px}
.app-title-text{font-size:11px}
.brand-icon{width:16px;height:16px;background:transparent;border:0;color:inherit;line-height:16px}
.menubar>button{padding:1px 7px;height:20px;min-height:20px}
.menubar>button[aria-expanded=true]{border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);background:var(--vb-face);color:var(--vb-text)}
.toolbar{padding:1px 3px;gap:0}
.toolbar .tool-button{height:24px;min-height:24px;min-width:24px}
.tool-button:active,.tool-button.active,.toolbox-grid button.active{background:var(--vb-highlight)}
.toolbar .toolbar-select{height:21px;min-height:21px}
.window-buttons button{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.window-buttons button .icon{width:12px!important;height:12px!important}
.toolbox{margin-top:2px}
.toolbox>.tool-caption>strong{visibility:hidden}
.toolbox-filter{font-size:11px;margin:2px 0 1px;height:20px;min-height:20px}
.toolbox-grid{gap:0;grid-template-columns:repeat(2,27px);padding:1px 0;scrollbar-width:auto}
.toolbox-grid button{width:27px;height:26px;min-height:26px}
.control-icon{color:var(--vb-text)}
.center-dock,.right-dock{padding-top:2px}
.tool-caption{height:18px;min-height:18px;background:linear-gradient(90deg,var(--vb-inactive),var(--vb-inactive-end));color:var(--vb-inactive-text);padding:1px 2px}
.tool-caption button{display:flex;align-items:center;justify-content:center;overflow:hidden}
.tool-caption .icon{flex-shrink:0}
.dock-active>.tool-caption,.debug-dock.dock-active>.tool-caption{background:linear-gradient(90deg,var(--vb-title),var(--vb-title-end));color:var(--vb-title-text)}
.document-area{min-height:40px;background:var(--vb-workspace);position:relative}
.mdi-desktop{flex:1;min-height:0;min-width:0;position:relative;overflow:hidden;background:var(--vb-workspace);isolation:isolate}
.mdi-window{position:absolute;display:flex;flex-direction:column;padding:3px;border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:inset -1px -1px var(--vb-shadow),inset 1px 1px var(--vb-highlight);background:var(--vb-face);overflow:hidden}
.mdi-window>.document-title{height:18px;min-height:18px;gap:3px;padding:1px 2px;border:0;background:linear-gradient(90deg,var(--vb-inactive),var(--vb-inactive-end));color:var(--vb-inactive-text);touch-action:none}
.mdi-window.mdi-active>.document-title{background:linear-gradient(90deg,var(--vb-title),var(--vb-title-end));color:var(--vb-title-text)}
.document-title strong{font-weight:bold}
.document-title .window-buttons{gap:2px}
.document-title .window-buttons button{width:16px;height:14px;min-height:14px}
.mdi-system-menu{width:17px;height:16px;min-height:16px;padding:0;border:0;box-shadow:none;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mdi-system-menu:active{box-shadow:none;border:0}
.mdi-client{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow)}
.mdi-client>.designer-pane,.mdi-client>.code-pane{height:100%}
.mdi-minimized{padding:2px;min-height:24px}
.mdi-minimized .mdi-client,.mdi-minimized .mdi-resize,.mdi-maximized .mdi-resize{display:none}
.mdi-resize{position:absolute;z-index:25;touch-action:none}
.mdi-resize-n,.mdi-resize-s{left:4px;right:4px;height:4px;cursor:ns-resize}
.mdi-resize-n{top:0}.mdi-resize-s{bottom:0}
.mdi-resize-e,.mdi-resize-w{top:4px;bottom:4px;width:4px;cursor:ew-resize}
.mdi-resize-e{right:0}.mdi-resize-w{left:0}
.mdi-resize-ne,.mdi-resize-nw,.mdi-resize-se,.mdi-resize-sw{width:8px;height:8px}
.mdi-resize-ne{right:0;top:0;cursor:nesw-resize}.mdi-resize-nw{left:0;top:0;cursor:nwse-resize}
.mdi-resize-se{right:0;bottom:0;cursor:nwse-resize}.mdi-resize-sw{left:0;bottom:0;cursor:nesw-resize}
.mdi-interacting{user-select:none}.mdi-interacting .mdi-client{pointer-events:none}
.document-tabs,.debug-tabs{display:none}
.show-document-tabs .document-tabs,.show-debug-tabs .debug-tabs{display:flex}
.document-tab,.property-tabs button{border-radius:0}
.panel-toolbar{height:24px;min-height:24px;padding:0 2px}
.project-tree{margin:1px;padding:2px 0}
.tree-row{height:17px;min-height:17px;gap:3px;padding:0 2px}
.tree-row .tree-label{padding:0 2px}
.tree-indent{height:17px}
.tree-row .icon{width:16px;height:16px;flex-shrink:0}
.tree-row:focus-visible{outline:0}.tree-row:focus-visible .tree-label{outline:1px dotted var(--vb-text);outline-offset:-1px}
.property-object{width:calc(100% - 4px);margin:2px;height:21px;min-height:21px}
.property-tabs{gap:0;margin:1px 2px 0;height:22px;align-items:end}
.property-tabs button{height:20px;min-height:20px;padding:1px 7px;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);background:var(--vb-face)}
.property-tabs .active{height:22px;border-bottom-color:var(--vb-face);background:var(--vb-face);position:relative;z-index:1}
.property-grid-wrapper{--property-name-width:46%;position:relative;display:flex;flex:1;min-height:40px;margin:0 2px}
.property-grid{margin:0;flex:1;min-width:0;min-height:0;position:relative}
.property-column-resizer{position:absolute;left:var(--property-name-width);width:5px;margin-left:-2px;top:2px;bottom:2px;cursor:col-resize;z-index:5;background:transparent}
.property-row{grid-template-columns:var(--property-name-width) minmax(0,1fr);min-height:17px;height:17px;border-bottom:1px solid var(--vb-face);background:var(--vb-window);color:var(--vb-window-text)}
.property-name{padding:0 3px;line-height:16px;border-right:1px solid var(--vb-face);display:flex;align-items:center;gap:3px;min-width:0}
.property-row input,.property-row select{height:16px;min-height:16px;padding:0 3px;line-height:16px;font-size:11px;color:var(--vb-window-text);outline:none!important;background-color:var(--vb-window);border:0;min-width:0}
.property-row select{background-image:none;padding-right:2px}
.property-row.active select{background-image:var(--vb-select-arrow);padding-right:16px}
.property-row.active .property-name,.property-row:focus-within .property-name{background:var(--vb-selection);color:var(--vb-selection-text)}
.property-value-editor{min-height:0;overflow:hidden;align-items:center}
.property-value-editor button{width:17px;height:16px;min-height:16px;min-width:17px;padding:0;flex-shrink:0}
.property-value-editor .property-ellipsis{font:bold 11px/12px var(--vb-font)}
.property-value-editor .color-swatch{display:block;width:16px;height:12px;flex-shrink:0;border:1px solid var(--vb-text);margin:0 2px}
.property-group{display:flex;gap:5px;align-items:center;width:100%;background:var(--vb-face);padding:0 3px;min-height:17px;height:17px;line-height:16px;border:0;border-bottom:1px solid var(--vb-shadow);box-shadow:none;text-align:left}
.font-expander{width:9px!important;min-width:9px;height:9px!important;min-height:9px!important;line-height:7px!important;padding:0!important;font:9px/7px monospace!important;box-shadow:none!important;border:1px solid var(--vb-shadow)!important;background:var(--vb-window);color:var(--vb-text)}
.property-row.font-child .property-name{padding-left:17px}
.property-description{height:60px;min-height:45px;margin:3px 2px 0;padding:4px;line-height:14px;color:var(--vb-text)}
.property-color-popup{position:fixed;z-index:100010;width:222px;padding:3px;background:var(--vb-face);color:var(--vb-text);border:2px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:1px 1px var(--vb-shadow);font:11px var(--vb-font)}
.palette-grid{display:grid;grid-template-columns:repeat(8,22px);gap:3px;padding:6px 3px}
.palette-color{width:22px;height:21px;min-height:21px;padding:0;border:1px solid var(--vb-shadow);box-shadow:inset 0 0 0 2px var(--vb-face)}
.palette-color:focus-visible{outline:1px dotted var(--vb-text);outline-offset:2px}
.system-color-list{height:185px;overflow:auto;background:var(--vb-window);border:1px solid var(--vb-shadow);padding:1px}
.system-color-list>button{display:flex;align-items:center;gap:5px;width:100%;height:18px;min-height:18px;background:transparent;color:var(--vb-window-text);border:0;box-shadow:none;padding:0 3px;text-align:left}
.system-color-list>button:focus,.system-color-list>button:hover{background:var(--vb-selection);color:var(--vb-selection-text)}
.color-swatch{width:20px;height:13px;border:1px solid var(--vb-text);display:inline-block;flex-shrink:0}
.layout-panel{height:122px;min-height:112px;margin-top:4px}
.layout-monitor{border-radius:0;background:var(--vb-face);border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light)}
.layout-screen{border-color:var(--vb-shadow)}
.layout-monitor:after{background:var(--vb-face);border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light)}
.statusbar{gap:2px;padding:2px 0 0;font-size:11px}
.status-field{padding:1px 4px;line-height:15px}
.hidden-right .workspace{grid-template-columns:60px 4px minmax(0,1fr) 0 0}
.hidden-right.hidden-toolbox .workspace{grid-template-columns:0 0 minmax(0,1fr) 0 0}
.hidden-right .right-dock{visibility:hidden;overflow:visible}
.hidden-right .panel-floating{visibility:visible}
.right-dock.no-properties .project-panel{flex:1}
.dock-panel[hidden]{display:none!important}
.panel-floating{resize:both;min-width:180px;min-height:100px;max-width:calc(100vw - 4px);max-height:calc(100vh - 4px);border:3px solid var(--vb-face);box-shadow:1px 1px var(--vb-dark),inset 1px 1px var(--vb-light)}
.designer-scroll{background:var(--vb-window)}
.designer-plane{background:var(--vb-window)}
.designer-form-selection{position:absolute;left:0;top:0;pointer-events:none}
.designer-form-selection .designer-form-handle{position:absolute;width:6px;height:6px;background:var(--vb-selection);border:0;pointer-events:auto}
.designer-form-selection .designer-form-handle.disabled{background:var(--vb-gray);pointer-events:none}
.designer-form-selection .designer-form-handle[data-resize-form=e]{cursor:ew-resize}
.designer-form-selection .designer-form-handle[data-resize-form=s]{cursor:ns-resize}
.selection-handle{background:var(--vb-text);border:1px solid var(--vb-window);width:6px;height:6px}
.code-selectors{gap:3px;padding:2px;min-height:25px;height:25px}
.code-selectors select{height:21px;min-height:21px}
.source-editor{--editor-line-height:17px;--editor-gutter:18px;--code-font:13px/17px 'Courier New',monospace;color:var(--vb-window-text)}
.source-input,.syntax-layer{left:var(--editor-gutter);font:var(--code-font);padding:4px 3px;tab-size:var(--editor-tab-width,4)}
.source-input{width:calc(100% - var(--editor-gutter));caret-color:var(--vb-window-text)}
.syntax-layer{min-width:calc(100% - var(--editor-gutter))}
.syntax-line{height:var(--editor-line-height);min-height:var(--editor-line-height);line-height:var(--editor-line-height);color:var(--vb-window-text)}
.syntax-line.procedure-start{box-shadow:0 -1px var(--vb-shadow)}
.syn-keyword,.tok-keyword{color:var(--vb-keyword)}
.syn-comment,.tok-comment{color:var(--vb-comment)}
.syn-string,.syn-number{color:var(--vb-window-text)}
.breakpoint-line{background:var(--vb-breakpoint);color:white}
.breakpoint-line span{color:inherit}
.execution-line,.execution-line span{background:var(--vb-execution);color:#000}
.code-gutter{width:var(--editor-gutter);background:var(--vb-face);border-right:1px solid var(--vb-shadow)}
.gutter-line{height:var(--editor-line-height);line-height:var(--editor-line-height);padding:0 3px;color:var(--vb-gray);font-size:10px}
.gutter-line.has-breakpoint{color:var(--vb-breakpoint);font-size:13px}
.gutter-line.has-execution{color:#000;background:var(--vb-execution);font-size:14px}
.source-input::selection{background:color-mix(in srgb,var(--vb-selection) 35%,transparent);color:transparent}
.debug-dock>.tool-caption{background:linear-gradient(90deg,var(--vb-inactive),var(--vb-inactive-end))}
.debug-body{color:var(--vb-window-text)}
.debug-table td{border-color:var(--vb-face)}
.debug-table tr[data-line]:hover td{background:var(--vb-selection);color:var(--vb-selection-text)}
.classic-menu.ide-popup-menu{padding:2px;min-width:160px;overflow:visible;font:11px var(--vb-font);background:var(--vb-face);color:var(--vb-text);box-shadow:1px 1px var(--vb-shadow)}
.classic-menu .popup-menu-item{min-height:21px;height:21px;gap:4px;padding:1px 5px 1px 0;border:0;box-shadow:none;font:11px var(--vb-font);color:var(--vb-text)}
.classic-menu .popup-menu-item:hover:not(:disabled),.classic-menu .popup-menu-item.menu-selected{background:var(--vb-selection);color:var(--vb-selection-text)}
.classic-menu .popup-menu-item:disabled{color:var(--vb-gray);background:transparent;text-shadow:1px 1px var(--vb-light)}
.classic-menu .menu-icon{width:21px;min-width:21px}
.classic-menu .menu-shortcut{margin-left:20px}
.classic-menu .menu-arrow{width:12px;min-width:12px}
.ide-modal-cover{background:transparent}
.ide-dialog{font:11px var(--vb-font);background:var(--vb-face);color:var(--vb-text);max-height:calc(100vh - 8px);max-width:calc(100vw - 8px)}
.ide-dialog-title{background:linear-gradient(90deg,var(--vb-title),var(--vb-title-end));color:var(--vb-title-text);min-height:18px;height:18px;font-size:11px}
.ide-dialog-content{overflow:auto;min-height:0}
.dialog-tabs{display:flex;align-items:flex-end;height:25px;gap:0;padding:0 2px}
.dialog-tabs>button{height:22px;min-height:22px;padding:2px 9px;border-radius:0;box-shadow:none;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light)}
.dialog-tabs>button.active{height:24px;position:relative;bottom:-1px;border-bottom-color:var(--vb-face);z-index:1}
.classic-tab-pages{padding:12px;border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light);min-height:100px}
.classic-tab-pages [role=tabpanel][hidden]{display:none!important}
.classic-tab-pages>[role=tabpanel]{min-height:250px}
.property-color-popup .classic-tab-pages{padding:4px;min-height:0}
.property-color-popup .classic-tab-pages>[role=tabpanel]{min-height:0}
.options-group{padding:9px 10px 10px;margin:0 0 12px;border:1px solid var(--vb-shadow);box-shadow:0 1px var(--vb-light);min-width:0}
.options-group legend{padding:0 4px}
.option-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0;min-height:22px}
.option-field input,.option-field select{width:235px;max-width:65%}
.option-field input[type=number]{width:80px}
.option-check{display:flex;align-items:center;gap:5px;margin:5px 0;min-height:17px}
.option-note,.font-availability-note{font-size:11px;line-height:16px;color:var(--vb-text);margin:8px 0}
.editor-format-sample{padding:8px;margin:0;background:var(--vb-window);color:var(--vb-window-text);min-height:120px;border:1px solid var(--vb-shadow)}
.font-editor fieldset{border:1px solid var(--vb-shadow);margin:12px 0;padding:8px;min-width:0}
.font-editor fieldset>label{display:inline-flex;align-items:center;gap:4px;margin:2px 8px 2px 0}
.font-sample{min-height:65px;background:var(--vb-window);color:var(--vb-window-text);display:flex;align-items:center;justify-content:center;overflow:auto}
.runtime-window{background:var(--vb-face)}
.runtime-window>.tool-caption{background:linear-gradient(90deg,var(--vb-title),var(--vb-title-end));color:var(--vb-title-text)}
[hidden]{display:none!important}
@media(max-width:760px){.ide-shell{grid-template-rows:20px 21px 28px minmax(0,1fr) 21px}.menubar>button{padding:1px 4px}.workspace{grid-template-columns:58px 2px minmax(0,1fr) 0 0}.hidden-toolbox .workspace{grid-template-columns:0 0 minmax(0,1fr) 0 0}.right-dock{visibility:hidden}.show-mobile-properties .right-dock{visibility:visible;position:fixed;right:2px;top:74px;bottom:23px;width:min(260px,calc(100vw - 70px));background:var(--vb-face);z-index:9000;border:2px outset var(--vb-face)}.mdi-window>.document-title strong{font-size:10px}.property-color-popup{max-width:calc(100vw - 4px)}.status-backend,.status-position{display:none}}
@media(forced-colors:active){.selection-handle,.designer-form-handle{forced-color-adjust:none;background:Highlight}.app-title,.document-title,.tool-caption{forced-color-adjust:auto}}
.dialog-caption{background:linear-gradient(90deg,var(--vb-title),var(--vb-title-end));color:var(--vb-title-text);height:18px;min-height:18px}
.dialog-tabs{margin-bottom:0;padding-bottom:0;border-bottom:0}
.ide-dialog-body{line-height:1.35;padding:12px}
.gutter-line{display:flex;align-items:center;justify-content:flex-end}
.breakpoint-dot{width:10px;height:10px;background:var(--vb-breakpoint);border:1px solid var(--vb-dark);border-radius:50%}
.designer-form-selection{z-index:10000}
.property-row:not(.active) .property-value-editor button{visibility:hidden}
.property-row select:not(:focus){appearance:none;-webkit-appearance:none}
.property-row:not(.active) select{background:none!important}
.property-row.active select{background-color:var(--vb-window);background-image:linear-gradient(45deg,transparent 50%,var(--vb-text) 50%),linear-gradient(135deg,var(--vb-text) 50%,transparent 50%),linear-gradient(var(--vb-face),var(--vb-face));background-position:calc(100% - 8px) 50%,calc(100% - 5px) 50%,right center;background-size:3px 4px,3px 4px,15px 100%;background-repeat:no-repeat;padding-right:16px}
.toolbox-filter{font-size:10px!important;padding-left:0!important;padding-right:13px!important}
.classic-menu.ide-popup-menu{overflow-y:auto;max-width:calc(100vw - 4px)}
.classic-menu .menu-label{overflow:hidden;text-overflow:ellipsis}
.classic-tooltip{z-index:100020!important;pointer-events:none;max-width:min(450px,calc(100vw - 4px))}
.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:4px;height:270px;overflow:auto;border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow)}
.template-option{height:74px;min-height:74px;font-size:11px;border:1px dotted transparent;gap:3px}
.template-description{min-height:35px;padding:8px 0 0;color:var(--vb-text);font-size:11px}
.recent-projects{min-height:200px;background:var(--vb-window);color:var(--vb-window-text);border:1px solid var(--vb-shadow);padding:2px}
.recent-project{height:25px;min-height:25px;display:flex;align-items:center;gap:5px;width:100%;box-shadow:none;border:0;background:transparent;color:inherit;text-align:left;padding:1px 4px}
.recent-project small{margin-left:auto;font:10px var(--vb-font)}
.recent-project.selected,.recent-project:focus{background:var(--vb-selection);color:var(--vb-selection-text)}
.existing-project{padding:10px}
/* One source buffer, independently scrollable code projections. */
.code-split-area{display:grid;grid-template-rows:minmax(0,1fr);position:relative;flex:1;min-height:0;min-width:0;overflow:hidden}
.code-pane-view{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}
.code-pane-view .code-viewport{min-height:0;flex:1}
.code-view-buttons{height:17px;min-height:17px;display:flex;background:var(--vb-face);border-top:1px solid var(--vb-shadow)}
.code-view-buttons>button{width:19px;height:16px;min-height:16px;padding:0;border:1px solid transparent;background:var(--vb-face);display:flex;align-items:center;justify-content:center;box-shadow:none}
.code-view-buttons>button .pixel-icon,.code-view-buttons>button svg{width:13px!important;height:13px!important}
.code-view-buttons>button[aria-pressed=true]{border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow)}
.code-view-buttons>button:focus-visible{outline:1px dotted var(--vb-text);outline-offset:-3px}
.code-split-grip{position:absolute;right:0;top:0;width:16px;height:5px;z-index:9;background:var(--vb-face);border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-shadow) var(--vb-light);cursor:ns-resize}
.code-pane-splitter{height:4px;min-height:4px;background:var(--vb-face);border-top:1px solid var(--vb-light);border-bottom:1px solid var(--vb-shadow);cursor:ns-resize}
.code-split-grip:focus-visible,.code-pane-splitter:focus-visible{outline:1px dotted var(--vb-text);outline-offset:-1px}
.source-input::selection{background:transparent;color:transparent}
.code-selection,.code-selection span{background:var(--vb-selection);color:var(--vb-selection-text)}
.source-input{overflow:scroll}

.vb-unsupported{background:repeating-linear-gradient(45deg,var(--vb-face),var(--vb-face) 8px,var(--vb-highlight) 8px,var(--vb-highlight) 16px)}

/* Modeless classic source-navigation tools. Shared system palette in every theme. */
.classic-object-browser{height:100%;min-height:0;display:flex;flex-direction:column;padding:4px;gap:4px;background:var(--vb-face);color:var(--vb-text)}
.object-toolbar,.object-search{display:flex;gap:4px;align-items:center;min-height:24px;flex:none}.object-toolbar select{min-width:90px;flex:1;max-width:300px}.object-toolbar button{height:23px;min-height:23px;padding:1px 5px;display:flex;align-items:center;gap:4px}.object-search input:not([type]){min-width:70px;flex:1}.object-search label{white-space:nowrap;display:flex;align-items:center;gap:3px}.object-search button{white-space:nowrap;display:flex;align-items:center;gap:3px}
.object-columns{display:grid;grid-template-columns:minmax(80px,var(--object-class-width,230px)) 4px minmax(90px,1fr);flex:1;min-height:80px;gap:0}.object-columns>section{min-width:0;min-height:0;display:flex;flex-direction:column}.object-splitter{cursor:col-resize;touch-action:none;background:var(--vb-face)}.object-splitter:focus{outline:1px dotted var(--vb-text)}
.tool-section-label{display:flex;align-items:center;justify-content:space-between;height:20px;min-height:20px;padding:1px 3px;white-space:nowrap;overflow:hidden}.tool-section-label button{width:16px;height:15px;min-height:15px;padding:0;font-size:10px}
.tool-list{position:relative;min-height:40px;min-width:0;flex:1;overflow:auto;background:var(--vb-window);color:var(--vb-window-text,var(--vb-text));border:1px solid;border-color:var(--vb-shadow) var(--vb-light) var(--vb-light) var(--vb-shadow);box-shadow:inset 1px 1px var(--vb-dark);outline-offset:-2px;user-select:none}.tool-list-spacer{width:1px;pointer-events:none}.tool-list-layer{position:absolute;left:1px;right:1px;top:1px;pointer-events:none}.tool-list-row{position:absolute;left:0;right:0;height:19px;line-height:19px;display:flex;gap:4px;white-space:nowrap;overflow:hidden;cursor:default;padding:0 3px;pointer-events:auto}.tool-list-row.selected{background:var(--vb-selection);color:var(--vb-selection-text)}.tool-list-label{overflow:hidden;text-overflow:ellipsis}.member-kind{display:inline-block;width:15px;flex:none;text-align:center;color:inherit}.tool-list:focus .tool-list-row.selected{outline:1px dotted var(--vb-selection-text);outline-offset:-2px}
.object-search-results{height:110px;min-height:70px;display:flex;flex-direction:column}.object-search-results[hidden]{display:none}.object-definition{height:100px;min-height:55px;max-height:35%;resize:vertical;overflow:auto;flex:none;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:6px;background:var(--vb-window);color:var(--vb-window-text,var(--vb-text));border:1px solid var(--vb-shadow);font:11px/16px Tahoma,Arial,sans-serif}.tool-status{font-size:10px;min-height:18px;padding:2px 3px;border-top:1px solid var(--vb-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-error{color:var(--vb-error,#900);white-space:normal}
.project-search-window{display:flex;flex-direction:column;height:100%;padding:5px;gap:5px;min-height:0;background:var(--vb-face);color:var(--vb-text)}.project-search-fields{display:flex;gap:6px;align-items:end}.project-search-fields label{display:flex;flex-direction:column;gap:3px;min-width:70px}.project-search-fields label:first-child{flex:1}.project-search-fields input{width:100%;min-width:0}.project-search-fields button{display:flex;gap:4px;align-items:center;white-space:nowrap}.project-replace-row{display:flex;gap:6px;align-items:end}.project-replace-row[hidden]{display:none}.project-replace-row label{display:flex;align-items:center;gap:5px;flex:1;white-space:nowrap}.project-replace-row input{flex:1;min-width:0}.project-search-options{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.project-search-options label{display:flex;align-items:center;gap:3px}.project-search-options button{margin-left:auto}.search-preview{margin:0;height:50px;min-height:30px;overflow:auto;background:var(--vb-window);color:var(--vb-window-text,var(--vb-text));padding:4px;white-space:pre;font:11px/16px 'Courier New',monospace;border:1px solid var(--vb-shadow)}
.gutter-line.has-bookmark{box-shadow:inset 3px 0 var(--vb-selection)}.bookmark-symbol{display:block;margin:auto;width:8px;height:10px;border:1px solid var(--vb-selection);background:var(--vb-selection);clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%)}
@media(max-width:620px){.object-columns{grid-template-columns:minmax(80px,35%) 4px minmax(90px,1fr)}.object-toolbar button{font-size:10px;padding:1px 3px}.object-search{flex-wrap:wrap}.object-search label{font-size:10px}.object-definition{height:80px}.project-search-fields{flex-wrap:wrap}.project-search-fields label:first-child{flex-basis:55%}.project-replace-row label{flex-direction:column;align-items:stretch}.project-search-options{font-size:10px;gap:3px}}

.source-info{position:absolute;z-index:30;max-width:min(620px,100%);max-height:90px;overflow:auto;padding:4px 6px;border:1px solid var(--vb-dark);box-shadow:1px 1px var(--vb-shadow);background:var(--vb-info);color:var(--vb-info-text);font:12px/17px Tahoma,Arial,sans-serif;white-space:pre-wrap;user-select:text}
.source-info strong{font-weight:700;text-decoration:underline}
.source-editor .completion-list{width:240px;max-height:190px;padding:0;overflow:auto;box-sizing:border-box}
.source-editor .completion-item{white-space:nowrap;overflow:hidden;min-height:19px;box-sizing:border-box}
.source-editor.overwrite-mode .source-input{caret-shape:block}
.source-editor{background:var(--vb-window);color:var(--vb-window-text)}

.code-virtual-scroll{position:absolute;z-index:5;right:0;top:0;bottom:17px;width:17px;overflow-y:scroll;overflow-x:hidden;background:var(--vb-face)}
.code-virtual-scroll>div{width:1px;pointer-events:none}
.virtual-native-input .source-input{width:calc(100% - var(--editor-gutter) - 17px);overflow-y:hidden}
.virtual-native-input .syntax-layer{right:17px;min-width:0}

/* Guarded debugger tips and text drag feedback inherit all three IDE themes. */
.source-data-tip{position:absolute;z-index:90;max-width:min(540px,95%);max-height:120px;overflow:auto;padding:3px 6px;background:var(--vb-info,#ffffe1);color:var(--vb-info-text,#000);border:1px solid var(--vb-window-frame,#000);box-shadow:1px 1px var(--vb-shadow);font:12px/17px var(--ui-font,Arial,sans-serif);white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none}
.data-tip-type{opacity:.8}.source-drag-ghost{position:fixed;z-index:30000;max-width:min(300px,80vw);padding:3px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--vb-window-text);background:var(--vb-window);color:var(--vb-window-text);pointer-events:none;font:12px/17px monospace}.source-drag-ghost[data-valid="false"]{opacity:.5}.source-drag-ghost[data-copy="true"]::before{content:"+ ";font-weight:bold}.source-drop-caret{position:absolute;z-index:91;width:2px;background:var(--vb-window-text);pointer-events:none}
@media (forced-colors:active){.source-data-tip,.source-drag-ghost{color:CanvasText;background:Canvas;border-color:CanvasText}.source-drop-caret{background:Highlight}}

/* Explicit grid tracks allow genuine docking on every document edge. */
.ide-shell .workspace.dock-workspace{display:grid!important;position:relative;min-width:0;min-height:0;overflow:hidden;gap:0;grid-template-columns:var(--dock-left,74px) var(--dock-gap-left,4px) minmax(0,1fr) var(--dock-gap-right,4px) var(--dock-right,250px)!important;grid-template-rows:var(--dock-top,0px) var(--dock-gap-top,0px) minmax(0,1fr) var(--dock-gap-bottom,0px) var(--dock-bottom,0px)!important}
.dock-workspace>.dock-center{grid-column:3!important;grid-row:3!important;display:flex!important;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.dock-workspace .dock-center>.document-area{flex:1;min-height:0;width:100%;height:100%}
.dock-zone{display:flex;min-width:0;min-height:0;overflow:hidden;gap:0;flex-direction:column}
.dock-zone[hidden],.dock-edge-splitter[hidden],.dock-group[hidden],.managed-panel[hidden],.dock-tabbar[hidden]{display:none!important}
.dock-zone-left{grid-column:1;grid-row:3}.dock-zone-right{grid-column:5;grid-row:3}
.dock-zone-top{grid-column:1/6;grid-row:1;flex-direction:row}.dock-zone-bottom{grid-column:1/6;grid-row:5;flex-direction:row}
.dock-group{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;background:var(--vb-face);border:1px solid;border-color:var(--vb-light) var(--vb-shadow) var(--vb-shadow) var(--vb-light)}
.dock-group-body{position:relative;display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}
.ide-shell .dock-group .managed-panel{display:flex;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;flex:1 1 auto;flex-direction:column;resize:none!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important;z-index:auto!important}
.dock-group .managed-panel>.tool-caption{flex:0 0 20px;touch-action:none;cursor:default}
.dock-group .managed-panel>.property-inspector,.dock-group .managed-panel>.project-tree,.dock-group .managed-panel>.debug-body{flex:1;min-height:0;overflow:auto}
.dock-group .managed-panel>.layout-monitor{flex:1;min-height:0;overflow:hidden}.dock-group .toolbox-grid{overflow:auto;min-height:0}.dock-group .project-tree{height:auto!important}
.dock-group.dock-active>.dock-group-body>.managed-panel>.tool-caption{background:var(--vb-title);color:var(--vb-title-text)}
.dock-floating{position:absolute;flex:none!important;z-index:20;box-shadow:1px 1px 0 var(--vb-dark);padding:2px}
.dock-floating .tool-caption{background:var(--vb-inactive);color:var(--vb-inactive-text)}
.dock-tabbar{display:flex;flex:0 0 21px;min-width:0;overflow-x:auto;overflow-y:hidden;gap:1px;scrollbar-width:thin;background:var(--vb-face)}
.dock-tabbar>button{flex-shrink:0;white-space:nowrap;height:20px;min-height:20px;padding:1px 7px;touch-action:none;border-top:0;box-shadow:none}
.dock-tabbar>button[aria-selected=true]{font-weight:bold;background:var(--vb-window);border-bottom-color:var(--vb-shadow)}
.dock-edge-splitter,.dock-group-splitter{background:var(--vb-face);touch-action:none;user-select:none;min-width:0;min-height:0}
.dock-edge-splitter-left{grid-column:2;grid-row:3;cursor:ew-resize}.dock-edge-splitter-right{grid-column:4;grid-row:3;cursor:ew-resize}
.dock-edge-splitter-top{grid-column:1/6;grid-row:2;cursor:ns-resize}.dock-edge-splitter-bottom{grid-column:1/6;grid-row:4;cursor:ns-resize}
.dock-group-splitter{flex:0 0 4px;cursor:ns-resize}.dock-zone-top>.dock-group-splitter,.dock-zone-bottom>.dock-group-splitter{cursor:ew-resize}
.dock-drop-preview{position:absolute;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center;border:2px dashed var(--vb-selection);background:color-mix(in srgb,var(--vb-selection) 22%,transparent);color:var(--vb-text);font-weight:bold}
.dock-drop-preview[hidden]{display:none}.dock-resize{display:none;position:absolute;touch-action:none;z-index:6}.dock-floating>.dock-resize{display:block}
.dock-resize-n,.dock-resize-s{height:4px;left:4px;right:4px;cursor:ns-resize}.dock-resize-n{top:0}.dock-resize-s{bottom:0}
.dock-resize-w,.dock-resize-e{width:4px;top:4px;bottom:4px;cursor:ew-resize}.dock-resize-w{left:0}.dock-resize-e{right:0}
.dock-resize-ne,.dock-resize-nw,.dock-resize-se,.dock-resize-sw{width:7px;height:7px}.dock-resize-ne{right:0;top:0;cursor:nesw-resize}.dock-resize-nw{left:0;top:0;cursor:nwse-resize}.dock-resize-se{right:0;bottom:0;cursor:nwse-resize}.dock-resize-sw{left:0;bottom:0;cursor:nesw-resize}
@media (forced-colors:active){.dock-drop-preview{background:Canvas;border-color:Highlight}.dock-group{border-color:ButtonText}}

.ide-shell.command-bar-shell{grid-template-rows:20px 21px auto minmax(0,1fr) auto 21px!important}
.command-bars-host{display:flex;flex-wrap:wrap;gap:0;min-width:0;min-height:0;overflow:hidden;background:var(--vb-face)}
.command-bars-host[hidden],.command-bar[hidden]{display:none!important}
.command-bars-top{min-height:0}.command-workarea{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden}
.command-workarea>.workspace{width:100%;height:100%;min-width:0;min-height:0}
.command-bars-left,.command-bars-right{align-content:flex-start;flex-direction:column;flex-wrap:nowrap;max-width:110px;overflow:auto}
.ide-shell .command-bar{display:flex;align-items:center;flex-shrink:0;position:relative;gap:1px;padding:2px;min-height:29px;border-bottom:1px solid var(--vb-shadow);max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.command-bars-top>.command-bar:only-child,.command-bars-bottom>.command-bar:only-child{flex:1}
.command-bar .tool-button{display:flex!important;align-items:center;justify-content:center;width:23px;height:23px;min-height:23px;padding:2px;flex:0 0 auto}
.command-bar .toolbar-grip{display:block;flex:0 0 6px;align-self:stretch;min-height:20px;cursor:move;touch-action:none;border-left:1px solid var(--vb-light);border-right:1px solid var(--vb-shadow)}
.command-bar-vertical{flex-direction:column;overflow-y:auto!important;overflow-x:hidden!important;max-height:100%}
.command-bar-vertical .toolbar-grip{width:100%;height:6px;min-height:6px;flex:0 0 6px;border-bottom:1px solid var(--vb-shadow)}
.command-bar-vertical .tool-separator{height:3px;width:20px;margin:2px 0;border-left:0;border-bottom:1px solid var(--vb-shadow)}
.ide-shell .command-bar-floating{position:fixed!important;z-index:500;flex-wrap:wrap;max-width:min(650px,calc(100vw - 6px));max-height:calc(100vh - 6px);overflow:auto;width:max-content;min-width:110px;padding:21px 3px 3px;border:2px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light);box-shadow:1px 1px var(--vb-shadow)}
.command-bar-floating .toolbar-grip{position:absolute;left:0;right:0;top:0;height:18px;min-height:18px;background:var(--vb-selection);color:var(--vb-selection-text);cursor:move;border:0}
.command-floating-name{position:absolute;top:2px;left:4px;color:var(--vb-selection-text);pointer-events:none}.command-floating-close{position:absolute;right:2px;top:1px;width:15px;height:15px;min-height:15px;padding:0}
.command-bar-large .tool-button{width:31px;height:31px;min-height:31px}.command-bar-large .tool-button svg{width:24px;height:24px}
.command-drop-target{outline:2px dashed var(--vb-selection);outline-offset:-2px}.command-bar .toolbar-select{flex:0 0 76px}
.customize-main{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;margin-bottom:12px}.customize-buttons{display:flex;flex-direction:column;gap:6px;justify-content:flex-start}.customize-toolbars>label{display:flex;align-items:center;gap:5px;margin:8px 0}
.customize-command-columns{display:grid;grid-template-columns:minmax(0,1fr) 102px minmax(0,1fr);gap:10px}.customize-command-columns select{min-width:0;width:100%}
.customize-command-selectors{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.customize-command-selectors select{max-width:180px}.customize-commands p{margin-bottom:0}
.command-workarea>.command-bars-left{grid-column:1;grid-row:1}.command-workarea>.workspace{grid-column:2;grid-row:1}.command-workarea>.command-bars-right{grid-column:3;grid-row:1}
.command-bar-shell>.app-title{grid-row:1}.command-bar-shell>.menubar{grid-row:2}.command-bar-shell>.command-bars-top{grid-row:3}.command-bar-shell>.command-workarea{grid-row:4}.command-bar-shell>.command-bars-bottom{grid-row:5}.command-bar-shell>.statusbar{grid-row:6}

.debug-tool-window>.debug-body{display:flex;flex-direction:column;overflow:auto;min-width:0;min-height:0}.debug-tool-window .debug-body>.immediate-view{flex:1;min-height:0}
.debug-context-bar{display:flex;align-items:center;gap:8px;flex:0 0 25px;padding:2px 4px;background:var(--vb-face);border-bottom:1px solid var(--vb-shadow);white-space:nowrap;overflow:hidden}
.debug-context-bar select{height:21px;min-height:21px;max-width:280px;padding:0 2px}.debug-context-status{margin-left:auto;overflow:hidden;text-overflow:ellipsis}
.debug-value-tree{display:flex;flex:1;min-height:65px;min-width:0;flex-direction:column;background:var(--vb-window);color:var(--vb-window-text);overflow:hidden;outline:0}
.debug-value-header,.debug-value-row{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(100px,1.4fr) minmax(75px,.65fr);font:11px Tahoma,Arial,sans-serif}
.debug-value-header{height:20px;flex:0 0 20px;background:var(--vb-face);color:var(--vb-text);border-bottom:1px solid var(--vb-shadow)}
.debug-value-header>span{padding:2px 5px;border-right:1px solid var(--vb-shadow)}.debug-value-scroll{position:relative;flex:1;min-height:0;overflow:auto}.debug-value-spacer{width:100%;pointer-events:none}.debug-value-layer{position:absolute;inset:0 0 auto;min-width:340px}
.debug-value-row{position:absolute;left:0;right:0;height:19px;line-height:19px;cursor:default}.debug-value-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 5px;border-right:1px solid var(--vb-face);border-bottom:1px solid var(--vb-face)}
.debug-expression{display:flex;align-items:center;gap:3px}.debug-expression>span:last-child{overflow:hidden;text-overflow:ellipsis}.debug-expand{flex:0 0 10px;width:10px;height:10px;min-height:10px;line-height:8px;padding:0;border:1px solid var(--vb-shadow);box-shadow:none;font:10px monospace;background:var(--vb-window);color:var(--vb-window-text)}.debug-expand-spacer{width:10px;flex:0 0 10px}
.debug-value-tree:focus .debug-value-row.selected,.debug-stack-row.selected{background:var(--vb-selection);color:var(--vb-selection-text)}.debug-value-row.selected{background:var(--vb-face)}
.debug-stack-list{flex:1;overflow:auto;background:var(--vb-window);color:var(--vb-window-text)}.debug-stack-row{display:grid;grid-template-columns:20px minmax(160px,1fr) 90px;min-height:19px;padding:2px 4px;white-space:nowrap;cursor:default}
.debug-watch-list{flex:1;overflow:auto}.debug-watch-list .debug-table button{min-height:16px;height:16px;padding:0 5px}.debug-watch-list .debug-table{white-space:nowrap}.debug-tool-window .watch-entry input{min-width:40px;flex:1}.debug-tool-window .watch-entry{flex-shrink:0}.debug-tool-window .output-text{min-height:0;overflow:auto;margin:0}
.watch-dialog label{display:flex;align-items:center;gap:8px;margin:9px 0}.watch-dialog label input,.watch-dialog label select{flex:1;min-width:0}.watch-dialog fieldset{margin:10px 0}.watch-dialog p{font-size:11px}
.quick-watch>label{display:flex;align-items:center;gap:8px}.debug-quick-context{padding:7px 0;font-weight:bold}.quick-watch .debug-value-tree{border:1px solid var(--vb-shadow);margin:4px 0;flex:none}.debug-quick-status{padding:5px 0;min-height:25px;overflow-wrap:anywhere}

.option-check{display:flex;align-items:center;gap:5px;margin:5px 0;white-space:normal}.option-check input[type=number]{width:65px}.procedure-attributes fieldset{margin-top:10px}.tool-note{font-size:11px;line-height:1.4;color:var(--vb-text);margin:10px 0 2px}.options-dock-list{columns:2;min-height:230px}.options-dock-list label{break-inside:avoid}.editor-options-sample{height:100px;overflow:auto;margin:10px 0 0;padding:7px;border:1px solid var(--vb-shadow);white-space:pre;user-select:text}.ide-color-palette{padding:5px;min-width:150px;overflow:auto;flex:1}.ide-palette-header{display:flex;gap:7px;margin-bottom:6px;align-items:center}.ide-palette-header select{width:98px}.ide-palette-sample{padding:2px 8px;border:1px solid var(--vb-shadow);background:var(--vb-face);color:var(--vb-text)}.ide-palette-swatches{display:grid;grid-template-columns:repeat(8,18px);gap:2px;padding:2px;margin-bottom:5px}.ide-palette-swatches button{width:18px;height:18px;min-width:0;padding:0;border:1px solid;border-color:var(--vb-light) var(--vb-dark) var(--vb-dark) var(--vb-light)}.ide-palette-swatches button:focus{outline:1px dotted var(--vb-text);outline-offset:1px}.source-editor[data-margin=false] .code-gutter{display:none}

.selection-outline.primary-selection .selection-handle{background:var(--vb-window);border-color:var(--vb-dark)}
/* Resource Editor: the same compact system palette as the other MDI tools. */
.resource-editor{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--vb-face);color:var(--vb-text)}
.resource-toolbar{flex-wrap:wrap;min-height:27px;gap:3px}.resource-toolbar button{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.resource-file-name{margin-left:auto;padding:0 5px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-columns{display:grid;grid-template-columns:minmax(145px,29%) minmax(180px,1fr);flex:1;min-height:0;gap:4px;padding:3px}.resource-tree{display:flex;flex-direction:column;min-height:0;border:1px solid var(--vb-shadow);background:var(--vb-window)}.resource-tree .tool-list{flex:1;min-height:0}.resource-edit-pane{display:flex;flex-direction:column;min-height:0;min-width:0;gap:4px}.resource-fields{display:flex;flex-wrap:wrap;gap:5px}.resource-fields label{display:flex;align-items:center;gap:4px;flex:1;min-width:90px}.resource-fields input{min-width:45px;width:85px;flex:1}.resource-edit-pane textarea{flex:1;min-height:65px;width:100%;resize:none;box-sizing:border-box;background:var(--vb-window);color:var(--vb-window-text);font:13px/18px 'Courier New',monospace;white-space:pre}.resource-edit-pane img{max-height:85px;max-width:180px;object-fit:contain;align-self:flex-start}.resource-actions{display:flex;gap:3px;flex-wrap:wrap}.resource-actions button{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.resource-editor .tool-note{font-size:11px;line-height:15px;margin:0}.resource-editor .tool-status{white-space:normal;min-height:19px;line-height:16px}
@media(max-width:600px){.resource-columns{grid-template-columns:minmax(105px,33%) minmax(155px,1fr)}.resource-toolbar button{font-size:11px}.resource-actions button{font-size:11px}.resource-file-name{display:none}}

/* The popup is a separate top-level browsing context, not a fixed overlay. */
html:has(.browser-window-root), body:has(> .browser-window-root) { width:100%; height:100%; margin:0; overflow:hidden; }
.browser-window-root.ide-shell { display:flex; flex-direction:column; position:relative; width:100%; height:100%; min-width:0; min-height:0; overflow:hidden; }
.browser-window-caption { display:flex; align-items:center; gap:6px; padding:3px 5px; flex:0 0 auto; background:var(--vb-title); color:var(--vb-title-text); font:12px Tahoma,Arial,sans-serif; }
.browser-window-caption strong { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.browser-window-caption button { flex:none; font:11px Tahoma,Arial,sans-serif; }
.browser-window-menubar { flex:0 0 auto; flex-wrap:wrap; height:auto; min-height:21px; }
.browser-window-content { position:relative; display:flex; flex:1 1 0; min-height:0; min-width:0; overflow:hidden; }
.browser-window-content > .dock-group, .browser-window-content > .mdi-window,
.browser-window-content > .command-bar { position:relative!important; inset:auto!important; width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; margin:0!important; flex:1 1 0!important; }
.browser-window-content > .dock-group { display:flex; flex-direction:column; }
.browser-window-content > .mdi-window { display:flex; flex-direction:column; }
.browser-window-content > .mdi-window .mdi-client { display:block; flex:1; min-height:0; }
.browser-window-content > .mdi-window > .mdi-resize,
.browser-window-content > .dock-group > .dock-resize,
.browser-window-content > .command-bar .command-bar-caption { display:none!important; }
.browser-window-content > .mdi-window > .document-title .window-buttons button:not([aria-label="Close current document"]) { display:none; }
.browser-window-content > .command-bar { align-content:flex-start; align-items:flex-start; flex-direction:row; flex-wrap:wrap; }
.browser-window-content > .command-bar .toolbar-grip { display:none; }
.browser-window-content .managed-panel { min-width:0; }
.browser-window-content > [hidden] { display:none!important; }
.browser-detach { flex:none; margin-left:auto; }