/* Workshop 0.7: readable property category navigation, and export tools. */
#inspectorView .property-nav {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px!important;
  align-content:start;
  width:100%;
  padding:4px 0 10px!important;
  max-height:none!important;
  overflow:visible!important;
  flex:0 0 auto;
}
#inspectorView .property-nav button {
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  min-height:31px;
  width:100%;
  max-width:none!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:break-word;
  line-height:1.18;
  padding:5px 7px!important;
  font-size:9px;
  font-weight:750;
}
#inspectorView .property-nav button:focus-visible{outline:2px solid #663535;outline-offset:2px}
#inspectorView .property-pages{flex:1 1 auto;min-height:0;overflow:hidden;}
#inspectorView .property-page{transform-origin:top left;}
.general-export{padding-top:11px;margin-top:7px;border-top:1px solid #d5ccba;}
.general-export-heading{font-size:11px;font-weight:850;letter-spacing:.7px;color:#262626;margin-bottom:6px;}
.general-export-heading small{display:block;font-size:9px;letter-spacing:.35px;font-weight:500;margin-top:7px;color:#625b50;}
.general-export .mini-note{margin:7px 0 10px;line-height:1.55;color:#625b50}
.export-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;}
.export-action-grid button{display:flex;min-width:0;min-height:64px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#e9decf;color:#262626;border:1px solid #d5ccba;border-radius:11px;cursor:pointer;font-size:10px;letter-spacing:.3px;font-weight:800;padding:8px 2px}
.export-action-grid button svg{display:block;width:22px;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex:none}
.export-action-grid button:hover,.export-action-grid button:focus-visible{background:#d5ccba;border-color:#9c8871;outline:none}
.export-action-grid button:active{transform:translateY(1px)}
/* Keep Inspector the only active-properties surface and Layers separately scrolling. */
#inspectorView .property-nav + .property-pages{margin-top:0;}
@media(max-width:410px){#inspectorView .property-nav{gap:4px!important}#inspectorView .property-nav button{min-height:34px;padding:4px 5px!important;font-size:9px}}

/* Odd-numbered sets fill the last row instead of leaving an awkward gap. */
#inspectorView .property-nav button:last-child:nth-child(odd){grid-column:1 / -1}