*{box-sizing:border-box}
html,body,#root{margin:0;height:100%;overflow:hidden}
body{font-family:Tahoma,"MS Sans Serif",Geneva,Verdana,sans-serif;font-size:11px;background:#008080;user-select:none;-webkit-user-select:none}
.out{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:inset -1px -1px #808080,inset 1px 1px #dfdfdf}
.in{background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;box-shadow:inset 1px 1px #404040}
.btn{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;padding:2px 8px;font:inherit;min-width:22px;cursor:default}
.btn:active,.btn.on{border-color:#404040 #fff #fff #404040;padding:3px 7px 1px 9px}
.btn:disabled{color:#808080}
.title{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:bold;padding:2px 3px;display:flex;align-items:center;gap:4px;cursor:default;touch-action:none}
.title.off{background:linear-gradient(90deg,#808080,#b5b5b5)}
.tb{width:16px;height:14px;font-size:9px;line-height:9px;padding:0;min-width:0;font-weight:bold}
.win{position:absolute;display:flex;flex-direction:column;padding:2px}
.sel{background:#000080;color:#fff;outline:1px dotted #ff0}
.item{cursor:default}
.menu{position:fixed;z-index:9999;min-width:150px;padding:2px}
.menu div{padding:3px 18px}
.menu div:hover{background:#000080;color:#fff}
.mono{font-family:"Lucida Console","Courier New",monospace;font-size:12px}
.icgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px;padding:4px}
.ic{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2px;word-break:break-all}
.ic span{padding:0 2px;margin-top:2px}
.ic.s span{background:#000080;color:#fff;outline:1px dotted #ff0}
.tree div{white-space:nowrap}
.pm{display:inline-block;width:9px;height:9px;border:1px solid #808080;font-size:8px;line-height:7px;text-align:center;background:#fff;margin-right:3px}
.desk-ic{color:#fff;text-shadow:1px 1px #000}
.flash{animation:fl 1s infinite alternate}
@keyframes fl{from{transform:translateX(-20px)}to{transform:translateX(20px)}}
@media(max-width:640px){.win{left:0!important;top:0!important;width:100vw!important;height:calc(100vh - 30px)!important}.treepane{display:none}}