:root{--face:#d6d3ce;--face-light:#e9e7e3;--hilite:#fff;--shadow:#86837e;--dkshadow:#3a3935;--frame:#1b1b1b;--field:#fff;--text:#111;--text-dim:#7d7b77;--title-a:#0a2a8a;--title-b:#2f63d8;--title-text:#fff;--title-inactive-a:#6f7682;--title-inactive-b:#aab0ba;--select:#1c3fa6;--select-text:#fff;--primary-a:#3a6fe0;--primary-b:#1a3fa6;--danger-a:#e5463f;--danger-b:#b21f19;--success-a:#3aa651;--success-b:#1d7431;--hover-a:#9fbdf2;--hover-b:#6b95e3;--close-a:#e2463e;--close-b:#b0201a;--progress:#1f47b8;--desktop-a:#2b5cc7;--desktop-b:#0c2878;--pal-gray1:#d6d3ce;--pal-gray2:#bdbab5;--pal-gray3:#85827d;--pal-navy:#13389e;--pal-purple:#9b2fd6;--pal-teal:#22c6c6;--pal-cornflower:#6e95e6;--pal-yellow:#f7d417;--pal-red:#df2e28;--pal-green:#1f9a3a;--radius:3px;--font:Tahoma, "Segoe UI", Verdana, "DejaVu Sans", Geneva, sans-serif;--font-mono:"Lucida Console", "Courier New", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--desktop-b);-webkit-font-smoothing:auto;-webkit-user-select:none;user-select:none;font-size:13px;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.raised{background:var(--face);border:1px solid var(--frame);border-radius:var(--radius);box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow), inset 2px 2px 0 var(--face-light), inset -2px -2px 0 #a9a6a1}.sunken{background:var(--field);border:1px solid var(--shadow);box-shadow:inset 1px 1px 0 var(--dkshadow), inset -1px -1px 0 var(--face-light), inset 2px 2px 0 #c4c1bc;border-radius:2px}.panel-inset{border:1px solid var(--shadow);border-right-color:var(--hilite);border-bottom-color:var(--hilite);border-radius:2px}.btn{cursor:pointer;background:linear-gradient(#e3e0db, var(--face) 60%, #c8c5c0);border:1px solid var(--frame);border-radius:var(--radius);min-width:76px;height:30px;box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow), inset -2px -2px 0 #b3b0ab, 1px 1px 0 #00000040;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled),.btn.pressed{box-shadow:inset 1px 1px 0 var(--dkshadow), inset 2px 2px 0 var(--shadow);background:#c3c0bb;padding-top:2px;padding-left:16px}.btn:focus-visible{outline:1px dotted var(--text);outline-offset:-5px}.btn:disabled{color:var(--text-dim);text-shadow:1px 1px 0 var(--hilite);cursor:default}.btn.sm{min-width:0;height:24px;padding:0 8px;font-weight:500}.btn.primary,.btn.danger,.btn.success,.btn.hover-demo{color:#fff;text-shadow:0 1px #00000059}.btn.primary{background:linear-gradient(var(--primary-a), var(--primary-b))}.btn.danger{background:linear-gradient(var(--danger-a), var(--danger-b))}.btn.success{background:linear-gradient(var(--success-a), var(--success-b))}.btn.hover-demo{background:linear-gradient(var(--hover-a), var(--hover-b))}.btn.primary,.btn.danger,.btn.success{box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #00000059,1px 1px #00000040}.window{background:var(--face);border:1px solid var(--frame);border-radius:5px 5px var(--radius) var(--radius);box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow), inset 2px 2px 0 var(--face-light), 3px 3px 0 #00000047;flex-direction:column;min-width:220px;min-height:120px;padding:3px;display:flex;position:absolute}.window.maximized{box-shadow:none;border-radius:0}.titlebar{height:28px;color:var(--title-text);letter-spacing:.2px;text-shadow:1px 1px #00000073;background:linear-gradient(90deg, var(--title-a), var(--title-b));cursor:default;border-radius:3px 3px 0 0;flex:none;align-items:center;gap:6px;padding:0 3px 0 6px;font-size:14px;font-weight:700;display:flex}.window:not(.active) .titlebar{background:linear-gradient(90deg, var(--title-inactive-a), var(--title-inactive-b));color:#eef0f3}.titlebar .title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.titlebar-btns{gap:2px;display:flex}.tb-btn{cursor:pointer;background:var(--face);border:1px solid var(--frame);width:22px;height:20px;box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow);color:var(--text);border-radius:2px;place-items:center;padding:0;display:grid}.tb-btn:active{box-shadow:inset 1px 1px 0 var(--shadow)}.tb-btn.close{background:linear-gradient(var(--close-a), var(--close-b));color:#fff}.tb-btn svg{display:block}.window-body{flex-direction:column;flex:1;min-height:0;margin-top:2px;display:flex}.resize-grip{cursor:nwse-resize;background:linear-gradient(135deg, transparent 45%, var(--shadow) 45% 52%, var(--hilite) 52% 58%, transparent 58% 65%, var(--shadow) 65% 72%, var(--hilite) 72% 78%, transparent 78%);width:14px;height:14px;position:absolute;bottom:2px;right:2px}.menubar{border-bottom:1px solid var(--shadow);box-shadow:0 1px 0 var(--hilite);flex:none;gap:2px;padding:2px 2px 3px;display:flex}.menubar>button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:2px 8px}.menubar>button:hover{border-color:var(--hilite) var(--shadow) var(--shadow) var(--hilite)}.menubar>button.open,.menubar>button:active{background:var(--select);color:var(--select-text)}.menu{z-index:100000;background:var(--face);border:1px solid var(--frame);min-width:190px;box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow), 3px 3px 0 #0000004d;border-radius:2px;padding:3px;position:absolute}.menu-item{text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:5px 10px 5px 6px;display:flex}.menu-item .kbd{margin-left:auto;padding-left:24px}.menu-item:hover:not(:disabled),.menu-item.hot{background:var(--select);color:var(--select-text)}.menu-item:disabled{color:var(--text-dim);text-shadow:1px 1px 0 var(--hilite)}.menu-sep{border-top:1px solid var(--shadow);border-bottom:1px solid var(--hilite);height:2px;margin:4px 2px}.field{background:var(--field);border:1px solid var(--shadow);height:28px;box-shadow:inset 1px 1px 0 var(--dkshadow), inset -1px -1px 0 var(--face-light);-webkit-user-select:text;user-select:text;border-radius:2px;outline:none;padding:3px 7px}textarea.field{resize:none;height:auto}.field:focus{box-shadow:inset 1px 1px 0 var(--dkshadow), inset -1px -1px 0 var(--face-light), 0 0 0 1px var(--select)}.check,.radio{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input,.radio input{appearance:none;background:var(--field);border:1px solid var(--shadow);width:16px;height:16px;box-shadow:inset 1px 1px 0 var(--dkshadow);place-items:center;margin:0;display:grid}.radio input{border-radius:50%}.check input:checked{background:var(--select)}.check input:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:900;line-height:1}.radio input:checked:after{content:"";background:var(--select);border-radius:50%;width:8px;height:8px}input[type=range].slider{appearance:none;background:linear-gradient(90deg, var(--select) var(--pct,50%), #cfccc7 var(--pct,50%));border:1px solid var(--shadow);border-radius:3px;height:6px}input[type=range].slider::-webkit-slider-thumb{appearance:none;border:1px solid var(--frame);cursor:pointer;background:linear-gradient(#8fb0f0,#3a68d4);border-radius:2px;width:14px;height:24px;box-shadow:inset 1px 1px #fff9}input[type=range].slider::-moz-range-thumb{border:1px solid var(--frame);background:linear-gradient(#8fb0f0,#3a68d4);border-radius:2px;width:14px;height:24px}.tabs{z-index:1;flex:none;gap:0;padding:0 4px;display:flex;position:relative;top:1px}.tab{background:var(--face);border:1px solid var(--frame);box-shadow:inset 1px 1px 0 var(--hilite);cursor:pointer;border-bottom:0;border-radius:4px 4px 0 0;margin-right:-1px;padding:5px 14px}.tab.active{background:var(--face);margin-top:-3px;padding-bottom:7px;font-weight:700}.tab-panel{border:1px solid var(--frame);min-height:0;box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow);border-radius:0 2px 2px;flex:1;padding:10px;overflow:auto}.progress{gap:2px;height:20px;padding:2px;display:flex;overflow:hidden}.progress .seg{background:linear-gradient(#4f78de, var(--progress));border-radius:1px;flex:none;width:10px}.listview{background:var(--field);overflow:auto}.listview table{border-collapse:collapse;width:100%}.listview th{z-index:1;text-align:left;background:var(--face);border:1px solid var(--frame);box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow);white-space:nowrap;border-width:0 1px 1px 0;padding:4px 8px;font-weight:500;position:sticky;top:0}.listview td{white-space:nowrap;padding:3px 8px}.listview tr.sel td{background:var(--select);color:var(--select-text)}.listview tbody tr:hover td{background:#dfe6f7}.listview tbody tr.sel:hover td{background:var(--select)}.num{text-align:right;font-variant-numeric:tabular-nums}.up{color:#127a2a}.down{color:#c21d17}.statusbar{flex:none;gap:3px;margin-top:3px;display:flex}.statusbar>div{border:1px solid var(--shadow);border-right-color:var(--hilite);border-bottom-color:var(--hilite);white-space:nowrap;text-overflow:ellipsis;padding:3px 8px;overflow:hidden}.statusbar>div:first-child{flex:1}.toolbar{border-bottom:1px solid var(--shadow);box-shadow:0 1px 0 var(--hilite);flex:none;align-items:stretch;gap:2px;padding:3px;display:flex}.tool-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:3px 6px;font-size:12px;display:flex}.tool-btn:hover{border-color:var(--hilite) var(--shadow) var(--shadow) var(--hilite)}.tool-btn:active{border-color:var(--shadow) var(--hilite) var(--hilite) var(--shadow)}.tool-sep{border-left:1px solid var(--shadow);border-right:1px solid var(--hilite);width:2px;margin:2px 3px}.groupbox{border:1px solid var(--shadow);box-shadow:1px 1px 0 var(--hilite), inset 1px 1px 0 var(--hilite);border-radius:3px;margin:8px 0 0;padding:12px 10px 10px;position:relative}.groupbox>legend{padding:0 4px;font-weight:700}.desktop{background:radial-gradient(1200px 700px at 30% 20%, #ffffff24, transparent 60%), repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 3px), linear-gradient(160deg, var(--desktop-a), var(--desktop-b));position:fixed;inset:0 0 40px;overflow:hidden}.desk-icon{color:#fff;text-align:center;cursor:default;border:1px dotted #0000;flex-direction:column;align-items:center;gap:4px;width:98px;padding:4px 2px;display:flex;position:absolute}.desk-icon .label{text-shadow:1px 1px 1px #000;overflow-wrap:normal;max-width:100%;padding:1px 3px;font-size:12px;line-height:1.2}.desk-icon.sel .label{background:var(--select);text-shadow:none}.desk-icon.sel{border-color:#fff9}.desk-icon.drop-target{background:#ffffff2e;border-color:#fff}.desk-icon .ens{opacity:.8;font-size:10px}.taskbar{background:var(--face);border-top:1px solid var(--hilite);height:40px;box-shadow:0 -1px 0 var(--face-light), inset 0 1px 0 var(--hilite);z-index:50000;align-items:center;gap:4px;padding:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.start-btn{gap:8px;min-width:100px;height:32px;padding:0 12px 0 8px;font-size:16px;font-weight:800}.task-btns{flex:1;gap:4px;min-width:0;display:flex;overflow:hidden}.task-btn{flex:0 190px;justify-content:flex-start;min-width:60px;height:32px;font-weight:500;overflow:hidden}.task-btn span{text-overflow:ellipsis;overflow:hidden}.task-btn.active{background:repeating-conic-gradient(#e9e7e3 0 25%, #d6d3ce 0 50%) 0 0 / 2px 2px;box-shadow:inset 1px 1px 0 var(--dkshadow), inset 2px 2px 0 var(--shadow);font-weight:700}.tray{border:1px solid var(--shadow);border-right-color:var(--hilite);border-bottom-color:var(--hilite);border-radius:2px;align-items:center;gap:8px;height:32px;padding:0 10px;display:flex}.start-menu{z-index:60000;width:720px;max-width:calc(100vw - 8px);height:560px;max-height:calc(100vh - 50px);padding:3px;display:flex;position:fixed;bottom:42px;left:4px}.start-banner{background:linear-gradient(0deg, var(--title-a), var(--title-b));color:#fff;writing-mode:vertical-rl;letter-spacing:1px;text-shadow:1px 1px #0006;border-radius:2px;flex:none;width:34px;padding:10px 0;font-size:20px;font-weight:800;transform:rotate(180deg)}.start-banner b{color:#ffd84a}.balloon{border:1px solid var(--frame);z-index:70000;background:#ffffe1;border-radius:6px;max-width:320px;padding:10px 12px;font-size:12px;position:fixed;bottom:48px;right:110px;box-shadow:3px 3px #0000004d}.bsod{z-index:99999;color:#fff;font-family:var(--font-mono);cursor:pointer;background:#0b22a8;place-items:center;font-size:18px;line-height:1.5;display:grid;position:fixed;inset:0}.bsod .inner{max-width:760px;padding:24px}.bsod .tag{color:#0b22a8;background:#c8c8c8;padding:0 8px;font-weight:700}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0;min-height:0}.muted{color:var(--text-dim)}.mono{font-family:var(--font-mono)}.selectable{-webkit-user-select:text;user-select:text}.scroll{overflow:auto}.chip{background:var(--face);border:1px solid var(--frame);height:22px;box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow);cursor:pointer;border-radius:11px;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.chip:hover{background:#e4eaf8}.badge{color:#fff;border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.badge.ok{background:var(--success-b)}.badge.warn{background:#c98a00}.badge.bad{background:var(--danger-b)}.badge.info{background:var(--primary-b)}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:repeating-conic-gradient(#e9e7e3 0 25%, #cfccc7 0 50%) 0 0 / 2px 2px}::-webkit-scrollbar-thumb{background:var(--face);border:1px solid var(--frame);box-shadow:inset 1px 1px 0 var(--hilite), inset -1px -1px 0 var(--shadow)}::-webkit-scrollbar-button:single-button{background:var(--face);border:1px solid var(--frame);width:17px;height:17px;display:block}

