/* Hear & Now / Listening room 2.0 — presentation layer only.
   Local CSS, no external fonts, scripts, or services. */
:root { --hn-ease: cubic-bezier(.18,.75,.24,1); }

/* --------------------------- ADMIN STUDIO ---------------------------- */
body.admin {
  --bg: #0b0b10; --ink: #f5f1ed; --muted: #b1acb0; --faint: #88818b;
  --panel: #18161d; --panel-2: #242129; --line: rgba(241,229,226,.12);
  --red: #ff6860; --red-deep: #df504e; --gold: #e7bb81; --purple: #9872bc;
  --body: -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --head: -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 17px 44px rgba(0,0,0,.23);
  font-family: var(--body); font-size: 15px; letter-spacing: -.008em;
  background: radial-gradient(ellipse 650px 560px at 85% -11%, rgba(156,69,71,.15), transparent 72%),
    radial-gradient(ellipse 800px 520px at -32% 52%, rgba(100,76,141,.095), transparent 72%), var(--bg);
  background-attachment: fixed;
}
:root[data-theme='light'] body.admin {
  --bg: #f5f2ed; --ink: #201d26; --muted: #68636c; --faint: #89818d;
  --panel: #fffefa; --panel-2: #f0ece8; --line: rgba(36,28,36,.15);
  --red: #c64e4b; --red-deep: #ae3d3c; --gold: #9c6e37; --purple: #7955a6;
  --shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 14px 35px rgba(30,25,25,.06);
  background: radial-gradient(ellipse 650px 560px at 85% -11%, rgba(232,165,150,.20), transparent 72%),var(--bg);
}
.admin #stars { display: none; }
.admin .wrap { max-width: 1330px; padding: 0 clamp(16px,4.5vw,68px) 108px; }
.admin .bar { gap: 20px; padding: 30px 0 22px; border-bottom: 1px solid var(--line); margin-bottom: 20px; }
.admin .logo { font-family: var(--body); font-size: 1.5rem; font-weight: 810; letter-spacing: -.065em; gap: 13px; }
.admin .logo i { width: 32px; height: 32px; box-shadow: 0 0 0 1px var(--red), 0 6px 22px rgba(255,104,96,.15); }
.admin h1,.admin h2,.admin h3 { font-family:var(--body); font-weight: 780; letter-spacing: -.052em; line-height:1.13; }
.admin .panel > h2,.admin .panel h2 { font-size: clamp(1.45rem,2.2vw,2rem); margin-bottom: 16px; }
.admin .panel { padding:clamp(20px,2.5vw,30px); border-radius: 20px; background:linear-gradient(144deg,rgba(255,255,255,.035),transparent 44%),var(--panel);
  border:1px solid var(--line); box-shadow:var(--shadow); backdrop-filter:none; min-width:0; }
.admin .panel:hover { border-color:color-mix(in srgb,var(--line) 74%,var(--gold) 26%); }
.admin .btn { font-family:var(--body); font-size:.86rem; font-weight:740; letter-spacing:-.005em; border-radius:12px; padding:11px 17px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.013)),var(--panel-2); box-shadow:0 4px 16px rgba(0,0,0,.08);
  transition:transform .18s var(--hn-ease),background-color .18s,border-color .18s,box-shadow .18s; }
