/* GH DESIGNS artwork workspace: full-width sheet with a floating artwork tray. */
#gh-product-shell:has(#ghboard:not([hidden])){max-width:none}
#gh-product-shell:has(#ghboard:not([hidden])) #ghboard{max-width:none}

#ghboard .work{
  display:block;
  position:relative;
  width:100%;
  min-height:max(640px,calc(100vh - 220px));
  border-block:1px solid var(--gh-line);
  background:var(--gh-soft);
}

#ghboard .canvasarea{
  width:100%;
  min-height:max(640px,calc(100vh - 220px));
  padding:24px clamp(20px,4vw,72px) 34px;
  background-color:#f7f8fa;
  background-image:linear-gradient(#e8ebef 1px,transparent 1px),linear-gradient(90deg,#e8ebef 1px,transparent 1px);
  background-size:24px 24px;
}

#ghboard .files{
  position:absolute;
  top:20px;
  left:24px;
  z-index:30;
  width:min(310px,calc(100% - 48px));
  max-height:calc(100% - 40px);
  overflow:auto;
  padding:18px;
  background:rgba(255,255,255,.98);
  border:1px solid #cfd9e5;
  border-radius:8px;
  box-shadow:0 14px 34px rgba(19,42,70,.18);
}

#ghboard .files .filehead{margin-bottom:14px}
#ghboard .files .filehead strong{font-size:15px;font-weight:700;color:var(--gh-ink)}
#ghboard .files .filehead .small{font-size:11px}
#ghboard .files .add{margin-bottom:10px}
#ghboard .files .formatnote{margin-bottom:14px}

#ghboard .canvasarea .boardhead,
#ghboard .canvasarea .sheetrow,
#ghboard .canvasarea .boardcaption,
#ghboard .canvasarea .boardfoot{
  position:relative;
  z-index:1;
}

#ghboard .canvasarea .boardhead{width:100%;max-width:none;margin:0 auto 16px}
#ghboard .canvasarea .sheetrow{width:100%}
#ghboard .canvasarea .boardwrap{width:min(100%,430px);margin-inline:auto}
#ghboard .canvasarea .board{box-shadow:0 10px 24px rgba(19,42,70,.12)}
#ghboard .canvasarea .boardcaption{margin-top:14px}
#ghboard .canvasarea .boardfoot{margin-top:16px}

@media(max-width:700px){
  #ghboard .work{min-height:0}
  #ghboard .files{
    position:relative;
    top:auto;
    left:auto;
    width:calc(100% - 24px);
    max-height:none;
    margin:12px;
  }
  #ghboard .canvasarea{min-height:520px;padding:16px 12px 28px}
  #ghboard .canvasarea .boardwrap{width:min(100%,310px)}
}