.account-main {
  max-width:880px;
  margin-block:48px 64px;
  padding:36px 40px;
  background:var(--section);
  border:1px solid var(--border);
  border-radius:var(--radius);
  min-height:360px;
  overflow-wrap:anywhere
}
.account-main>h1 {
  font-size:2rem;
  padding-bottom:22px;
  border-bottom:1px solid var(--border);
  margin-bottom:24px
}
.account-main form:not(.inline) {
  margin-top:24px
}
.account-main label {
  display:block;
  margin-top:22px;
  color:var(--text);
  font-size:.9rem;
  font-weight:600
}
.account-main label>span {
  font-size:.7rem;
  color:var(--accent-hover);
  margin-left:8px
}
.account-main input:not([type=checkbox]):not([type=hidden]),.account-main select,.account-main textarea,.filter-grid input,.filter-grid select {
  display:block;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  font:inherit;
  padding:12px 14px;
  background:var(--bg);
  color:var(--text);
  border:1px solid var(--border);
  border-radius:8px;
  margin-top:8px
}
.account-main input:focus,.account-main select:focus {
  border-color:var(--accent)
}
input::placeholder {
  color:var(--muted)
}
select option {
  background:var(--bg);
  color:var(--text)
}
.account-main input[readonly] {
  color:var(--muted)!important
}
.account-main input[type=checkbox] {
  width:18px;
  height:18px;
  accent-color:var(--accent);
  vertical-align:middle;
  margin-right:8px
}
.account-main small {
  display:block;
  color:var(--muted);
  margin-top:8px;
  line-height:1.7
}
.account-main form>p {
  font-size:.85rem;
  margin-top:22px
}
.account-main form>button {
  margin-top:24px
}
.account-main .error {
  padding:14px 18px;
  border:1px solid var(--error);
  border-radius:8px;
  color:var(--error-text);
  background:var(--card)
}
.account-main .notice {
  color:var(--success);
  padding:12px 16px;
  border-left:3px solid var(--success);
  background:var(--card)
}
.account-main article {
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--card);
  margin-top:20px
}
.account-main article h2 {
  font-size:1.25rem
}
.account-main .inline {
  display:inline-flex;
  vertical-align:middle;
  flex-wrap:wrap;
  margin:8px 0 8px 10px
}
.account-main .inline button {
  font-size:.78rem;
  padding:8px 12px;
  min-height:40px
}
.account-main dl {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px 20px
}
.account-main dd {
  color:var(--muted)
}
@media(max-width:600px) {
  .account-main {
    padding:24px 20px;
    margin-block:24px 36px
  }
  .account-main>h1 {
    font-size:1.65rem
  }
  .account-main article {
    padding:18px
  }
  .account-main .inline {
    margin-left:0;
    margin-right:8px
  }
  .account-main dl {
    grid-template-columns:1fr;
    gap:4px
  }
  .account-main dd {
    margin-bottom:14px
  }
  .account-main form>button {
    font-size:.85rem;
    padding:12px 15px
  }
  .account-main label {
    font-size:.85rem
  }
}

/* Compact personal video management rows. */
.account-main .my-video-list {padding-left:1.6rem}
.account-main .my-video-list .featured-order-row {padding:12px 14px;margin-block:10px}
.my-video-heading,.my-video-sort-controls,.my-video-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.my-video-heading {margin-bottom:8px}
.account-main .my-video-list h2 {font-size:1.05rem;line-height:1.45;margin:0;flex:1;min-width:180px}
.account-main .my-video-list form {margin:0}
.account-main .my-video-list button {margin:0;padding:8px 12px;min-height:44px;font-size:.85rem;line-height:1.2}
.account-main .my-video-list .featured-drag-handle {min-width:44px}
.account-main .my-video-list .my-video-position {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:auto}
.account-main .my-video-list .my-video-position label {display:flex;align-items:center;gap:6px;margin:0;font-size:.8rem}
.account-main .my-video-list .my-video-position input {display:inline-block;width:5rem;margin:0;padding:8px;min-height:44px}
.my-video-visibility {font-size:.8rem;color:var(--muted)}
.account-main .my-video-list p {margin:0;font-size:.85rem}
@media(max-width:600px){.account-main .my-video-list .my-video-position{margin-left:0}.account-main .my-video-list .featured-order-row{padding:10px}.account-main .my-video-list h2{min-width:100%;font-size:1rem}}
.account-main .youtuber-search label {margin-top:0}
.youtuber-search>div {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.account-main .youtuber-search input {flex:1;min-width:180px;margin:0}
.account-main .youtuber-search button {margin:0;padding:10px 18px;min-height:44px}
.admin-youtuber-list {display:grid;gap:10px}
.admin-youtuber-row {padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.admin-youtuber-main {display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}
.account-main .admin-youtuber-row h2 {font-size:1rem;line-height:1.4;margin:0}
.admin-youtuber-main span,.admin-youtuber-main time {font-size:.75rem;color:var(--muted)}
.admin-youtuber-main time {margin-left:auto}
.account-main .admin-youtuber-channel {margin:4px 0;font-size:.75rem;overflow-wrap:anywhere;color:var(--muted)}
.admin-youtuber-actions {display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px}
.admin-youtuber-actions a {display:inline-flex;align-items:center;min-height:36px;font-size:.8rem}
@media(max-width:600px){.admin-youtuber-main time{margin-left:0}.admin-youtuber-row{padding:10px 12px}}
.totp-qr svg {display:block;max-width:100%;height:auto;background:#fff}

.youtube-import-item>img {max-width:100%;height:auto;border-radius:8px}