.admin .btn:hover { border-color:rgba(255,136,115,.7); background-color:rgba(255,136,115,.08); transform:translateY(-2px); box-shadow:0 9px 25px rgba(0,0,0,.17); }
.admin .btn.primary { background:linear-gradient(135deg,#fc786c,#ec5358); color:#170f12; font-weight:790; box-shadow:0 10px 25px rgba(233,78,82,.15); }
.admin .btn.primary:hover { background:linear-gradient(135deg,#ff9990,#fa6e77); box-shadow:0 14px 30px rgba(240,82,84,.23); }
.admin .btn.ghost { box-shadow:none; background:transparent; }
.admin .btn.sm { padding:8px 13px; font-size:.79rem; }
.admin .nav { background:rgba(24,22,29,.9); border:1px solid var(--line); border-radius:17px; overflow:hidden;
  margin:0 0 25px; box-shadow:0 12px 28px rgba(0,0,0,.18); }
.admin .nav button { font-family:var(--body); font-size:.86rem; font-weight:690; letter-spacing:.005em; padding:17px 8px; min-width:0; }
.admin .nav button[aria-selected='true'] { background:rgba(255,104,96,.08); color:var(--ink); }
.admin .nav button[aria-selected='true']::after { top:auto; bottom:0; left:24%; right:24%; height:3px; border-radius:3px 3px 0 0; background:var(--red); }
.admin .nav button:hover:not([aria-selected='true']) { background:var(--panel-2); color:var(--ink); }
.admin .pane { gap:20px; }
.admin .pane.on { display:grid; }
.admin .pane[data-pane='log'].on { grid-template-columns: minmax(0,.91fr) minmax(0,1.09fr); align-items:start; }
.admin .pane[data-pane='log'] > .share-panel { grid-column:1/-1; }
.admin .pane[data-pane='log'] > .panel.current-panel { grid-column:1; }
.admin .pane[data-pane='log'] > .panel.ql-card { grid-column:2; grid-row:2 / span 2; }
.admin .pane[data-pane='log'] > .ql-card:only-child { grid-column:1/-1; }
.admin .share-panel { padding:15px 21px; border-radius:15px; background:linear-gradient(95deg,rgba(245,131,103,.06),transparent 48%),var(--panel); }
.admin .share-panel b { color:var(--ink); font-size:1rem; }
.admin .current-panel { position:relative; overflow:hidden; }
.admin .current-panel::after { content:''; pointer-events:none; position:absolute; height:230px;width:230px;top:-118px;right:-90px;border-radius:50%;background:radial-gradient(circle,rgba(255,104,96,.11),transparent 70%); }
.admin .now { grid-template-columns:96px minmax(0,1fr); align-items:center; gap:18px; }
.admin .now .thumb { width:96px;height:96px; border-radius:13px;box-shadow:0 11px 23px rgba(0,0,0,.35); }
.admin .now .t {font-size:1.19rem;letter-spacing:-.02em;}
.admin .now .muted { font-size:.84rem; line-height:1.45; }
.admin .meta { min-width:0; }
.admin .nums { display:grid; grid-template-columns:repeat(10,minmax(0,1fr));gap:5px; }
.admin .nums button { font-family:var(--body);font-size:.92rem;font-weight:800; min-height:40px; border-radius:9px;
  background:var(--panel-2); transition:background .16s,border-color .16s,transform .16s; }
.admin .nums button:hover { border-color:var(--gold); transform:translateY(-2px); }
.admin .nums button.on { background:linear-gradient(145deg,#f8d491,#dba453);color:#211510;box-shadow:0 6px 17px rgba(226,178,90,.18); }
.admin .f { display:grid;gap:7px;min-width:0; font-size:.81rem; font-weight:650; color:var(--muted); }
.admin .f > span {color:var(--muted); }
.admin input:not([type='radio']):not([type='checkbox']),.admin select,.admin textarea { min-width:0;width:100%;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent),var(--panel-2);border:1px solid var(--line);border-radius:11px;
  color:var(--ink);padding:12px 13px;box-shadow:0 2px 2px rgba(0,0,0,.025) inset; font-family:var(--body);font-size:.91rem;letter-spacing:0;
  transition:border-color .2s,box-shadow .2s,background-color .2s; }
.admin input:focus,.admin select:focus,.admin textarea:focus {border-color:var(--red);box-shadow:0 0 0 3px rgba(255,104,96,.12);outline:none;}
.admin input::placeholder,.admin textarea::placeholder {color:var(--faint);opacity:1;}
.admin textarea {min-height:90px;resize:vertical;}
.admin .pill { color:var(--muted);background:rgba(255,255,255,.025);padding:8px 13px;font-size:.8rem;font-weight:690;
  transition:background .2s,color .2s,border-color .2s; }
.admin .pill:hover {border-color:var(--red);color:var(--ink);}
.admin .pill.on,.admin .pill[aria-pressed='true'] {background:var(--ink);border-color:var(--ink);color:var(--bg);}
.admin .form {gap:18px;}
.admin .ql-card { background:linear-gradient(155deg,rgba(205,112,101,.075),transparent 27%),var(--panel); }
.admin .ql-card-header { border-bottom:1px solid var(--line);margin:-3px 0 21px;padding:0 0 17px; }
.admin .ql-card-header h2 { font-size:clamp(1.9rem,3vw,2.35rem);margin:7px 0 7px; }
.admin .ql-step { font-size:.65rem; color:var(--red);font-weight:790;letter-spacing:.18em;line-height:1.3; }
.admin .ql-tip { font-size:.82rem;color:var(--muted); line-height:1.55; margin-top:5px; }
.admin .ql-form-lead {margin-bottom:-5px;}
.admin .ql-form .chips {gap:7px;}
.admin .ql-form .pill {min-width:61px;}
.admin .ql-search-line {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;}
.admin .ql-search-line input {min-height:48px;}
.admin .ql-search-btn {min-width:110px;}
.admin .ql-selected { display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:15px;
  padding:12px;border:1px solid rgba(231,187,129,.33);border-radius:14px;background:linear-gradient(100deg,rgba(231,187,129,.08),rgba(231,187,129,.015)); }
.admin .ql-selected[hidden] {display:none;}
.admin .ql-selected .thumb {height:78px;width:78px;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.24);}
.admin .ql-selected-copy {display:grid;gap:3px;min-width:0;}
.admin .ql-eyebrow {font-size:.59rem;letter-spacing:.16em;font-weight:800;color:var(--gold);}
.admin .ql-selected-copy strong {font-size:1.08rem;letter-spacing:-.03em;overflow-wrap:anywhere;}
.admin .ql-byline,.admin .ql-genre {font-size:.78rem;color:var(--muted);line-height:1.4;}
.admin .ql-genre {color:var(--gold);}
.admin .ql-manual {justify-self:start;font-size:.78rem;color:var(--muted);margin-top:-9px;}
.admin .ql-main-fields {display:grid;gap:18px; padding:15px 0 3px;border-top:1px solid var(--line);}
.admin .ql-ratings {gap:10px;}
.admin .ql-ratings .rating-say {min-height:16px;color:var(--gold);}
.admin .ql-advanced {border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);overflow:hidden;}
.admin .ql-advanced > summary { font-weight:690;font-size:.85rem;padding:15px 17px;cursor:pointer;list-style:none;position:relative; }
.admin .ql-advanced > summary::-webkit-details-marker {display:none;}
.admin .ql-advanced > summary:after {content:'+';position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.25rem;font-weight:400;}
.admin .ql-advanced[open] > summary:after {content:'−';}
.admin .ql-advanced[open] > summary {border-bottom:1px solid var(--line);}
.admin .ql-advanced-inner {display:grid;gap:16px;padding:17px;}
.admin .ql-advanced .genre-pick {max-height:148px;overflow-y:auto;gap:7px;}
.admin .ql-advanced .gchip {padding:6px 9px;}
.admin .ql-submit {min-height:49px;width:100%;}
.admin .results {display:grid;gap:7px;max-height:295px;overflow:auto;padding:2px;}
.admin .result {grid-template-columns:56px 1fr;padding:9px;gap:12px;border-radius:12px;background:var(--panel-2);}
.admin .result .thumb {height:56px;width:56px;border-radius:8px;}
.admin .result:hover { border-color:var(--red);background:rgba(255,104,96,.075); }
.admin .result b { font-size:.91rem;letter-spacing:-.025em; }
.admin .result .muted { line-height:1.4;display:block;font-size:.76rem; }
.admin .genre-pick {display:flex;gap:7px;}
.admin .mode {padding:17px;border-radius:14px;background:rgba(255,255,255,.014);transition:border-color .18s,background .18s,transform .18s;}
.admin .mode:hover {border-color:var(--gold);transform:translateY(-1px);}
.admin .mode:has(input:checked) {border-color:var(--red);background:rgba(255,104,96,.06);}
.admin .mode b {font-family:var(--body);font-size:1.01rem;letter-spacing:-.02em;font-weight:780;}
.admin .mode .small {font-size:.79rem;line-height:1.55;}
.admin .pane[data-pane='settings'].on {grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;}
.admin .pane[data-pane='settings'] > .panel:nth-child(3) {grid-column:1/-1;}
.admin .pane[data-pane='settings'] .phrase-grid {grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.admin .phrase-grid .f {grid-template-columns:22px minmax(0,1fr);align-items:center;}
.admin .aitem {padding:18px;border-radius:16px;gap:16px;background:var(--panel);box-shadow:var(--shadow);border-color:var(--line);}
.admin .aitem:hover {border-color:rgba(231,187,129,.3);}
.admin .aitem .t {font-size:1.06rem;letter-spacing:-.025em;}
.admin .aitem .s {font-size:.85rem;line-height:1.5;}
.admin .aitem .thumb {width:64px;height:64px;border-radius:11px;}
.admin .aitem .rating {align-items:center;}
.admin .aitem .meta {gap:6px;margin-top:9px;}
.admin .aitem select {max-width:265px;}
.admin .aitem .actions {margin-top:12px;}
.admin .history-tools {padding:21px;}
.admin .linkbox {background:var(--panel-2);border-color:var(--line);border-radius:12px;}
.admin .drawer {background:var(--panel-2);max-width:100%;min-width:0;overflow:hidden;}
.admin .modal {background:rgba(4,4,8,.80);backdrop-filter:blur(9px);align-items:start;}
.admin .modal .panel {width:min(680px,100%);margin:clamp(10px,5vh,60px) 0;background:var(--panel);box-shadow:0 25px 85px rgba(0,0,0,.55);max-height:calc(100dvh - 56px);}
.admin #toast {font-size:.82rem;max-width:calc(100vw - 32px);text-align:center;}

/* ------------------------ PUBLIC LISTENING ROOM ------------------------ */
.public-site .intro {padding-top:clamp(30px,3.5vw,55px);padding-bottom:clamp(28px,3vw,42px);min-height:0;}
.public-site .intro-title {font-size:clamp(2.5rem,4.7vw,4.95rem);}
.public-site .hero {box-shadow:0 2px 1px rgba(255,255,255,.03) inset,0 25px 85px rgba(0,0,0,.22);}
.public-site .hero .cover {transition:transform .35s var(--hn-ease),box-shadow .35s;}
.public-site .hero:hover .cover {transform:translateY(-3px);box-shadow:0 26px 65px rgba(0,0,0,.6);}
.public-site .hero .rating-big {display:inline-flex;align-items:center;gap:3px;flex-wrap:wrap;}
.public-site .hero .rating-big .phrase {font-size:.93rem;font-weight:750;letter-spacing:-.025em;}
.public-site .hero .plays {gap:5px;}
.public-site .hero .plays .pl {min-width:59px;padding:7px 9px;background:rgba(255,255,255,.03);border-radius:10px;}
.public-site .hero .plays .pl small {font-size:.57rem;letter-spacing:.06em;}
.public-site .hero .plays .pl b {font-size:1rem;}
.public-site .panel {min-width:0;}
.public-site .cols,.public-site .cols > *,.public-site .list,.public-site .entry,.public-site .drawer {min-width:0;}
.public-site .drawer {max-width:100%;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),var(--panel);box-shadow:0 20px 45px rgba(0,0,0,.16);}
.public-site .strip {min-width:0;width:100%;max-width:100%;overscroll-behavior-x:contain;}
.public-site .strip > * {min-width:0;}
.public-site .panel {transition:border-color .2s,box-shadow .2s;}
.public-site .panel:hover {border-color:rgba(255,255,255,.22);box-shadow:0 14px 40px rgba(0,0,0,.08);}
.public-site .entry .item {transition:background .2s,border-color .2s;}
.public-site .entry .item:hover {background:rgba(255,255,255,.045);border-radius:10px;}
.public-site .entry .item .r {min-width:0;}
.public-site .entry .rating .phrase {display:inline-block;color:var(--gold);font-size:.76rem;font-weight:750;margin-left:4px;}
.public-site .genre-filters {display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding:2px 0 10px;white-space:nowrap;gap:8px;}
.public-site .genre-filters .gchip {flex:none;}
.public-site .filters {overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:6px;}
.public-site .filters .pill {flex:none;}
.public-site .nav-cta,.public-site .intro-cta {transition:transform .2s,background .2s,border-color .2s;}
.public-site .nav-cta:hover,.public-site .intro-cta:hover {transform:translateY(-2px);}
.public-site .panel .btn:not(.pill):hover {box-shadow:0 8px 22px rgba(0,0,0,.12);}

@media (min-width:900px) {
  .admin .nav {position:sticky;top:12px;bottom:auto;max-width:550px;margin:0 auto 27px;border-radius:16px;z-index:30;}
  .admin .nav button[aria-selected='true']::after {bottom:0;top:auto;}
}
@media (max-width:980px) {
  .admin .pane[data-pane='log'].on {grid-template-columns:minmax(0,1fr);}
  .admin .pane[data-pane='log'] > .panel.current-panel,
  .admin .pane[data-pane='log'] > .panel.ql-card {grid-column:1;grid-row:auto;}
  .admin .pane[data-pane='settings'].on {grid-template-columns:1fr;}
  .admin .pane[data-pane='settings'] > .panel:nth-child(3) {grid-column:1;}
}
@media (max-width:899px) {
  .admin .wrap {padding-bottom:115px;}
  .admin .nav {position:fixed;left:10px;right:10px;bottom:calc(7px + env(safe-area-inset-bottom));top:auto;margin:0;z-index:35;
    padding:3px;border-radius:17px;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(22px);background:rgba(23,21,30,.94);
    box-shadow:0 10px 38px rgba(0,0,0,.40);}
  .admin .nav button {padding:13px 3px 15px;font-size:.72rem;font-weight:730;}
  .admin .nav button[aria-selected='true']::after {bottom:2px;top:auto;height:2px;}
  .admin .pane[data-pane='log'] > .panel.ql-card {order:2;}
  .admin .pane[data-pane='log'] > .panel.current-panel {order:3;}
  .admin .pane[data-pane='log'] > .share-panel {order:1;}
  .admin .pane[data-pane='log'] > .note {order:4;}
}
@media(max-width:600px) {
  .admin .bar {padding:18px 0 16px;margin-bottom:14px;}
  .admin .logo {font-size:1.13rem;letter-spacing:-.04em;gap:9px;}
  .admin .logo i {width:24px;height:24px;}
  .admin .btn.sm {font-size:.74rem;padding:7px 10px;}
  .admin .panel {padding:18px;border-radius:16px;}
  .admin .share-panel {padding:13px 14px;}
  .admin .share-panel b {font-size:.91rem;}
  .admin .now {grid-template-columns:66px minmax(0,1fr);gap:11px;}
  .admin .now .thumb {width:66px;height:66px;}
  .admin .now .t {font-size:1.06rem;}
  .admin .nums {gap:5px;grid-template-columns:repeat(5,minmax(0,1fr));}
  .admin .nums button {min-height:42px;}
  .admin .ql-search-line {grid-template-columns:minmax(0,1fr) auto;gap:7px;}
  .admin .ql-search-btn {min-width:0;padding:10px;font-size:.77rem;}
  .admin .ql-selected {grid-template-columns:62px 1fr;gap:10px;}
  .admin .ql-selected .thumb {width:62px;height:62px;}
  .admin .ql-card-header h2 {font-size:1.8rem;}
  .admin .ql-form .pill {min-width:0;}
  .admin .ql-advanced-inner {padding:13px;}
  .admin .aitem {padding:14px;gap:11px;}
  .admin .aitem .thumb {width:50px;height:50px;}
  .admin .mode {padding:13px;}
  .admin .phrase-grid {grid-template-columns:1fr;}
  .admin .modal {padding:6px;}
  .admin .modal .panel {width:100%;margin:6px 0;max-height:calc(100dvh - 12px);}
  .public-site .intro {padding:24px 0 26px;}
  .public-site .intro-title {font-size:clamp(2.1rem,9vw,3.2rem);letter-spacing:-.064em;margin:15px 0 12px;}
  .public-site .intro-copy {font-size:.84rem;line-height:1.5;}
  .public-site .intro-cta {margin-top:15px;}
  .public-site .hero {display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;min-height:0;padding:17px;border-radius:16px;align-items:start;}
  .public-site .hero .art {width:104px;max-height:none;aspect-ratio:1;margin:2px 0 0;}
  .public-site .hero .cover {inset:0;width:104px;height:104px;aspect-ratio:1;border-radius:10px;}
  .public-site .hero .disc {display:none;}
  .public-site .quiet-cover-title {font-size:1.7rem;}
  .public-site .quiet-cover-sub {font-size:.32rem;}
  .public-site .hero .info {gap:7px;align-content:start;}
  .public-site .hero .status {font-size:.57rem;letter-spacing:.12em;gap:6px;}
  .public-site .hero .meter {height:12px;gap:2px;}
  .public-site .hero .meter i {width:3px;}
  .public-site .hero h1 {font-size:clamp(1.35rem,5.8vw,2rem);line-height:1.04;letter-spacing:-.055em;max-width:none;}
  .public-site .hero .creator {font-size:.88rem;}
  .public-site .hero .detail {font-size:.76rem;}
  .public-site .hero .genres {gap:4px;}
  .public-site .hero .gchip {font-size:.62rem;padding:3px 6px;}
  .public-site .hero .row {gap:6px;}
  .public-site .hero .rating-big b {font-size:1.65rem;}
  .public-site .hero .rating-big small {font-size:.7rem;margin-right:2px;}
  .public-site .hero .rating-big .bars i {width:4px;height:11px;}
  .public-site .hero .rating-big .phrase {font-size:.74rem;margin:0 3px;}
  .public-site .hero .plays .pl {min-width:47px;padding:5px 6px;}
  .public-site .hero .plays .pl b {font-size:.83rem;}
  .public-site .hero .plays .pl small {font-size:.49rem;}
  .public-site .hero .review {font-size:.8rem;}
  .public-site .hero .btn {padding:7px 10px;font-size:.72rem;}
  .public-site .hero .modenote {font-size:.68rem;}
  .public-site .hero .hero-drawer {grid-column:1/-1;}
  .public-site .hero.empty .info {min-height:104px;}
  .public-site .hero.empty h1 {font-size:1.45rem;}
  .public-site .hero.empty .muted {font-size:.77rem;line-height:1.5;}
  .public-site .archive-intro {padding:35px 0 17px;}
  .public-site .archive-intro h2 {font-size:clamp(1.75rem,8vw,2.2rem);}
  .public-site .archive-intro > p {font-size:.84rem;line-height:1.55;}
  .public-site .cols {gap:13px;}
  .public-site .panel {padding:16px;}
  .public-site .panel-heading {margin-bottom:15px;}
  .public-site .item {gap:9px;}
  .public-site .item .r {gap:6px;margin-top:2px;}
  .public-site .item .r .rating {flex-wrap:wrap;}
  .public-site .item .r .rating .phrase {font-size:.7rem;white-space:normal;}
  .public-site .entry .drawer {margin-top:8px;padding:13px;}
  .public-site .foot {margin-top:25px;}
}
@media (prefers-reduced-motion:reduce) {
  .admin .btn,.admin .panel,.admin .mode,.public-site .cover {transition:none!important;}
  .admin .btn:hover,.admin .nums button:hover,.public-site .hero:hover .cover {transform:none;}
}

/* The quick entry spans the studio if automation is idle. */
@media (min-width:981px) {
 .admin .pane[data-pane='log'].no-current > .panel.ql-card {grid-column:1/-1;grid-row:auto;}
 .admin .pane[data-pane='log'].no-current .ql-card {max-width:820px;width:100%;justify-self:center;}
}