@font-face{font-family:DefragSans;src:url('/assets/ms_sans_serif.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DefragSans;src:url('/assets/ms_sans_serif_bold.woff2') format('woff2');font-weight:700;font-display:swap}
#defrag98{font-family:DefragSans,'MS Sans Serif',Tahoma,sans-serif;font-size:11px;line-height:1.4;color:#000;background:#008080;padding:28px 24px 32px;color-scheme:light;box-sizing:border-box;user-select:none}
#defrag98 *{box-sizing:border-box}
#defrag98 .window{position:relative;background:#c0c0c0;padding:3px;border:1px solid; border-color:#dfdfdf #000 #000 #dfdfdf;box-shadow:inset 1px 1px #fff,inset -1px -1px #808080,1px 2px 0 #004747;max-width:720px;margin:auto}
#defrag98 .title{display:flex;align-items:center;gap:4px;height:20px;padding:2px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-weight:700;white-space:nowrap}
#defrag98 .title-text{flex:1;overflow:hidden;text-overflow:ellipsis}
#defrag98 .pixel-icon{width:16px;height:16px;flex:none;image-rendering:pixelated}
#defrag98 button{font:inherit;line-height:1.2;color:#000;letter-spacing:0;background:#c0c0c0;border:0;border-radius:0;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px #808080,inset 2px 2px #dfdfdf;padding:5px 12px;min-width:76px;min-height:25px;cursor:default}
#defrag98 button:active:not(:disabled){box-shadow:inset -1px -1px #fff,inset 1px 1px #000,inset -2px -2px #dfdfdf,inset 2px 2px #808080;padding:6px 11px 4px 13px}
#defrag98 button:focus-visible{outline:1px dotted #000;outline-offset:-5px}
#defrag98 button:disabled{color:#808080;text-shadow:1px 1px #fff}
#defrag98 .title button{width:16px;min-width:16px;height:14px;min-height:14px;padding:0;line-height:12px;font:bold 13px Arial,sans-serif}
#defrag98 .content{padding:14px 12px 10px}
#defrag98 .drive{display:flex;align-items:center;gap:12px;margin:0 0 14px}
#defrag98 .drive svg{width:32px;height:32px;flex:none;image-rendering:pixelated}
#defrag98 p{font:inherit;margin:0}
#defrag98 .progress-row{display:flex;align-items:center;gap:12px;margin-bottom:13px}
#defrag98 .track{height:22px;flex:1;min-width:0;padding:3px;background:#c0c0c0;overflow:hidden;box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #000}
#defrag98 .fill{height:100%;width:0;background:linear-gradient(90deg,#000080 calc(100% - 2px),transparent 0) 0 0/var(--segment-pitch,13px) 100% repeat-x}
#defrag98 .percent{width:85px;text-align:right;font-variant-numeric:tabular-nums}
#defrag98 .map-frame{background:#fff;padding:3px;box-shadow:inset -1px -1px #fff,inset 1px 1px #808080,inset -2px -2px #dfdfdf,inset 2px 2px #000}
#defrag98 canvas{display:block;width:100%;height:288px;image-rendering:pixelated}
#defrag98 .map-footer{display:flex;justify-content:space-between;gap:8px;padding:6px 1px 12px;font-variant-numeric:tabular-nums}
#defrag98 .actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;padding-top:1px}
#defrag98 .actions .spacer{flex:1}
#defrag98 .statusbar{display:flex;gap:2px;margin-top:4px;color:#000}
#defrag98 .statusbar span{box-shadow:inset 1px 1px #808080,inset -1px -1px #fff;padding:2px 4px;min-height:20px}
#defrag98 .statusbar span:first-child{flex:1;min-width:0}
#defrag98 .statusbar span:last-child{width:85px;text-align:center;font-variant-numeric:tabular-nums}
#defrag98 .overlay{position:absolute;inset:23px 3px 3px;background:transparent;display:flex;align-items:center;justify-content:center;z-index:4;padding:12px}
#defrag98 [hidden]{display:none!important}
#defrag98 .dialog{width:330px;max-width:100%;background:#c0c0c0;padding:3px;border:1px solid;border-color:#fff #000 #000 #fff;box-shadow:inset -1px -1px #808080,2px 3px 0 #555}
#defrag98 .dialog-body{padding:18px 14px 14px}
#defrag98 .legend-items{display:grid;grid-template-columns:16px 1fr;gap:12px 10px;align-items:center;margin-bottom:18px}
#defrag98 .swatch{width:10px;height:12px;border:1px solid #000;justify-self:center}
#defrag98 .used{background:#00ffff}#defrag98 .sorted{background:#0000ff}#defrag98 .free{background:#fff}
#defrag98 .fixed{background:repeating-linear-gradient(0deg,#fff 0 2px,#008000 2px 3px)}
#defrag98 .read{background:#ffff00}#defrag98 .write{background:#ff0000}
#defrag98 .dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}
#defrag98 .dialog-message{white-space:pre-line}
@media(max-width:480px){#defrag98{padding:14px 8px 18px}#defrag98 .content{padding:12px 7px 8px}#defrag98 .actions{gap:6px;justify-content:space-between}#defrag98 .actions button{min-width:calc(50% - 3px)}#defrag98 .actions .spacer{display:none}#defrag98 .map-footer{font-size:11px}}