:root {
  --bn-surface: rgba(11, 14, 18, .94);
  --bn-surface-2: rgba(18, 22, 28, .96);
  --bn-line: rgba(255, 255, 255, .1);
  --bn-line-strong: rgba(255, 255, 255, .18);
  --bn-text: #f5f2e9;
  --bn-muted: #9aa3b1;
  --bn-gold: #d8b66e;
  --bn-teal: #76e2cf;
  --bn-radius: 8px;
  --bn-dock-height: 64px;
}

body.bibliotheke-next {
  padding-top: var(--bn-dock-height);
}

body.bibliotheke-next > .app {
  height: calc(100dvh - var(--bn-dock-height)) !important;
  max-height: calc(100dvh - var(--bn-dock-height));
}

.bn-shell,
.bn-shell * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.bn-shell [hidden] {
  display: none !important;
}

.bn-shell button,
.bn-shell input,
.bn-shell textarea,
.bn-shell select {
  font: inherit;
}

.bn-studio-dock {
  position: fixed;
  z-index: 12500;
  inset: 0 0 auto;
  height: var(--bn-dock-height);
  display: grid;
  grid-template-columns: 144px minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 8px;
  padding: 7px 10px;
  border-bottom: 1px solid rgba(216, 182, 110, .2);
  background: rgba(7, 9, 12, .92);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .28), inset 0 -1px rgba(255, 255, 255, .025);
  backdrop-filter: blur(28px) saturate(1.15);
  -webkit-backdrop-filter: blur(28px) saturate(1.15);
}

.bn-dock-brand {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10px;
  border-right: 1px solid var(--bn-line);
}

.bn-dock-brand span {
  color: var(--bn-gold);
  font: 700 .54rem/1.1 'JetBrains Mono', monospace;
  text-transform: uppercase;
}

.bn-dock-brand strong {
  margin-top: 4px;
  color: var(--bn-text);
  font: 600 .78rem/1.1 'JetBrains Mono', monospace;
}

.bn-studio-list {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(106px, 1fr));
  gap: 5px;
}

.bn-studio {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border: 1px solid transparent;
  border-radius: var(--bn-radius);
  background: transparent;
  color: var(--bn-muted);
  cursor: pointer;
  text-align: left;
  transition: color .16s ease, border-color .16s ease, background .16s ease;
}

.bn-studio::after {
  content: '';
  position: absolute;
  right: 8px;
  bottom: 4px;
  left: 44px;
  height: 1px;
  background: var(--bn-accent);
  opacity: 0;
  transform: scaleX(.35);
  transform-origin: left;
  transition: opacity .18s ease, transform .18s ease;
}

.bn-studio:hover,
.bn-studio.active {
  color: var(--bn-text);
  border-color: color-mix(in srgb, var(--bn-accent) 28%, transparent);
  background: color-mix(in srgb, var(--bn-accent) 8%, rgba(255,255,255,.02));
}

.bn-studio.active::after { opacity: .9; transform: scaleX(1); }

.bn-studio > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--bn-accent) 34%, transparent);
  border-radius: 6px;
  color: var(--bn-accent);
  background: color-mix(in srgb, var(--bn-accent) 8%, transparent);
  font: 600 .72rem/1 'Cormorant Garamond', serif;
  font-style: normal;
}

