.paint-window{width:860px;max-width:calc(100vw - 16px);height:min(620px,calc(100dvh - 52px));max-height:calc(100dvh - 52px);display:flex;flex-direction:column;background:#ece9d8;border:3px solid #0054e3;border-top:0;border-radius:8px 8px 0 0;box-shadow:2px 5px 12px #0005;overflow:hidden;left:8px;top:8px;color:#111;font:11px Tahoma,Arial,sans-serif}
.paint-window[hidden]{display:none!important}.paint-window>.titlebar{height:29px;min-height:29px;margin:0 -1px;padding:3px 2px 3px 4px;border-radius:7px 7px 0 0;background:linear-gradient(#4ba4ff,#0568fa 13%,#0054e5 50%,#0053df 85%,#073ba2);box-shadow:inset 0 1px #82beff;flex-shrink:0;gap:3px;touch-action:none}.paint-window>.titlebar strong{font:bold 12px Tahoma;letter-spacing:0;text-shadow:1px 1px #174297;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paint-window>.titlebar strong img{width:16px;height:18px;object-fit:contain}.paint-window>.titlebar button{width:21px;height:21px;padding:0;border:1px solid white;border-radius:3px;color:white;font:bold 16px/16px Arial;background:linear-gradient(130deg,#8ec6ff,#438df4 40%,#1966db);box-shadow:inset 1px 1px #ffffff88}.paint-window>.titlebar button:last-child{background:linear-gradient(130deg,#ffb891,#e85632 40%,#cf2c0e)}
.paint-menubar{height:23px;display:flex;position:relative;align-items:center;gap:0;border-bottom:1px solid #aca899;padding:0 1px;flex-shrink:0;background:#ece9d8;z-index:5}.paint-menubar>button{font:11px Tahoma;border:1px solid transparent;background:transparent;padding:2px 7px;height:21px;color:#111}.paint-menubar>button:hover,.paint-menubar>button[aria-expanded=true]{border-color:#316ac5;background:#c1d2ee}.paint-menu{position:absolute;top:22px;left:0;min-width:200px;padding:3px;background:#fff;border:1px solid #716f64;box-shadow:2px 3px #0005;z-index:8}.paint-menu button{display:block;width:100%;padding:6px 18px 6px 24px;text-align:left;border:0;background:linear-gradient(90deg,#ece9d8 20px,white 20px);font:11px Tahoma;color:#111;white-space:nowrap}.paint-menu button:hover{background:#316ac5;color:white}.paint-menu button:disabled{color:#999}.paint-menu hr{margin:3px 4px 3px 24px;border:0;border-top:1px solid #d1cfc5}.paint-menu small{float:right;margin-left:18px;color:inherit}
.paint-main{display:flex;flex:1;min-height:0;overflow:hidden;border-top:1px solid #fff}.paint-toolbox{width:56px;flex-shrink:0;padding:3px 3px 5px;background:#ece9d8;display:flex;flex-direction:column;border-right:1px solid #aaa;overflow:auto;scrollbar-width:thin}.paint-tools{display:grid;grid-template-columns:24px 24px;gap:1px 0}.paint-tools button{width:24px;height:25px;background:transparent;border:1px solid transparent;padding:3px;display:grid;place-items:center;touch-action:manipulation;color:#000}.paint-tools button:hover{border-color:#fff #808080 #808080 #fff}.paint-tools button[aria-pressed=true]{border-color:#808080 #fff #fff #808080;background:#fff;box-shadow:inset 1px 1px #b4b4a8}.paint-tools svg{width:17px;height:17px;display:block;overflow:visible;pointer-events:none}.paint-options{margin-top:7px;border:1px solid;border-color:#aca899 white white #aca899;min-height:65px;padding:4px 2px;display:flex;flex-direction:column;gap:3px}.paint-options button{border:1px solid transparent;background:transparent;padding:2px;height:17px;display:grid;place-items:center}.paint-options button[aria-pressed=true]{background:#0a246a;color:white}.paint-options button span{display:block;width:30px;background:currentColor}.paint-shape-style{width:100%;font:9px Tahoma;background:#fff;border:1px solid #888}.paint-options .paint-finish{height:auto;font:9px Tahoma;border:1px outset white;padding:4px 0}.paint-workspace{flex:1;min-width:0;overflow:auto;background:#808080;position:relative;padding:3px;overscroll-behavior:contain;scrollbar-color:#b9d2fa #f0f0ea;scrollbar-width:auto}.paint-paper{position:relative;line-height:0;box-shadow:1px 1px #404040;width:max-content;background:white}.paint-paper canvas{display:block;background:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;image-rendering:auto}.paint-paper::after{content:'';position:absolute;right:-3px;bottom:-3px;width:4px;height:4px;background:#202020;border:1px solid #fff;pointer-events:none}.paint-marquee{position:absolute;border:1px dashed #000;outline:1px dashed #fff;pointer-events:none;box-sizing:border-box}.paint-text{position:absolute;resize:both;border:1px dashed #222;outline:1px solid #fff;background:transparent;line-height:1.2;font-family:Arial,sans-serif;padding:2px;min-width:55px;min-height:32px;z-index:3;touch-action:auto;-webkit-user-select:text;user-select:text;box-sizing:border-box}
.paint-colors{display:flex;align-items:center;gap:6px;padding:6px 5px 7px;background:#ece9d8;border-top:1px solid white;flex-shrink:0;min-height:48px;overflow-x:auto}.paint-current{position:relative;width:34px;height:32px;flex-shrink:0;border:1px solid;border-color:#808080 #fff #fff #808080;background:repeating-conic-gradient(#fff 0% 25%,#d4d0c8 0% 50%) 0/4px 4px}.paint-current i{position:absolute;width:17px;height:17px;border:1px solid #777;box-shadow:inset 0 0 0 1px white;right:3px;bottom:3px;background:var(--paint-bg,#fff)}.paint-current b{position:absolute;width:17px;height:17px;border:1px solid #777;box-shadow:inset 0 0 0 1px white;left:3px;top:3px;background:var(--paint-fg,#000)}.paint-palette{display:grid;grid-template-rows:repeat(2,15px);grid-auto-flow:column;grid-auto-columns:15px;gap:1px 2px}.paint-palette button{border:1px solid;border-color:#808080 #fff #fff #808080;padding:0;box-shadow:inset 1px 1px #333;width:15px;height:15px}.paint-custom{position:relative;margin-left:2px;border:1px solid #aca899;width:22px;height:29px;flex-shrink:0;padding:1px;background:#ece9d8}.paint-custom input{width:18px;height:25px;padding:0;border:0;cursor:pointer}.paint-status{height:22px;min-height:22px;display:flex;align-items:center;gap:5px;border-top:1px solid #aca899;padding:2px 3px;font:10px Tahoma;background:#ece9d8}.paint-status [data-paint-status]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paint-status [data-paint-size],.paint-status [data-paint-point]{flex-shrink:0;min-width:70px;padding-left:5px;border-left:1px solid #aca899;box-shadow:-1px 0 #fff}
.paint-dialog{position:absolute;z-index:20;inset:40px 15px auto;margin:auto;max-width:310px;background:#ece9d8;border:2px outset white;box-shadow:3px 5px #0004;padding:14px;line-height:1.6;font:12px/1.6 Tahoma}.paint-dialog h3{font:bold 13px Tahoma;margin:0 0 10px}.paint-dialog label{display:block;margin:6px 0}.paint-dialog input{width:85px;margin-left:8px;font:12px Tahoma;padding:4px;border:2px inset #fff}.paint-dialog button{font:11px Tahoma;background:#ece9d8;border:2px outset white;padding:5px 15px;min-width:65px;margin:9px 3px 0 0}.paint-dialog p{margin:6px 0}.paint-window.paint-maximized{left:0!important;top:0!important;width:100%!important;max-width:none;height:calc(100dvh - 36px)!important;max-height:none;border-radius:0}.paint-window button:focus-visible{outline:1px dotted #000;outline-offset:-3px}.paint-window .paint-hidden-input{display:none}.paint-window .paint-menubar,.paint-toolbox,.paint-colors{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media(max-width:600px){.paint-window{width:calc(100vw - 12px)!important;max-width:none;left:6px!important;top:6px!important;height:min(590px,calc(100dvh - 48px))}.paint-menubar>button{padding:2px 6px}.paint-toolbox{width:53px;padding-left:2px;padding-right:1px}.paint-colors{gap:4px;padding:5px 3px}.paint-current{width:29px}.paint-palette{grid-auto-columns:14px;grid-template-rows:repeat(2,14px);gap:1px}.paint-palette button{width:14px;height:14px}.paint-custom{margin-left:0;width:18px}.paint-custom input{width:14px}.paint-status [data-paint-point]{display:none}.paint-window.paint-maximized{width:100%!important;left:0!important;top:0!important}}

.paint-start-icon{width:33px;height:33px;object-fit:contain;flex-shrink:0}.start-programs button>.paint-start-icon{clip-path:none}