/* ---- Desktop icon and window ---- */
.paint-shortcut{top:126px}
.paint-desktop-icon{position:relative;width:48px;height:48px;filter:drop-shadow(1px 2px 1px #19354d70)}
.paint-desktop-icon img{display:block}
.paint-window{width:min(818px,calc(100% - 40px));height:min(690px,calc(100% - 36px));left:53%;top:50%;z-index:3;font-size:12px}
.paint-caption-icon{object-fit:contain;flex:none}

/* ---- Menu bar ---- */
.paint-menubar{display:flex;flex-shrink:0;padding:1px 2px;border-bottom:1px solid #fff;box-shadow:0 1px #aca899;user-select:none}
.paint-menu{position:relative}
.paint-menu-title{padding:3px 7px;border:0;background:none;font-size:12px;line-height:15px}
.paint-menu-title:hover,.paint-menu-title[aria-expanded="true"],.paint-menu-title:focus-visible{background:#316ac5;color:#fff;outline:none}
.paint-menu-list{position:absolute;top:100%;left:0;z-index:30;min-width:210px;padding:2px;background:#fff;border:1px solid #aca899;box-shadow:2px 2px 3px #00000050}
.paint-menu-list button{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:4px;width:100%;padding:3px 8px 3px 2px;border:0;background:none;text-align:left;font-size:12px;line-height:15px;white-space:nowrap}
.paint-menu-list button:hover,.paint-menu-list button:focus-visible{background:#316ac5;color:#fff;outline:none}
.paint-menu-list button[aria-disabled="true"]{color:#aca899}
.paint-menu-list kbd{font:inherit;padding-left:24px}
.paint-check{text-align:center}
.paint-menu-list [aria-checked="true"] .paint-check::before{content:"✓"}
.paint-menu-sep{height:1px;margin:3px 1px;background:#aca899}

/* ---- Tool box ---- */
.paint-body{position:relative;display:flex;flex:1;min-height:0}
.paint-toolbox{display:flex;flex-direction:column;align-items:center;gap:5px;width:58px;flex:none;padding:4px 3px;overflow:auto}
.paint-tool-grid{display:grid;grid-template-columns:repeat(2,25px)}
.paint-tool{display:grid;place-items:center;width:25px;height:25px;padding:0;background:#ece9d8;border:1px solid transparent}
.paint-tool:hover{border-color:#fff #808080 #808080 #fff}
.paint-tool[aria-pressed="true"]{border-color:#808080 #fff #fff #808080;background:repeating-conic-gradient(#fff 0% 25%,#ece9d8 0% 50%) 0 0/2px 2px}
.paint-tool svg{display:block;width:16px;height:16px}
.paint-tool-options{display:flex;flex-direction:column;align-items:center;gap:1px;width:44px;min-height:68px;padding:3px 1px;border:1px solid;border-color:#808080 #fff #fff #808080}
.paint-tool-options.is-brush{display:grid;grid-template-columns:repeat(3,13px);justify-content:center;align-content:start;gap:1px}
.paint-tool-options.is-airbrush{display:grid;grid-template-columns:repeat(2,20px);justify-content:center;align-content:start;gap:2px}
.paint-tool-options.is-airbrush svg{width:20px;height:20px}
.paint-opt{display:grid;place-items:center;width:100%;min-height:13px;padding:1px;border:0;background:none;color:#000}
.paint-opt svg{display:block;fill:currentColor;stroke-width:1}
.paint-opt[aria-pressed="true"]{background:#0a246a;color:#fff}
.paint-opt-text{font-size:11px;line-height:13px}

/* ---- Drawing area ---- */
.paint-scroll{flex:1;min-width:0;overflow:auto;background:#808080;border:1px solid;border-color:#808080 #fff #fff #808080}
.paint-canvas-wrap{position:relative;margin:3px 12px 12px 3px}
#paint-canvas{display:block;background:#fff;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair;outline:none}
#paint-canvas.is-zoomed{image-rendering:pixelated}
#paint-canvas[data-tool="text"]{cursor:text}
#paint-canvas[data-tool="magnifier"]{cursor:zoom-in}
#paint-canvas.is-over-selection{cursor:move}
.paint-overlay,.paint-grid{position:absolute;left:0;top:0;pointer-events:none}
.paint-grid{width:100%;height:100%;background-image:linear-gradient(to right,#80808080 1px,transparent 1px),linear-gradient(to bottom,#80808080 1px,transparent 1px)}
.paint-textbox{position:absolute;margin:0;border:0;outline:1px dashed #000;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;box-sizing:border-box}
.paint-resize-ghost{position:absolute;left:0;top:0;outline:1px dashed #000;pointer-events:none}
.paint-handle{position:absolute;width:5px;height:5px;background:#0a246a;touch-action:none}
.paint-handle::after{content:"";position:absolute;inset:-6px}
.paint-handle-e{right:-6px;top:calc(50% - 2px);cursor:e-resize}
.paint-handle-s{bottom:-6px;left:calc(50% - 2px);cursor:s-resize}
.paint-handle-se{right:-6px;bottom:-6px;cursor:se-resize}
.paint-fontbar{position:absolute;top:6px;right:22px;z-index:5;display:flex;align-items:center;gap:3px;padding:0 4px 4px;background:#ece9d8;border:1px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #808080}
.paint-fontbar-title{flex-basis:100%;margin:0 -4px 2px;padding:1px 5px;background:linear-gradient(#0a246a,#3a6ea5);color:#fff;font-weight:bold;font-size:11px}
.paint-fontbar{flex-wrap:wrap;max-width:300px}
.paint-fontbar select{font:12px Tahoma,sans-serif;height:21px;border:1px solid #7f9db9;background:#fff}
#paint-font{width:130px}
.paint-fontbar button{width:22px;height:21px;padding:0;border:1px solid transparent;background:none;font:13px "Times New Roman",serif}
.paint-fontbar button:hover{border-color:#fff #808080 #808080 #fff}
.paint-fontbar button[aria-pressed="true"]{border-color:#808080 #fff #fff #808080;background:#fff}
.paint-file-input{display:none}

/* ---- Colour box ---- */
.paint-colorbox{position:relative;display:flex;align-items:center;gap:4px;flex-shrink:0;padding:4px 4px 5px;overflow-x:auto}
.paint-current{position:relative;flex:none;width:30px;height:32px;border:1px solid;border-color:#808080 #fff #fff #808080;background:repeating-conic-gradient(#fff 0% 25%,#c0c0c0 0% 50%) 0 0/2px 2px}
.paint-primary,.paint-secondary{position:absolute;width:13px;height:13px;border:1px solid;border-color:#fff #404040 #404040 #fff;box-shadow:inset -1px -1px #808080}
.paint-primary{left:4px;top:4px;z-index:1}
.paint-secondary{left:12px;top:13px}
.paint-swatches{display:grid;grid-template-columns:repeat(14,16px);flex:none}
.paint-swatches button{width:16px;height:16px;padding:0;border:1px solid;border-color:#808080 #fff #fff #808080;background:var(--swatch);box-shadow:inset 1px 1px #404040;cursor:default}
.paint-color-input{position:absolute;left:40px;bottom:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}

/* ---- Status bar ---- */
.paint-statusbar{gap:0;padding-right:16px}
.paint-statusbar>span:first-child{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.paint-statusbar>.paint-status-cell{flex:none;width:90px;padding:0 6px;border-left:1px solid #c0bdaf;white-space:nowrap}

/* ---- Dialogs (base .xp-dialog styles live in session.css) ---- */
.paint-help-body dl{display:grid;grid-template-columns:max-content 1fr;gap:5px 12px;margin:0}
.paint-help-body dt{font-weight:bold}
.paint-help-body dd{margin:0}
.paint-help-body p{margin:4px 0 0}
.paint-about-body{display:flex;align-items:flex-start;gap:14px}
.paint-about-body p{margin:0;line-height:1.5}

/* ---- Shared by other windows (Pinball and Minesweeper toolbars, taskbar) ---- */
.photo-window:not(.is-active){border-color:#7697d3}
.photo-window:not(.is-active) .title-bar{background:linear-gradient(#a4bcec,#7b9bdc 15%,#809fdd 80%,#6a89c8);border-top-color:#d2def8}
.photo-window:not(.is-active) .caption-button{opacity:.7}
.paint-menu-bar{display:flex;align-items:center;gap:1px;flex-shrink:0;min-height:32px;padding:2px 4px;border-bottom:1px solid #aca899;box-shadow:0 1px #fff;font-size:13px;flex-wrap:wrap}
.paint-menu-bar>button{position:relative;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;padding:5px 8px;font-size:13px;line-height:16px;border-radius:1px;white-space:nowrap}
.paint-menu-bar>button:hover:not(:disabled){background:#fff9e0;border-color:#aaa28e}
.paint-menu-bar>button:active:not(:disabled){background:#d8d4c2}
.paint-menu-separator{width:2px;height:20px;border-left:1px solid #aca899;border-right:1px solid #fff;margin-inline:5px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.task-button{flex:0 1 210px;min-width:40px;max-width:210px;margin-right:4px}
.task-button span{overflow:hidden;text-overflow:ellipsis}
.taskbar .start-button,.taskbar .system-tray{flex-shrink:0}
.taskbar .taskbar-divider{flex-shrink:0}

@media(max-width:600px){
  .paint-shortcut{top:12px;left:106px}
  .paint-window{left:50%;top:55%;width:calc(100% - 16px);height:calc(100% - 126px);min-height:300px}
  .paint-menu-title{padding-inline:5px}
  .paint-fontbar{left:6px;right:auto}
  .paint-statusbar>.paint-status-cell{width:64px;padding:0 4px}
  .paint-menu-bar{gap:0;padding-inline:2px}
  .paint-menu-bar>button{padding:6px 6px}
  .paint-menu-separator{margin-inline:2px}
  .task-button{padding-inline:6px;flex-shrink:1;max-width:170px;min-width:37px}
  .task-button img{width:17px;height:17px}
  .taskbar-divider{margin-inline:5px}
}
@media(max-height:510px){
  .paint-shortcut{left:10px;top:105px}
  .paint-window{top:50%;left:55%;height:calc(100% - 16px);width:calc(100% - 110px);min-height:220px}
  .paint-colorbox{padding-block:2px}
}