.bn-studio > span { min-width: 0; display: block; }
.bn-studio strong,
.bn-studio small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bn-studio strong { color: inherit; font: 650 .62rem/1.2 'JetBrains Mono', monospace; }
.bn-studio small { margin-top: 3px; color: #768090; font: 500 .48rem/1.2 'JetBrains Mono', monospace; }

.bn-dock-tools {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-left: 4px;
  border-left: 1px solid var(--bn-line);
}

.bn-icon-btn,
.bn-truth {
  height: 38px;
  border: 1px solid var(--bn-line);
  border-radius: 7px;
  background: rgba(255, 255, 255, .035);
  color: #d7dde7;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.bn-icon-btn { width: 38px; padding: 0; font-size: 1.02rem; }
.bn-icon-btn:hover,
.bn-truth:hover { border-color: var(--bn-line-strong); background: rgba(255,255,255,.07); color: #fff; }
.bn-command { color: var(--bn-teal); }

.bn-truth {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  white-space: nowrap;
  font: 600 .54rem/1 'JetBrains Mono', monospace;
}
.bn-truth i,
.bn-truth-card header i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--truth);
  box-shadow: 0 0 12px color-mix(in srgb, var(--truth) 65%, transparent);
}

.bn-studio-menu {
  position: fixed;
  z-index: 12600;
  top: calc(var(--bn-dock-height) + 7px);
  left: var(--menu-left, 180px);
  width: min(410px, calc(100vw - 24px));
  overflow: hidden;
  border: 1px solid rgba(216, 182, 110, .23);
  border-radius: 10px;
  background: rgba(9, 12, 16, .98);
  box-shadow: 0 28px 90px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.05);
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity .15s ease, transform .15s ease;
}
.bn-studio-menu.open { opacity: 1; transform: translateY(0); }
.bn-studio-menu > header { padding: 15px 16px 12px; border-bottom: 1px solid var(--bn-line); }
.bn-studio-menu > header span,
.bn-studio-menu > header small { display: block; }
.bn-studio-menu > header span { color: #fff2d7; font: 600 1.08rem/1.1 'Cormorant Garamond', serif; }
.bn-studio-menu > header small { margin-top: 4px; color: var(--bn-muted); font-size: .68rem; }
.bn-studio-menu > div { display: grid; padding: 7px; }
.bn-studio-menu > div > button {
  min-height: 55px;
  display: grid;
  grid-template-columns: 7px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--bn-text);
  text-align: left;
  cursor: pointer;
}
.bn-studio-menu > div > button:hover,
.bn-studio-menu > div > button.active { border-color: var(--bn-line); background: rgba(255,255,255,.045); }
.bn-studio-menu button > i { width: 5px; height: 24px; border-radius: 2px; background: var(--mode-color); }
.bn-studio-menu button span { min-width: 0; }
.bn-studio-menu button strong,
.bn-studio-menu button small { display: block; }
.bn-studio-menu button strong { font-size: .75rem; }
.bn-studio-menu button small { margin-top: 3px; overflow: hidden; color: var(--bn-muted); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.bn-studio-menu button em { color: #737e8c; font: 500 .48rem/1 'JetBrains Mono', monospace; font-style: normal; text-transform: uppercase; }

.bn-backdrop {
  position: fixed;
  z-index: 12700;
  inset: 0;
  background: rgba(1, 3, 5, .64);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.bn-command-palette {
  position: fixed;
  z-index: 12800;
  top: clamp(84px, 13vh, 140px);
  left: 50%;
  width: min(720px, calc(100vw - 24px));
  max-height: min(670px, calc(100vh - 120px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(216, 182, 110, .26);
  border-radius: 12px;
  background: #0b0e12;
  box-shadow: 0 38px 120px rgba(0,0,0,.72), inset 0 1px rgba(255,255,255,.06);
  transform: translateX(-50%);
}
.bn-command-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--bn-line); }
.bn-command-head > span { color: var(--bn-teal); font-size: 1.35rem; }
.bn-command-head input { width: 100%; border: 0; outline: 0; background: transparent; color: #fff; font-size: 1rem; }
.bn-command-head input::placeholder { color: #67717e; }
.bn-command-head kbd,
.bn-command-palette footer span { color: #77818e; font: 500 .55rem/1 'JetBrains Mono', monospace; }
.bn-command-head kbd { padding: 5px 7px; border: 1px solid var(--bn-line); border-radius: 5px; }
.bn-command-results { overflow: auto; padding: 8px; }
.bn-command-results button {
  width: 100%;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--bn-text);
  text-align: left;
  cursor: pointer;
}
.bn-command-results button:hover,
.bn-command-results button.selected { border-color: rgba(118,226,207,.2); background: rgba(118,226,207,.07); }
.bn-command-results strong,
.bn-command-results small { display: block; }
.bn-command-results strong { font-size: .8rem; }
.bn-command-results small { margin-top: 4px; color: var(--bn-muted); font-size: .65rem; }
.bn-command-results em { flex: none; color: #8892a0; font: 500 .53rem/1 'JetBrains Mono', monospace; font-style: normal; text-transform: uppercase; }
.bn-command-palette > footer { display: flex; gap: 18px; padding: 10px 16px; border-top: 1px solid var(--bn-line); background: rgba(255,255,255,.018); }

.bn-sheet {
  position: fixed;
  z-index: 12800;
  top: calc(var(--bn-dock-height) + 8px);
  right: 8px;
  bottom: 8px;
  width: min(430px, calc(100vw - 16px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(216,182,110,.2);
  border-radius: 11px;
  background: #0a0d11;
  box-shadow: -24px 30px 90px rgba(0,0,0,.64), inset 0 1px rgba(255,255,255,.05);
}
.bn-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 16px; border-bottom: 1px solid var(--bn-line); }
.bn-sheet-head span { color: var(--bn-gold); font: 600 .53rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-sheet-head h2 { margin: 5px 0 0; color: var(--bn-text); font: 600 1.35rem/1 'Cormorant Garamond', serif; }
.bn-sheet-head > button,
.bn-compare > header button,
.bn-presentation > header button { width: 34px; height: 34px; border: 1px solid var(--bn-line); border-radius: 7px; background: rgba(255,255,255,.035); color: #d7dde7; cursor: pointer; }
.bn-inspector-scroll,
.bn-notebook-scroll,
.bn-trail-scroll { min-height: 0; overflow: auto; padding: 12px; }
.bn-focus-hero { padding: 16px; border: 1px solid color-mix(in srgb, var(--studio) 25%, transparent); border-radius: var(--bn-radius); background: linear-gradient(145deg, color-mix(in srgb, var(--studio) 10%, transparent), rgba(255,255,255,.025)); }
.bn-focus-hero > span { color: var(--studio); font: 600 .54rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-focus-hero blockquote { margin: 14px 0; color: #f1eee5; font: 500 1.05rem/1.55 'Cormorant Garamond', serif; }
.bn-focus-facts { display: flex; gap: 7px; flex-wrap: wrap; }
.bn-focus-facts b,
.bn-token-row span { padding: 5px 7px; border: 1px solid var(--bn-line); border-radius: 5px; color: #abb5c3; font: 500 .52rem/1 'JetBrains Mono', monospace; }
.bn-truth-card,
.bn-inspector-section { margin-top: 10px; padding: 14px; border: 1px solid var(--bn-line); border-radius: var(--bn-radius); background: rgba(255,255,255,.025); }
.bn-truth-card header { display: flex; align-items: center; gap: 8px; color: var(--truth); font: 650 .61rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-truth-card p { margin: 10px 0 12px; color: #b5beca; font-size: .72rem; line-height: 1.5; }
.bn-truth-card dl { margin: 0; }
.bn-truth-card dl div { display: grid; grid-template-columns: 92px 1fr; gap: 8px; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.06); }
.bn-truth-card dt { color: #77818d; font-size: .6rem; }
.bn-truth-card dd { margin: 0; color: #d8dde5; font-size: .62rem; }
.bn-inspector-actions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-top: 10px; }
.bn-inspector-actions button,
.bn-sheet-footer button,
.bn-note-form button,
.bn-next-step,
.bn-note footer button,
.bn-compare > header button:not(:last-child),
.bn-compare-footer button {
  min-height: 34px;
  padding: 0 9px;
  border: 1px solid var(--bn-line);
  border-radius: 6px;
  background: rgba(255,255,255,.035);
  color: #dce2ea;
  font-size: .62rem;
  cursor: pointer;
}
.bn-inspector-actions button:hover,
.bn-sheet-footer button:hover,
.bn-note-form button:hover { border-color: rgba(118,226,207,.35); background: rgba(118,226,207,.08); }
.bn-inspector-section > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.bn-inspector-section > header span { color: var(--bn-text); font-size: .72rem; font-weight: 650; }
.bn-inspector-section > header small { color: #737e8c; font: 500 .49rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-token-row { display: flex; gap: 6px; flex-wrap: wrap; }
.bn-next-step { width: 100%; height: auto; padding: 10px; text-align: left; }
.bn-next-step strong,
.bn-next-step span { display: block; }
.bn-next-step strong { color: #f0e1bd; }
.bn-next-step span { margin-top: 5px; color: #8f99a6; line-height: 1.4; }
.bn-sheet-footer { display: flex; gap: 7px; padding: 10px 12px; border-top: 1px solid var(--bn-line); background: rgba(255,255,255,.018); }
.bn-sheet-footer button { flex: 1; }

.bn-note-form { padding: 13px; border: 1px solid rgba(118,226,207,.17); border-radius: var(--bn-radius); background: rgba(118,226,207,.035); }
.bn-note-form label { display: block; margin-bottom: 10px; }
.bn-note-form label > span { display: block; margin-bottom: 5px; color: #8b95a2; font: 500 .52rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-note-form input,
.bn-note-form textarea,
.bn-note-form select { width: 100%; padding: 9px 10px; border: 1px solid var(--bn-line); border-radius: 6px; outline: 0; background: rgba(2,5,8,.68); color: #eef2f5; resize: vertical; }
.bn-note-form input:focus,
.bn-note-form textarea:focus,
.bn-note-form select:focus { border-color: rgba(118,226,207,.4); }
.bn-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.bn-note-form > button { width: 100%; border-color: rgba(118,226,207,.3); background: rgba(118,226,207,.1); color: #d9fff8; }
.bn-note-list { display: grid; gap: 8px; margin-top: 10px; }
.bn-note { padding: 13px; border: 1px solid var(--bn-line); border-radius: var(--bn-radius); background: rgba(255,255,255,.025); }
.bn-note > header { display: flex; justify-content: space-between; gap: 10px; }
.bn-note > header span { color: var(--truth); font: 600 .5rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-note time { color: #697482; font-size: .55rem; }
.bn-note h3 { margin: 10px 0 6px; color: #f1ead9; font-size: .8rem; }
.bn-note p { margin: 0; color: #aeb7c3; font-size: .68rem; line-height: 1.5; white-space: pre-wrap; }
.bn-note footer { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; }
.bn-note footer button:last-child { color: #c7897e; }

.bn-trail-scroll section > header { padding: 9px 5px; color: var(--bn-gold); font: 600 .52rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-trail-scroll section > button { width: 100%; min-height: 55px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 8px; border: 0; border-top: 1px solid rgba(255,255,255,.055); background: transparent; color: var(--bn-text); text-align: left; cursor: pointer; }
.bn-trail-scroll section > button:hover { background: rgba(255,255,255,.035); }
.bn-trail-scroll button > i { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid var(--bn-line); border-radius: 50%; color: var(--bn-teal); font: 600 .55rem/1 'JetBrains Mono', monospace; font-style: normal; }
.bn-trail-scroll button strong,
.bn-trail-scroll button small { display: block; }
.bn-trail-scroll button strong { font-size: .7rem; }
.bn-trail-scroll button small { margin-top: 3px; overflow: hidden; color: #7f8996; font-size: .58rem; text-overflow: ellipsis; white-space: nowrap; }
.bn-trail-scroll time { color: #66717e; font-size: .52rem; }

.bn-compare {
  position: fixed;
  z-index: 12800;
  inset: calc(var(--bn-dock-height) + 12px) 12px 12px;
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(216,182,110,.22);
  border-radius: 12px;
  background: #090c10;
  box-shadow: 0 40px 120px rgba(0,0,0,.7), inset 0 1px rgba(255,255,255,.05);
}
.bn-compare > header { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 16px; border-bottom: 1px solid var(--bn-line); }
.bn-compare > header span { color: var(--bn-teal); font: 600 .53rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-compare > header h2 { margin: 5px 0 0; color: var(--bn-text); font: 600 1.4rem/1 'Cormorant Garamond', serif; }
.bn-compare > header > div:last-child { display: flex; gap: 7px; }
.bn-compare > header button:not(:last-child) { width: auto; }
.bn-compare-grid { min-height: 0; display: grid; grid-template-columns: repeat(5, minmax(230px, 1fr)); gap: 1px; overflow: auto; background: var(--bn-line); }
.bn-compare-grid article { min-height: 100%; display: flex; flex-direction: column; padding: 24px; background: #0c1015; }
.bn-compare-grid article.primary { background: linear-gradient(180deg, rgba(118,226,207,.065), #0c1015 36%); }
.bn-compare-grid article > span { color: var(--bn-gold); font: 600 .55rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-compare-grid article p { flex: 1; margin: 28px 0; color: #e6e2d8; font: 500 clamp(1.05rem, 1.7vw, 1.5rem)/1.75 'Cormorant Garamond', serif; }
.bn-compare-grid article footer { display: flex; align-items: center; gap: 7px; color: #77818e; font-size: .56rem; }
.bn-compare-grid article footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--bn-teal); }
.bn-compare-grid article footer.sample { color: #b88178; }
.bn-compare-grid article footer.sample i { background: #e88974; }
.bn-compare-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 16px; border-top: 1px solid var(--bn-line); color: #7f8996; font-size: .6rem; }
.bn-compare-loading { display: grid; place-items: center; color: var(--bn-muted); }

.bn-presentation {
  position: fixed;
  z-index: 12900;
  inset: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 24px 34px;
  background: radial-gradient(circle at 50% 35%, rgba(216,182,110,.07), transparent 38%), #07090c;
  color: var(--bn-text);
}
.bn-presentation > header { display: flex; align-items: center; justify-content: space-between; color: var(--bn-gold); font: 600 .58rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-presentation main { width: min(980px, 90vw); align-self: center; justify-self: center; }
.bn-slide-count { margin-bottom: 46px; color: #66717e; font: 500 .58rem/1 'JetBrains Mono', monospace; }
.bn-presentation main > span { color: var(--bn-teal); font: 600 .62rem/1 'JetBrains Mono', monospace; text-transform: uppercase; }
.bn-presentation h1 { max-width: 18ch; margin: 18px 0 28px; color: #f5edda; font: 500 clamp(2.6rem, 6vw, 5.8rem)/.98 'Cormorant Garamond', serif; }
.bn-presentation main p { max-width: 72ch; color: #bdc5cf; font-size: clamp(1rem, 1.8vw, 1.4rem); line-height: 1.65; white-space: pre-wrap; }
.bn-presentation > footer { display: grid; grid-template-columns: 120px 1fr 120px; align-items: center; gap: 20px; }
.bn-presentation > footer button { height: 40px; border: 1px solid var(--bn-line); border-radius: 7px; background: rgba(255,255,255,.035); color: #dfe4ea; cursor: pointer; }
.bn-presentation > footer button:disabled { opacity: .3; }
.bn-presentation > footer div { display: flex; justify-content: center; gap: 7px; }
.bn-presentation > footer i { width: 20px; height: 2px; background: #343b44; }
.bn-presentation > footer i.active { background: var(--bn-gold); }

.bn-empty { padding: 30px 18px; color: #7f8996; font-size: .7rem; text-align: center; }
.bn-toast { position: fixed; z-index: 13000; right: 20px; bottom: 20px; max-width: min(380px, calc(100vw - 40px)); padding: 11px 14px; border: 1px solid rgba(118,226,207,.26); border-radius: 7px; background: #10151a; color: #dffbf6; box-shadow: 0 20px 60px rgba(0,0,0,.45); font-size: .68rem; opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .18s ease, transform .18s ease; }
.bn-toast.show { opacity: 1; transform: translateY(0); }

body.bibliotheke-next .modepack {
  max-height: 76px;
}

body.bibliotheke-next .headline-meta .metapill:last-child {
  max-width: 44ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1180px) {
  :root { --bn-dock-height: 58px; }
  .bn-studio-dock { grid-template-columns: auto minmax(0,1fr) auto; padding: 6px 8px; }
  .bn-dock-brand { width: 48px; padding: 0 6px; }
  .bn-dock-brand strong { display: none; }
  .bn-studio-list { grid-template-columns: repeat(6, minmax(52px, 1fr)); }
  .bn-studio { grid-template-columns: 26px minmax(0,1fr); gap: 6px; padding: 4px 6px; }
  .bn-studio > i { width: 26px; height: 26px; }
  .bn-studio small { display: none; }
  .bn-studio::after { left: 38px; }
  .bn-truth span { display: none; }
  .bn-truth { width: 38px; justify-content: center; padding: 0; }
  .bn-icon-btn:nth-of-type(2) { display: none; }
}

@media (max-width: 760px) {
  :root { --bn-dock-height: 66px; }
  body.bibliotheke-next { padding-top: var(--bn-dock-height); padding-bottom: 0; }
  .bn-studio-dock { grid-template-columns: minmax(0,1fr) auto; gap: 5px; overflow: hidden; }
  .bn-dock-brand { display: none; }
  .bn-studio-list { display: flex; gap: 3px; overflow-x: auto; scrollbar-width: none; }
  .bn-studio-list::-webkit-scrollbar { display: none; }
  .bn-studio { flex: 0 0 74px; min-height: 52px; grid-template-columns: 1fr; justify-items: center; gap: 3px; padding: 3px 4px; text-align: center; }
  .bn-studio > i { width: 22px; height: 22px; font-size: .62rem; }
  .bn-studio strong { max-width: 68px; font-size: .5rem; }
  .bn-studio small { display: none; }
  .bn-studio::after { right: 10px; bottom: 2px; left: 10px; transform-origin: center; }
  .bn-dock-tools { gap: 3px; padding-left: 3px; }
  .bn-icon-btn { width: 34px; height: 46px; }
  .bn-icon-btn:nth-of-type(2),
  .bn-icon-btn:nth-of-type(3),
  .bn-truth { display: none; }
  .bn-studio-menu { top: calc(var(--bn-dock-height) + 5px); right: 7px; left: 7px !important; width: auto; max-height: calc(100vh - 82px); overflow: auto; }
  .bn-studio-menu button em { display: none; }
  .bn-sheet { top: auto; right: 0; bottom: 0; left: 0; width: auto; height: min(82vh, 760px); border-radius: 12px 12px 0 0; }
  .bn-command-palette { top: calc(var(--bn-dock-height) + 8px); max-height: calc(100vh - var(--bn-dock-height) - 16px); }
  .bn-compare { inset: calc(var(--bn-dock-height) + 5px) 5px 5px; }
  .bn-compare-grid { grid-template-columns: repeat(5, minmax(82vw, 1fr)); scroll-snap-type: x mandatory; }
  .bn-compare-grid article { scroll-snap-align: start; padding: 18px; }
  .bn-compare > header { min-height: 58px; }
  .bn-compare > header button:not(:last-child) { display: none; }
  .bn-form-row { grid-template-columns: 1fr; }
  .bn-inspector-actions { grid-template-columns: repeat(2, 1fr); }
  .bn-presentation { padding: 18px; }
  .bn-presentation > footer { grid-template-columns: 86px 1fr 86px; }
  body.bibliotheke-next .modepack { max-height: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  .bn-shell *, .bn-shell *::before, .bn-shell *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; }
}

@media print {
  .bn-shell { display: none !important; }
  body.bibliotheke-next { padding-top: 0; }
}