/* Writing patterns, characters, chapters and plot workspace. Order is significant; see index.html. */
/* v45p: writing patterns, chapters, character labels */
.side-chapter-row th {
  padding: 7px 6px 4px; border-bottom: 1px solid var(--line); background: color-mix(in srgb,var(--accent2) 45%,var(--panel));
  color: var(--accent); font-size: 11px; text-align: left; overflow-wrap: anywhere;
}
.chapter-settings-box { max-width: 760px; }
.chapter-settings-note {
  padding: 10px 14px; border-bottom: 1px solid var(--line); color: var(--sub); font-size: 12px; line-height: 1.55;
}
.chapter-settings-list { padding: 8px 12px 16px; overflow-y: auto; display: grid; gap: 6px; }
.chapter-setting-row {
  display: grid; grid-template-columns: minmax(160px,.9fr) minmax(180px,1.1fr); gap: 9px; align-items: center;
  padding: 7px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel2);
}
.chapter-setting-episode { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 7px; align-items: baseline; }
.chapter-setting-episode b { color: var(--accent); font-size: 11px; }
.chapter-setting-episode span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.chapter-setting-input { min-width: 0; width: 100%; }
.char-name-block { min-width: 0; }
.character-detail-head .char-name-block { min-width: 0; }
.char-find-symbol { display: none; }
.character-group-card { border-left: 4px solid var(--character-group-color,var(--line)) !important; }
.character-group-settings-box { max-width: 680px; }
.character-group-settings-note { padding: 10px 14px; border-bottom: 1px solid var(--line); color: var(--sub); font-size: 12px; line-height: 1.55; }
.character-group-settings-list { padding: 10px 12px; overflow-y: auto; display: grid; gap: 7px; }
.character-group-setting-row {
  display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 8px;
  border: 1px solid var(--line); border-left: 5px solid var(--character-group-color); border-radius: 9px; background: var(--panel2);
}
.character-group-color { width: 36px; height: 32px; padding: 2px; border: 1px solid var(--line); border-radius: 7px; background: var(--panel); }
.character-group-name { min-width: 0; }
.character-group-settings-actions { padding: 0 12px 14px; }

