*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font:14px var(--system-font);color:#111;background:#002a94}button,input,select,textarea{font:inherit;color:inherit}button{cursor:default}button:focus-visible{outline:1px dotted #111;outline-offset:-5px}button{border:0;background:transparent}button:disabled{color:#777;text-shadow:1px 1px white}button img{pointer-events:none}button[hidden],[hidden]{display:none!important}:root{--gray:#c0c0c0;--blue:#000080;--light:#fff;--shadow:#808080;--edge:#202020}.raised,.window{background:var(--gray);border:2px solid;border-color:#fff #202020 #202020 #fff;box-shadow:inset -1px -1px #808080,inset 1px 1px #dfdfdf}.sunken{border:2px solid;border-color:#808080 white white #808080}#desktop{height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 20%,#073aaf55,transparent 70%),linear-gradient(115deg,#002b96,#00278e 70%,#03258d)}.desktop-icons{position:absolute;inset:12px auto auto 3px;width:14%;max-width:130px;display:flex;flex-direction:column;align-items:center;gap:26px}.desktop-icon{width:100%;padding:0 3px;color:white;display:flex;align-items:center;flex-direction:column;gap:5px;font:14px var(--system-font);line-height:1.1;text-align:center}.desktop-icon img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.desktop-icon span{padding:2px}.desktop-icon:focus span{background:#000080;outline:1px dotted white}.desktop-icon:focus-visible{outline:0}.window{position:absolute;padding:3px;display:flex;flex-direction:column;min-width:300px;min-height:170px;resize:both;overflow:hidden;z-index:2}.image-window{left:15.6%;top:5%;width:81.4%;height:86%;min-width:310px;min-height:330px}.titlebar{height:25px;min-height:25px;background:var(--blue);color:white;display:flex;align-items:center;padding:2px 3px;gap:7px;user-select:none;touch-action:none;font:700 14px var(--system-font);letter-spacing:.25px}.titlebar img{width:21px;height:21px;object-fit:contain;image-rendering:pixelated}.window-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-controls{display:flex;gap:2px;margin-left:auto}.window-controls button,.titlebar>button{height:19px;min-width:19px;padding:0;background:var(--gray);border:2px solid;border-color:#fff #111 #111 #fff;box-shadow:inset -1px -1px #808080;color:#111;font:bold 17px var(--system-font);line-height:13px;text-align:center}.window-controls button:first-child{font-size:18px;line-height:7px;padding-bottom:5px}.window-controls button:active,.bevel:active{border-color:#111 #fff #fff #111;box-shadow:none}.window.inactive>.titlebar{background:#808080}.window.maximized{inset:0 0 39px!important;width:100%!important;height:calc(100% - 39px)!important;resize:none}.menubar{height:28px;min-height:28px;display:flex;gap:0;align-items:center;border-bottom:1px solid #888}.menubar button{padding:3px 8px;font-family:var(--system-font)}.menubar button:hover,.menubar button[aria-expanded=true]{background:#000080;color:white}.toolbar{display:flex;align-items:center;gap:3px;padding:3px 1px;height:38px;min-height:38px;border-bottom:2px solid;border-color:#fff #808080 #808080 #fff}.tool-button{height:30px;min-width:32px;padding:3px;border:1px solid;border-color:#fff #808080 #808080 #fff;display:grid;place-items:center}.tool-button svg{width:23px;height:23px}.tool-button.active,.tool-button:active{border-color:#555 #fff #fff #555;background:#a9a9a9}.toolbar .separator{height:26px;border-left:1px solid #888;border-right:1px solid white;margin:0 3px}.toolbar .paint-toggle{margin-left:auto;font-size:12px;padding:3px 8px;display:flex;gap:4px}.editor-body{display:flex;flex:1;min-height:0;position:relative;border:2px solid;border-color:#808080 white white #808080}.canvas-scroll{flex:1;min-width:0;overflow:auto;position:relative;background:#808080;scrollbar-color:#c0c0c0 #dfdfdf;scrollbar-width:thin;overscroll-behavior:contain}canvas{display:block;touch-action:none;cursor:default;background:white;image-rendering:auto;max-width:none}#selection-box{position:absolute;border:1px dashed black;box-shadow:0 0 0 1px white;pointer-events:none}#text-entry{position:absolute;border:1px dashed black;background:#ffffffe0;padding:2px;min-width:140px;z-index:1}#text-entry:focus{outline:none}.scroll-decoration{width:17px;min-width:17px;background:repeating-conic-gradient(#bbb 0 25%,#ddd 0 50%) 0/2px 2px;display:flex;flex-direction:column}.scroll-decoration span,.horizontal-scroll span{background:#c0c0c0;border:2px solid;border-color:#eee #555 #555 #eee;text-align:center;line-height:15px;height:19px;width:17px;font-size:14px}.scroll-decoration span:last-child{margin-top:auto}.scroll-decoration i{height:29%;background:#c0c0c0;border:1px solid;border-color:#fff #808080 #808080 #fff}.horizontal-scroll{display:flex;height:19px;min-height:19px;background:repeating-conic-gradient(#bbb 0 25%,#ddd 0 50%) 0/2px 2px;margin-right:17px}.horizontal-scroll span:last-child{margin-left:auto}.horizontal-scroll i{width:55%;height:19px;border:2px solid;border-color:#eee #777 #777 #eee;background:#bfbfbf}.statusbar{display:flex;background:var(--blue);color:white;align-items:center;height:28px;min-height:28px;margin-top:3px;font:12px var(--system-font);gap:8px;padding:0 3px}.statusbar img{width:24px;height:23px;object-fit:contain;image-rendering:pixelated}#image-status{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#zoom-status,#size-status{border-left:1px solid #ddd;padding-left:12px;white-space:nowrap}.resize-grip{font-size:22px;align-self:flex-end}.paint-tools{width:74px;min-width:74px;background:#c0c0c0;padding:4px;border-right:2px solid #fff}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.paint-tools .tool-button{min-width:0;width:31px;height:30px;padding:3px}.paint-tools .tool-button svg{width:20px;height:20px}.size-label{font-size:11px;display:block;margin:12px 0 4px}.size-label select{width:100%;font-size:11px;background:white;margin-top:4px}.fill-label{font-size:11px;display:flex;align-items:center;gap:1px}.fill-label input{margin:4px 2px 4px 0}.palette{height:53px;min-height:53px;display:flex;align-items:center;padding:5px;gap:9px;border-top:1px solid #fff}.current-colors{width:40px;height:38px;position:relative;flex-shrink:0;background:repeating-conic-gradient(white 0 25%,#bbb 0 50%) 0/4px 4px;border:1px inset white}.current-colors>span{position:absolute;width:21px;height:21px;left:14px;top:13px;background:white;border:1px solid #444}.current-colors label{position:absolute;left:3px;top:3px;width:22px;height:22px}#custom-color{width:22px;height:22px;border:1px solid #333;padding:0;background:black}#custom-color::-webkit-color-swatch-wrapper{padding:0}#custom-color::-webkit-color-swatch{border:0}#swatches{display:grid;grid-template-columns:repeat(14,19px);gap:1px}.swatch{width:19px;height:19px;border:2px solid;border-color:#777 white white #777;padding:0}.swatch[aria-pressed=true]{outline:1px dotted #111;outline-offset:-4px}.palette-hint{font-size:10px;line-height:1.6;color:#444}#taskbar{position:absolute;bottom:0;left:0;right:0;height:39px;background:#c0c0c0;border-top:2px solid white;display:flex;align-items:center;padding:3px;gap:5px;z-index:10000}#start-button{height:30px;padding:2px 7px 2px 3px;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:13px}#start-button img{width:21px;height:21px;image-rendering:pixelated}#start-button[aria-expanded=true]{border-color:#555 white white #555}#task-buttons{flex:1;display:flex;gap:4px;min-width:0}.task-button{display:flex;align-items:center;gap:6px;max-width:260px;min-width:65px;width:220px;height:29px;white-space:nowrap;overflow:hidden;font-size:12px;text-align:left;padding:2px 7px}.task-button img{width:18px;height:18px;object-fit:contain;image-rendering:pixelated}.task-button span{overflow:hidden;text-overflow:ellipsis}.task-button.selected{border-color:#808080 white white #808080;background:#ddd}.tray{display:flex;gap:8px;align-items:center;font-size:12px;height:29px;padding:0 7px;white-space:nowrap}.tray button{padding:0;font-size:18px}#menu-popup{position:absolute;z-index:20000;min-width:220px;background:#c0c0c0;padding:3px;border:2px solid;border-color:#fff #111 #111 #fff;box-shadow:2px 2px #0005}#menu-popup button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 18px 6px 23px;text-align:left;font-size:13px;gap:32px}#menu-popup button span{color:inherit;font-size:11px}#menu-popup button:hover,#menu-popup button:focus{background:#000080;color:white;outline:none}hr{border:0;border-top:1px solid #888;border-bottom:1px solid white;margin:4px 2px}#start-menu{position:absolute;left:3px;bottom:38px;z-index:20000;display:flex;width:246px;padding:3px}.start-brand{background:#808080;color:#ddd;writing-mode:vertical-rl;transform:rotate(180deg);font-size:25px;padding:12px 5px;font-family:var(--system-font);letter-spacing:-1px}.start-brand b{color:white}.start-items{flex:1}.start-items button{display:flex;align-items:center;text-align:left;width:100%;padding:12px 9px;gap:12px;font-size:20px}.start-items button span{font-size:13px}.start-items button:hover{background:navy;color:white}.aux-window{left:24%;top:18%;width:480px;height:360px}.aux-content{flex:1;min-height:0;overflow:auto;padding:12px}.folder-path{background:white;border:2px inset #eee;padding:4px;margin-bottom:8px;font-size:12px}.file-grid{background:white;border:2px inset #eee;min-height:190px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:18px 7px}.file-item{padding:5px;font-size:12px;line-height:1.3;display:flex;flex-direction:column;align-items:center;gap:9px;word-break:break-word}.file-item img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.file-item .file-symbol{font-size:34px;height:44px}.file-item:focus{background:#000080;color:white;outline:1px dotted white}.aux-status{font-size:12px;border:1px inset white;padding:3px;margin-top:7px}.player-window{width:430px;height:280px}.player-display{background:#060e16;border:2px inset #eee;color:#5afbbc;padding:12px;font-family:var(--system-font)}.track-title{white-space:nowrap;overflow:hidden;font-size:12px}.visualizer{height:40px;display:flex;align-items:flex-end;gap:3px;margin:10px 0}.visualizer i{width:9px;height:5px;background:linear-gradient(#edff00,#00df55);transition:height .12s}.player-time{font-size:22px;display:flex;justify-content:space-between}.player-time small{font-size:11px;align-self:center}.player-seek{width:100%;height:18px;margin:8px 0;accent-color:#000080}.play-controls{display:flex;gap:4px;align-items:center}.bevel{border:2px solid;border-color:white #333 #333 white;background:#c0c0c0;padding:4px 11px;min-height:28px}.volume-label{margin-left:auto;display:flex;align-items:center;font-size:12px;gap:5px}.volume-label input{width:70px;accent-color:navy}.notepad-window{width:480px;height:380px}.notepad-window textarea{resize:none;width:100%;height:100%;border:2px inset white;padding:8px;font:14px var(--system-font);color:#111;background:white;outline:none}.notepad-window .aux-content{padding:0}.note-actions{display:flex;gap:5px;padding:5px}.help-window{width:460px;height:410px}.help-window h2{font-size:17px}.help-window p,.help-window li{font-size:13px;line-height:1.6}.help-window ul{padding-left:22px}.help-window kbd{background:#eee;border:1px solid #888;padding:1px 3px}#system-dialog{position:fixed;margin:auto;padding:3px;width:min(420px,90vw);min-height:0;resize:none;z-index:30000}#system-dialog::backdrop{background:#0003}#system-dialog .titlebar{justify-content:space-between}#dialog-body{padding:18px;font-size:13px;line-height:1.5}#dialog-body input{display:block;width:100%;margin:12px 0;padding:5px;background:white;border:2px inset white}#dialog-body .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}#dialog-body button{min-width:80px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){body{font-size:12px}.desktop-icons{width:15%;gap:22px}.desktop-icon{font-size:10px}.desktop-icon img{width:36px;height:36px}.image-window{left:16%;width:82%;min-width:0;height:83%;top:5%}.titlebar{font-size:11px;gap:4px}.titlebar img{width:17px;height:17px}.menubar button{padding:4px 5px;font-size:12px}.toolbar{gap:1px}.toolbar .tool-button{min-width:25px;width:25px;padding:2px}.toolbar .tool-button svg{width:19px;height:19px}.toolbar .paint-toggle{font-size:0;width:26px;min-width:26px;padding:2px}.toolbar .separator{margin:0 1px}.statusbar{font-size:9px;gap:4px}#size-status{display:none}#zoom-status{padding-left:5px}.paint-tools{width:60px;min-width:60px;padding:3px}.paint-tools .tool-button{width:25px;height:28px}.tool-grid{gap:1px}.palette{gap:4px;padding:3px;height:48px;min-height:48px}.palette-hint{display:none}#swatches{grid-template-columns:repeat(14,12px);gap:1px}.swatch{width:12px;height:17px;border-width:1px}.current-colors{width:36px}.aux-window{max-width:96vw;left:2%!important;min-width:280px}.task-button{font-size:10px;width:140px}#start-button{font-size:10px;padding:2px;gap:3px}.tray{font-size:10px;gap:4px;padding:0 3px}.tray button{font-size:14px}#start-button img{width:17px;height:17px}.statusbar img{width:18px;height:18px}.file-grid{grid-template-columns:repeat(2,1fr)}}
.canvas-scroll{overflow:scroll}.canvas-scroll::-webkit-scrollbar{width:17px;height:17px}.canvas-scroll::-webkit-scrollbar-track{background:repeating-conic-gradient(#bbb 0 25%,#ddd 0 50%) 0/2px 2px}.canvas-scroll::-webkit-scrollbar-thumb{background:#c0c0c0;border:2px solid;border-color:#eee #777 #777 #eee}.canvas-scroll::-webkit-scrollbar-corner{background:#c0c0c0}.canvas-scroll::-webkit-scrollbar-button:single-button{display:block;background:#c0c0c0;border:2px solid;border-color:#eee #777 #777 #eee;height:17px;width:17px}.canvas-scroll::-webkit-scrollbar-button:vertical:decrement{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath d='M3 9l4-5 4 5z'/%3E%3C/svg%3E") center no-repeat}.canvas-scroll::-webkit-scrollbar-button:vertical:increment{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath d='M3 4l4 5 4-5z'/%3E%3C/svg%3E") center no-repeat}.canvas-scroll::-webkit-scrollbar-button:horizontal:decrement{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath d='M9 3L4 7l5 4z'/%3E%3C/svg%3E") center no-repeat}.canvas-scroll::-webkit-scrollbar-button:horizontal:increment{background:#c0c0c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath d='M4 3l5 4-5 4z'/%3E%3C/svg%3E") center no-repeat}
@media print{body{background:white}#desktop>*{display:none!important}#image-window{display:block!important;position:static;width:100%;height:auto;border:0}#image-window>*{display:none!important}#image-window .editor-body{display:block!important;border:0}.canvas-scroll{overflow:visible!important;background:white}canvas{width:100%!important;height:auto!important}.paint-tools{display:none!important}}
dialog.window:not([open]){display:none!important}.image-window{height:min(86%,calc(69.5vw + 135px))}.canvas-scroll{scrollbar-width:auto}
#desktop{background:#002995 url('assets/desktop-texture.png') repeat}.desktop-icon{font-size:13px}.desktop-icon span{white-space:nowrap}.desktop-icons{gap:30px}.titlebar{font-family:var(--system-font);font-weight:400;font-size:13px;letter-spacing:0}.canvas-scroll{overflow:auto;scrollbar-width:none}.canvas-scroll::-webkit-scrollbar{display:none}.scroll-decoration{width:17px;min-width:17px}.scroll-decoration button,.horizontal-scroll button{background:#c0c0c0;border:2px solid;border-color:#eee #555 #555 #eee;text-align:center;padding:0;line-height:13px;height:17px;width:17px;min-width:17px;flex-shrink:0;font-size:12px}.scroll-track{position:relative;flex:1;min-height:0;min-width:0}.scroll-track i{position:absolute;display:block;margin:0;border:2px solid;border-color:#eee #777 #777 #eee;background:#c0c0c0;touch-action:none}.scroll-decoration i{width:100%}.horizontal-scroll i{height:100%}.horizontal-scroll{height:17px;min-height:17px}.palette .current-colors{flex-shrink:0}@media(max-width:620px){.desktop-icon{font-size:10px}.titlebar{font-size:11px}.desktop-icons{gap:24px}}
.download-link{color:#111;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:110px}#dialog-body label{display:block;margin-top:12px}
.toolbar{height:32px;min-height:32px;padding:1px}.toolbar>.tool-button:nth-child(4){margin-left:7px}.paint-tools{overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}@media(max-width:620px){.desktop-icon span{white-space:normal;font-size:9px}.toolbar>.tool-button:nth-child(4){margin-left:2px}.image-window:has(.paint-tools:not([hidden])){min-height:min(470px,calc(100svh - 95px))}.paint-tools .size-label select{font-size:10px}}