@supports not (display:contents) {
  .layer-utilities,
  .curve-workbench,
  .curve-library,
  .slide-controls {
    display: block;
    min-width: 0;
  }
  @media (min-width: 860px) {
    #tools .layer-actions {
      display: flex;
      flex-direction: column;
    }
    #tools .create-group,
    #tools .compose-group {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
@supports not (height:clamp(190px, 30vh, 320px)) {
  @media (min-width: 620px) {
    body[data-workspace] #curves #curve-studio .curve-graph {
      height: 240px;
      height: 30vh;
      min-height: 190px;
      max-height: 320px;
    }
  }
  @media (max-height: 540px) {
    body[data-workspace] #curves #curve-studio .curve-graph {
      height: 155px;
      min-height: 155px;
    }
  }
}
@supports not selector(:focus-visible) {
  button:focus,
  a:focus,
  input:focus,
  select:focus,
  summary:focus,
  textarea:focus {
    outline: 2px solid var(--accent,#8bc5ff);
    outline-offset: 2px;
  }
}