.pattern-settings-title { margin-top: 16px !important; }
.pattern-range { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.pattern-range .pattern-number { width: 110px; }
.pattern-template { width: 100%; font-family: inherit; line-height: 1.55; }
.pattern-help { display: block; margin-top: 5px; color: var(--sub); line-height: 1.45; }
.pattern-analysis-note { line-height: 1.75; font-size: 12.5px; }
.pattern-analysis-note span { color: var(--sub); }
@media (max-width:760px) {
  .chapter-setting-row { grid-template-columns: 1fr; gap: 6px; }
  .chapter-setting-episode span { white-space: normal; }
}
.plot-template-panel {
  margin:0 0 9px; border:1px solid var(--line); border-radius:11px; background:var(--panel); overflow:hidden;
}
.plot-template-panel>summary { list-style:none; }
.plot-template-panel>summary::-webkit-details-marker { display:none; }
.plot-template-summary {
  min-height:42px; padding:8px 10px; display:flex; align-items:center; justify-content:space-between; gap:8px;
  cursor:pointer; user-select:none;
}
.plot-template-summary::after { content:"＋"; color:var(--accent); font-size:17px; font-weight:800; line-height:1; }
.plot-template-panel[open]>.plot-template-summary { border-bottom:1px solid var(--line); background:var(--soft); }
.plot-template-panel[open]>.plot-template-summary::after { content:"−"; }
.plot-template-summary>span { min-width:0; display:flex; align-items:baseline; gap:7px; }
.plot-template-summary b { font-size:13px; }
.plot-template-summary small { color:var(--muted); font-size:10px; }
.plot-template-body { display:grid; gap:8px; padding:8px; }
.plot-template-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
.plot-template-item { position:relative; min-width:0; }
.plot-template-item>.plot-template-btn { width:100%; height:100%; padding-right:45px; }
.plot-template-btn {
  min-width:0; min-height:38px; padding:5px 6px; border:1px solid color-mix(in srgb,var(--template-color) 45%,var(--line));
  border-left:4px solid var(--template-color); border-radius:8px; background:color-mix(in srgb,var(--template-color) 7%,var(--panel));
  color:var(--ink); font:inherit; text-align:left; cursor:pointer; display:flex; flex-direction:column; justify-content:center; gap:1px;
}
.plot-template-btn:hover { background:color-mix(in srgb,var(--template-color) 14%,var(--panel)); }
.plot-template-btn span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:700; }
.plot-template-btn small { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:9px; }
.plot-template-edit,.plot-template-delete {
  position:absolute; top:3px; width:20px; height:20px; padding:0; border:0; border-radius:50%;
  background:transparent; color:var(--muted); font-size:14px; line-height:20px; cursor:pointer;
}
.plot-template-edit { right:23px; }
.plot-template-delete { right:3px; font-size:15px; }
.plot-template-edit:hover { background:var(--soft); color:var(--accent); }
.plot-template-delete:hover { background:var(--soft); color:var(--danger); }
.plot-choice-builder { border:1px solid var(--line); border-radius:9px; background:var(--soft); overflow:hidden; }
.plot-choice-builder summary {
  min-height:36px; padding:7px 9px; display:flex; align-items:center; list-style:none; cursor:pointer;
  font-size:11.5px; font-weight:800; color:var(--accent); user-select:none;
}
.plot-choice-builder summary::-webkit-details-marker { display:none; }
.plot-choice-builder summary::after { content:"＋"; margin-left:auto; }
.plot-choice-builder[open] summary { border-bottom:1px solid var(--line); background:var(--panel); }
.plot-choice-builder[open] summary::after { content:"−"; }
.plot-choice-body { padding:8px; }
.plot-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.plot-choice-field { min-width:0; display:grid; gap:3px; }
.plot-choice-field.wide { grid-column:1 / -1; }
.plot-choice-field span { color:var(--sub); font-size:10.5px; font-weight:700; }
.plot-choice-field .input { width:100%; min-width:0; min-height:34px; margin:0; padding:5px 7px; font-size:11px; }
.plot-choice-preview {
  margin:8px 0; padding:7px 8px; border-left:4px solid var(--accent); border-radius:7px;
  background:var(--panel); color:var(--sub); font-size:10.5px; line-height:1.55; white-space:pre-line;
}
.plot-choice-add { width:100%; margin:0; }
.plot-template-editor-box { width:min(620px,100%); }
.plot-template-editor-grid { display:grid; grid-template-columns:minmax(0,1fr) 92px; gap:8px; margin-bottom:10px; }
.plot-template-editor-field { min-width:0; display:grid; gap:4px; }
.plot-template-editor-field.wide { grid-column:1 / -1; }
.plot-template-editor-field>span { color:var(--sub); font-size:11px; font-weight:700; }
.plot-template-editor-field .input,.plot-template-editor-field .ta { width:100%; margin:0; }
.plot-template-editor-field .ta { min-height:76px; }
.plot-template-editor-field .plot-template-editor-flow { min-height:130px; }
.plot-template-editor-color { min-height:38px; padding:3px; }
@media (max-width:760px) {
  .plot-template-panel { margin-bottom:7px; }
  .plot-template-summary { min-height:38px; padding:7px 8px; }
  .plot-template-summary b { font-size:12px; }
  .plot-template-summary small { font-size:9px; }
  .plot-template-body,.plot-choice-body { padding:6px; }
  .plot-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
  .plot-template-btn { min-height:36px; padding:4px 5px; }
  .plot-template-btn span { font-size:10.5px; }
  .plot-choice-grid { grid-template-columns:1fr; gap:5px; }
  .plot-choice-field.wide { grid-column:auto; }
  .plot-choice-builder summary { min-height:34px; padding:6px 8px; font-size:10.5px; }
  .plot-choice-field .input { min-height:32px; font-size:10.5px; }
  .plot-choice-preview { font-size:9.8px; }
.plot-template-editor-grid { grid-template-columns:1fr 78px; gap:6px; }
  .plot-axis-head { grid-template-columns:auto minmax(48px,64px) 28px minmax(0,1fr) auto; gap:5px; }
  .plot-axis-head b { font-size:12px; }
  .plot-axis-code-inline span { font-size:9px; }
  .plot-axis-code { min-height:28px !important; padding:3px 4px; }
  .plot-axis-color { width:28px; height:28px; min-width:28px; }
  .plot-axis-name { min-height:28px; padding:3px 5px; }
  .plot-axis-head .plot-axis-delete { padding-inline:6px; }
}


