:root{--face:silver;--shadow:gray;--dark:#000;--light:#dfdfdf;--hilite:#fff;--desktop:teal;--title:navy;--title-inactive:gray}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--desktop);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;font:11px MS Sans Serif,Microsoft Sans Serif,Tahoma,Geneva,Arial,sans-serif;overflow:auto}#desktop{min-width:100%;min-height:100%;position:relative}.win95-window{background:var(--face);box-shadow:inset -1px -1px var(--dark), inset 1px 1px var(--light), inset -2px -2px var(--shadow), inset 2px 2px var(--hilite);padding:3px;position:absolute}.win95-window[hidden]{display:none}.win95-title{background:var(--title-inactive);color:silver;cursor:default;align-items:center;gap:3px;height:18px;margin-bottom:1px;padding:0 2px;font-weight:700;display:flex}.win95-window.active .win95-title{background:var(--title);color:#fff}.win95-title img{width:16px;height:16px;image-rendering:pixelated}.win95-client{position:relative;overflow:hidden}.vcl{white-space:pre;margin:0;padding:0;line-height:normal;position:absolute}.vcl[hidden]{display:none}.vcl-panel{justify-content:center;align-items:center;display:flex}.vcl-panel[data-align=taRightJustify]{justify-content:flex-end;padding-right:4px}.vcl-panel[data-align=taLeftJustify]{justify-content:flex-start;padding-left:4px}.vcl-panel>.caption{pointer-events:none}.bevel-raised{box-shadow:inset -1px -1px var(--shadow), inset 1px 1px var(--hilite)}.bevel-lowered{box-shadow:inset -1px -1px var(--hilite), inset 1px 1px var(--shadow)}.border-single{outline-offset:-1px;outline:1px solid #000}.border-single.bevel-raised{box-shadow:inset 0 0 0 1px #000, inset -2px -2px var(--shadow), inset 2px 2px var(--hilite);outline:none}.border-single.bevel-lowered{box-shadow:inset 0 0 0 1px #000, inset -2px -2px var(--hilite), inset 2px 2px var(--shadow);outline:none}.bevel-lowered-1{box-shadow:inset 1px 1px var(--shadow), inset -1px -1px var(--hilite);pointer-events:none}.bevel-raised-1{box-shadow:inset 1px 1px var(--hilite), inset -1px -1px var(--shadow);pointer-events:none}.vcl-groupbox{box-shadow:none}.vcl-groupbox:before{content:"";box-shadow:inset 1px 1px var(--shadow), inset -1px -1px var(--hilite), inset 2px 2px var(--hilite), inset -2px -2px var(--shadow);pointer-events:none;position:absolute;inset:6px 0 0}.vcl-groupbox>.caption{background:var(--face);padding:0 2px;line-height:13px;position:absolute;top:0;left:8px}.vcl-label{overflow:hidden}.vcl-label.wrap{white-space:pre-wrap}.vcl-edit,.vcl-memo,.vcl-listbox,.vcl-srichedit,.vcl-richedit{box-shadow:inset -1px -1px var(--hilite), inset 1px 1px var(--shadow), inset -2px -2px var(--light), inset 2px 2px var(--dark);font:inherit;-webkit-user-select:text;user-select:text;background:#fff;border:0;outline:none;padding:2px 3px}.vcl-edit{padding:1px 4px}.vcl-edit:read-only{cursor:default}.vcl-edit:disabled{background:var(--face);color:var(--shadow)!important}.vcl-memo:disabled{background:var(--face)}.vcl-memo{resize:none;white-space:pre}.richedit{white-space:pre-wrap;word-break:break-word;overflow:hidden auto}.vcl-listbox{padding:2px;overflow-y:auto}.vcl-listbox .item{white-space:pre;height:14px;padding:0 2px;line-height:14px}.vcl-listbox .item.selected{background:var(--title);color:#fff}.vcl-button,.vcl-updown button{background:var(--face);font:inherit;color:#000;box-shadow:inset -1px -1px var(--dark), inset 1px 1px var(--hilite), inset -2px -2px var(--shadow), inset 2px 2px var(--light);border:0}.vcl-button:active:not(:disabled),.vcl-updown button:active{box-shadow:inset -1px -1px var(--hilite), inset 1px 1px var(--dark), inset -2px -2px var(--light), inset 2px 2px var(--shadow);padding-top:2px;padding-left:2px}.vcl-button:disabled{text-shadow:1px 1px var(--hilite);color:var(--shadow)!important}.vcl-button:focus-visible{outline-offset:-4px;outline:1px dotted #000}.vcl-updown{flex-direction:column;display:flex}.vcl-updown button{flex:1;padding:0;position:relative}.vcl-updown button:after{content:"";border:3px solid #0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vcl-updown .up:after{border-bottom-color:#000;margin-top:-2px}.vcl-updown .down:after{border-top-color:#000;margin-top:2px}.vcl-updown.disabled .up:after{border-bottom-color:var(--shadow)}.vcl-updown.disabled .down:after{border-top-color:var(--shadow)}.vcl-checkbox{align-items:center;gap:4px;display:flex}.vcl-checkbox input{appearance:none;width:13px;height:13px;box-shadow:inset -1px -1px var(--hilite), inset 1px 1px var(--shadow), inset -2px -2px var(--light), inset 2px 2px var(--dark);background:#fff;place-content:center;margin:0;display:grid}.vcl-checkbox input:checked:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M6 0h1v2h-1v1h-1v1h-1v1h-1v1h-1v1h-1v-1h-1v-3h1v1h1v1h1v-1h1v-1h1v-1h1z'/%3E%3C/svg%3E") 50%/7px 7px no-repeat;width:7px;height:7px}.vcl-checkbox.disabled input,.vcl-checkbox input:disabled{background:var(--face)}.vcl-updown.disabled,.vcl-label.disabled{pointer-events:none}.vcl-checkbox.disabled .caption{color:var(--shadow);text-shadow:1px 1px var(--hilite)}.vcl-paintbox,.vcl-image{image-rendering:pixelated}canvas.field{image-rendering:pixelated;position:absolute}.modal-overlay{position:fixed;inset:0}.win95-window.dialog{z-index:100}.mode-bar{z-index:1000;gap:8px;display:flex;position:fixed;top:12px;right:12px}.mode-switch{color:#7df9ff;letter-spacing:.04em;cursor:pointer;background:#0b0b1f;border:1px solid #00e5ff;border-radius:6px;padding:6px 12px;font:600 12px system-ui,sans-serif;box-shadow:0 0 10px #00e5ff66}