/* Studio-only, non-destructive nacre edge guide.
   No original images, project geometry, saving or canvas exports are altered. */
.studio .nacre-visibility-switch{
  font-size:13px;
  font-weight:600;
  padding:8px 11px;
  min-height:44px;
  color:#3f6856;
  border:1px solid #a8bfae;
  border-radius:9px;
  background:#f8faf5;
}
.studio .nacre-visibility-switch[aria-pressed="true"]{
  background:#e2f0e5;
  border-color:#4c7b60;
  box-shadow:inset 0 0 0 1px #4c7b60;
  color:#244b36;
}
.studio .nacre-visibility-switch:focus-visible{
  outline:3px solid #315e4d;
  outline-offset:3px;
}
.studio .view-toolbar{position:relative}
.studio .nacre-visibility-note{
  position:absolute;
  top:calc(100% + 8px);
  right:8px;
  z-index:9;
  pointer-events:none; /* This explanation must never block editing gestures. */
  width:min(270px,75vw);
  margin:0;
  padding:8px 12px;
  border-left:3px solid #6e9b7d;
  border-radius:6px;
  background:#eef3e9;
  box-shadow:0 6px 16px #27453318;
  font-size:13px;
  line-height:1.5;
  color:#345b49;
  word-break:keep-all;
}
.studio .nacre-visibility-note[hidden]{display:none!important}
/* The image has intrinsic transparency. A small alpha-aware double outline
   helps pastel fragments stand out on porcelain without decorating the art.
   Importantly scoped to editor SVG, never result preview / PNG / postcard. */
.studio.nacre-guide-visible #art g[data-node] > image[data-id]{
  filter:drop-shadow(0 0 6px rgba(36,64,51,.90))
         drop-shadow(0 0 3px rgba(250,249,243,.94));
}
@media(max-width:767px){
  /* Float the extra control over the empty corner of the artwork. It must not
     force a third toolbar row or reduce the visible working canvas height. */
  .studio .view-toolbar{z-index:8}
  .studio .nacre-visibility-switch{
    position:absolute;
    top:calc(100% + 10px);
    right:12px;
    z-index:9;
    font-size:12px;
    padding:8px 10px;
    min-height:43px;
    background:rgba(251,253,249,.95);
    box-shadow:0 4px 12px #344f4223;
  }
  .studio .nacre-visibility-note{
    top:calc(100% + 58px);
    right:12px;
    width:min(240px,67vw);
    padding:7px 10px;
    font-size:12px;
  }
}
@media(prefers-contrast:more){
  .studio.nacre-guide-visible #art g[data-node] > image[data-id]{
    filter:drop-shadow(0 0 7px rgba(22,46,40,.98))
           drop-shadow(0 0 2px rgba(255,255,255,.96));
  }
}