.navigator-library-popup .overall-popup-head { justify-content: space-between; }
.navigator-library-section { padding: 14px; }
.navigator-library-section>.ref-page { padding: 0; }
.navigator-library-section>.ref-page>h2.vtitle { margin-top: 0; }
.navigator-library-section .summary-toolbar { margin-bottom: 8px; }
.navigator-library-section .summary-list { gap: 7px; }
@media (max-width: 760px) {
  .navigator-library-section { padding: 9px; }
  .side-ep-row-main { gap: 3px; }
  .side-ep-tools { grid-template-columns: 32px repeat(3,21px); gap: 2px; }
  .side-table .el-pos { width: 32px; }
  .side-ep-tools .btn,.side-ep-tools .btn-mini { width: 21px; }
}

/* v45x: moved episode/template controls and settings menu */
.navigator-settings-btn { font-size: 18px !important; line-height: 1; }
.navigator-settings-box { max-width: 430px; }
.navigator-settings-actions { display: grid; gap: 9px; padding: 14px; }
.navigator-settings-actions .icon-btn { width: 100%; min-height: 58px; display: grid; gap: 3px; justify-items: start; text-align: left; white-space: normal; }
.navigator-settings-actions .icon-btn b { color: var(--ink); font-size: 13px; }
.navigator-settings-actions .icon-btn span { color: var(--sub); font-size: 11px; line-height: 1.45; }
@media (max-width: 760px) {
  .side-head-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; }
  .side-head-actions .btn-mini { min-width: 0 !important; padding-inline: 3px !important; font-size: 9.5px !important; }
}
@media (max-width: 380px) {
  .side-head-actions { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .side-head-actions .side-new-episode { grid-column: span 1; }
}


/* v46d: larger episode ordering controls and exact chapter-start markers */
.side-ep-row-main {
  grid-template-columns: minmax(0,1fr);
  gap: 2px;
}
.side-ep-tools {
  grid-template-columns: 48px repeat(3,36px);
  gap: 5px;
  width: max-content;
  max-width: 100%;
  justify-self: end;
}
.side-table .el-pos {
  width: 48px;
  min-height: 38px;
  padding: 4px 3px;
  font-size: 14px !important;
  font-weight: 700;
  border-radius: 8px;
}
.side-ep-tools .btn,
.side-ep-tools .btn-mini {
  width: 36px;
  min-height: 38px !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 800;
  line-height: 1;
  border-radius: 8px;
}
.side-ep-tools button:disabled { opacity: .38; cursor: default; }
.side-chapter-row th {
  padding: 8px 7px 5px;
  background: var(--panel2);
}
.side-chapter-row th > span { display: block; }
.side-chapter-start-label {
  margin-bottom: 2px;
  color: var(--sub);
  font-size: 9.5px;
  font-weight: 700;
}
.side-chapter-title {
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
}
.chapter-setting-row:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent);
}
@media (max-width:760px) {
  .side-ep-tools { grid-template-columns: 46px repeat(3,35px); gap: 5px; }
  .side-table .el-pos { width: 46px; }
  .side-ep-tools .btn,.side-ep-tools .btn-mini { width: 35px; }
}
@media (max-width:380px) {
  .side-ep-tools { grid-template-columns: 44px repeat(3,34px); gap: 4px; }
  .side-table .el-pos { width: 44px; }
  .side-ep-tools .btn,.side-ep-tools .btn-mini { width: 34px; }
}


