html,body,#root{height:100%;margin:0}
body{font-family:Tahoma,Verdana,"Segoe UI",sans-serif;font-size:11px;overflow:hidden;
background:linear-gradient(#2a6bd6 0%,#6aa5ec 45%,#b9d7f5 60%,transparent 60%),radial-gradient(ellipse 120% 60% at 40% 100%,#3f9b2a 0%,#5cb83a 45%,#8ad15a 70%,#4a8f25 100%);background-color:#4a8f25}
.xpwin{position:absolute;background:#ECE9D8;border:3px solid #0831d9;border-top:none;border-radius:8px 8px 0 0;box-shadow:2px 4px 14px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden}
.xptitle{height:28px;background:linear-gradient(#0997ff,#0053ee 8%,#0050ee 40%,#06f 88%,#06f 93%,#005bff 95%,#003dd7 96%,#003dd7);color:#fff;font-weight:bold;font-size:13px;display:flex;align-items:center;padding:0 4px 0 8px;text-shadow:1px 1px #0f1089;cursor:default;user-select:none;flex-shrink:0}
.xptitle .t{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb{width:21px;height:21px;border:1px solid #fff;border-radius:3px;margin-left:2px;background:linear-gradient(#3c8cff,#1b5ee8);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.tb.x{background:linear-gradient(#e8805e,#c4361a)}
.menubar{display:flex;border-bottom:1px solid #d4d0c8;padding:1px 2px}
.menubar span{padding:2px 7px;cursor:default}.menubar span:hover{background:#316ac5;color:#fff}
.toolbar{display:flex;align-items:center;gap:2px;padding:2px 4px;border-bottom:1px solid #d4d0c8;flex-wrap:wrap}
.tbtn{display:flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid transparent;border-radius:3px;cursor:pointer;background:none;font-size:11px;font-family:inherit}
.tbtn:hover{border-color:#cecece;background:linear-gradient(#fff,#e3e3db)}
.tbtn:disabled{opacity:.4}
.addr{display:flex;align-items:center;gap:4px;padding:2px 4px;border-bottom:1px solid #d4d0c8}
.addr input{flex:1;border:1px solid #7f9db9;padding:2px 4px;font-family:inherit;font-size:11px}
.go{background:linear-gradient(#5fbf50,#2f8f1f);color:#fff;border:1px solid #2a6d1f;border-radius:3px;padding:1px 8px;cursor:pointer;font-weight:bold}
.taskpane{width:200px;background:linear-gradient(#7ba2e7,#6375d6);padding:10px;overflow:auto;flex-shrink:0}
.tp{background:#d6dff7;border-radius:4px 4px 0 0;margin-bottom:12px;overflow:hidden}
.tp h4{background:linear-gradient(90deg,#fff,#c6d3f7);color:#215dc6;font-weight:bold;padding:4px 8px;margin:0}
.tp div.b{padding:6px 10px;color:#215dc6}
.tp a{display:block;cursor:pointer;padding:2px 0;color:#215dc6}.tp a:hover{text-decoration:underline;color:#428eff}
.pane{flex:1;background:#fff;overflow:auto;position:relative}
.icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px;padding:8px}
.ic{display:flex;flex-direction:column;align-items:center;padding:3px;cursor:default;text-align:center;word-break:break-all;user-select:none}
.ic.sel .nm{background:#316ac5;color:#fff;outline:1px dotted #000}
.ico{width:32px;height:32px;position:relative;margin-bottom:3px;border-radius:2px;display:flex;align-items:flex-end;justify-content:center;font-size:8px;font-weight:bold;color:#fff}
.ico.folder{background:linear-gradient(#ffe68a,#f2c13a);border-radius:2px 6px 3px 3px;height:24px;margin-top:8px;box-shadow:inset 0 -2px #d39d1b}
.ico.folder:before{content:"";position:absolute;top:-5px;left:0;width:13px;height:6px;background:#f2c13a;border-radius:3px 3px 0 0}
.ico.file{width:26px;background:#fff;border:1px solid #8a8a8a;box-shadow:1px 1px 0 #ccc}
.ico.file:after{content:"";position:absolute;top:-1px;right:-1px;border-style:solid;border-width:0 8px 8px 0;border-color:#ECE9D8 #ECE9D8 #bbb #bbb}
.ico .lbl{width:100%;padding:1px 0;border-radius:0 0 1px 1px}
.details{width:100%;border-collapse:collapse}
.details th{background:linear-gradient(#fff,#ebeadb);border-right:1px solid #d4d0c8;border-bottom:2px solid #d4d0c8;text-align:left;padding:3px 6px;font-weight:normal;cursor:pointer;position:sticky;top:0}
.details td{padding:1px 6px;white-space:nowrap}
.details tr.sel td{background:#316ac5;color:#fff}
.status{display:flex;gap:6px;border-top:1px solid #d4d0c8;padding:2px 6px;background:#ECE9D8;flex-shrink:0}
.status>*{border-right:1px solid #aca899;padding-right:6px}
.status a{color:#0645ad;text-decoration:underline}
.taskbar{position:fixed;left:0;right:0;bottom:0;height:30px;background:linear-gradient(#1f2f86 0,#3168d5 3%,#4993e6 6%,#2157d7 10%,#2663e0 90%,#1941a5);display:flex;align-items:center;z-index:999}
.start{height:30px;padding:0 18px 0 10px;background:linear-gradient(#388e3c,#3c9a3f 10%,#4caf50 50%,#2e7d32);color:#fff;font-style:italic;font-weight:bold;font-size:17px;border-radius:0 12px 12px 0;cursor:pointer;text-shadow:1px 1px 2px #000;border:none;font-family:"Trebuchet MS",sans-serif}
.tray{margin-left:auto;height:30px;background:linear-gradient(#0c59b9,#139ee9 8%,#18b5f2 15%,#139beb 50%,#1290e8);border-left:1px solid #092e79;color:#fff;padding:0 12px;display:flex;align-items:center;gap:8px}
.balloon{position:fixed;right:10px;bottom:38px;background:#ffffe1;border:1px solid #000;border-radius:8px;padding:8px 12px;max-width:260px;z-index:1000;box-shadow:2px 2px 6px rgba(0,0,0,.4)}
.ctx{position:fixed;background:#fff;border:1px solid #aca899;box-shadow:2px 2px 3px rgba(0,0,0,.4);z-index:2000;min-width:160px;padding:2px}
.ctx div{padding:3px 20px;cursor:default}.ctx div:hover{background:#316ac5;color:#fff}
.ctx hr{border:none;border-top:1px solid #aca899;margin:2px}
.mono{font-family:"Lucida Console","Courier New",monospace;font-size:12px}
.xpbtn{background:linear-gradient(#fff,#ece9d8);border:1px solid #003c74;border-radius:3px;padding:3px 12px;cursor:pointer;font-family:inherit;font-size:11px}
.xpbtn:hover{box-shadow:inset 0 0 0 2px #f8b636}
.bsod{position:fixed;inset:0;background:#0000aa;color:#fff;font-family:"Lucida Console",monospace;font-size:14px;padding:40px;z-index:5000;cursor:pointer}
.dog{font-size:40px;animation:wag .6s infinite alternate;display:inline-block}
@keyframes wag{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@media(max-width:700px){.taskpane{display:none}}