:root{--desk:#008080;--blue:#0000aa;--blk:#000;--wht:#fff;--gray:#c0c0c0}
*{-webkit-font-smoothing:none;font-smooth:never;box-sizing:border-box}
html,body{margin:0;height:100%;font-family:'VT323',monospace;font-size:18px;color:#000;overflow:hidden}
body{background:var(--desk);background-image:radial-gradient(#0a6f6f 1px,transparent 1px);background-size:4px 4px}
.desk{position:fixed;inset:0;overflow:hidden}
.desk.mobile{overflow:auto;padding:4px 4px 60px}
.win{position:absolute;background:#fff;border:2px solid #000;display:flex;flex-direction:column;box-shadow:3px 3px 0 rgba(0,0,0,.35)}
.mobile .win{position:relative!important;left:auto!important;top:auto!important;width:100%!important;margin-bottom:8px}
.tbar{display:flex;align-items:stretch;height:22px;border-bottom:2px solid #000;background:#fff;color:#000;user-select:none;touch-action:none}
.win.active .tbar{background:var(--blue);color:#fff}
.tbar .ttl{flex:1;text-align:center;line-height:20px;white-space:nowrap;overflow:hidden}
.tbtn{width:22px;border-right:2px solid #000;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;cursor:pointer;font-size:14px}
.tbtn.r{border-right:0;border-left:2px solid #000}
.sysbar{width:12px;height:4px;background:#000;border:1px solid #fff;outline:1px solid #000}
.mbar{display:flex;border-bottom:2px solid #000;background:#fff;position:relative}
.mitem{padding:0 10px;cursor:pointer;user-select:none}
.mitem.on{background:#000;color:#fff}
.drop{position:absolute;top:100%;background:#fff;border:2px solid #000;z-index:999;min-width:200px;box-shadow:3px 3px 0 rgba(0,0,0,.4)}
.drop div{padding:1px 14px;cursor:pointer;white-space:nowrap}
.drop div:hover{background:#000;color:#fff}
.drop hr{border:0;border-top:1px solid #000;margin:2px 0}
u{text-decoration:underline}
.btn{border:2px solid #000;border-radius:6px;background:#fff;padding:0 14px;cursor:pointer;font-family:inherit;font-size:18px;min-width:70px}
.btn:active{background:#000;color:#fff}
.btn.def{border-width:3px}
.grid{background-color:#fff;background-image:radial-gradient(#888 1px,transparent 1px);background-size:8px 8px}
.ctl{position:absolute;overflow:hidden;font-size:16px;line-height:1.1;cursor:move;touch-action:none}
.ctl.sel{outline:2px dashed #0000aa}
.handle{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;background:#000;cursor:nwse-resize}
.pb{border:1px solid #000;border-radius:5px;display:flex;align-items:center;justify-content:center;background:#fff}
.pb.def{border-width:2px}
.chk{width:12px;height:12px;border:1px solid #000;display:inline-flex;align-items:center;justify-content:center;font-size:12px;margin-right:4px;flex-shrink:0}
.rad{border-radius:50%}
.tool{width:40px;height:34px;border:1px solid #000;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;background:#fff}
.tool.on{background:#000;color:#fff}
.tool.dis{color:#888;cursor:not-allowed}
.prop{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #000}
.prop>*:first-child{border-right:1px solid #000;padding:0 4px;background:#eee}
.prop input,.prop select,.inp{font-family:inherit;font-size:17px;border:0;width:100%;padding:0 4px;background:#fff;outline:none}
.inp{border:1px solid #000}
textarea.scr{font-family:inherit;font-size:16px;width:100%;resize:vertical;line-height:1.1;background:#fff}
.status{position:fixed;left:0;right:0;bottom:0;height:24px;background:var(--gray);border-top:2px solid #000;display:flex;align-items:center;padding:0 8px;gap:14px;font-size:16px;z-index:5000}
.status a{color:#000;margin-left:auto}
.hex span{padding:0 1px}
.h-mz{background:#ffff55}.h-ne{background:#55ffff}.h-tab{background:#aaffaa}.h-code{background:#ffaaff}.h-rel{background:#ffaa55}.h-data{background:#ddd}.h-res{background:#aaaaff}
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9000}
.boot{position:fixed;inset:0;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;text-align:center}
.blink{animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.hour{cursor:wait!important}