/* v46i: compact two-column character cards on phones and touch tablets, including landscape iPad widths. */
@media (max-width:1100px), (max-width:1366px) and (any-pointer:coarse) {
  .char-toolbar { margin-bottom: 3px !important; }
  .char-toolbar .ref-add {
    min-height: 28px !important;
    padding: 2px 5px !important;
    font-size: 10px !important;
  }
  .char-toolbar .char-count { font-size: 10px; }
  .character-detail-list {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 4px !important;
    align-items: start;
  }
  .character-detail-card {
    position: relative;
    min-width: 0;
    margin: 0 !important;
    padding: 4px !important;
    border-left-width: 3px !important;
    border-radius: 7px !important;
  }
  .character-detail-card:has(.character-detail-toggle[open]) { grid-column: 1 / -1; }
  .character-detail-head { min-width: 0; }
  .character-detail-head .char-name-block { padding-right: 26px; }
  .char-name-search {
    grid-template-columns: minmax(0,1fr) 27px;
    gap: 2px;
  }
  .char-name-search .ref-in {
    min-width: 0;
    min-height: 27px !important;
    margin-top: 0 !important;
    padding: 2px 4px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
  .char-find-btn {
    display: grid;
    place-items: center;
    min-width: 27px;
    min-height: 27px;
    padding: 0;
    border-radius: 6px;
    font-size: 0;
    line-height: 1;
  }
  .char-find-label { display: none; }
  .char-find-symbol {
    display: block;
    font-size: 17px;
    line-height: 1;
    transform: translateY(-1px);
  }
  .character-quick-fields {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
    margin-top: 3px !important;
  }
  .character-quick-fields .char-edit-field > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
  }
  .character-quick-fields .ref-in {
    width: 100%;
    min-width: 0;
    min-height: 27px !important;
    margin-top: 0 !important;
    padding: 2px 4px !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
  }
  .character-detail-toggle {
    margin-top: 0;
    border-top: 0;
  }
  .character-detail-toggle > summary {
    position: absolute;
    top: 5px;
    right: 4px;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 23px;
    min-height: 23px !important;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: color-mix(in srgb,var(--accent) 8%,var(--panel));
    font-size: 0;
    line-height: 1;
  }
  .character-detail-toggle > summary::before {
    content: "⌄";
    font-size: 17px;
    line-height: 1;
    transform: translateY(-2px);
  }
  .character-detail-toggle[open] > summary::before {
    content: "⌃";
    transform: translateY(2px);
  }
  .character-detail-toggle[open] > summary { border-bottom: 0; }
  .character-detail-fields {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 4px 6px !important;
    margin-top: 5px !important;
    padding-top: 5px !important;
    border-top: 1px solid var(--line);
  }
  .character-detail-fields .ref-in {
    min-height: 30px !important;
    padding: 3px 5px !important;
  }
  .character-detail-actions {
    margin-top: 5px;
    padding-top: 5px;
  }
  .character-detail-actions .ref-del {
    min-height: 30px !important;
    padding: 3px 7px !important;
    font-size: 10px !important;
  }
}

@media (max-width:340px) {
  .character-detail-list { gap: 3px !important; }
  .character-detail-card { padding: 3px !important; }
  .character-detail-head .char-name-block { padding-right: 24px; }
  .char-name-search { grid-template-columns: minmax(0,1fr) 25px; }
  .char-find-btn { min-width: 25px; min-height: 26px; }
  .character-detail-toggle > summary { top: 4px; right: 3px; width: 22px; min-height: 22px !important; }
}




/* v47x: do not reveal the workspace until the initial visual viewport is stable. */
html:not(.layout-ready) #appMount,
html.viewport-resetting #appMount { visibility:hidden!important; }
html.ios-device .summary-item { content-visibility:visible; contain-intrinsic-size:auto; }

