.wbs-time-studio [hidden] { display: none !important; }
.wbs-time-studio .wbs-diff-hero { overflow: visible; }
.wbs-time-studio .wbs-diff-cover, .wbs-time-studio .wbs-diff-photo::after { border-radius: inherit; }
.wbs-time-studio .wbs-diff-hero-copy { padding-right: 5rem; }
.wbs-time-studio .wbs-diff-columns { align-items: start; }
.wbs-time-studio .wbs-time-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.wbs-time-fieldset legend { margin-bottom: .45rem; }
.time-options { display: flex; flex-wrap: wrap; gap: .45rem; }
.time-options label { display: grid; cursor: pointer; position: relative; }
.time-options input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.time-options span, .wbs-time-input {
  padding: .55rem .65rem;
  border: 1px solid #717caa;
  border-radius: .65rem;
  background: #232947;
  color: #edf4ff;
}
.time-options input:checked + span { border-color: #d5b8ff; background: #373059; }
.time-options input:focus-visible + span { outline: 2px solid #9ce8ff; outline-offset: 2px; }
.wbs-time-field { display: grid; gap: .4rem; }
.wbs-time-input { width: 100%; box-sizing: border-box; font: inherit; }
.wbs-time-command { background: #0c162a; border-radius: .7rem; padding: .75rem; white-space: pre-wrap; overflow-wrap: anywhere; user-select: all; }
.wbs-time-command code { font-family: ui-monospace, monospace; }
.wbs-time-hint, .wbs-time-status { margin: .5rem 0 0; }
.wbs-time-status:empty { display: none; }
@media (max-width: 720px) {
  .wbs-difficulty-pilot.wbs-time-studio .wbs-diff-photo { padding-bottom: 65px; }
  .wbs-time-studio .wbs-diff-hero-copy { padding-right: 0; }
}