.library-connect-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  margin-top:7px
}
.library-connect-row input,.library-import-toolbar input {
  min-width:0;
  height:32px;
  border:1px solid #293746;
  border-radius:4px;
  background:#070c11;
  padding:0 8px;
  color:#dce5ef;
  outline:0
}
.library-connect-row input:focus,.library-import-toolbar input:focus {
  border-color:#54dbbd;
  box-shadow:0 0 0 1px #54dbbd33
}
.library-import-actions {
  flex-wrap:wrap
}
.library-import-actions .bulk-status {
  flex:1 1 180px
}
.library-import-dialog {
  width:min(820px,calc(100vw - 16px));
  max-height:min(80dvh,760px)
}
.library-import-card {
  width:100%;
  height:min(80dvh,760px);
  max-height:min(80dvh,760px);
  display:flex;
  flex-direction:column;
  overflow:hidden
}
.library-import-content:not([hidden]) {
  display:flex;
  flex:1 1 auto;
  min-height:0;
  flex-direction:column
}
.library-import-loading,.library-import-empty {
  padding:28px 12px;
  color:#82918f;
  text-align:center
}
.library-import-limit {
  position:sticky;
  bottom:0;
  margin:0;
  padding:7px 9px;
  border-top:1px solid #284039;
  background:#0b1715;
  color:#8ca59e;
  font-size:10px;
  text-align:center
}
.library-import-summary {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  padding:7px 9px;
  border:1px solid #263a38;
  background:#091513
}
.library-import-summary strong {
  margin-right:auto;
  color:#dffdf5;
  font-size:12px
}
.library-import-summary span {
  padding:3px 5px;
  border:1px solid #2b423e;
  color:#91a8a2;
  font-size:10px
}
.library-import-toolbar {
  display:grid;
  grid-template-columns:auto minmax(180px,280px);
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 0
}
.library-import-toolbar>div {
  display:flex;
  gap:10px
}
.library-import-list {
  flex:1 1 auto;
  min-height:90px;
  max-height:none;
  overflow:auto;
  border:1px solid #26343d;
  scrollbar-color:#347d6e #080d12;
  scrollbar-width:thin
}
.library-import-row {
  display:grid;
  grid-template-columns:16px minmax(0,1fr) 132px;
  align-items:center;
  gap:8px;
  min-height:45px;
  padding:5px 8px;
  border-bottom:1px solid #1b2830;
  background:#090f15;
  cursor:pointer
}
.library-import-row:last-child {
  border-bottom:0
}
.library-import-row:hover {
  background:#0c171b
}
.library-import-row.is-already {
  cursor:default;
  opacity:.58
}
.library-import-copy,.library-import-state {
  min-width:0
}
.library-import-copy strong,.library-import-copy small,.library-import-state b,.library-import-state small {
  display:block
}
.library-import-copy strong {
  overflow:hidden;
  color:#d9e8e4;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.library-import-copy small {
  margin-top:2px;
  overflow:hidden;
  color:#738984;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.library-import-platform {
  color:color-mix(in srgb,var(--platform-accent) 76%,#dce8e4);
  font-style:normal;
  font-weight:800
}
.library-import-state {
  text-align:right
}
.library-import-state b {
  color:#5be0bf;
  font-size:10px;
  letter-spacing:.08em
}
.library-import-state small {
  margin-top:2px;
  color:#72857f;
  font-size:10px
}
.state-ambiguous b {
  color:#e8bc61
}
.state-already b {
  color:#80918d
}
.library-import-card>.modal-actions>span {
  margin-right:auto;
  color:#81958f;
  font-size:10px
}
.library-import-progress {
  padding:8px 0 2px
}
.library-import-progress>div:first-child {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:5px;
  color:#9fb8b1;
  font-size:11px
}
.library-import-progress b {
  color:#67e7c5;
  font-size:10px;
  font-weight:700
}
.library-import-meter {
  position:relative;
  height:6px;
  overflow:hidden;
  border:1px solid #2d5148;
  border-radius:3px;
  background:#07110f
}
.library-import-meter span {
  display:block;
  width:0;
  height:100%;
  background:#54dbbd;
  box-shadow:0 0 8px #54dbbd66;
  transition:width .16s ease
}
.library-import-progress.is-indeterminate .library-import-meter span {
  width:32%;
  animation:library-import-scan 1.1s ease-in-out infinite
}
@keyframes library-import-scan {
  0% {transform:translateX(-110%)}
  100% {transform:translateX(320%)}
}
@media(prefers-reduced-motion:reduce) {
  .library-import-progress.is-indeterminate .library-import-meter span {animation:none;transform:none}
}
@media(max-width:620px) {
  .library-connect-row,.library-import-toolbar {
    grid-template-columns:1fr
  }
  .library-import-dialog,.library-import-card {
    width:100vw;
    height:100dvh;
    max-height:100dvh;
    border-radius:0
  }
  .library-import-list {
    max-height:none
  }
  .library-import-row {
    grid-template-columns:16px minmax(0,1fr) 84px
  }
  .library-import-state small {
    display:none
  }
}