/* v46l: keep the first iPad layout inside the visible viewport. */
html,body,#appMount,.app { width:100%; max-width:100%; min-width:0; }
html.ios-device,html.ios-device body { overflow:hidden; overscroll-behavior:none; }
html.touch-device .navigator-dock { min-width:0; }

/* Android/iPad tablet detection is provided before CSS loads; do not depend on any-pointer. */
html.touch-device .character-detail-list {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:4px !important;
  align-items:start;
}
html.touch-device .character-detail-card { min-width:0; }
html.touch-device .character-detail-card:has(.character-detail-toggle[open]) { grid-column:1 / -1; }

/* v46j: do not expose the tablet layout until the first render is stable. */
body.app-booting > :not(#lockScreen) { visibility: hidden !important; }
body.app-booting #lockScreen { display: flex !important; }

/* v46t: responsive plot-axis workspace */
.plot-panel-head {
  display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0;
  margin:0 0 8px; padding:2px 1px;
}
.plot-panel-head>div { min-width:0; display:grid; gap:1px; }
.plot-panel-head b { font-size:15px; line-height:1.25; }
.plot-panel-head small { color:var(--sub); font-size:10.5px; line-height:1.35; }
.plot-axis-empty { margin-bottom:8px; }

.plot-axis-list { gap:9px; margin-bottom:8px; }
.plot-axis-card {
  position:relative; overflow:hidden; padding:0 10px 10px;
  border:1px solid color-mix(in srgb,var(--axis-color,var(--line)) 34%,var(--line));
  border-left:4px solid var(--axis-color,var(--line)); border-radius:12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--axis-color,var(--panel)) 5%,var(--panel)) 0,var(--panel) 54px);
  box-shadow:0 2px 8px rgba(0,0,0,.045);
}
.plot-axis-head {
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:end; gap:8px;
  min-width:0; margin:0 -10px 8px; padding:8px 10px;
  border-bottom:1px solid color-mix(in srgb,var(--axis-color,var(--line)) 24%,var(--line));
  background:color-mix(in srgb,var(--axis-color,var(--panel)) 5%,transparent);
}
.plot-axis-badge {
  display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:4px 9px;
  border:1px solid color-mix(in srgb,var(--axis-color) 44%,var(--line)); border-radius:999px;
  background:color-mix(in srgb,var(--axis-color) 12%,var(--panel));
  color:var(--axis-color,var(--ink)) !important; font-size:12px !important; line-height:1; white-space:nowrap;
}
.plot-axis-code-inline { width:62px; display:grid; gap:2px; min-width:0; }
.plot-axis-code-inline span,
.plot-axis-title-field>span,
.plot-axis-color-wrap>span {
  color:var(--sub); font-size:9.5px; font-weight:700; line-height:1.1;
}
.plot-axis-code { width:100%; min-width:0; min-height:30px; margin:0 !important; padding:4px 6px; text-align:center; font-weight:800; }
.plot-axis-title-field { min-width:0; display:grid; gap:2px; }
.plot-axis-name { width:100%; min-width:0; min-height:30px; margin:0 !important; padding:4px 7px; font-weight:700; }
.plot-axis-actions { display:flex; align-items:end; justify-content:flex-end; gap:6px; }
.plot-axis-color-wrap { display:grid; gap:2px; }
.plot-axis-color {
  width:32px; height:30px; min-width:32px; margin:0; padding:2px; border:1px solid var(--line); border-radius:7px;
  background:var(--panel); cursor:pointer;
}
.plot-axis-delete { align-self:end; min-height:30px; margin:0; padding:4px 8px; }
.plot-axis-fields { display:grid; grid-template-columns:1fr !important; gap:7px !important; margin-top:0 !important; }
.plot-axis-fields .char-edit-field,
.plot-axis-fields .char-edit-field.wide { min-width:0; grid-column:auto; gap:3px; }
.plot-axis-fields .char-edit-field span { font-size:10.5px; font-weight:750; letter-spacing:.01em; }
.plot-axis-fields .input,
.plot-axis-fields .ta {
  width:100%; min-width:0; margin:0 !important; padding:7px 8px; border-radius:8px; line-height:1.55;
  background:color-mix(in srgb,var(--panel2) 42%,var(--panel));
}
.plot-axis-fields .plot-axis-overview { min-height:68px !important; }
.plot-axis-fields .plot-axis-flow { min-height:92px !important; }

