/* ===========================
   WINDOWS 95 PAINT — EXACT LOOK / FIXED
=========================== */
#winPaint .content.paint95{
  padding:0 !important;
  background:#c0c0c0 !important;
  overflow:hidden !important;
  box-sizing:border-box;
  width:628px;
  font-family:"MS Sans Serif", Tahoma, Arial, sans-serif;
  color:#000;
}
.p95-menu{
  display:flex; gap:16px; list-style:none; margin:0; padding:2px 6px;
  background:#e0e0e0;
  border-top:2px solid #fff; border-left:2px solid #fff;
  border-right:2px solid #808080; border-bottom:2px solid #808080;
  height:22px; align-items:center; font-size:12px;
}
.p95-menu li{ position:relative; cursor:default; user-select:none; padding:0 2px }
.p95-menu li:hover{ background:#000080; color:#fff; }
.p95-menu .menu-drop{
  position:absolute; top:100%; left:0; display:none; min-width:160px; z-index:10;
  background:#e0e0e0; padding:4px;
  border-top:2px solid #fff; border-left:2px solid #fff;
  border-right:2px solid #808080; border-bottom:2px solid #808080;
}
.p95-menu li:hover .menu-drop{ display:block; }
.p95-menu .menu-drop button,
.p95-menu .menu-drop label.chk{
  display:block; width:100%; text-align:left; font-size:12px; padding:3px 6px; background:transparent; border:0; color:#000; cursor:pointer;
}
.p95-menu .menu-drop button:hover{ background:#000080; color:#fff }
.p95-menu .menu-drop hr{ border:0; border-top:1px solid #808080; margin:4px 0 }
.p95-menu .menu-drop .helptext{ font-size:11px; opacity:.8; padding:2px 4px }

.p95-body{
  display:grid; grid-template-columns:50px 1fr; gap:6px;
  padding:6px; height:330px; box-sizing:border-box;
}
.p95-workarea{
  display:grid;
  grid-template-columns:26px 1fr;
  grid-template-rows:26px 1fr;
  gap:0;
  height:100%;
  min-height:0;
}
.ruler.h{
  grid-column:2; grid-row:1;
  background:#d7d7d7; height:26px;
  border:1px solid #808080; border-left-color:#fff;
  overflow:hidden;
}
.ruler.v{
  grid-column:1; grid-row:2;
  background:#d7d7d7; width:26px;
  border:1px solid #808080; border-top-color:#fff;
  overflow:hidden;
}
.canvas-wrap{
  grid-column:2; grid-row:2;
  position:relative;
  overflow:auto;
  width:100%; height:100%;
  background:#d7d7d7;
  border-top:2px solid #808080; border-left:2px solid #808080;
  border-right:2px solid #fff; border-bottom:2px solid #fff;
  padding:4px;
}
#paintCanvas, #overlayCanvas, #gridOverlay{ position:absolute; top:0; left:0; display:block }
#paintCanvas{ background:#fff; z-index:0; box-shadow:0 0 0 1px #000 inset }
#overlayCanvas{ z-index:1; pointer-events:none }
#gridOverlay{ z-index:2; pointer-events:none; opacity:0 }

.p95-toolbar{
  background:#c0c0c0;
  border-top:2px solid #fff; border-left:2px solid #fff;
  border-right:2px solid #808080; border-bottom:2px solid #808080;
  padding:2px; width:50px; height:100%;
  display:grid; grid-template-columns:repeat(2,24px); grid-auto-rows:24px; gap:2px;
}
.p95-toolbar .t{
  width:24px;height:24px;background:#c0c0c0;
  border-top:2px solid #fff; border-left:2px solid #fff;
  border-right:2px solid #808080; border-bottom:2px solid #808080;
  position:relative; cursor:pointer;
}
.p95-toolbar .t[aria-pressed="true"]{
  border-top:2px solid #808080; border-left:2px solid #808080;
  border-right:2px solid #fff; border-bottom:2px solid #fff;
}
.p95-toolbar .t::before{
  content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:16px 16px;filter:contrast(200%);
}
.tool-pencil::before{ background-image:linear-gradient(#000,#000) }
.tool-eraser::before{ box-shadow:inset 0 0 0 2px #000; border-radius:2px }
.tool-fill::before{ background-image:radial-gradient(circle,#000 35%,transparent 36%) }
.tool-line::before{ background-image:linear-gradient(45deg,#000 2px,transparent 2px) }
.tool-rect::before{ box-shadow: inset 0 0 0 2px #000 }
.tool-oval::before{ border-radius:50%; box-shadow: inset 0 0 0 2px #000 }
.tool-text::before{ content:"A"; font:bold 14px/24px "MS Sans Serif",Tahoma,Arial; color:#000; text-align:center }

.p95-bottom{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:4px 6px; height:54px; box-sizing:border-box; background:#cfcfcf;
  border-top:2px solid #fff; border-left:2px solid #fff;
  border-right:2px solid #808080; border-bottom:2px solid #808080;
}
.colorbox{ display:flex; align-items:center; gap:10px }
.colorbox .swatches{ display:flex; flex-direction:column; gap:4px }
.colorbox .swatch{ width:26px;height:26px;border:1px solid #000; background:#000 }
.colorbox .swatch.secondary{ background:#fff }
.palette{ display:grid; grid-template-columns:repeat(14,18px); grid-auto-rows:18px; gap:2px }
.palette button{ width:18px;height:18px;border:1px solid #000; cursor:pointer }
.sizectl select{ font-family:"MS Sans Serif"; font-size:12px; padding:2px }

.p95-status{
  display:flex; justify-content:space-between; align-items:center;
  height:22px; padding:2px 6px; font-size:12px; background:#e0e0e0;
  border-top:2px solid #808080; border-left:2px solid #fff;
  border-right:2px solid #808080; border-bottom:2px solid #fff;
}