.win95-root{--w95-face:silver;--w95-highlight:#fff;--w95-shadow:gray;--w95-dark:#000;--w95-title:navy;--w95-title-end:#1084d0;--w95-text:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;width:100%;max-width:420px;color:var(--w95-text);-webkit-font-smoothing:none;isolation:isolate;font-family:Tahoma,MS Sans Serif,Segoe UI,sans-serif;font-size:12px;line-height:1.2}.win95-root *,.win95-root :before,.win95-root :after{box-sizing:border-box}.win95-window{background:var(--w95-face);border-top:2px solid var(--w95-highlight);border-left:2px solid var(--w95-highlight);border-right:2px solid var(--w95-dark);border-bottom:2px solid var(--w95-dark);box-shadow:1px 1px 0 var(--w95-shadow) inset, -1px -1px 0 var(--w95-shadow) inset;padding:2px}.win95-title-bar{background:linear-gradient(90deg, var(--w95-title) 0%, var(--w95-title-end) 100%);color:#fff;-webkit-user-select:none;user-select:none;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;height:22px;padding:1px 2px 1px 3px;font-size:12px;font-weight:700;display:flex}.win95-title-bar-text{white-space:nowrap;text-overflow:ellipsis;color:#fff;flex-direction:row;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.win95-app-icon{background-color:navy;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:3px 3px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #000;flex:0 0 14px;width:14px;height:14px;box-shadow:inset 1px 1px #fff}.win95-title-bar-controls{flex-direction:row;flex-shrink:0;gap:2px;display:flex}.win95-title-button{background:var(--w95-face);color:#000;border:none;border-top:1px solid var(--w95-highlight);border-left:1px solid var(--w95-highlight);border-right:1px solid var(--w95-dark);border-bottom:1px solid var(--w95-dark);width:16px;height:14px;box-shadow:inset -1px -1px 0 var(--w95-shadow), inset 1px 1px 0 #dfdfdf;cursor:default;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:inline-flex}.win95-title-button:active{border-top:1px solid var(--w95-dark);border-left:1px solid var(--w95-dark);border-right:1px solid var(--w95-highlight);border-bottom:1px solid var(--w95-highlight);box-shadow:none;padding-top:1px;padding-left:1px}.win95-icon-min{background:#000;width:6px;height:2px;margin-top:5px;display:block}.win95-icon-max{border:1px solid #000;border-top-width:2px;width:8px;height:7px;display:block}.win95-icon-close{width:8px;height:8px;display:block;position:relative}.win95-icon-close:before,.win95-icon-close:after{content:"";background:#000;width:2px;height:8px;position:absolute;top:0;left:3px}.win95-icon-close:before{transform:rotate(45deg)}.win95-icon-close:after{transform:rotate(-45deg)}.win95-menu-bar{background:var(--w95-face);-webkit-user-select:none;user-select:none;flex-flow:wrap;align-items:stretch;gap:0;padding:1px 0 0;display:flex}.win95-menu-item-wrap{position:relative}.win95-menu-item{font:inherit;color:#000;cursor:default;background:0 0;border:none;margin:0;padding:3px 8px;font-size:12px;display:inline-block}.win95-menu-item:hover,.win95-menu-item.is-open{background:var(--w95-title);color:#fff}.win95-menu-item .underline{text-decoration:underline}.win95-dropdown{z-index:40;background:var(--w95-face);border-top:1px solid var(--w95-highlight);border-left:1px solid var(--w95-highlight);border-right:1px solid var(--w95-dark);border-bottom:1px solid var(--w95-dark);min-width:168px;padding:2px;position:absolute;top:100%;left:0;box-shadow:2px 2px #00000059}.win95-dropdown-item{text-align:left;width:100%;font:inherit;color:#000;cursor:default;white-space:nowrap;background:0 0;border:none;margin:0;padding:4px 18px 4px 16px;font-size:12px;display:block}.win95-dropdown-item:hover:not(:disabled){background:var(--w95-title);color:#fff}.win95-dropdown-item:disabled{color:gray;text-shadow:1px 1px #fff}.win95-dropdown-divider{border:none;border-top:1px solid var(--w95-shadow);border-bottom:1px solid var(--w95-highlight);height:0;margin:3px 2px}.win95-body{background:var(--w95-face);color:#000;flex-direction:column;gap:8px;padding:8px 6px 6px;display:flex}.win95-field{color:#000;border-top:1px solid var(--w95-shadow);border-left:1px solid var(--w95-shadow);border-right:1px solid var(--w95-highlight);border-bottom:1px solid var(--w95-highlight);box-shadow:inset 1px 1px 0 var(--w95-dark);background:#fff;padding:4px 5px}.win95-viewport{border-top:2px solid var(--w95-shadow);border-left:2px solid var(--w95-shadow);border-right:2px solid var(--w95-highlight);border-bottom:2px solid var(--w95-highlight);background:#000;height:150px;padding:0;position:relative;overflow:hidden}.win95-viewport canvas{width:100%;height:100%;display:block}.win95-viewport-cover{pointer-events:none;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.win95-viewport-cover-img{background:#222;border:1px solid gray;width:88px;height:88px;position:relative;overflow:hidden;box-shadow:2px 2px #000}.win95-track-field{white-space:nowrap;text-overflow:ellipsis;color:#000;background:#fff;font-size:12px;overflow:hidden}.win95-group{min-inline-size:0;box-shadow:inset 1px 1px 0 var(--w95-shadow), inset -1px -1px 0 var(--w95-highlight);background:0 0;border:none;margin:0;padding:6px 8px 8px}.win95-group legend{color:#000;padding:0 4px;font-size:11px}.win95-meta-row{color:#000;flex-direction:row;justify-content:space-between;gap:8px;margin-top:6px;font-size:11px;display:flex}.win95-control-row{flex-direction:row;align-items:center;gap:8px;width:100%;display:flex}.win95-label{color:#000;flex:none;font-size:11px}.win95-slider-track{cursor:pointer;background:var(--w95-face);border-top:1px solid var(--w95-shadow);border-left:1px solid var(--w95-shadow);border-right:1px solid var(--w95-highlight);border-bottom:1px solid var(--w95-highlight);height:18px;box-shadow:inset 1px 1px 0 var(--w95-dark);flex:auto;position:relative}.win95-slider-fill{background:var(--w95-title);pointer-events:none;position:absolute;top:2px;bottom:2px;left:2px}.win95-slider-thumb{background:var(--w95-face);border-top:1px solid var(--w95-highlight);border-left:1px solid var(--w95-highlight);border-right:1px solid var(--w95-dark);border-bottom:1px solid var(--w95-dark);width:12px;height:16px;box-shadow:inset -1px -1px 0 var(--w95-shadow);pointer-events:none;position:absolute;top:1px}.win95-btn{background:var(--w95-face);color:#000;min-width:75px;height:23px;font:inherit;cursor:default;border:none;border-top:1px solid var(--w95-highlight);border-left:1px solid var(--w95-highlight);border-right:1px solid var(--w95-dark);border-bottom:1px solid var(--w95-dark);box-shadow:inset -1px -1px 0 var(--w95-shadow), inset 1px 1px 0 #dfdfdf;justify-content:center;align-items:center;margin:0;padding:0 10px;font-size:12px;display:inline-flex}.win95-btn:active:not(:disabled){border-top:1px solid var(--w95-dark);border-left:1px solid var(--w95-dark);border-right:1px solid var(--w95-highlight);border-bottom:1px solid var(--w95-highlight);box-shadow:none;padding-top:1px;padding-left:11px;padding-right:9px}.win95-btn:focus-visible{outline-offset:-4px;outline:1px dotted #000}.win95-btn-sm{min-width:42px;height:22px;padding:0 6px;font-size:11px}.win95-btn-icon{width:34px;min-width:0;height:28px;padding:0}.win95-btn-icon:active:not(:disabled){padding:1px 0 0 1px}.win95-btn-play{width:46px}.win95-transport{flex-direction:row;align-items:center;gap:4px;width:100%;padding-top:2px;display:flex}.win95-checkbox{color:#000;cursor:default;flex-direction:row;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:inline-flex}.win95-checkbox input{appearance:none;border-top:1px solid var(--w95-shadow);border-left:1px solid var(--w95-shadow);border-right:1px solid var(--w95-highlight);border-bottom:1px solid var(--w95-highlight);width:13px;height:13px;box-shadow:inset 1px 1px 0 var(--w95-dark);cursor:default;background:#fff;margin:0;position:relative}.win95-checkbox input:checked:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:3px;height:7px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.win95-range{appearance:none;cursor:default;background:0 0;flex:auto;width:100%;height:22px;margin:0}.win95-range::-webkit-slider-runnable-track{background:var(--w95-face);border-top:1px solid var(--w95-shadow);border-left:1px solid var(--w95-shadow);border-right:1px solid var(--w95-highlight);border-bottom:1px solid var(--w95-highlight);height:6px;box-shadow:inset 1px 1px 0 var(--w95-dark)}.win95-range::-webkit-slider-thumb{appearance:none;background:var(--w95-face);border-top:1px solid var(--w95-highlight);border-left:1px solid var(--w95-highlight);border-right:1px solid var(--w95-dark);border-bottom:1px solid var(--w95-dark);width:12px;height:22px;box-shadow:inset -1px -1px 0 var(--w95-shadow);border-radius:0;margin-top:-9px}.win95-range::-moz-range-track{background:var(--w95-face);border-top:1px solid var(--w95-shadow);border-left:1px solid var(--w95-shadow);border-right:1px solid var(--w95-highlight);border-bottom:1px solid var(--w95-highlight);height:6px}.win95-range::-moz-range-thumb{background:var(--w95-face);border:none;border-top:1px solid var(--w95-highlight);border-left:1px solid var(--w95-highlight);border-right:1px solid var(--w95-dark);border-bottom:1px solid var(--w95-dark);width:12px;height:22px;box-shadow:inset -1px -1px 0 var(--w95-shadow);border-radius:0}.win95-status-bar{background:var(--w95-face);flex-direction:row;gap:2px;margin-top:2px;padding:2px 1px 1px;display:flex}.win95-status-field{color:#000;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid var(--w95-shadow);border-left:1px solid var(--w95-shadow);border-right:1px solid var(--w95-highlight);border-bottom:1px solid var(--w95-highlight);flex:auto;min-width:0;padding:2px 5px;font-size:11px;overflow:hidden}.win95-status-field-sm{text-align:center;flex:none;min-width:56px}