.skin-workbench[hidden] { display: none !important; }
.skin-workbench {
  margin: 7px 0 13px;
  padding: 11px 14px;
  border: 1px dashed #638848;
  border-radius: 8px;
  background: #121c0d;
  color: #bff29f;
  font: 700 clamp(11px,.7vw,14px) "Courier New",monospace;
}
.skin-workbench-heading { display: block; color: #e4ffb2; margin-bottom: 4px; }
.skin-workbench-current { display: block; color: #a3f7b7; }
.skin-workbench p { margin: 7px 0; line-height: 1.4; }
.skin-workbench-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.skin-workbench-actions button,
.skin-workbench-actions .skin-workbench-guide-link {
  padding: 8px 11px;
  min-height: 36px;
  border: 1px solid #91c97c;
  border-radius: 6px;
  color: #edffd7;
  background: #244423;
  cursor: pointer;
  font: inherit;
}
.skin-workbench-actions .skin-workbench-guide-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
}
.skin-workbench-actions button:focus-visible,
.skin-workbench-actions .skin-workbench-guide-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.skin-workbench-actions button:disabled { cursor: not-allowed; opacity: .45; }
.skin-workbench-status { min-height: 1.2em; color: #ffffbf; overflow-wrap: anywhere; }
.skin-publish-actions[hidden], .skin-publish-history[hidden] { display: none !important; }
.skin-publish-actions { margin-top: 8px; }
.skin-publish-actions button:first-child { border-color: #ffe56c; color: #fff4b7; }
.skin-publish-notice { color: #b4eaff; font-size: 12px; }
.skin-publish-history { margin-top: 8px; max-height: 220px; overflow-y: auto; border-top: 1px solid #41683e; }
.skin-publish-revision { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 0; border-bottom: 1px solid #345333; }
.skin-publish-revision button { border: 1px solid #91c97c; background: #244423; color: #edffd7; border-radius: 5px; padding: 5px 8px; cursor: pointer; }
@media (max-width: 600px) {
  .skin-workbench { padding: 8px; }
  .skin-workbench-actions button,
  .skin-workbench-actions .skin-workbench-guide-link { flex: 1 1 40%; }
}