.plot-template-panel { margin-bottom:9px; border-radius:12px; }
.plot-template-summary { min-height:40px; padding:7px 10px; }
.plot-template-summary>span { display:grid; gap:0; }
.plot-template-summary b { font-size:12.5px; }
.plot-template-summary small { font-size:9.5px; }
.plot-template-body { gap:9px; padding:9px; }
.plot-template-group { display:grid; gap:5px; min-width:0; }
.plot-template-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.plot-template-btn { min-height:40px; padding:5px 7px; }
.plot-template-btn span { font-size:10.5px; }
.plot-template-btn small { font-size:8.8px; }
.plot-choice-builder { border-radius:9px; }

@media (min-width:680px) {
  .plot-axis-card { padding:0 11px 11px; }
  .plot-axis-head { margin:0 -11px 9px; padding:9px 11px; gap:10px; }
  .plot-axis-fields { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important; gap:9px !important; }
  .plot-axis-fields .char-edit-field,
  .plot-axis-fields .char-edit-field.wide { grid-column:auto !important; }
  .plot-axis-fields .plot-axis-overview,
  .plot-axis-fields .plot-axis-flow { min-height:112px !important; }
  .plot-template-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .plot-template-btn { min-height:42px; }
}

@media (min-width:980px) {
  .plot-template-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:679px) {
  .plot-panel-head { align-items:end; }
  .plot-panel-head small { max-width:220px; }
  .plot-axis-card { padding:0 8px 8px !important; border-radius:10px !important; }
  .plot-axis-head {
    grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:6px;
    margin:0 -8px 7px; padding:7px 8px;
  }
.plot-axis-badge { min-height:28px; padding:4px 7px; font-size:11px !important; }
  .plot-axis-code-inline { width:52px; }
  .plot-axis-title-field { grid-column:1 / -1; }
  .plot-axis-actions { grid-column:2; grid-row:1; }
  .plot-axis-color-wrap>span { display:none; }
  .plot-axis-color { width:30px !important; height:28px !important; min-width:30px !important; }
  .plot-axis-delete { min-height:28px !important; padding:3px 7px !important; }
  .plot-axis-code,
  .plot-axis-name { min-height:28px !important; }
  .plot-axis-fields { gap:6px !important; }
  .plot-axis-fields .input,
  .plot-axis-fields .ta { padding:6px 7px !important; }
  .plot-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  .plot-template-body { padding:7px; }
}

@media (max-width:390px) {
  .plot-panel-head b { font-size:14px; }
  .plot-panel-head small { font-size:9.5px; }
  .plot-axis-badge { padding-inline:6px; }
  .plot-axis-code-inline { width:48px; }
  .plot-axis-actions { gap:4px; }
  .plot-axis-delete { font-size:10px !important; }
  .plot-template-summary small { display:none; }
.plot-template-btn { min-height:38px; }
}

/* v46t layout conflict fixes */
.plot-axis-delete {
  color:var(--danger) !important;
  border-color:color-mix(in srgb,var(--danger) 34%,var(--line)) !important;
  background:color-mix(in srgb,var(--danger) 5%,var(--panel)) !important;
}
.plot-axis-delete:hover { background:color-mix(in srgb,var(--danger) 11%,var(--panel)) !important; }
@media (max-width:679px) {
  .plot-axis-head { grid-template-columns:minmax(0,1fr) auto !important; }
.plot-axis-actions { grid-column:2; grid-row:1; justify-self:end; }
  .plot-axis-title-field { grid-column:1 / -1; grid-row:2; }
}