@font-face {
      font-family: "Miyun Source Han Sans";
      src:
        url("/static/fonts/SourceHanSansSC-VF.ttf.woff2?v=20260619d") format("woff2");
      font-style: normal;
      font-weight: 250 900;
      font-display: swap;
    }
    
:root {
      --bg: #ffffff;
      --surface: rgba(255,255,255,.96);
      --solid: #fff;
      --ink: #1d1d1f;
      --muted: #555a60;
      --quiet: #676b72;
      --line: rgba(0,0,0,.1);
      --blue: #0071e3;
      --green: #30d158;
      --red: #ff3b30;
      --amber: #ff9f0a;
      --shadow: 0 14px 34px rgba(0,0,0,.045);
      --font-sans: "Miyun Source Han Sans", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
    }
    * { box-sizing: border-box; }
    html {
      font-family: var(--font-sans);
      color: var(--ink);
      background: var(--bg);
      -webkit-font-smoothing: antialiased;
      font-synthesis: none;
      letter-spacing: 0;
    }
    body {
      margin: 0;
      min-height: 100vh;
      background: var(--bg);
    }
    body, button, input, select, textarea { font-family: var(--font-sans); }
    button, input, select, textarea { font: inherit; letter-spacing: 0; }
    button { border: 0; cursor: pointer; }
    .shell { display: block; min-height: 100vh; padding-top: 1px; }
    .sidebar {
      position: sticky; top: 0; z-index: 30; height: 100vh; min-height: 100vh; padding: 14px 10px;
      display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px;
      border-right: 1px solid rgba(0,0,0,.065);
      background: rgba(247,247,245,.72);
      backdrop-filter: blur(22px) saturate(160%);
    }
    .brand { display: flex; align-items: center; min-height: 32px; padding: 2px 9px; color: rgba(29,29,31,.72); font-size: 14px; font-weight: 480; }
    .nav { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 3px; min-height: 0; }
    .nav button {
      height: 34px; border-radius: 6px; padding: 0 9px; text-align: left;
      display: flex; align-items: center; justify-content: flex-start; gap: 8px;
      color: rgba(29,29,31,.66); background: transparent; font-size: 14px; font-weight: 420;
    }
    .nav button:hover { color: rgba(29,29,31,.9); background: rgba(0,0,0,.035); }
    .nav button.active { color: var(--ink); background: rgba(0,0,0,.055); font-weight: 460; }
    .nav svg { display: block; width: 16px; height: 16px; flex: 0 0 16px; opacity: .76; }
    .admin-menu { display: flex; flex-direction: column; align-items: stretch; gap: 3px; }
    .deep-chevron { margin-left: auto; color: var(--quiet); transition: transform .18s ease; }
    .deep-open .deep-chevron { transform: rotate(90deg); }
    .subnav { display: grid; gap: 2px; margin: 0 0 4px 24px; padding-left: 8px; border-left: 1px solid rgba(0,0,0,.09); }
    .subnav button { height: 30px; font-size: 14px; padding: 0 8px; color: rgba(29,29,31,.58); }
    .subnav svg { width: 15px; height: 15px; flex-basis: 15px; }
    .miyun-config-nav { display: grid; gap: 2px; margin: -1px 0 5px 22px; padding-left: 8px; border-left: 1px solid rgba(0,0,0,.08); }
    .miyun-config-nav button { height: 28px; font-size: 14px; padding: 0 8px; color: rgba(29,29,31,.54); }
    .miyun-config-nav button.active { color: var(--ink); background: rgba(0,0,0,.055); font-weight: 460; }
    .side-note { display: none; }
    .console-nav {
      position: sticky; top: 14px; z-index: 40;
      width: min(1240px, calc(100vw - 48px)); min-height: 58px; margin: 14px auto 0;
      display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px;
      padding: 8px 10px 8px 8px; border: 1px solid rgba(0,0,0,.075); border-radius: 999px;
      background: rgba(255,255,255,.86); box-shadow: 0 18px 48px rgba(0,0,0,.07);
      backdrop-filter: blur(24px) saturate(180%);
    }
    .console-logo {
      width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
      color: #fff; background: #111827; text-decoration: none; font-size: 15px; font-weight: 520; letter-spacing: 0;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
    }
    .console-primary-nav {
      min-width: 0; display: flex; align-items: center; gap: 3px; overflow: hidden;
    }
    .console-primary-nav button {
      height: 40px; padding: 0 15px; border-radius: 999px;
      color: rgba(29,29,31,.76); background: transparent; font-size: 15px; font-weight: 500; white-space: nowrap;
      transition: color .18s ease, background .18s ease, transform .18s ease;
    }
    .console-primary-nav button:hover { color: var(--ink); background: rgba(0,0,0,.045); }
    .console-primary-nav button.active { color: #fff; background: #1d1d1f; box-shadow: 0 8px 18px rgba(0,0,0,.12); }
    .console-primary-nav button:active,
    .console-second-nav button:active { transform: translateY(1px); }
    .console-nav-meta { display: flex; align-items: center; justify-content: flex-end; gap: 12px; color: var(--muted); font-size: 14px; font-weight: 480; white-space: nowrap; }
    .nav-pill { justify-self: auto; height: 30px; margin: 0; }
    .console-second-nav {
      position: sticky; top: 84px; z-index: 35;
      width: min(760px, calc(100vw - 48px)); margin: 10px auto 0; padding: 5px;
      display: flex; align-items: center; justify-content: center; gap: 4px; border: 1px solid rgba(0,0,0,.07); border-radius: 12px;
      background: rgba(255,255,255,.86); box-shadow: 0 14px 34px rgba(0,0,0,.045); backdrop-filter: blur(22px) saturate(170%);
    }
    .console-second-nav button {
      height: 34px; padding: 0 12px; border-radius: 8px; color: rgba(29,29,31,.66);
      background: transparent; font-size: 14px; font-weight: 510; white-space: nowrap;
      transition: color .18s ease, background .18s ease, transform .18s ease;
    }
    .console-second-nav button:hover { color: var(--ink); background: rgba(0,0,0,.04); }
    .console-second-nav button.active { color: #fff; background: #1d1d1f; }
    .console-second-nav.hidden { display: none !important; }
    .main { position: relative; z-index: 1; min-width: 0; width: 100%; max-width: 1600px; margin: 0 auto; padding: 42px 42px 72px; }
    .topbar {
      position: relative; z-index: 2;
      min-height: 176px; display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start; gap: 18px 28px; margin-bottom: 26px; padding-top: 12px;
    }
    .title { max-width: 1080px; }
    .title h1 { margin: 0; font-size: clamp(34px, 4.6vw, 72px); line-height: 1.02; font-weight: 600; }
    .title p { margin: 12px 0 0; color: var(--muted); font-size: clamp(18px, 1.5vw, 22px); line-height: 1.35; }
    .pill { align-self: start; justify-self: end; height: 30px; padding: 0 11px; border-radius: 999px; display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; border: 1px solid var(--line); background: rgba(255,255,255,.6); color: var(--muted); font-size: 14px; font-weight: 480; line-height: 1; white-space: nowrap; }
    .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(48,209,88,.12); }
    .grid { display: grid; gap: 16px; }
    .stats { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .clone-summary { grid-template-columns: repeat(5, minmax(0,1fr)); }
    .two { grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); }
    .clone-overview-layout {
      grid-template-columns: minmax(360px, .78fr) minmax(560px, 1.22fr);
      align-items: start;
    }
    #botList {
      max-height: min(58vh, 560px);
      overflow: auto;
      overscroll-behavior: contain;
      padding-right: 16px;
    }
    .clone-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(188px, 1fr)); gap: 8px; }
    .clone-card {
      width: 100%; min-height: 112px; padding: 11px; text-align: left;
      border: 1px solid rgba(0,0,0,.085); border-radius: 8px; background: rgba(255,255,255,.62);
      color: var(--ink); display: grid; gap: 9px; transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }
    .clone-card:hover { background: rgba(255,255,255,.78); border-color: rgba(0,0,0,.16); }
    .clone-card.active { border-color: rgba(0,113,227,.42); background: rgba(245,250,255,.86); box-shadow: inset 0 0 0 1px rgba(0,113,227,.12); }
    .clone-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; min-width: 0; }
    .clone-card-head strong { display: block; min-width: 0; font-size: 14px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .clone-card-head span:not(.badge) { display: block; margin-top: 3px; color: var(--quiet); font-size: 13px; line-height: 1.2; }
    .clone-card-head span.clone-owner:not(.badge) { color: var(--ink); font-size: 14px; font-weight: 520; }
    .clone-card-metrics { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 5px; }
    .clone-card-metrics div { min-width: 0; padding: 7px 6px; border-radius: 7px; background: rgba(0,0,0,.035); }
    .clone-card-metrics b { display: block; font-size: 15px; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .clone-card-metrics span { display: block; margin-top: 4px; color: var(--quiet); font-size: 12px; font-weight: 520; }
    .clone-card-foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; color: var(--muted); font-size: 12.5px; line-height: 1.25; }
    .clone-detail-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
    .clone-detail-title > div { min-width: 0; }
    .clone-detail-title h3 { margin: 0; font-size: 19px; font-weight: 540; }
    .clone-detail-title p { margin: 5px 0 0; color: var(--quiet); font-size: 14px; }
    .clone-flow-panel {
      margin: 0 0 12px;
      padding: 14px;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 8px;
      background: rgba(255,255,255,.56);
    }
    .clone-flow-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
    .clone-flow-head span:not(.badge) { display: block; color: var(--quiet); font-size: 14px; font-weight: 520; }
    .clone-flow-head strong { display: block; margin-top: 4px; color: var(--ink); font-size: 19px; line-height: 1.15; }
    .clone-code-box {
      display: grid;
      grid-template-columns: minmax(76px, auto) minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      min-height: 42px;
      margin-bottom: 12px;
      padding: 8px 10px;
      border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px;
      background: rgba(255,255,255,.62);
    }
    .clone-code-box span { color: var(--quiet); font-size: 14px; font-weight: 520; white-space: nowrap; }
    .clone-code-box code {
      min-width: 0;
      color: var(--ink);
      font: 520 15px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .clone-code-box .btn { height: 30px; padding-inline: 12px; font-size: 14px; }
    .clone-flow-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); gap: 8px; }
    .clone-flow-step {
      min-width: 0;
      min-height: 82px;
      padding: 10px;
      border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px;
      background: rgba(255,255,255,.5);
    }
    .clone-flow-step span { display: block; color: var(--quiet); font-size: 13px; font-weight: 520; }
    .clone-flow-step strong {
      display: block;
      margin-top: 8px;
      color: var(--ink);
      font-size: 14px;
      line-height: 1.25;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .clone-flow-step em { display: block; margin-top: 8px; font-style: normal; font-size: 13px; font-weight: 520; }
    .clone-flow-step.done em { color: #16833b; }
    .clone-flow-step.warn em { color: #9a5b00; }
    .clone-flow-step.pending em { color: var(--red); }
    .clone-flow-next { margin: 12px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
    .clone-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin-bottom: 12px; }
    .clone-issues { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 14px; }
    .miyun-config-layout {
      grid-template-columns: minmax(500px, 540px) minmax(560px, 1fr);
      align-items: start;
    }
    .miyun-config-layout > .panel { align-self: start; }
    .miyun-section-tabs {
      display: none; gap: 6px; align-items: center; flex-wrap: wrap;
      margin-bottom: 12px; padding: 4px; width: fit-content; max-width: 100%;
      border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: rgba(255,255,255,.46);
    }
    .miyun-section-tabs button {
      height: 34px; border-radius: 6px; padding: 0 12px;
      color: rgba(29,29,31,.66); background: transparent; font-size: 14px; font-weight: 480;
    }
    .miyun-section-tabs button:hover { background: rgba(0,0,0,.035); color: var(--ink); }
    .miyun-section-tabs button.active { background: rgba(29,29,31,.9); color: #fff; }
    .three { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .full-span { grid-column: 1 / -1; }
    .disaster-layout { display: grid; grid-template-columns: minmax(320px, 420px) minmax(0,1fr); align-items: start; gap: 16px; }
    .disaster-layout.awaiting {
      position: relative; z-index: 1;
      grid-template-columns: minmax(320px, 420px) minmax(280px, 1fr);
      justify-content: start;
      min-height: min(820px, 74vh);
    }
    .disaster-side { display: grid; gap: 14px; align-content: start; }
    .disaster-search { position: relative; z-index: 3; }
    .disaster-search .panel-head { padding-bottom: 14px; }
    .disaster-search .panel-body {
      display: grid; grid-template-columns: 1fr; align-items: end; gap: 14px;
      padding-top: 16px; padding-bottom: 18px;
    }
    .disaster-search .actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px,1fr)); gap: 10px; align-items: stretch; }
    .disaster-search .btn { height: 42px; min-width: 0; white-space: nowrap; }
    .disaster-list { display: grid; grid-template-columns: minmax(0,1fr); }
    .disaster-list .panel-head { grid-column: 1 / -1; }
    .disaster-list #disasterFiles { min-height: 0; max-height: none; overflow: visible; }
    .disaster-download-tool {
      min-height: auto; border-left: 0; border-top: 1px solid rgba(0,0,0,.07);
      background: #fff; display: flex; flex-direction: column; gap: 14px;
    }
    .download-tool-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
    .download-tool-head h3 { margin: 0; font-size: 16px; font-weight: 520; }
    .download-tool-head p { margin: 5px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.45; }
    .download-tool-note { margin: -2px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.55; }
    .download-folder-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
    .download-folder-row select { flex: 1 1 220px; min-width: 180px; }
    .download-folder-row .btn { height: 38px; white-space: nowrap; }
    .download-job-box {
      margin-top: 8px; min-height: 132px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px;
      background: rgba(255,255,255,.62); overflow: hidden;
    }
    .download-job-box .empty { color: rgba(29,29,31,.38); }
    .download-job-box .row { display: block; padding: 18px 18px 20px; border-top: 0; }
    .download-job-box .row-title {
      white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.35;
    }
    .download-job-box .row-sub { line-height: 1.45; overflow-wrap: anywhere; }
    .download-job-box .actions { margin-top: 12px; justify-content: flex-start; }
    .download-job-box .btn,
    .download-job-box .badge { max-width: 100%; }
    .control-health-panel {
      display: grid; gap: 12px; margin-bottom: 12px; padding: 14px;
      border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: #fff;
    }
    .control-health-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
    .control-health-card {
      min-height: 120px; padding: 13px 14px; border: 1px solid rgba(0,0,0,.08);
      border-radius: 8px; background: rgba(255,255,255,.72); display: grid; align-content: start; gap: 10px;
    }
    .control-health-card.ok { border-color: rgba(48,209,88,.22); background: rgba(48,209,88,.045); }
    .control-health-card.warn { border-color: rgba(255,159,10,.25); background: rgba(255,159,10,.055); }
    .control-health-card.bad { border-color: rgba(255,59,48,.22); background: rgba(255,59,48,.045); }
    .control-health-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .control-health-card-top span {
      min-width: 0; color: var(--muted); font-size: 15px; font-weight: 520;
      overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    .control-health-card strong {
      display: block; color: var(--ink); font-size: 19px; line-height: 1.2; font-weight: 540;
      overflow-wrap: anywhere;
    }
    .control-health-card p { margin: 0; color: var(--quiet); font-size: 16px; line-height: 1.55; overflow-wrap: anywhere; }
    .control-health-note {
      margin: 0; padding: 10px 12px; border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px; background: rgba(255,255,255,.65); color: var(--muted); font-size: 16px; line-height: 1.55;
    }
    .control-note { color: var(--quiet); font-size: 14px; line-height: 1.55; padding: 12px 14px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: rgba(255,255,255,.55); }
    .control-note strong { display: block; margin-bottom: 3px; color: var(--ink); font-size: 14px; }
    .disaster-guide .panel-body { display: grid; gap: 10px; padding-top: 14px; }
    .emergency-picker { gap: 12px; }
    .emergency-choice-grid {
      display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px;
    }
    .emergency-choice {
      min-height: 92px; padding: 14px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px;
      background: #fff; text-align: left; cursor: pointer; box-shadow: none;
      display: flex; flex-direction: column; justify-content: flex-start; gap: 6px;
      transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
    }
    .emergency-choice:hover {
      border-color: rgba(17,17,17,.2); box-shadow: 0 8px 22px rgba(0,0,0,.045);
    }
    .emergency-choice.active {
      border-color: rgba(17,17,17,.42); background: rgba(17,17,17,.025);
      box-shadow: inset 0 0 0 1px rgba(17,17,17,.18);
    }
    .emergency-choice strong { color: var(--ink); font-size: 16px; line-height: 1.35; }
    .emergency-choice span { color: var(--quiet); font-size: 15px; line-height: 1.45; }
    .emergency-case-detail {
      padding: 16px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: #fff;
    }
    .emergency-case-head {
      display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 6px;
    }
    .emergency-case-head h3 { margin: 0; color: var(--ink); font-size: 18px; line-height: 1.35; }
    .emergency-case-summary { margin: 0 0 12px; color: var(--quiet); font-size: 16px; line-height: 1.55; }
    .emergency-form {
      margin: 12px 0; padding: 12px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px;
      background: rgba(247,248,250,.72);
    }
    .emergency-form-head { display: grid; gap: 4px; margin-bottom: 10px; }
    .emergency-form-head strong { color: var(--ink); font-size: 15px; line-height: 1.35; }
    .emergency-form-head span { color: var(--quiet); font-size: 14px; line-height: 1.45; }
    .emergency-form-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
    .emergency-field { display: grid; gap: 6px; min-width: 0; }
    .emergency-field label { color: var(--quiet); font-size: 14px; font-weight: 480; line-height: 1.35; }
    .emergency-field label span { color: #ff3b30; margin-left: 3px; }
    .emergency-field input,
    .emergency-field textarea {
      width: 100%; min-width: 0; border: 1px solid rgba(0,0,0,.12); border-radius: 8px;
      background: #fff; color: var(--ink); font-size: 15px; line-height: 1.45;
      padding: 10px 11px; outline: none; box-shadow: none; resize: vertical;
    }
    .emergency-field input:focus,
    .emergency-field textarea:focus { border-color: rgba(0,113,227,.55); box-shadow: 0 0 0 3px rgba(0,113,227,.12); }
    .emergency-step-title { margin: 14px 0 6px; color: var(--ink); font-size: 15px; font-weight: 520; }
    .emergency-steps {
      margin: 0; padding-left: 22px; color: var(--muted); font-size: 16px; line-height: 1.65;
    }
    .emergency-steps li + li { margin-top: 5px; }
    .emergency-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
    .emergency-actions .btn { height: 36px; font-size: 14px; }
    .emergency-submit-result {
      min-height: 18px; margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .pickup-diagnosis {
      display: grid; gap: 8px; padding: 12px; border: 1px solid rgba(0,0,0,.08);
      border-radius: 8px; background: #fff; color: var(--muted);
    }
    .pickup-diagnosis.ok { border-color: rgba(48,209,88,.25); }
    .pickup-diagnosis.warn { border-color: rgba(255,159,10,.28); }
    .pickup-diagnosis.bad { border-color: rgba(255,59,48,.25); }
    .pickup-diagnosis > strong { color: var(--ink); font-size: 16px; line-height: 1.35; }
    .pickup-diagnosis p { margin: 0; font-size: 15px; line-height: 1.55; }
    .diagnosis-counts { display: flex; flex-wrap: wrap; gap: 6px; }
    .diagnosis-counts span {
      padding: 5px 8px; border-radius: 999px; background: rgba(0,0,0,.045);
      color: var(--muted); font-size: 14px; line-height: 1;
    }
    .diagnosis-list { display: grid; gap: 7px; }
    .diagnosis-item {
      display: grid; gap: 3px; padding: 9px 10px; border: 1px solid rgba(0,0,0,.06);
      border-radius: 8px; background: rgba(247,248,250,.72);
    }
    .diagnosis-item strong { color: var(--ink); font-size: 14px; line-height: 1.35; }
    .diagnosis-item span { color: var(--quiet); font-size: 14px; line-height: 1.4; }
    .guide-row {
      padding: 12px 14px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: #fff;
    }
    .guide-row strong { display: block; font-size: 14px; line-height: 1.35; color: var(--ink); }
    .guide-row p { margin: 5px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.55; }
    .guide-row ol { margin: 8px 0 0; padding-left: 18px; color: var(--quiet); font-size: 14px; line-height: 1.58; }
    .guide-row li + li { margin-top: 4px; }
    .control-help-actions { margin-top: -4px; }
    .control-help-actions .btn { height: 34px; font-size: 14px; text-decoration: none; }
    .control-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-bottom: 12px; }
    .control-groups { margin: 12px 0; }
    .control-groups .group-nav-entry-head { margin-bottom: 10px; }
    .control-groups .group-nav-entry-head h3,
    .control-upload-panel .group-nav-entry-head h3,
    .control-code-change .group-nav-entry-head h3 { font-size: 17px; }
    .control-groups .empty { padding: 14px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: rgba(255,255,255,.45); }
    .control-group-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
    .control-group-card { border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: rgba(255,255,255,.58); padding: 12px 14px; min-height: 88px; }
    .control-group-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
    .control-group-top strong { min-width: 0; color: var(--ink); font-size: 15px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .bot-governance { margin-top: 14px; padding: 14px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: rgba(255,255,255,.64); }
    .bot-governance .group-nav-entry-head { margin-bottom: 10px; }
    .bot-governance-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
    .bot-governance-actions .btn { height: 34px; font-size: 14px; }
    .bot-governance-result { margin-top: 12px; }
    .bot-governance-actions.two-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .audit-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
    .audit-summary .row-sub { margin: 0; }
    .audit-sample-list, .bot-log-list { display: grid; gap: 8px; }
    .audit-sample-row, .bot-log-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: rgba(255,255,255,.72); }
    .audit-sample-row > div, .bot-log-row > div { min-width: 0; }
    .audit-sample-row strong, .bot-log-row strong { display: block; color: var(--ink); font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
    .audit-sample-row .btn { flex: 0 0 auto; height: 32px; font-size: 14px; }
    .audit-download-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: rgba(255,255,255,.78); }
    .audit-download-row > div { min-width: 0; }
    .audit-download-row strong { display: block; font-size: 14px; color: var(--ink); }
    .audit-download-row .btn { flex: 0 0 auto; text-decoration: none; }
    .clone-card.archived { opacity: .72; }
    .disabled-bots-panel { margin-top: 12px; padding: 12px; border: 1px solid rgba(255,174,0,.24); border-radius: 8px; background: rgba(255,249,238,.72); }
    .disabled-bots-panel .group-nav-entry-head { margin-bottom: 10px; }
    .disabled-bots-panel h3 { margin: 0; font-size: 15px; line-height: 1.35; }
    .disabled-bots-panel p { margin: 3px 0 0; color: var(--quiet); font-size: 13px; line-height: 1.45; }
    .disabled-bot-list { display: grid; gap: 8px; }
    .disabled-bot-card { width: 100%; text-align: left; display: grid; gap: 4px; padding: 10px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: #fff; cursor: pointer; }
    .disabled-bot-card.active { border-color: rgba(255,174,0,.58); background: rgba(255,249,238,.96); }
    .disabled-bot-card strong { color: var(--ink); font-size: 14px; line-height: 1.3; overflow-wrap: anywhere; }
    .disabled-bot-card span { color: #b45309; font-size: 13px; line-height: 1.4; }
    .disabled-bot-card em { color: var(--quiet); font-style: normal; font-size: 13px; line-height: 1.4; }
    .control-hints { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: rgba(255,255,255,.55); }
    .control-hints ul { min-width: 0; margin: 0; padding-left: 18px; color: var(--muted); font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
    .control-file-list { margin-top: 14px; }
    .quick-upload-inline { margin: 12px 0; }
    .control-upload-panel { display: grid; gap: 10px; }
    .control-upload-panel > .row-sub { margin: -4px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.5; }
    .control-code-change {
      display: grid; gap: 10px; margin: 12px 0; padding: 14px;
      border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: rgba(255,255,255,.72);
    }
    .control-code-change > .row-sub { margin: -4px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.5; }
    .control-code-change-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: end; }
    .control-code-change-row .btn { height: 38px; white-space: nowrap; }
    .control-code-change-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
    .control-code-change-actions .btn { height: 38px; white-space: nowrap; }
    .security-recovery-panel {
      display: grid; gap: 10px; margin: 12px 0; padding: 14px;
      border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: rgba(255,255,255,.72);
    }
    .security-recovery-panel .group-nav-entry-head h3 { font-size: 17px; }
    .security-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
    .security-card {
      display: grid; gap: 10px; min-width: 0; padding: 12px;
      border: 1px solid rgba(0,0,0,.075); border-radius: 8px; background: rgba(255,255,255,.74);
    }
    .security-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
    .security-card-head strong { display: block; color: var(--ink); font-size: 15px; line-height: 1.25; }
    .security-card-head p { margin: 4px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.45; }
    .security-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-start; }
    .security-actions .btn { height: 34px; white-space: nowrap; }
    .security-verify-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
    .security-verify-row input { height: 38px; }
    .security-verify-row .btn { height: 38px; white-space: nowrap; }
    .recycle-list { display: grid; gap: 8px; min-height: 42px; }
    .recycle-row {
      display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center;
      padding: 10px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: rgba(255,255,255,.68);
    }
    .recycle-row .btn { height: 34px; white-space: nowrap; }
    .quick-upload-panel .panel-body { padding: 20px; }
    .quick-upload-card { display: grid; gap: 14px; padding: 14px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: rgba(255,255,255,.72); }
    .quick-upload-card.compact { background: rgba(255,255,255,.58); }
    .quick-upload-limit-row { display: flex; align-items: center; justify-content: flex-end; min-height: 24px; }
    .quick-upload-code-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; }
    .quick-upload-code-row .btn { height: 38px; }
    .quick-upload-config { display: grid; grid-template-columns: minmax(180px,.8fr) minmax(180px,1fr) minmax(220px,1.2fr); gap: 10px; }
    .quick-upload-folder-row { display: grid; grid-template-columns: minmax(180px,.8fr) minmax(180px,1fr) auto; align-items: end; gap: 10px; }
    .quick-upload-folder-row .btn { height: 38px; white-space: nowrap; }
    .quick-upload-zone {
      min-height: 150px; display: grid; place-items: center; gap: 8px; padding: 22px;
      border: 1px dashed rgba(0,113,227,.35); border-radius: 8px; background: rgba(255,255,255,.66);
      text-align: center; transition: border-color .18s ease, background .18s ease;
    }
    .quick-upload-zone.dragging { border-color: var(--blue); background: rgba(235,246,255,.9); }
    .quick-upload-zone strong { font-size: 16px; font-weight: 520; }
    .quick-upload-zone p { max-width: 560px; margin: 0; color: var(--quiet); font-size: 14px; line-height: 1.55; }
    .quick-upload-zone .actions { justify-content: center; }
    .quick-upload-files { display: grid; gap: 8px; }
    .quick-upload-files-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 14px; font-weight: 520; }
    .quick-upload-files-head .btn { height: 30px; padding-inline: 12px; font-size: 14px; }
    .quick-upload-file {
      display: grid; grid-template-columns: minmax(0,1fr) 34px; gap: 10px; align-items: center;
      padding: 10px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: rgba(255,255,255,.68);
    }
    .quick-upload-file-main { min-width: 0; display: grid; gap: 6px; }
    .quick-upload-file strong { min-width: 0; font-size: 14px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .quick-upload-file p { margin: 0; color: var(--quiet); font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
    .quick-upload-remove {
      width: 32px; height: 32px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
      color: var(--ink); background: rgba(0,0,0,.06); font-size: 21px; line-height: 1;
    }
    .quick-upload-remove:disabled { opacity: .45; cursor: default; }
    .quick-upload-total { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; color: var(--muted); font-size: 14px; font-weight: 520; }
    .quick-upload-status {
      display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px;
      border: 1px solid rgba(0,0,0,.07); border-radius: 8px; background: rgba(255,255,255,.7);
    }
    .quick-upload-status strong { display: block; font-size: 15px; }
    .quick-upload-status p { margin: 5px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.45; }
    .quick-upload-error { color: var(--red) !important; }
    .quick-upload-empty { padding: 14px; background: rgba(255,255,255,.45); border: 1px solid rgba(0,0,0,.06); border-radius: 8px; }
    @media (max-width: 980px) {
      .quick-upload-config { grid-template-columns: 1fr; }
      .quick-upload-code-row { grid-template-columns: 1fr; }
      .quick-upload-folder-row { grid-template-columns: 1fr; }
      .control-code-change-row { grid-template-columns: 1fr; }
      .security-verify-row,
      .recycle-row { grid-template-columns: 1fr; }
      .quick-upload-status { align-items: flex-start; flex-direction: column; }
    }
    .panel {
      border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: var(--surface);
      box-shadow: var(--shadow); backdrop-filter: blur(28px) saturate(180%); overflow: hidden;
    }
    .panel-head { min-height: 64px; padding: 18px 20px; border-bottom: 1px solid rgba(0,0,0,.075); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .panel-head h2 { margin: 0; font-size: 17px; font-weight: 560; }
    .panel-head p { margin: 5px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.45; }
    .panel-body { padding: 20px; }
    .metric { padding: 20px; min-height: 112px; }
    .metric span { color: var(--quiet); font-size: 14px; font-weight: 480; }
    .metric strong { display: block; margin-top: 12px; font-size: 34px; line-height: 1; font-weight: 540; }
    .audit-metric { text-align: left; color: var(--ink); cursor: pointer; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease; }
    .audit-metric:hover { border-color: rgba(17,17,17,.18); background: rgba(255,255,255,.92); box-shadow: 0 10px 26px rgba(0,0,0,.045); }
    .audit-metric:active { transform: translateY(1px); }
    .audit-metric em { display: block; margin-top: 10px; color: var(--quiet); font-style: normal; font-size: 14px; line-height: 1.35; }
    .account-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
    .account-section { border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.72); padding: 12px; }
    .account-section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 10px; }
    .account-section-head strong { font-size: 15px; line-height: 1.35; font-weight: 520; }
    .account-section-head span { color: var(--quiet); font-size: 14px; line-height: 1.35; font-weight: 400; text-align: right; }
    .account-section-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 10px; }
    .account-card { min-height: 82px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.62); padding: 12px 14px; }
    .account-card.standby { border-style: dashed; background: rgba(255,159,10,.05); }
    .account-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .account-card span { color: var(--quiet); font-size: 14px; font-weight: 520; }
    .account-card strong { display: block; margin-top: 7px; font-size: 15px; line-height: 1.25; font-weight: 520; overflow-wrap: anywhere; }
    .account-card em { display: inline-flex; height: 22px; align-items: center; border-radius: 999px; padding: 0 8px; color: var(--blue); background: rgba(0,113,227,.1); font-style: normal; font-size: 13px; font-weight: 520; white-space: nowrap; }
    .account-card em.green { color: #16833b; background: rgba(48,209,88,.13); }
    .account-card em.red { color: var(--red); background: rgba(255,59,48,.1); }
    .account-card em.amber { color: #9a5b00; background: rgba(255,159,10,.13); }
    .row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 12px 0; border-top: 1px solid rgba(0,0,0,.07); }
    .row:first-child { border-top: 0; padding-top: 0; }
    .row-title { margin: 0; font-size: 15px; font-weight: 520; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .row-sub { margin: 5px 0 0; color: var(--quiet); font-size: 14px; }
    .badge {
      display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
      height: 24px; padding: 0 9px; border-radius: 999px;
      background: rgba(0,113,227,.1); color: var(--blue); font-size: 14px; font-weight: 520;
      line-height: 1; white-space: nowrap;
    }
    .badge.green { background: rgba(48,209,88,.13); color: #16833b; }
    .badge.red { background: rgba(255,59,48,.1); color: var(--red); }
    .badge.amber { background: rgba(255,159,10,.13); color: #9a5b00; }
    .health-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
    .health-card { border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: rgba(255,255,255,.58); padding: 12px; }
    .health-card strong { display: block; margin-top: 6px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .health-card span { color: var(--quiet); font-size: 14px; font-weight: 520; }
    .protect-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px,1fr)); gap: 14px; }
    .protect-card { border: 1px solid rgba(0,0,0,.08); border-radius: 8px; background: rgba(255,255,255,.62); overflow: hidden; }
    .protect-card-head { padding: 15px; border-bottom: 1px solid rgba(0,0,0,.065); display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
    .protect-card-head h3 { margin: 0; font-size: 16px; }
    .protect-card-body { padding: 15px; display: grid; gap: 12px; }
    .protect-steps { margin: 0; padding-left: 18px; color: rgba(29,29,31,.75); font-size: 14px; line-height: 1.65; }
    .protect-note { border-left: 3px solid rgba(29,29,31,.18); padding-left: 10px; color: var(--quiet); font-size: 14px; line-height: 1.55; }
    .protect-upload-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px,1fr)); gap: 7px; margin-top: 8px; }
    .protect-upload-item { border: 1px solid var(--line); border-radius: 7px; background: rgba(255,255,255,.72); padding: 7px 8px; min-width: 0; }
    .protect-upload-item b { display: block; color: var(--ink); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .protect-upload-item > span { display: block; color: var(--muted); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 6px; }
    .protect-upload-item > span > .badge { display: flex; align-items: center; justify-content: center; width: 100%; height: 24px; margin-top: 0; padding: 0 10px; line-height: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .protect-result { min-height: 28px; color: var(--quiet); font-size: 14px; line-height: 1.55; }
    .auto-protect-note {
      padding: 10px 12px; border: 1px solid rgba(48,209,88,.18); border-radius: 8px;
      background: rgba(48,209,88,.075); color: var(--ink); font-size: 14px; line-height: 1.55;
    }
    .auto-protect-note strong { display: block; margin-bottom: 2px; font-size: 14px; font-weight: 520; }
    .auto-protect-note span { color: var(--quiet); }
    .inline-advanced-panel {
      margin-top: 2px; padding: 12px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px;
      background: rgba(255,255,255,.68);
    }
    .inline-advanced-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
    .inline-advanced-head strong { display: block; font-size: 14px; font-weight: 520; }
    .manual-op-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; }
    .manual-op-grid .btn { width: 100%; min-width: 0; padding: 0 10px; white-space: nowrap; }
    .advanced-panel {
      margin-top: 14px; border: 1px solid rgba(0,0,0,.08); border-radius: 8px;
      background: rgba(255,255,255,.62); box-shadow: var(--shadow); overflow: hidden;
    }
    .advanced-panel-head {
      min-height: 64px; padding: 14px 18px; border-bottom: 1px solid rgba(0,0,0,.07);
      display: flex; align-items: center; justify-content: space-between; gap: 12px;
    }
    .advanced-panel-head h2 { margin: 0; font-size: 16px; font-weight: 520; }
    .advanced-panel-head p { margin: 5px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.45; }
    .advanced-panel-body { padding: 18px; }
    .form { display: grid; gap: 12px; }
    .field { display: grid; gap: 7px; }
    .field label { color: var(--muted); font-size: 14px; font-weight: 520; }
    input, select {
      width: 100%; height: 42px; border: 1px solid var(--line); border-radius: 8px;
      background: rgba(255,255,255,.78); color: var(--ink); outline: none; padding: 0 12px;
    }
    textarea {
      width: 100%; min-height: 86px; border: 1px solid var(--line); border-radius: 8px;
      background: rgba(255,255,255,.78); color: var(--ink); outline: none; padding: 10px 12px; resize: vertical;
    }
    input:focus, select:focus, textarea:focus { border-color: rgba(0,113,227,.55); box-shadow: 0 0 0 4px rgba(0,113,227,.1); background: #fff; }
    .actions { display: flex; flex-wrap: wrap; gap: 8px; }
    .btn { height: 38px; padding: 0 14px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #fff; background: var(--ink); font-size: 14px; font-weight: 540; }
    .btn.secondary { color: var(--ink); background: rgba(0,0,0,.065); }
    .btn.blue { background: var(--ink); }
    .btn.red { background: var(--red); }
    .btn:disabled { opacity: .45; cursor: default; }
    .progress { height: 6px; border-radius: 999px; background: rgba(0,0,0,.08); overflow: hidden; }
    .progress i { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--blue); transition: width .2s ease; }
    .bar { height: 100%; width: 0; border-radius: inherit; background: var(--blue); transition: width .3s ease; }
    .view { display: none; }
    .view.active { display: block; animation: rise .28s ease both; }
    .other-tool-panel {
      width: 100%;
      max-width: none;
      margin: 0;
    }
    .other-tool-body {
      display: grid;
      gap: 14px;
    }
    .other-tool-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(360px, 1fr));
      gap: 16px;
      align-items: stretch;
    }
    .tool-card {
      display: grid;
      gap: 14px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(255,255,255,.72);
    }
    .helper-card,
    .settings-card,
    .upload-card,
    .queue-card { min-width: 0; }
    .helper-card,
    .settings-card,
    .upload-card,
    .queue-card { align-self: stretch; }
    .tool-card-head {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: flex-start;
    }
    .tool-card-head h3 {
      margin: 0 0 6px;
      font-size: 20px;
      letter-spacing: 0;
    }
    .tool-card-head p,
    .tool-note,
    .tool-result {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
    }
    .video-watermark-form,
    .tool-field,
    .tool-job-list,
    .tool-job {
      display: grid;
      gap: 10px;
    }
.tool-helper-state {
  min-height: 58px;
      padding: 12px 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      display: grid;
      gap: 4px;
      background: rgba(0,0,0,.025);
    }
    .tool-helper-state strong {
      font-size: 18px;
      font-weight: 680;
    }
    .tool-helper-state span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }
    .tool-helper-state.online {
      border-color: rgba(45, 176, 88, .28);
      background: rgba(45, 176, 88, .08);
    }
    .tool-helper-state.warn {
      border-color: rgba(214, 139, 42, .32);
      background: rgba(214, 139, 42, .08);
    }
    .tool-helper-state.offline {
      border-color: rgba(0,0,0,.11);
      background: rgba(0,0,0,.035);
    }
    .tool-helper-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
    }
    .tool-metric-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .tool-metric-grid div {
      min-height: 58px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      display: grid;
      align-content: center;
      gap: 2px;
    }
    .tool-metric-grid strong {
      font-size: 20px;
      font-weight: 700;
    }
    .tool-metric-grid span {
      color: var(--muted);
      font-size: 13px;
    }
    .tool-field span {
      color: var(--muted);
      font-size: 14px;
      font-weight: 520;
    }
    .tool-field input[type="file"] {
      width: 100%;
      min-height: 46px;
      padding: 10px;
      border: 1px dashed rgba(0,0,0,.18);
      border-radius: 8px;
      background: rgba(255,255,255,.86);
    }
    .video-watermark-options {
      display: grid;
      grid-template-columns: 1fr 96px 96px;
      gap: 10px;
      align-items: end;
    }
    .telegram-config-options {
      grid-template-columns: minmax(140px, .8fr) minmax(220px, 1.3fr) minmax(150px, .8fr);
    }
    .telegram-login-options {
      grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
    }
    .video-watermark-pickers {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .tool-dropzone {
      min-height: 138px;
      padding: 24px;
      border: 1px dashed rgba(0,0,0,.22);
      border-radius: 8px;
      background: rgba(255,255,255,.72);
      display: grid;
      place-items: center;
      align-content: center;
      gap: 8px;
      text-align: center;
      transition: border-color .16s ease, background .16s ease;
    }
    .tool-dropzone strong {
      font-size: 18px;
      font-weight: 680;
    }
    .tool-dropzone span {
      color: var(--muted);
      font-size: 14px;
    }
    .tool-dropzone.active {
      border-color: rgba(0, 113, 227, .58);
      background: rgba(0, 113, 227, .07);
    }
    .tool-result {
      min-height: 42px;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(0,0,0,.025);
    }
    .tool-result[hidden] {
      display: none;
    }
    .telegram-submit-result {
      min-height: 38px;
      display: flex;
      align-items: center;
      color: #374151;
      font-weight: 620;
    }
    .telegram-submit-result.ok {
      color: #167c3a;
      border-color: rgba(52, 199, 89, .28);
      background: rgba(52, 199, 89, .08);
    }
    .telegram-submit-result.warn {
      color: #8a5200;
      border-color: rgba(255, 149, 0, .32);
      background: rgba(255, 149, 0, .08);
    }
    .telegram-processing-queue {
      display: grid;
      gap: 8px;
    }
    .telegram-processing-summary {
      min-height: 38px;
      padding: 9px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.45;
      background: rgba(0,0,0,.02);
    }
    .telegram-processing-summary.active {
      color: #1f2937;
      border-color: rgba(0,113,227,.24);
      background: rgba(0,113,227,.06);
      font-weight: 620;
    }
    .telegram-processing-list {
      display: grid;
      gap: 6px;
    }
    .telegram-processing-row {
      display: grid;
      grid-template-columns: minmax(120px, .52fr) minmax(180px, 1fr) minmax(120px, .46fr);
      gap: 10px;
      align-items: center;
      padding: 8px 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      font-size: 13px;
      line-height: 1.35;
    }
    .telegram-processing-row strong {
      font-size: 13px;
      font-weight: 650;
    }
    .telegram-processing-row span {
      color: var(--muted);
      overflow-wrap: anywhere;
    }
    .telegram-processing-row em,
    .telegram-processing-more {
      color: var(--quiet);
      font-style: normal;
    }
    .telegram-processing-more {
      padding: 2px 2px 0;
      font-size: 13px;
    }
    .telegram-status-strip {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
      width: 100%;
      min-width: 0;
      min-height: 68px;
      padding: 12px 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(0,0,0,.02);
    }
    .telegram-status-strip.active {
      border-color: rgba(0,113,227,.24);
      background: rgba(0,113,227,.055);
    }
    .telegram-status-strip.warn {
      border-color: rgba(255,159,10,.28);
      background: rgba(255,159,10,.07);
    }
    .telegram-status-strip.idle {
      color: var(--muted);
    }
    .telegram-status-main {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .telegram-status-main span {
      color: var(--quiet);
      font-size: 12px;
      font-weight: 650;
      word-break: keep-all;
    }
    .telegram-status-main strong {
      color: var(--ink);
      font-size: 15px;
      line-height: 1.35;
      font-weight: 720;
      word-break: keep-all;
    }
    .telegram-status-main small {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .telegram-status-strip > em {
      display: grid;
      place-items: center;
      min-width: 42px;
      height: 42px;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(0,0,0,.055);
      color: var(--ink);
      font-size: 18px;
      font-weight: 760;
      font-style: normal;
      white-space: nowrap;
    }
    .telegram-status-strip.active > em {
      background: rgba(0,113,227,.12);
      color: var(--blue);
    }
    .telegram-status-strip.warn > em {
      background: rgba(255,159,10,.14);
      color: #9a5a00;
    }
    .telegram-status-failures {
      align-items: stretch;
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
    }
    .telegram-status-list-panel {
      align-items: start;
    }
    .telegram-status-list-panel .telegram-link-scroll {
      grid-column: 1 / -1;
    }
    .telegram-link-scroll {
      display: grid;
      gap: 6px;
      max-height: 190px;
      overflow-y: auto;
      overscroll-behavior: contain;
      padding: 2px 3px 2px 0;
      scrollbar-gutter: stable;
    }
    .telegram-link-scroll.failures {
      max-height: 220px;
    }
    .telegram-link-row {
      display: grid;
      grid-template-columns: minmax(260px, 1fr) minmax(140px, .28fr) minmax(150px, .24fr);
      gap: 18px;
      align-items: center;
      min-height: 56px;
      min-width: 0;
      padding: 10px 12px;
      border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px;
      background: rgba(255,255,255,.82);
      font-size: 13px;
      line-height: 1.35;
    }
    .telegram-link-row.failure {
      grid-template-columns: minmax(210px, 1.15fr) minmax(180px, .9fr) 32px;
    }
    .telegram-link-row-main,
    .telegram-link-row-meta,
    .telegram-link-row-status,
    .telegram-link-row-time {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .telegram-link-row-main strong,
    .telegram-link-row-main span,
    .telegram-link-row-main time,
    .telegram-link-row-meta b,
    .telegram-link-row-meta small,
    .telegram-link-row-status strong,
    .telegram-link-row-status span,
    .telegram-link-row-time strong,
    .telegram-link-row-time span,
    .telegram-link-row-step {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .telegram-link-row-main strong {
      color: var(--ink);
      font-size: 14px;
      font-weight: 700;
    }
    .telegram-link-row-main span,
    .telegram-link-row-step {
      color: var(--muted);
    }
    .telegram-link-row-main time,
    .telegram-link-row-meta small,
    .telegram-link-row-status span,
    .telegram-link-row-time span {
      color: var(--quiet);
      font-size: 12px;
    }
    .telegram-link-row-meta b,
    .telegram-link-row-status strong,
    .telegram-link-row-time strong {
      color: var(--ink);
      font-size: 14px;
      font-weight: 680;
    }
    .telegram-list-empty {
      display: grid;
      align-items: center;
      min-height: 44px;
      padding: 8px 10px;
      border: 1px dashed rgba(0,0,0,.08);
      border-radius: 8px;
      background: rgba(255,255,255,.5);
      color: var(--muted);
      font-size: 13px;
    }
    .telegram-link-row .icon-btn.danger {
      width: 28px;
      height: 28px;
      border: 0;
      border-radius: 999px;
      background: rgba(255,59,48,.10);
      color: #b42318;
      font-size: 18px;
      line-height: 1;
      cursor: pointer;
    }
    .telegram-link-row .icon-btn.danger:hover {
      background: rgba(255,59,48,.18);
      color: #8f1d14;
    }
    .telegram-failure-list {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 6px;
      width: 100%;
      min-width: 0;
    }
    .telegram-queue-summary-card,
    .telegram-failure-panel {
      width: 100%;
      min-width: 0;
      padding: 10px 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(0,0,0,.018);
    }
    .telegram-queue-stat-strip {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 8px;
      width: 100%;
      min-width: 0;
      margin: 0 0 8px;
    }
    .telegram-queue-stat-strip strong {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      min-width: 0;
      height: 44px;
      padding: 0 12px;
      border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px;
      background: rgba(255,255,255,.82);
      color: var(--ink);
      font-size: 13px;
      line-height: 1.25;
      font-weight: 720;
      white-space: nowrap;
      box-sizing: border-box;
    }
    .telegram-queue-stat-strip.active strong,
    .telegram-queue-stat-strip.waiting strong {
      border-color: rgba(0,113,227,.18);
      background: rgba(255,255,255,.90);
    }
    .telegram-queue-summary-card.active,
    .telegram-queue-summary-card.waiting {
      border-color: rgba(0,113,227,.24);
      background: rgba(0,113,227,.055);
    }
    .telegram-failure-panel.has-items {
      border-color: rgba(255,159,10,.30);
      background: rgba(255,159,10,.055);
    }
    .telegram-queue-summary-main,
    .telegram-failure-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 12px;
      align-items: center;
    }
    .telegram-queue-summary-main > div,
    .telegram-failure-head > div {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .telegram-queue-summary-main span,
    .telegram-failure-head span {
      color: var(--quiet);
      font-size: 12px;
      font-weight: 650;
    }
    .telegram-queue-summary-main strong,
    .telegram-failure-head strong {
      color: var(--ink);
      font-size: 15px;
      line-height: 1.35;
      font-weight: 720;
    }
    .telegram-queue-summary-main small,
    .telegram-failure-head small {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .telegram-queue-summary-main em {
      display: grid;
      place-items: center;
      min-width: 56px;
      height: 34px;
      padding: 0 12px;
      border-radius: 999px;
      background: rgba(0,0,0,.055);
      color: var(--ink);
      font-size: 13px;
      font-weight: 720;
      font-style: normal;
      white-space: nowrap;
    }
    .telegram-queue-summary-card.active .telegram-queue-summary-main em,
    .telegram-queue-summary-card.waiting .telegram-queue-summary-main em {
      background: rgba(0,113,227,.12);
      color: var(--blue);
    }
    .telegram-queue-summary-main.telegram-queue-summary-compact {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 8px;
      align-items: stretch;
    }
    .telegram-queue-summary-main.telegram-queue-summary-compact strong {
      display: flex;
      align-items: center;
      min-height: 36px;
      padding: 8px 10px;
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 8px;
      background: rgba(255,255,255,.72);
      color: var(--ink);
      font-size: 14px;
      line-height: 1.35;
      font-weight: 720;
      white-space: nowrap;
    }
    .telegram-flow-bars {
      display: grid;
      gap: 7px;
      margin-top: 0;
    }
    .telegram-flow-row {
      display: grid;
      grid-template-columns: minmax(120px, max-content) minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      height: 44px;
      min-height: 44px;
      padding: 0 12px;
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 8px;
      background: rgba(255,255,255,.72);
      box-sizing: border-box;
    }
    .telegram-flow-row strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.3;
      font-weight: 720;
      white-space: nowrap;
    }
    .telegram-flow-row span {
      color: var(--quiet);
      font-size: 14px;
      line-height: 1.35;
      justify-self: end;
      text-align: right;
      overflow-wrap: anywhere;
    }
    .telegram-flow-row.idle {
      border-color: rgba(0,0,0,.05);
      background: rgba(255,255,255,.45);
    }
    .telegram-flow-row.idle strong,
    .telegram-flow-row.idle span {
      color: rgba(29,29,31,.42);
    }
    .telegram-flow-row.ready,
    .telegram-flow-row.done {
      background: rgba(255,255,255,.78);
    }
    .telegram-flow-row.active {
      border-color: rgba(0,113,227,.34);
      background: rgba(0,113,227,.10);
    }
    .telegram-flow-row.active strong,
    .telegram-flow-row.active span {
      color: var(--blue);
    }
    .telegram-flow-row.failed {
      border-color: rgba(255,59,48,.32);
      background: rgba(255,59,48,.06);
    }
    .telegram-flow-row.failed strong,
    .telegram-flow-row.failed span {
      color: #b42318;
    }
    @media (max-width: 720px) {
      .telegram-queue-stat-strip {
        grid-template-columns: 1fr;
      }
      .telegram-flow-row {
        grid-template-columns: 1fr;
        gap: 4px;
      }
    }
    .telegram-failure-record-list {
      display: grid;
      gap: 7px;
      margin-top: 0;
    }
    .telegram-failure-record,
    .telegram-failure-empty-line {
      min-width: 0;
      height: 44px;
      min-height: 44px;
      padding: 0 12px;
      border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px;
      background: rgba(255,255,255,.78);
      box-sizing: border-box;
    }
    .telegram-failure-record {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 30px;
      gap: 10px;
      align-items: center;
    }
    .telegram-failure-record.empty {
      display: flex;
      align-items: center;
      justify-content: center;
      grid-template-columns: none;
      border-style: dashed;
      background: rgba(255,255,255,.48);
    }
    .telegram-failure-record-main {
      display: grid;
      gap: 2px;
      min-width: 0;
      justify-items: center;
      text-align: center;
      align-content: center;
      height: 100%;
    }
    .telegram-failure-record.empty .telegram-failure-record-main {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 0;
      margin: 0;
    }
    .telegram-failure-record time {
      color: var(--quiet);
      font-size: 12px;
      line-height: 1.25;
    }
    .telegram-failure-record strong {
      color: var(--ink);
      font-size: 14px;
      font-weight: 680;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%;
    }
    .telegram-failure-record.empty strong {
      display: block;
      min-height: 0;
      height: auto;
      color: rgba(29,29,31,.46);
      font-size: 14px;
      font-weight: 680;
      line-height: 1;
      margin: 0;
      text-align: center;
    }
    .telegram-failure-record span,
    .telegram-failure-record em {
      color: var(--muted);
      font-size: 12px;
      font-style: normal;
      line-height: 1.35;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .telegram-failure-record em {
      color: #9a3412;
      font-weight: 620;
    }
    .telegram-failure-delete {
      width: 28px;
      height: 28px;
      border: 0;
      border-radius: 999px;
      background: rgba(255,59,48,.11);
      color: #c2410c;
      font-size: 20px;
      line-height: 1;
      cursor: pointer;
    }
    .telegram-failure-delete:hover {
      background: rgba(255,59,48,.18);
    }
    .telegram-failure-empty-line {
      margin-top: 0;
      color: var(--muted);
      font-size: 14px;
      border-style: dashed;
      background: rgba(255,255,255,.52);
    }
    .telegram-chain-panel {
      display: grid;
      gap: 14px;
      width: 100%;
      min-width: 0;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: rgba(0,0,0,.018);
    }
    .telegram-chain-panel.active {
      border-color: rgba(0,113,227,.24);
      background: rgba(0,113,227,.045);
    }
    .telegram-chain-panel.failed {
      border-color: rgba(255,59,48,.30);
      background: rgba(255,59,48,.045);
    }
    .telegram-chain-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
    }
    .telegram-chain-head > div,
    .telegram-chain-foot > div,
    .telegram-chain-copy {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .telegram-chain-head span,
    .telegram-chain-foot span {
      color: var(--quiet);
      font-size: 12px;
      font-weight: 650;
    }
    .telegram-chain-head strong,
    .telegram-chain-foot strong {
      color: var(--ink);
      font-size: 15px;
      line-height: 1.35;
      font-weight: 720;
    }
    .telegram-chain-head small,
    .telegram-chain-foot small {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .telegram-chain-head em {
      display: grid;
      place-items: center;
      min-width: 42px;
      height: 42px;
      padding: 0 10px;
      border-radius: 999px;
      background: rgba(0,113,227,.12);
      color: var(--blue);
      font-size: 18px;
      font-weight: 760;
      font-style: normal;
      white-space: nowrap;
    }
    .telegram-chain-panel.failed .telegram-chain-head em {
      background: rgba(255,59,48,.14);
      color: #b42318;
    }
    .telegram-chain-list {
      display: grid;
      gap: 0;
    }
    .telegram-chain-node {
      display: grid;
      grid-template-columns: 28px minmax(0, 1fr);
      gap: 10px;
      min-width: 0;
      min-height: 72px;
    }
    .telegram-chain-rail {
      position: relative;
      display: flex;
      justify-content: center;
      min-height: 72px;
    }
    .telegram-chain-dot {
      position: relative;
      z-index: 1;
      width: 12px;
      height: 12px;
      margin-top: 23px;
      border-radius: 999px;
      background: #c9cdd3;
      box-shadow: 0 0 0 4px rgba(255,255,255,.9);
    }
    .telegram-chain-line {
      position: absolute;
      top: 34px;
      bottom: -34px;
      width: 2px;
      border-radius: 999px;
      background: rgba(0,0,0,.12);
    }
    .telegram-chain-node:last-child .telegram-chain-line {
      display: none;
    }
    .telegram-chain-copy {
      align-self: stretch;
      padding: 12px 14px;
      border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px;
      background: rgba(255,255,255,.78);
    }
    .telegram-chain-title {
      display: grid;
      grid-template-columns: minmax(120px, .28fr) minmax(0, 1fr);
      gap: 14px;
      align-items: baseline;
      min-width: 0;
    }
    .telegram-chain-title strong {
      color: var(--ink);
      font-size: 15px;
      font-weight: 740;
      line-height: 1.3;
      white-space: nowrap;
    }
    .telegram-chain-title span {
      color: var(--muted);
      font-size: 13px;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .telegram-chain-copy p {
      margin: 0;
      color: var(--quiet);
      font-size: 13px;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .telegram-chain-node.active .telegram-chain-dot {
      background: var(--blue);
      box-shadow: 0 0 0 5px rgba(0,113,227,.12);
    }
    .telegram-chain-node.active .telegram-chain-copy {
      border-color: rgba(0,113,227,.26);
      background: rgba(255,255,255,.95);
    }
    .telegram-chain-node.done .telegram-chain-dot {
      background: #22a06b;
      box-shadow: 0 0 0 5px rgba(34,160,107,.12);
    }
    .telegram-chain-node.done .telegram-chain-line {
      background: rgba(34,160,107,.45);
    }
    .telegram-chain-node.failed .telegram-chain-dot {
      background: #ff3b30;
      box-shadow: 0 0 0 5px rgba(255,59,48,.14);
    }
    .telegram-chain-node.failed .telegram-chain-copy {
      border-color: rgba(255,59,48,.30);
      background: rgba(255,255,255,.96);
    }
    .telegram-chain-node.failed .telegram-chain-title strong,
    .telegram-chain-node.failed .telegram-chain-copy p {
      color: #b42318;
    }
    .telegram-chain-foot {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      padding-top: 2px;
    }
    .telegram-chain-foot > div {
      min-height: 58px;
      padding: 10px 12px;
      border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px;
      background: rgba(255,255,255,.62);
    }
    .telegram-failure-item,
    .telegram-failure-empty {
      min-height: 56px;
      min-width: 0;
      padding: 8px 9px;
      border-radius: 8px;
      background: rgba(255,255,255,.74);
      border: 1px solid rgba(0,0,0,.07);
      font-size: 12px;
      line-height: 1.35;
    }
    .telegram-failure-item {
      display: grid;
      gap: 3px;
      min-width: 0;
    }
    .telegram-failure-item time {
      color: var(--quiet);
      font-size: 11px;
    }
    .telegram-failure-item span,
    .telegram-failure-item strong {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .telegram-failure-item span {
      color: var(--muted);
    }
    .telegram-failure-item strong {
      color: var(--ink);
      font-weight: 650;
    }
    .telegram-failure-item.empty {
      color: var(--muted);
      background: rgba(255,255,255,.42);
      border-style: dashed;
    }
    .telegram-failure-item.empty strong {
      color: var(--quiet);
      font-weight: 560;
    }
    .telegram-failure-empty {
      grid-column: 1 / -1;
      display: grid;
      place-items: center;
      color: var(--muted);
    }
    .watermark-setting-grid {
      margin-top: 2px;
    }
    .queue-card .tool-job-list {
      min-height: 182px;
      align-content: start;
    }
    .tool-job {
      padding: 12px;
      border: 1px solid var(--line);
      border-left: 4px solid rgba(0,0,0,.18);
      border-radius: 8px;
      background: #fff;
    }
    .tool-job.done { border-left-color: var(--green); }
    .tool-job.failed,
    .tool-job.warn { border-left-color: var(--orange); }
    .tool-job.running { border-left-color: var(--blue); }
    .tool-job-head {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: center;
    }
    .tool-job-head strong {
      font-size: 15px;
      font-weight: 620;
    }
    .tool-job-head span {
      color: var(--muted);
      font-size: 13px;
    }
    .tool-job p {
      margin: 0;
      color: var(--muted);
      line-height: 1.45;
    }
    .tool-job-files {
      display: grid;
      gap: 3px;
      color: var(--quiet);
      font-size: 13px;
      overflow-wrap: anywhere;
    }
.tool-job-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.tool-helper-state.compact {
  min-height: 44px;
  min-width: 112px;
  padding: 8px 12px;
  align-content: center;
  gap: 1px;
}
.tool-helper-state.compact strong {
  font-size: 15px;
  line-height: 1.15;
}
.tool-helper-state.compact span {
  font-size: 12px;
  white-space: nowrap;
}

.local-helper-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}
.local-helper-strip-only {
  grid-template-columns: minmax(0, 1fr) auto auto;
  display: grid;
  padding: 14px 16px;
  align-items: center;
}
.local-helper-copy {
  min-width: 0;
}
.local-helper-strip h3 {
  margin: 0 0 6px;
  font-size: 20px;
  letter-spacing: 0;
}
.local-helper-strip p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}
.local-helper-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}
.local-helper-actions .btn {
  white-space: nowrap;
}
.other-tool-simple-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 16px;
  align-items: stretch;
}
.folder-flow-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.folder-flow-card {
  min-height: 102px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  display: grid;
  gap: 8px;
  align-content: start;
}
.folder-flow-card b {
  font-size: 15px;
  font-weight: 680;
}
.folder-flow-card span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.local-path-list {
  display: grid;
  gap: 8px;
}
.local-path-row {
  min-height: 54px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,255,255,.82);
  display: grid;
  gap: 3px;
  text-align: left;
  cursor: pointer;
}
.local-path-row:hover {
  border-color: rgba(0,113,227,.38);
  background: #fff;
}
.local-path-row span {
  font-weight: 620;
  color: var(--ink);
}
.local-path-row small {
  color: var(--quiet);
  overflow-wrap: anywhere;
}
.local-helper-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.empty.compact {
  min-height: 54px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(0,0,0,.14);
  border-radius: 8px;
  color: var(--muted);
  background: rgba(255,255,255,.66);
}
    .clone-preview-layout {
      display: grid;
      grid-template-columns: minmax(360px, 540px) minmax(420px, 1fr);
      gap: 16px;
      align-items: start;
    }
    .ops-tool-layout {
      display: grid;
      grid-template-columns: minmax(420px, 1fr) minmax(360px, 520px);
      gap: 16px;
      align-items: start;
      margin-bottom: 16px;
    }
    #clonePreview.view.active {
      display: grid;
      grid-template-columns: minmax(360px, 540px) minmax(520px, 1fr);
      gap: 16px;
      align-items: stretch;
    }
    #clonePreview.view.active .ops-tool-layout,
    #clonePreview.view.active .clone-preview-layout {
      display: contents;
    }
    #clonePreview.view.active .ops-notice-preview-panel {
      grid-column: 1;
      grid-row: 1;
    }
    #clonePreview.view.active .clone-preview-preview-panel {
      grid-column: 1;
      grid-row: 3;
    }
    #clonePreview.view.active .ops-notice-panel {
      grid-column: 2;
      grid-row: 1;
    }
    #clonePreview.view.active .ops-ad-panel {
      grid-column: 1 / -1;
      grid-row: 2;
    }
    #clonePreview.view.active .clone-preview-editor-panel {
      grid-column: 2;
      grid-row: 3;
    }
    .ops-notice-editor {
      display: grid;
      gap: 12px;
    }
    .ops-field-label {
      color: var(--muted);
      font-size: 14px;
      font-weight: 520;
    }
    .ops-notice-editor textarea {
      width: 100%;
      min-height: 190px;
      resize: vertical;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 12px 14px;
      background: #fff;
      color: var(--text);
      font: inherit;
      line-height: 1.55;
      outline: none;
    }
    .ops-notice-editor textarea:focus {
      border-color: rgba(0,113,227,.42);
      box-shadow: 0 0 0 3px rgba(0,113,227,.08);
    }
    .ops-notice-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }
    .ops-notice-result {
      min-height: 48px;
      padding: 12px 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--muted);
      line-height: 1.55;
    }
    .ops-notice-result strong {
      display: block;
      margin-bottom: 6px;
      color: var(--text);
      font-weight: 560;
    }
    .ops-notice-result-list {
      display: grid;
      gap: 3px;
      font-size: 14px;
    }
    .ops-ad-editor {
      display: grid;
      gap: 12px;
    }
    .ops-ad-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 12px;
    }
    .ops-ad-slot {
      display: grid;
      gap: 10px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
    }
    .ops-ad-slot-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      color: var(--muted);
      font-size: 14px;
      font-weight: 520;
    }
    .ops-ad-slot textarea {
      width: 100%;
      min-height: 104px;
      resize: vertical;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 10px 12px;
      background: #fff;
      color: var(--ink);
      line-height: 1.5;
      outline: none;
    }
    .ops-ad-link {
      width: 100%;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 0 12px;
      background: #fff;
      color: var(--ink);
      font: inherit;
      outline: none;
    }
    .ops-ad-slot textarea:focus,
    .ops-ad-link:focus,
    .ops-ad-probability input:focus {
      border-color: rgba(0,113,227,.42);
      box-shadow: 0 0 0 3px rgba(0,113,227,.08);
    }
    .ops-ad-probability {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 86px;
      align-items: center;
      gap: 10px;
      color: var(--muted);
      font-size: 14px;
    }
    .ops-ad-probability input {
      width: 100%;
      height: 38px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 0 10px;
      background: #fff;
      color: var(--ink);
      text-align: right;
      outline: none;
    }
    .ops-ad-actions {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
    }
    .ops-ad-result {
      min-height: 42px;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff;
      color: var(--muted);
      line-height: 1.45;
    }
    .ops-notice-preview-body {
      min-height: 0;
    }
    .ops-notice-phone .clone-preview-chat {
      min-height: 430px;
      align-items: flex-start;
    }
    .ops-notice-bubble {
      margin-top: 18px;
      white-space: normal;
    }
    .ops-flow-preview {
      margin-top: 16px;
    }
    .clone-preview-layout > .panel {
      align-self: stretch;
      display: flex;
      flex-direction: column;
    }
    .clone-preview-layout > .panel > .panel-body { flex: 1; }
    .clone-preview-body {
      padding: 20px;
      background: #fff;
      display: flex;
      justify-content: center;
    }
    .clone-preview-steps {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .clone-preview-step {
      min-height: 66px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      display: grid;
      grid-template-columns: 34px minmax(0, 1fr);
      align-items: center;
      gap: 10px;
      background: #fff;
      color: var(--ink);
      text-align: left;
    }
    .clone-preview-step span {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background: #1d1d1f;
      font-size: 14px;
      font-weight: 520;
    }
    .clone-preview-step div {
      min-width: 0;
      display: grid;
      gap: 4px;
    }
    .clone-preview-step b {
      min-width: 0;
      overflow-wrap: anywhere;
      font-size: 15px;
      font-weight: 540;
    }
    .clone-preview-step em {
      color: var(--quiet);
      font-style: normal;
      font-size: 14px;
      line-height: 1.35;
    }
    .clone-preview-step.active {
      border-color: rgba(0,113,227,.42);
      background: rgba(245,250,255,.82);
      box-shadow: inset 0 0 0 1px rgba(0,113,227,.1);
    }
    .clone-preview-phone {
      position: relative;
      width: min(100%, 468px);
      margin: 0 auto;
      overflow: hidden;
      border-radius: 8px;
      border: 1px solid rgba(0,0,0,.075);
      background: linear-gradient(135deg, rgba(250,250,249,.96), rgba(229,229,226,.96));
      box-shadow: none;
    }
    .clone-preview-phone::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: .34;
      pointer-events: none;
      background-image:
        radial-gradient(circle at 24px 24px, rgba(255,255,255,.92) 0 2px, transparent 3px),
        radial-gradient(circle at 78px 66px, rgba(29,29,31,.16) 0 1px, transparent 2px),
        linear-gradient(45deg, transparent 0 46%, rgba(255,255,255,.62) 47% 53%, transparent 54%);
      background-size: 92px 92px, 118px 118px, 74px 74px;
    }
    .clone-preview-chat-head {
      position: relative;
      z-index: 1;
      min-height: 56px;
      padding: 10px 16px;
      border-bottom: 1px solid rgba(0,0,0,.075);
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #fff;
    }
    .clone-preview-chat-head b {
      font-size: 16px;
      font-weight: 520;
    }
    .clone-preview-chat-head span {
      margin-top: 2px;
      color: var(--muted);
      font-size: 14px;
    }
    .clone-preview-chat {
      position: relative;
      z-index: 1;
      min-height: 0;
      padding: 20px 18px 18px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      gap: 8px;
      background: transparent;
    }
    #clonePreview.view.active .clone-preview-preview-panel .clone-preview-chat {
      min-height: 470px;
    }
    .clone-preview-media {
      width: min(430px, 100%);
      min-height: 112px;
      padding: 14px;
      border-radius: 8px;
      border: 1px solid rgba(0,0,0,.055);
      background: rgba(255,255,255,.88);
      box-shadow: 0 1px 1px rgba(0,0,0,.06);
    }
    .clone-preview-media span {
      display: inline-flex;
      height: 24px;
      padding: 0 9px;
      border-radius: 999px;
      align-items: center;
      background: rgba(0,113,227,.1);
      color: #006edb;
      font-size: 14px;
      font-weight: 540;
    }
    .clone-preview-media p {
      margin: 12px 0 0;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.45;
    }
    .tg-preview-bubble {
      position: relative;
      width: min(430px, 100%);
      padding: 14px 16px 24px;
      border-radius: 14px 14px 14px 4px;
      background: #fff;
      color: #101114;
      font-size: 14px;
      line-height: 1.38;
      box-shadow: 0 1px 1px rgba(0,0,0,.08);
      overflow-wrap: anywhere;
    }
    .tg-preview-bubble b {
      font-weight: 540;
    }
    .tg-preview-bubble code {
      padding: 1px 4px;
      border-radius: 4px;
      background: rgba(0,0,0,.055);
      font-family: var(--font-sans);
      font-weight: 540;
    }
    .tg-preview-bubble time {
      position: absolute;
      right: 10px;
      bottom: 6px;
      color: #9aa0a6;
      font-size: 13px;
    }
    .clone-preview-actions {
      width: min(430px, 100%);
      display: grid;
      gap: 3px;
    }
    .clone-preview-actions button {
      min-height: 36px;
      border-radius: 5px;
      border: 1px solid rgba(0,0,0,.06);
      background: rgba(255,255,255,.58);
      color: rgba(29,29,31,.78);
      font-size: 14px;
      font-weight: 520;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
    }
    .clone-preview-actions .tg-preview-progress {
      cursor: default;
      background: rgba(255,255,255,.68);
      color: rgba(29,29,31,.82);
    }
    .clone-preview-action-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 3px;
    }
    .table { display: grid; gap: 0; }
    .muted { color: var(--muted); }
    .empty { padding: 26px; text-align: center; color: var(--quiet); font-size: 14px; }
    .miyun-preview {
      position: relative; width: min(100%, 468px); min-height: 0; border-radius: 8px; overflow: hidden;
      box-sizing: border-box; margin: 0 auto;
      padding: 18px; border: 1px solid rgba(0,0,0,.075);
      background: linear-gradient(135deg, rgba(250,250,249,.96), rgba(229,229,226,.96));
      display: flex; align-items: flex-start; justify-content: center;
    }
    .miyun-preview::before {
      content: ""; position: absolute; inset: 0; opacity: .34;
      background-image:
        radial-gradient(circle at 24px 24px, rgba(255,255,255,.92) 0 2px, transparent 3px),
        radial-gradient(circle at 78px 66px, rgba(29,29,31,.16) 0 1px, transparent 2px),
        linear-gradient(45deg, transparent 0 46%, rgba(255,255,255,.62) 47% 53%, transparent 54%);
      background-size: 92px 92px, 118px 118px, 74px 74px;
    }
    .miyun-preview.entry-library-browser {
      width: 100%; padding: 0; border: 0; background: transparent;
      display: block; overflow: visible;
    }
    .miyun-preview.entry-library-browser::before { display: none; }
    .entry-library-browser .entry-toolbar {
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 10px; padding: 0; margin-bottom: 14px;
    }
    .entry-library-browser .entry-toolbar input { grid-column: 1 / -1; }
    .entry-library-browser .entry-toolbar select { padding-right: 32px; }
    .entry-library-browser .entry-toolbar-actions { justify-content: stretch; }
    .entry-library-browser .entry-toolbar-actions .btn { flex: 1 1 0; min-width: 0; padding: 0 10px; }
    .entry-library-browser .entry-table { gap: 8px; }
    .entry-library-browser .entry-table-head { padding-top: 2px; padding-bottom: 4px; }
    .entry-library-browser .entry-table-head,
    .entry-library-browser .entry-table-row { grid-template-columns: minmax(0,1fr) 72px 42px; }
    .entry-library-browser .entry-table-head span:nth-child(3),
    .entry-library-browser .entry-table-head span:nth-child(4),
    .entry-library-browser .entry-table-row > .row-sub { display: none; }
    .entry-library-browser .entry-pager { justify-content: space-between; }
    .preview-tool-panel {
      width: min(100%, 468px); margin: 12px auto 0; padding: 12px;
      border: 1px solid rgba(0,0,0,.075); border-radius: 8px;
      background: rgba(255,255,255,.74); display: grid; gap: 10px;
    }
    .preview-tool-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
    .preview-tool-head h3 { margin: 0; font-size: 15px; font-weight: 520; }
    .preview-tool-head p { margin: 4px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.35; }
    .preview-search-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
    .preview-search-row input { height: 38px; min-width: 0; }
    .preview-filter-row { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 4px; }
    .preview-filter-row.search-filter-row { grid-template-columns: repeat(6, minmax(0,1fr)); }
    .preview-filter-row.search-control-row { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .preview-filter-row.search-nav-row { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .preview-filter-row .tg-btn { min-height: 34px; background: rgba(0,0,0,.035); }
    .preview-stack {
      position: relative; z-index: 1; width: min(430px, 100%);
      display: grid; gap: 12px;
    }
    .preview-stack .telegram-preview { width: 100%; }
    .telegram-preview { position: relative; z-index: 1; width: min(430px, 100%); }
    .tg-message-list { display: grid; gap: 8px; align-items: start; }
    .tg-bubble {
      background: #fff; border-radius: 14px 14px 14px 4px; padding: 13px 14px 12px;
      box-shadow: 0 1px 1px rgba(0,0,0,.08); color: #111; font-size: 14px; line-height: 1.28;
    }
    .tg-user-bubble {
      justify-self: end; max-width: 84%; border-radius: 14px 14px 4px 14px; padding: 9px 12px;
      background: rgba(255,255,255,.82); border: 1px solid rgba(0,0,0,.06); color: rgba(29,29,31,.86);
      box-shadow: 0 1px 1px rgba(0,0,0,.06); font-size: 14px; line-height: 1.25;
    }
    .tg-bubble strong, .tg-bubble b { display: block; font-size: 14px; line-height: 1.32; }
    .tg-section-title { margin: 18px 0 12px; font-weight: 520; }
    .tg-links { display: grid; gap: 3px; }
    .tg-link { color: #1687d9; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .search-result-item { display: grid; gap: 1px; margin-bottom: 5px; min-width: 0; }
    .search-result-title { font-weight: 460; }
    .search-result-keywords { font-size: 14px; line-height: 1.25; }
    .tg-footer { margin-top: 18px; }
    .tg-time { float: right; color: #9aa0a6; font-size: 13px; margin-top: 2px; margin-left: 8px; }
    .tg-user-meta { color: #8e949b; font-size: 13px; margin-left: 7px; white-space: nowrap; }
    .tg-check { color: #6ab76b; margin-left: 3px; }
    .tg-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; margin-top: 4px; }
    .tg-buttons.one-row { grid-auto-flow: row; }
    .tg-buttons.nav-row { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .tg-buttons.search-filter-row { grid-template-columns: repeat(6, minmax(0,1fr)); }
    .tg-buttons.search-control-row { grid-template-columns: repeat(4, minmax(0,1fr)); }
    .tg-buttons.search-nav-row { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .tg-buttons.hot-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 4px; margin-top: 8px; }
    .tg-buttons.hot-grid .tg-btn { min-height: 36px; }
    .tg-buttons.hot-grid .tg-btn.wide { grid-column: span 2; }
    .tg-buttons.hot-grid .tg-btn.full { grid-column: 1 / -1; }
    .tg-hot-source { color: #1687d9; font-size: 14px; font-weight: 540; margin-bottom: 3px; }
    .tg-hot-title { color: #1687d9; font-size: 15px; font-weight: 520; }
    .tg-hot-line { color: #111; font-size: 14px; margin-top: 2px; }
    .tg-btn {
      min-height: 36px; border-radius: 5px; padding: 0 7px; display: flex; align-items: center; justify-content: center;
      border: 1px solid rgba(0,0,0,.06); background: rgba(255,255,255,.58); color: rgba(29,29,31,.78);
      font-size: 14px; line-height: 1.15; font-weight: 520;
      text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
    }
    .tg-btn.clickable { cursor: pointer; transition: background .16s ease, border-color .16s ease, transform .16s ease; }
    .tg-btn.clickable:hover { background: rgba(255,255,255,.86); border-color: rgba(0,0,0,.12); }
    .tg-btn.active, .tg-btn.clickable.active { background: rgba(29,29,31,.9); color: #fff; border-color: rgba(29,29,31,.9); }
    .tg-btn.wide { grid-column: 1 / -1; background: rgba(255,255,255,.68); }
    .editor-stack { display: grid; gap: 14px; }
    .editor-layer {
      border: 1px solid rgba(0,0,0,.075); border-radius: 8px;
      background: rgba(255,255,255,.5); overflow: hidden;
    }
    .editor-layer.active { background: rgba(255,255,255,.74); border-color: rgba(0,0,0,.12); }
    .layer-head {
      min-height: 58px; padding: 12px 14px; display: grid;
      grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 10px;
      border-bottom: 1px solid rgba(0,0,0,.065);
    }
    .layer-step {
      width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
      background: rgba(0,0,0,.065); color: rgba(29,29,31,.72); font-size: 14px; font-weight: 540;
    }
    .editor-layer.active .layer-step { background: rgba(29,29,31,.92); color: #fff; }
    .layer-title { margin: 0; font-size: 15px; font-weight: 520; }
    .layer-sub { margin: 4px 0 0; color: var(--quiet); font-size: 14px; line-height: 1.35; }
    .layer-body { padding: 14px; }
    .editor-layer.collapsed .layer-body { display: none; }
    .editor-layer.collapsed .layer-head { border-bottom: 0; }
    .layer-head-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; }
    .layer-selected {
      min-height: 30px; padding: 0 10px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center;
      color: rgba(29,29,31,.72); background: rgba(0,0,0,.055); font-size: 14px; font-weight: 540; white-space: nowrap;
    }
    .layer-toggle {
      min-height: 30px; padding: 0 10px; border-radius: 999px;
      background: rgba(0,0,0,.055); color: rgba(29,29,31,.74);
      font-size: 14px; font-weight: 540; white-space: nowrap;
    }
    .layer-toggle:hover { background: rgba(29,29,31,.92); color: #fff; }
    .category-editor-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin-bottom: 0; }
    .category-editor-grid.kind-button-preview { grid-auto-flow: row; }
    .category-editor-grid .tg-btn { min-height: 38px; background: rgba(0,0,0,.035); }
    .category-editor-card { display: grid; gap: 14px; }
    .group-nav-entry-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 4px 0 10px; }
    .group-nav-entry-head h3 { min-width: 0; margin: 0; font-size: 14px; font-weight: 520; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .group-nav-entry-list { display: grid; gap: 8px; margin-bottom: 12px; }
    .group-nav-entry-row {
      display: grid; grid-template-columns: minmax(120px,.9fr) minmax(180px,1.25fr) auto; gap: 8px; align-items: center;
      border: 1px solid rgba(0,0,0,.075); border-radius: 8px; background: rgba(255,255,255,.48); padding: 8px;
    }
    .group-nav-entry-row.active { border-color: rgba(29,29,31,.34); background: rgba(29,29,31,.045); }
    .group-nav-entry-row.kind-row { grid-template-columns: minmax(180px,1fr) auto; }
    .group-nav-entry-row.category-row { grid-template-columns: minmax(180px,1fr) auto; }
    .group-nav-entry-row input { height: 38px; background: rgba(255,255,255,.8); }
    .entry-toolbar {
      display: grid; grid-template-columns: minmax(260px, 1.4fr) repeat(5, minmax(118px, 1fr));
      gap: 8px; align-items: center; margin-bottom: 12px;
    }
    .entry-toolbar input, .entry-toolbar select { height: 38px; min-width: 0; background: rgba(255,255,255,.82); }
    .entry-toolbar-actions {
      grid-column: 1 / -1;
      display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap;
    }
    .entry-toolbar-actions .btn { min-width: 86px; white-space: nowrap; }
    .entry-toolbar-actions .btn.blue { min-width: 116px; }
    .entry-table { display: grid; gap: 6px; }
    .entry-table-head,
    .entry-table-row {
      display: grid; grid-template-columns: minmax(240px, 1fr) 86px 150px 76px 42px;
      gap: 10px; align-items: center;
    }
    .entry-table-head {
      color: var(--quiet); font-size: 14px; font-weight: 520; padding: 0 10px 2px;
    }
    .entry-table-row {
      min-height: 58px; padding: 8px 10px; border: 1px solid rgba(0,0,0,.075);
      border-radius: 8px; background: rgba(255,255,255,.55); cursor: pointer;
    }
    .entry-table-row:hover,
    .entry-table-row.active { border-color: rgba(29,29,31,.34); background: rgba(29,29,31,.045); }
    .entry-table-row .row-title { margin: 0 0 4px; }
    .entry-table-row .row-sub { margin: 0; }
    .entry-pager { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 12px; }
    .entry-pager .btn[disabled] { opacity: .42; cursor: default; }
    .entry-editor-only .layer-body { padding: 18px 18px 20px; }
    .entry-editor-only .layer-body > .field,
    .entry-editor-only .layer-body > .grid { margin-bottom: 14px; }
    .entry-editor-only .compact-form { gap: 14px 16px; }
    .entry-editor-only .field { gap: 8px; }
    .entry-editor-only .field label { color: rgba(29,29,31,.62); line-height: 1.2; }
    .entry-editor-only input,
    .entry-editor-only select { height: 44px; padding-left: 14px; padding-right: 32px; }
    .entry-editor-only textarea { min-height: 96px; padding: 12px 14px; line-height: 1.45; }
    .entry-editor-only .actions { margin-top: 2px; gap: 10px; }
    .compact-btn { height: 32px; padding: 0 12px; font-size: 14px; }
    .smart-keyword-box {
      margin-top: 2px; padding: 10px; border: 1px solid rgba(0,0,0,.07);
      border-radius: 8px; background: rgba(255,255,255,.52); display: grid; gap: 9px;
    }
    .smart-keyword-head {
      display: flex; align-items: center; justify-content: space-between; gap: 10px;
      color: rgba(29,29,31,.72); font-size: 14px; font-weight: 520;
    }
    .smart-keyword-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
    .smart-keyword-chips { display: flex; flex-wrap: wrap; gap: 6px; min-height: 28px; align-items: center; }
    .keyword-chip {
      min-height: 30px; max-width: 100%; padding: 0 9px; border-radius: 999px;
      display: inline-flex; align-items: center; gap: 6px;
      border: 1px solid rgba(0,0,0,.075); background: rgba(255,255,255,.8);
      color: rgba(29,29,31,.82); font-size: 14px; font-weight: 540;
    }
    .keyword-chip:hover { border-color: rgba(29,29,31,.22); background: #fff; }
    .keyword-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .keyword-chip em {
      font-style: normal; color: rgba(29,29,31,.46); font-size: 12px; font-weight: 520;
      padding-left: 2px;
    }
    .keyword-chip.ai { background: rgba(216,204,255,.24); }
    .keyword-chip.mixed { background: rgba(159,216,207,.24); }
    .smart-keyword-meta { margin: 0; min-height: 16px; color: var(--quiet); font-size: 13px; line-height: 1.35; }
    .category-manager-grid {
      grid-template-columns: repeat(3, minmax(0,1fr));
      max-height: 420px; overflow: auto; padding-right: 2px;
    }
    .category-manager-grid .category-row {
      grid-template-columns: minmax(0,1fr) 34px; gap: 6px; padding: 6px;
    }
    .category-manager-grid .category-row input { height: 34px; min-width: 0; font-size: 14px; }
    .category-manager-grid .category-row .icon-btn { width: 34px; height: 34px; }
    .hot-term-grid {
      display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px;
      max-height: 460px; overflow: auto; padding-right: 2px;
    }
    .hot-term-row {
      display: grid; grid-template-columns: minmax(0,1fr) 34px; gap: 6px;
      border: 1px solid rgba(0,0,0,.075); border-radius: 8px; background: rgba(255,255,255,.48); padding: 6px;
    }
    .hot-term-row.active { border-color: rgba(29,29,31,.35); background: rgba(29,29,31,.045); }
    .hot-term-row input { height: 34px; min-width: 0; font-size: 14px; background: rgba(255,255,255,.8); }
    .hot-term-row .icon-btn { width: 34px; height: 34px; }
    .preview-hot-editor {
      width: 100%; padding: 10px; border: 1px solid rgba(0,0,0,.075); border-radius: 8px;
      background: rgba(255,255,255,.72); display: grid; gap: 8px;
    }
    .preview-hot-editor-head {
      display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; min-width: 0;
    }
    .preview-hot-editor-head strong { display: block; font-size: 14px; line-height: 1.2; font-weight: 520; }
    .preview-hot-editor-head span { display: block; margin-top: 3px; color: var(--quiet); font-size: 13px; line-height: 1.25; }
    .preview-hot-editor-head .actions { flex: 0 0 auto; gap: 6px; }
    .preview-hot-editor .hot-term-grid {
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 8px;
      max-height: none;
      overflow: visible;
      padding-right: 0;
    }
    .preview-hot-editor .hot-term-row {
      grid-template-columns: minmax(0,1fr) 30px; gap: 5px; padding: 5px; border-radius: 7px;
    }
    .preview-hot-editor .hot-term-row input { height: 30px; font-size: 14px; padding: 0 9px; }
    .preview-hot-editor .hot-term-row .icon-btn { width: 30px; height: 30px; border-radius: 7px; }
    .preview-hot-editor .empty { padding: 10px; }
    .hot-pinned-links { margin: 8px 0 6px; }
    .hot-pin-editor { gap: 10px; }
    .hot-pin-tools { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
    .search-pin-keyword-row { grid-column: 1 / -1; }
    .hot-pin-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; min-width: 0; }
    .hot-pin-candidates,
    .hot-pin-list { display: grid; gap: 8px; min-width: 0; }
    .hot-pin-row {
      display: grid; grid-template-columns: 28px minmax(0,1fr) minmax(180px,.9fr) 34px; gap: 8px;
      align-items: start; border: 1px solid rgba(0,0,0,.075); border-radius: 8px;
      background: rgba(255,255,255,.54); padding: 8px; min-width: 0;
    }
    .hot-pin-row.is-dragging { opacity: .55; border-color: rgba(0,122,255,.35); box-shadow: 0 8px 22px rgba(0,0,0,.08); }
    .hot-pin-row.hot-pin-candidate { grid-template-columns: minmax(0,1.3fr) minmax(160px,.8fr) auto; }
    .hot-pin-main { display: grid; gap: 4px; min-width: 0; }
    .hot-pin-main strong { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .hot-pin-row input { height: 34px; min-width: 0; font-size: 14px; background: rgba(255,255,255,.82); }
    .hot-pin-row .icon-btn { width: 34px; height: 34px; }
    .hot-pin-meta { color: var(--quiet); font-size: 13px; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .hot-pin-row-meta { grid-column: 2 / 4; align-self: start; padding-left: 2px; }
    .drag-handle {
      width: 28px; height: 34px; border-radius: 7px; display: inline-flex; align-items: center; justify-content: center;
      color: var(--quiet); background: rgba(0,0,0,.045); cursor: grab; font-size: 14px; line-height: 1;
    }
    .drag-handle:active { cursor: grabbing; }
    .drag-handle:hover { color: var(--text); background: rgba(0,0,0,.075); }
    .icon-btn {
      width: 38px; height: 38px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
      color: var(--muted); background: rgba(0,0,0,.055); font-size: 16px; font-weight: 520;
    }
    .icon-btn:hover { color: var(--red); background: rgba(255,59,48,.08); }
    .login {
      position: fixed; inset: 0; z-index: 50; display: grid; place-items: center;
      background: rgba(245,245,247,.76); backdrop-filter: blur(24px);
    }
    .login-card { position: relative; width: min(380px, calc(100% - 28px)); }
    .login-close {
      position: absolute; right: 12px; top: 12px; z-index: 2;
      width: 30px; height: 30px; border-radius: 50%;
      display: inline-flex; align-items: center; justify-content: center;
      color: var(--muted); background: rgba(0,0,0,.055); font-size: 19px; line-height: 1;
    }
    .login-close:hover { color: var(--ink); background: rgba(0,0,0,.09); }
    .hidden { display: none !important; }
    .toast {
      position: fixed; left: 50%; top: 18px; transform: translateX(-50%) translateY(-12px);
      z-index: 80; opacity: 0; transition: .22s ease; max-width: calc(100% - 28px);
      border-radius: 999px; background: rgba(29,29,31,.92); color: #fff; padding: 11px 15px; font-size: 14px; font-weight: 480;
    }
    .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
    @keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
    @media (max-width: 980px) {
      .shell { display: block; }
      .sidebar {
        position: fixed; left: 0; right: 0; top: auto; bottom: 0; z-index: 35;
        height: calc(64px + env(safe-area-inset-bottom)); min-height: 0;
        flex-direction: row; align-items: center; justify-content: center;
        overflow: hidden; padding: 6px 10px calc(6px + env(safe-area-inset-bottom)); gap: 0;
        border-right: 0; border-bottom: 0; border-top: 1px solid rgba(0,0,0,.08);
        background: rgba(247,247,245,.88);
        box-shadow: 0 -10px 28px rgba(0,0,0,.06);
      }
      .sidebar::-webkit-scrollbar { display: none; }
      .brand { display: none; }
      .side-note { display: none; }
      .nav {
        width: min(100%, 520px); min-height: 52px; min-width: 0;
        flex-direction: row; align-items: stretch; justify-content: space-around; gap: 2px;
      }
      .admin-menu { display: contents; }
      #deepManageBtn { display: none; }
      #adminSubnav,
      #adminSubnav.hidden { display: contents !important; }
      .miyun-config-nav { display: none !important; }
      .deep-chevron { display: none; }
      .nav button,
      .subnav button {
        flex: 1 1 0; min-width: 0; height: 52px; border-radius: 10px; padding: 4px 3px;
        flex-direction: column; justify-content: center; gap: 3px; text-align: center;
        font-size: 13px; line-height: 1.12; font-weight: 420; box-shadow: none !important;
      }
      .nav button.active,
      .subnav button.active {
        background: rgba(29,29,31,.92); color: #fff; font-weight: 540;
      }
      .nav svg,
      .subnav svg { display: block; width: 20px; height: 20px; flex: 0 0 20px; opacity: .82; }
      .nav span,
      .subnav span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      .subnav { margin: 0; padding: 0; border-left: 0; }
      .stats, .two, .clone-overview-layout { grid-template-columns: 1fr; }
      #botList { max-height: none; overflow: visible; padding-right: 0; }
      .miyun-config-layout { grid-template-columns: 1fr; }
      .three { grid-template-columns: 1fr; }
      .account-grid { grid-template-columns: 1fr; }
      .main { padding: 28px 18px calc(92px + env(safe-area-inset-bottom)); }
      .topbar { min-height: 150px; grid-template-columns: 1fr; gap: 14px; padding-top: 6px; }
      .pill { justify-self: start; }
      .disaster-layout { grid-template-columns: 1fr; }
      .disaster-list { grid-template-columns: 1fr; }
      .disaster-download-tool { border-left: 0; border-top: 1px solid var(--line); }
      #clonePreview.view.active { grid-template-columns: 1fr; }
      .other-tool-grid { grid-template-columns: 1fr; }
      .local-helper-strip-only { grid-template-columns: minmax(0, 1fr) auto; }
      .local-helper-strip-only .local-helper-actions { grid-column: 1 / -1; justify-content: flex-start; }
      .video-watermark-pickers { grid-template-columns: 1fr; }
      #clonePreview.view.active .ops-notice-preview-panel { grid-column: 1; grid-row: 1; }
      #clonePreview.view.active .ops-notice-panel { grid-column: 1; grid-row: 2; }
      #clonePreview.view.active .ops-ad-panel { grid-column: 1; grid-row: 3; }
      #clonePreview.view.active .clone-preview-preview-panel { grid-column: 1; grid-row: 4; }
      #clonePreview.view.active .clone-preview-editor-panel { grid-column: 1; grid-row: 5; }
      .clone-preview-layout { grid-template-columns: 1fr; }
      .ops-tool-layout { grid-template-columns: 1fr; }
      .ops-ad-grid { grid-template-columns: 1fr; }
      .ops-notice-phone .clone-preview-chat,
      #clonePreview.view.active .clone-preview-preview-panel .clone-preview-chat { min-height: 0; }
      .miyun-preview { width: min(100%, 468px); min-height: 0; }
      .category-manager-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .hot-term-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .preview-hot-editor .hot-term-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .entry-toolbar { grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(120px, 1fr)); }
    }
    @media (max-width: 620px) {
      .stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .sidebar { padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); }
      .nav { gap: 2px; }
      .subnav { border-left: 0; padding-left: 0; }
      .main { padding: 24px 12px calc(92px + env(safe-area-inset-bottom)); }
      .local-helper-strip-only { grid-template-columns: 1fr; gap: 12px; }
      .local-helper-strip-only .tool-helper-state.compact { width: 100%; }
      .local-helper-strip-only .local-helper-actions { width: 100%; }
      .local-helper-strip-only .local-helper-actions .btn { flex: 1 1 160px; }
      .clone-preview-steps { grid-template-columns: 1fr; }
      .clone-preview-chat { min-height: 0; padding: 12px; }
      .topbar { height: auto; min-height: 0; gap: 12px; margin-bottom: 22px; }
      .title h1 { font-size: 32px; }
      .title p { font-size: 16px; }
      .row { grid-template-columns: 1fr; }
      .video-watermark-options { grid-template-columns: 1fr; }
      .telegram-processing-row { grid-template-columns: 1fr; gap: 4px; }
      .tool-card-head { display: grid; }
      .actions .btn { width: 100%; }
      .disaster-search .actions { grid-template-columns: 1fr; }
      .control-hints { align-items: flex-start; gap: 10px; padding: 12px; }
      .control-hints .badge { min-width: 48px; }
      .clone-detail-title { gap: 10px; }
      .clone-code-box { grid-template-columns: 1fr auto; }
      .clone-code-box span { grid-column: 1 / -1; }
      .clone-flow-grid { grid-template-columns: 1fr; }
      .clone-preview-layout { grid-template-columns: 1fr; }
      .ops-tool-layout { grid-template-columns: 1fr; }
      .clone-preview-steps { grid-template-columns: 1fr; }
      .clone-preview-chat { min-height: 0; padding: 12px; }
      .ops-notice-phone .clone-preview-chat,
      #clonePreview.view.active .clone-preview-preview-panel .clone-preview-chat { min-height: 0; }
      .miyun-preview { width: 100%; min-height: 0; padding: 12px; }
      .tg-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .preview-filter-row.search-filter-row,
      .tg-buttons.search-filter-row { grid-template-columns: repeat(3, minmax(0,1fr)); }
      .tg-buttons.hot-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .category-editor-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .category-manager-grid { grid-template-columns: 1fr; max-height: none; }
      .hot-term-grid { grid-template-columns: 1fr; max-height: none; }
      .preview-hot-editor .hot-term-grid { grid-template-columns: 1fr; }
      .hot-pin-tools,
      .hot-pin-form,
      .hot-pin-row,
      .hot-pin-row.hot-pin-candidate { grid-template-columns: 1fr; }
      .hot-pin-row:not(.hot-pin-candidate) { grid-template-columns: 32px minmax(0,1fr) 34px; align-items: start; }
      .hot-pin-row:not(.hot-pin-candidate) [data-hot-pin-title],
      .hot-pin-row:not(.hot-pin-candidate) [data-hot-pin-keywords],
      .hot-pin-row:not(.hot-pin-candidate) [data-group-nav-pin-title],
      .hot-pin-row:not(.hot-pin-candidate) [data-group-nav-pin-keywords],
      .hot-pin-row:not(.hot-pin-candidate) [data-search-pin-title],
      .hot-pin-row:not(.hot-pin-candidate) [data-search-pin-keywords],
      .hot-pin-row:not(.hot-pin-candidate) .hot-pin-row-meta { grid-column: 1 / -1; }
      .hot-pin-row:not(.hot-pin-candidate) .icon-btn { grid-column: 3; grid-row: 1; }
      .hot-pin-row:not(.hot-pin-candidate) .drag-handle { grid-column: 1; grid-row: 1; width: 32px; }
      .hot-pin-row .icon-btn,
      .hot-pin-row .btn { width: 100%; }
      .group-nav-entry-row { grid-template-columns: 1fr; }
      .group-nav-entry-row .icon-btn { width: 100%; }
      .category-manager-grid .category-row { grid-template-columns: minmax(0,1fr) 34px; }
      .category-manager-grid .category-row .icon-btn { width: 34px; }
      .entry-toolbar { grid-template-columns: 1fr; }
      .entry-library-browser .entry-toolbar { grid-template-columns: 1fr; }
      .entry-toolbar-actions { justify-content: stretch; }
      .entry-toolbar-actions .btn { flex: 1 1 100%; }
      .entry-library-browser .entry-toolbar-actions .btn { flex: 1 1 100%; }
      .entry-table-head { display: none; }
      .entry-table-row { grid-template-columns: 1fr; }
      .entry-library-browser .entry-table-row { grid-template-columns: 1fr; }
      .entry-library-browser .entry-table-row > .row-sub { display: block; }
      .entry-pager { justify-content: stretch; flex-direction: column; align-items: stretch; }
      .entry-library-browser .entry-pager { justify-content: stretch; flex-direction: column; align-items: stretch; }
    }

    /* Dark glass trial theme, kept as a late override so it can be rolled back cleanly. */
    :root {
      --bg: #07080d;
      --surface: rgba(17,19,27,.78);
      --solid: rgba(20,23,33,.92);
      --ink: #f4f6fb;
      --muted: #bdc3d0;
      --quiet: #858c9b;
      --line: rgba(255,255,255,.12);
      --blue: #7aa2ff;
      --green: #4ade80;
      --red: #ff6b62;
      --amber: #fbbf24;
      --shadow: 0 24px 70px rgba(0,0,0,.34);
    }
    html,
    body {
      color: var(--ink);
      background:
        linear-gradient(180deg, #08090f 0%, #101219 48%, #090a0f 100%);
    }
    .sidebar {
      border-right-color: rgba(255,255,255,.08);
      background: rgba(8,10,16,.76);
      box-shadow: 18px 0 48px rgba(0,0,0,.28);
    }
    .brand { color: rgba(244,246,251,.74); }
    .nav button {
      color: rgba(244,246,251,.64);
    }
    .nav button:hover {
      color: #fff;
      background: rgba(255,255,255,.075);
    }
    .nav button.active,
    .miyun-config-nav button.active {
      color: #0b0c11;
      background: rgba(255,255,255,.9);
    }
    .subnav,
    .miyun-config-nav { border-left-color: rgba(255,255,255,.1); }
    .subnav button,
    .miyun-config-nav button { color: rgba(244,246,251,.54); }
    .main {
      position: relative;
    }
    .title h1 {
      color: #fff;
      text-shadow: 0 18px 70px rgba(122,162,255,.18);
    }
    .title p { color: rgba(244,246,251,.62); }
    .pill {
      border-color: rgba(255,255,255,.12);
      background: rgba(255,255,255,.08);
      color: rgba(244,246,251,.76);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }
    .panel,
    .advanced-panel {
      border-color: rgba(255,255,255,.1);
      background: linear-gradient(180deg, rgba(22,24,34,.84), rgba(14,16,24,.74));
      box-shadow: var(--shadow);
    }
    .panel-head,
    .advanced-panel-head,
    .protect-card-head,
    .layer-head {
      border-bottom-color: rgba(255,255,255,.09);
    }
    .panel-head h2,
    .advanced-panel-head h2,
    .layer-title,
    .row-title,
    .clone-detail-title h3,
    .control-group-top strong,
    .protect-card-head h3,
    .inline-advanced-head strong,
    .preview-tool-head h3,
    .preview-hot-editor-head strong {
      color: #fff;
    }
    .panel-head p,
    .advanced-panel-head p,
    .row-sub,
    .field label,
    .layer-sub,
    .preview-tool-head p,
    .preview-hot-editor-head span,
    .download-tool-head p,
    .download-tool-note,
    .clone-card-head span:not(.badge),
    .clone-card-foot,
    .health-card span,
    .account-card span,
    .protect-note,
    .control-note,
    .control-hints ul,
    .empty {
      color: var(--quiet);
    }
    .metric,
    .clone-card,
    .account-card,
    .health-card,
    .protect-card,
    .control-group-card,
    .control-note,
    .control-hints,
    .download-job-box,
    .editor-layer,
    .entry-table-row,
    .group-nav-entry-row,
    .hot-term-row,
    .category-manager-grid .category-row,
    .preview-tool-panel,
    .preview-hot-editor,
    .smart-keyword-box,
    .inline-advanced-panel,
    .protect-upload-item {
      border-color: rgba(255,255,255,.1);
      background: rgba(255,255,255,.055);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    }
    .clone-card:hover,
    .entry-table-row:hover,
    .entry-table-row.active,
    .group-nav-entry-row.active,
    .hot-term-row.active,
    .editor-layer.active {
      border-color: rgba(122,162,255,.38);
      background: rgba(122,162,255,.09);
    }
    .clone-card.active {
      border-color: rgba(122,162,255,.55);
      background: linear-gradient(180deg, rgba(122,162,255,.18), rgba(255,255,255,.06));
      box-shadow: inset 0 0 0 1px rgba(122,162,255,.12);
    }
    .clone-card-metrics div {
      background: rgba(255,255,255,.07);
    }
    .row { border-top-color: rgba(255,255,255,.09); }
    input,
    select,
    textarea,
    .entry-toolbar input,
    .entry-toolbar select,
    .group-nav-entry-row input,
    .hot-term-row input,
    .category-manager-grid .category-row input {
      border-color: rgba(255,255,255,.13);
      background: rgba(255,255,255,.075);
      color: var(--ink);
    }
    input::placeholder,
    textarea::placeholder { color: rgba(244,246,251,.38); }
    input:focus,
    select:focus,
    textarea:focus {
      border-color: rgba(122,162,255,.72);
      box-shadow: 0 0 0 4px rgba(122,162,255,.16);
      background: rgba(255,255,255,.1);
    }
    .btn,
    .btn.blue {
      color: #08090f;
      background: #fff;
      box-shadow: 0 10px 28px rgba(0,0,0,.22);
    }
    .btn.secondary,
    .icon-btn,
    .layer-toggle,
    .layer-selected {
      color: rgba(244,246,251,.78);
      background: rgba(255,255,255,.09);
    }
    .btn.secondary:hover,
    .layer-toggle:hover,
    .icon-btn:hover {
      color: #fff;
      background: rgba(255,255,255,.14);
    }
    .badge { background: rgba(122,162,255,.17); color: #9db9ff; }
    .badge.green,
    .account-card em.green {
      background: rgba(74,222,128,.16);
      color: #7ee6a4;
    }
    .badge.red,
    .account-card em.red {
      background: rgba(255,107,98,.16);
      color: #ff9a94;
    }
    .badge.amber,
    .account-card em.amber {
      background: rgba(251,191,36,.18);
      color: #ffd26a;
    }
    .progress { background: rgba(255,255,255,.1); }
    .bar { background: linear-gradient(90deg, #7aa2ff, #9fd8cf); }
    .miyun-section-tabs {
      border-color: rgba(255,255,255,.11);
      background: rgba(255,255,255,.06);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
    }
    .miyun-section-tabs button {
      color: rgba(244,246,251,.66);
    }
    .miyun-section-tabs button:hover {
      color: #fff;
      background: rgba(255,255,255,.09);
    }
    .miyun-section-tabs button.active {
      color: #08090f;
      background: #fff;
    }
    .miyun-preview {
      border-color: rgba(255,255,255,.14);
      box-shadow: 0 22px 50px rgba(0,0,0,.25);
    }
    .preview-tool-panel,
    .preview-hot-editor {
      background: rgba(255,255,255,.06);
    }
    .preview-filter-row .tg-btn {
      color: rgba(244,246,251,.8);
      background: rgba(255,255,255,.075);
      border-color: rgba(255,255,255,.1);
    }
    .preview-filter-row .tg-btn.active {
      color: #08090f;
      background: #fff;
      border-color: #fff;
    }
    .login {
      background: rgba(7,8,13,.82);
    }
    .toast {
      background: rgba(255,255,255,.92);
      color: #08090f;
    }
    @media (max-width: 980px) {
      .sidebar {
        border-top-color: rgba(255,255,255,.1);
        background: rgba(10,12,18,.88);
        box-shadow: 0 -18px 46px rgba(0,0,0,.32);
      }
      .nav button.active,
      .subnav button.active {
        color: #08090f;
        background: #fff;
      }
    }

    /* Pure white console override. */
    :root {
      --bg: #ffffff;
      --surface: rgba(255,255,255,.96);
      --solid: #ffffff;
      --ink: #1d1d1f;
      --muted: #555a60;
      --quiet: #676b72;
      --line: rgba(0,0,0,.095);
      --blue: #0071e3;
      --green: #30d158;
      --red: #ff3b30;
      --amber: #ff9f0a;
      --shadow: 0 14px 34px rgba(0,0,0,.045);
    }
    html,
    body {
      color: var(--ink);
      background: #fff;
    }
    .sidebar {
      border-right-color: rgba(0,0,0,.06);
      background: rgba(255,255,255,.94);
      box-shadow: none;
    }
    .brand { color: rgba(29,29,31,.72); }
    .nav button,
    .subnav button,
    .miyun-config-nav button {
      color: rgba(29,29,31,.62);
    }
    .nav button:hover,
    .subnav button:hover,
    .miyun-config-nav button:hover {
      color: var(--ink);
      background: rgba(0,0,0,.035);
    }
    .nav button.active,
    .subnav button.active,
    .miyun-config-nav button.active {
      color: var(--ink);
      background: rgba(0,0,0,.055);
    }
    .subnav,
    .miyun-config-nav { border-left-color: rgba(0,0,0,.08); }
    .title h1 {
      color: var(--ink);
      text-shadow: none;
    }
    .title p { color: var(--muted); }
    .pill {
      border-color: var(--line);
      background: rgba(255,255,255,.82);
      color: var(--muted);
      box-shadow: none;
    }
    .panel,
    .advanced-panel {
      border-color: rgba(0,0,0,.08);
      background: var(--surface);
      box-shadow: var(--shadow);
    }
    .panel-head,
    .advanced-panel-head,
    .protect-card-head,
    .layer-head {
      border-bottom-color: rgba(0,0,0,.075);
    }
    .panel-head h2,
    .advanced-panel-head h2,
    .layer-title,
    .row-title,
    .clone-detail-title h3,
    .control-group-top strong,
    .protect-card-head h3,
    .inline-advanced-head strong,
    .preview-tool-head h3,
    .preview-hot-editor-head strong {
      color: var(--ink);
    }
    .panel-head p,
    .advanced-panel-head p,
    .row-sub,
    .field label,
    .layer-sub,
    .preview-tool-head p,
    .preview-hot-editor-head span,
    .download-tool-head p,
    .download-tool-note,
    .clone-card-head span:not(.badge),
    .clone-card-foot,
    .health-card span,
    .account-card span,
    .protect-note,
    .control-note,
    .control-hints ul,
    .empty {
      color: var(--quiet);
    }
    .metric,
    .clone-card,
    .account-card,
    .health-card,
    .protect-card,
    .control-group-card,
    .control-note,
    .control-hints,
    .download-job-box,
    .editor-layer,
    .entry-table-row,
    .group-nav-entry-row,
    .hot-term-row,
    .category-manager-grid .category-row,
    .preview-tool-panel,
    .preview-hot-editor,
    .smart-keyword-box,
    .inline-advanced-panel,
    .protect-upload-item {
      border-color: rgba(0,0,0,.075);
      background: rgba(255,255,255,.72);
      box-shadow: none;
    }
    .clone-card:hover,
    .entry-table-row:hover,
    .entry-table-row.active,
    .group-nav-entry-row.active,
    .hot-term-row.active,
    .editor-layer.active {
      border-color: rgba(0,0,0,.16);
      background: rgba(255,255,255,.9);
    }
    .clone-card.active {
      border-color: rgba(0,113,227,.42);
      background: rgba(245,250,255,.92);
      box-shadow: inset 0 0 0 1px rgba(0,113,227,.12);
    }
    .clone-card-metrics div {
      background: rgba(0,0,0,.035);
    }
    .row { border-top-color: rgba(0,0,0,.07); }
    input,
    select,
    textarea,
    .entry-toolbar input,
    .entry-toolbar select,
    .group-nav-entry-row input,
    .hot-term-row input,
    .category-manager-grid .category-row input {
      border-color: var(--line);
      background: rgba(255,255,255,.9);
      color: var(--ink);
    }
    input::placeholder,
    textarea::placeholder { color: rgba(29,29,31,.36); }
    input:focus,
    select:focus,
    textarea:focus {
      border-color: rgba(0,113,227,.55);
      box-shadow: 0 0 0 4px rgba(0,113,227,.1);
      background: #fff;
    }
    .btn,
    .btn.blue {
      color: #fff;
      background: var(--ink);
      box-shadow: none;
    }
    .btn.secondary,
    .icon-btn,
    .layer-toggle,
    .layer-selected {
      color: var(--ink);
      background: rgba(0,0,0,.065);
    }
    .btn.secondary:hover,
    .layer-toggle:hover,
    .icon-btn:hover {
      color: var(--ink);
      background: rgba(0,0,0,.09);
    }
    .badge { background: rgba(0,113,227,.1); color: var(--blue); }
    .badge.green,
    .account-card em.green {
      background: rgba(48,209,88,.13);
      color: #16833b;
    }
    .badge.red,
    .account-card em.red {
      background: rgba(255,59,48,.1);
      color: var(--red);
    }
    .badge.amber,
    .account-card em.amber {
      background: rgba(255,159,10,.13);
      color: #9a5b00;
    }
    .progress { background: rgba(0,0,0,.08); }
    .bar { background: var(--blue); }
    .miyun-section-tabs {
      border-color: rgba(0,0,0,.07);
      background: rgba(255,255,255,.74);
      box-shadow: none;
    }
    .miyun-section-tabs button {
      color: rgba(29,29,31,.66);
    }
    .miyun-section-tabs button:hover {
      color: var(--ink);
      background: rgba(0,0,0,.035);
    }
    .miyun-section-tabs button.active {
      color: #fff;
      background: rgba(29,29,31,.9);
    }
    .miyun-preview {
      border-color: rgba(0,0,0,.075);
      box-shadow: none;
    }
    .preview-tool-panel,
    .preview-hot-editor {
      background: rgba(255,255,255,.78);
    }
    .preview-filter-row .tg-btn {
      color: rgba(29,29,31,.78);
      background: rgba(0,0,0,.035);
      border-color: rgba(0,0,0,.06);
    }
    .preview-filter-row .tg-btn.active {
      color: #fff;
      background: rgba(29,29,31,.9);
      border-color: rgba(29,29,31,.9);
    }
    .login {
      background: rgba(255,255,255,.76);
    }
    .toast {
      background: rgba(29,29,31,.92);
      color: #fff;
    }
    @media (max-width: 980px) {
      .sidebar {
        border-top-color: rgba(0,0,0,.08);
        background: rgba(255,255,255,.94);
        box-shadow: 0 -10px 28px rgba(0,0,0,.06);
      }
      .nav button.active,
      .subnav button.active {
        color: #fff;
        background: rgba(29,29,31,.92);
      }
    }

    /* Motion polish: subtle console micro-interactions. */
    :root {
      --motion-fast: 150ms;
      --motion-normal: 260ms;
      --motion-slow: 380ms;
      --ease-soft: cubic-bezier(.2, .8, .2, 1);
    }
    .view.active {
      animation: pageSoftIn var(--motion-slow) var(--ease-soft) both;
    }
    .panel,
    .advanced-panel,
    .metric,
    .clone-card,
    .account-card,
    .health-card,
    .protect-card,
    .control-group-card,
    .entry-table-row,
    .group-nav-entry-row,
    .hot-term-row,
    .preview-tool-panel,
    .preview-hot-editor,
    .editor-layer {
      transition:
        transform var(--motion-normal) var(--ease-soft),
        box-shadow var(--motion-normal) var(--ease-soft),
        border-color var(--motion-normal) var(--ease-soft),
        background-color var(--motion-normal) var(--ease-soft);
    }
    .metric:hover,
    .clone-card:hover,
    .account-card:hover,
    .health-card:hover,
    .protect-card:hover,
    .control-group-card:hover,
    .entry-table-row:hover,
    .group-nav-entry-row:hover,
    .hot-term-row:hover,
    .preview-tool-panel:hover,
    .preview-hot-editor:hover {
      transform: translateY(-2px);
      box-shadow: 0 16px 38px rgba(0,0,0,.065);
    }
    .btn,
    .icon-btn,
    .layer-toggle,
    .miyun-section-tabs button,
    .nav button,
    .tg-btn,
    input,
    select,
    textarea,
    .badge,
    .pill {
      transition:
        transform var(--motion-fast) var(--ease-soft),
        box-shadow var(--motion-fast) var(--ease-soft),
        border-color var(--motion-fast) var(--ease-soft),
        background-color var(--motion-fast) var(--ease-soft),
        color var(--motion-fast) var(--ease-soft),
        opacity var(--motion-fast) var(--ease-soft);
    }
    .btn:hover,
    .icon-btn:hover,
    .layer-toggle:hover,
    .miyun-section-tabs button:hover,
    .tg-btn.clickable:hover {
      transform: translateY(-1px);
    }
    .btn:hover {
      box-shadow: 0 10px 22px rgba(0,0,0,.08);
    }
    .btn:active,
    .icon-btn:active,
    .layer-toggle:active,
    .miyun-section-tabs button:active,
    .nav button:active,
    .tg-btn.clickable:active {
      transform: translateY(0) scale(.985);
    }
    .clone-card.active,
    .entry-table-row.active,
    .editor-layer.active {
      animation: activeSoftPulse var(--motion-slow) var(--ease-soft) both;
    }
    .tg-bubble,
    .tg-user-bubble,
    .preview-tool-panel,
    .preview-hot-editor {
      animation: messageSoftIn var(--motion-normal) var(--ease-soft) both;
    }
    .tg-buttons .tg-btn {
      animation: keySoftIn var(--motion-normal) var(--ease-soft) both;
    }
    .tg-buttons .tg-btn:nth-child(2) { animation-delay: 24ms; }
    .tg-buttons .tg-btn:nth-child(3) { animation-delay: 48ms; }
    .tg-buttons .tg-btn:nth-child(4) { animation-delay: 72ms; }
    .tg-buttons .tg-btn:nth-child(5) { animation-delay: 96ms; }
    .tg-buttons .tg-btn:nth-child(6) { animation-delay: 120ms; }
    .bar {
      transition: width var(--motion-slow) var(--ease-soft);
    }
    .toast.show {
      animation: toastSoftIn var(--motion-normal) var(--ease-soft) both;
    }
    @keyframes pageSoftIn {
      from { opacity: 0; transform: translateY(8px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes messageSoftIn {
      from { opacity: 0; transform: translateY(6px) scale(.985); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }
    @keyframes keySoftIn {
      from { opacity: 0; transform: translateY(4px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes activeSoftPulse {
      from { box-shadow: 0 0 0 rgba(0,113,227,0); }
      45% { box-shadow: 0 0 0 4px rgba(0,113,227,.08); }
      to { box-shadow: inset 0 0 0 1px rgba(0,113,227,.12); }
    }
    @keyframes toastSoftIn {
      from { opacity: 0; transform: translateX(-50%) translateY(-10px) scale(.98); }
      to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
    }
    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
      }
    }

/* Display homepage */
body.landing-body {
  width: 100vw;
  height: 100vh;
  min-height: 100svh;
  margin: 0;
  overflow: hidden;
  background: #fff;
  color: #0f172a;
}

body.landing-body * {
  box-sizing: border-box;
}

.landing-page {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 100svh;
  overflow: hidden;
  isolation: isolate;
  background: #efefef;
}

.landing-shader-root {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

.landing-react-shader,
.landing-react-shader-canvas {
  width: 100%;
  height: 100%;
}

.landing-react-shader {
  position: absolute;
  inset: 0;
}

.landing-react-shader canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.landing-content {
  position: relative;
  z-index: 20;
  width: 100%;
  min-height: 100%;
}

.landing-nav {
  position: relative;
  z-index: 2;
  width: min(1440px, calc(100vw - 48px));
  min-height: 58px;
  margin: 16px auto 0;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 5px 14px rgba(15, 23, 42, .04), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter: blur(18px) saturate(160%);
}

.landing-logo {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: 16px;
  font-weight: 520;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(15,23,42,.16);
}

.landing-links {
  display: flex;
  align-items: center;
  gap: 28px;
  min-width: 0;
  flex: 1 1 auto;
}

.landing-links a {
  color: #0f172a;
  font-size: 16px;
  font-weight: 430;
  text-decoration: none;
  white-space: nowrap;
  transition: color .18s ease, transform .18s ease;
}

.landing-links a:hover {
  color: #020617;
  transform: translateY(-1px);
}

.landing-meta {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #334155;
  font-size: 16px;
  white-space: nowrap;
}

.landing-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.landing-status i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34,197,94,.12);
}

.landing-enter {
  min-height: 42px;
  padding: 0 8px 0 22px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-size: 15px;
  font-weight: 480;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(15,23,42,.14);
  transition: transform .18s ease, box-shadow .18s ease;
}

.landing-enter:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(15,23,42,.16);
}

.landing-enter b {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff;
  color: #0f172a;
  font-size: 19px;
  font-weight: 520;
}

.landing-hero {
  --landing-title-size: 68px;
  --landing-title-line: 1.08;
  --landing-title-width: 13em;
  position: relative;
  z-index: 1;
  width: min(1440px, calc(100vw - 56px));
  height: calc(100svh - 82px);
  margin: 0 auto;
  padding: 0 24px 86px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.landing-hero h1 {
  margin: 0;
  max-width: min(var(--landing-title-width), calc(100vw - 96px));
  color: #0f172a;
  font-size: var(--landing-title-size);
  line-height: var(--landing-title-line);
  font-weight: 540;
  letter-spacing: 0;
  text-wrap: balance;
  word-break: keep-all;
  overflow-wrap: normal;
}

@media (min-width: 1680px) {
  .landing-hero {
    --landing-title-size: 72px;
    --landing-title-width: 13.5em;
  }
}

@media (max-width: 1280px) {
  .landing-hero {
    --landing-title-size: 60px;
    --landing-title-width: 12.4em;
    padding-bottom: 76px;
  }
}

@media (max-width: 980px) {
  .landing-links {
    gap: 16px;
  }
  .landing-meta {
    display: none;
  }
  .landing-hero {
    --landing-title-size: 50px;
    --landing-title-width: 11.4em;
    padding-bottom: 68px;
  }
}

@media (max-width: 720px) {
  .landing-nav {
    width: calc(100vw - 28px);
    min-height: 54px;
    margin-top: 14px;
    gap: 10px;
  }
  .landing-logo {
    width: 38px;
    height: 38px;
  }
  .landing-links {
    display: none;
  }
  .landing-enter {
    min-height: 38px;
    padding-left: 18px;
    font-size: 14px;
  }
  .landing-enter b {
    width: 28px;
    height: 28px;
  }
  .landing-hero {
    --landing-title-size: 36px;
    --landing-title-line: 1.14;
    --landing-title-width: 10.8em;
    width: calc(100vw - 30px);
    height: calc(100svh - 76px);
    padding: 0 8px 58px;
  }
  .landing-hero h1 {
    max-width: min(var(--landing-title-width), calc(100vw - 44px));
  }
}

@media (max-width: 420px) {
  .landing-hero {
    --landing-title-size: 30px;
    --landing-title-line: 1.16;
    --landing-title-width: 10.5em;
    padding-bottom: 44px;
  }
}

@media (max-width: 360px) {
  .landing-hero {
    --landing-title-size: 27px;
    --landing-title-width: 10.8em;
  }
}

@media (max-height: 760px) and (min-width: 721px) {
  .landing-hero {
    --landing-title-size: 56px;
    padding-bottom: 54px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-shader-root { display: none; }
}

/* Readability pass for low-emphasis console copy. */
.panel-head p,
.advanced-panel-head p,
.clone-card-head span:not(.badge),
.clone-card-metrics span,
.clone-card-foot,
.clone-detail-title p,
.clone-flow-head span:not(.badge),
.clone-code-box span,
.clone-flow-step span,
.clone-flow-step em,
.clone-flow-next,
.download-tool-head p,
.download-tool-note,
.control-note,
.control-note strong,
.guide-row p,
.guide-row ol,
.control-hints ul,
.control-upload-panel > .row-sub,
.control-code-change > .row-sub,
.security-card-head p,
.quick-upload-zone p,
.quick-upload-files-head,
.quick-upload-file p,
.quick-upload-total,
.quick-upload-status p,
.metric span,
.account-card span,
.health-card span,
.protect-note,
.protect-upload-item b,
.protect-upload-item > span,
.protect-result,
.auto-protect-note,
.preview-tool-head p,
.layer-sub,
.smart-keyword-meta,
.preview-hot-editor-head span,
.hot-pin-meta,
.field label,
.row-sub,
.empty {
  font-size: 16px;
  line-height: 1.6;
}

/* Unified console navigation. Kept last so old sidebar/mobile-bottom trials cannot override it. */
.shell {
  display: block !important;
  min-height: 100vh;
  padding-top: 1px;
}
.console-nav {
  position: sticky;
  top: 12px;
  z-index: 40;
  grid-template-columns: minmax(0, 1fr) auto !important;
  width: min(1240px, calc(100vw - 48px));
  margin: 14px auto 42px;
  box-shadow: 0 4px 10px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
.console-primary-nav {
  align-items: stretch;
}
.console-primary-nav button {
  min-width: 98px;
  min-height: 42px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.console-second-nav {
  position: sticky;
  top: 78px;
  z-index: 35;
  width: fit-content;
  max-width: min(620px, calc(100vw - 48px));
  flex-wrap: wrap;
  align-content: center;
  box-shadow: 0 4px 12px rgba(15,23,42,.035), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.console-second-nav button {
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
}
.miyun-section-tabs {
  display: none !important;
}
.topbar > .pill {
  display: none !important;
}
.main {
  padding-top: 6px !important;
}

.landing-nav {
  width: min(1280px, calc(100vw - 260px));
  margin-top: 28px;
  padding: 6px clamp(14px, 1.6vw, 26px) 6px clamp(32px, 3.2vw, 56px);
  box-shadow: 0 3px 10px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.9);
}

.topbar,
.view {
  scroll-margin-top: 126px;
}

@media (max-width: 1200px) {
  .landing-nav {
    width: calc(100vw - 112px);
    padding-left: clamp(28px, 4vw, 44px);
    padding-right: clamp(14px, 2.2vw, 24px);
  }
}

@media (max-width: 980px) {
  .console-nav {
    width: calc(100vw - 24px);
    min-height: 54px;
    margin-top: 10px;
    margin-bottom: 22px;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px;
    padding: 7px;
    border-radius: 18px;
  }
  .landing-nav {
    width: calc(100vw - 40px);
    margin-top: 18px;
    padding: 6px 18px;
  }
  .console-logo {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
  .console-primary-nav {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .console-primary-nav::-webkit-scrollbar,
  .console-second-nav::-webkit-scrollbar {
    display: none;
  }
  .console-primary-nav button {
    height: 40px;
    min-width: 92px;
    padding: 0 14px;
    font-size: 14px;
    flex: 0 0 auto;
  }
  .console-nav-meta {
    display: none;
  }
  .console-second-nav {
    top: 72px;
    width: calc(100vw - 24px);
    margin-top: 8px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 14px;
    -webkit-overflow-scrolling: touch;
  }
  .console-second-nav button {
    flex: 0 0 auto;
    height: 34px;
    padding: 0 11px;
    font-size: 14px;
  }
  .main {
    padding: 14px 14px 44px !important;
  }
  .topbar {
    min-height: 132px;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 18px;
  }
  .pill {
    justify-self: start;
  }
}

@media (max-width: 980px) {
  .local-helper-strip,
  .other-tool-simple-grid {
    grid-template-columns: 1fr;
  }
  .local-helper-strip {
    display: grid;
    align-items: start;
  }
  .local-helper-actions {
    justify-content: flex-start;
  }
  .folder-flow-grid,
  .local-helper-metrics {
    grid-template-columns: 1fr;
  }
  .telegram-status-strip {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .telegram-status-list-panel .telegram-link-scroll {
    grid-column: auto;
  }
  .telegram-status-strip > em {
    justify-self: start;
  }
  .telegram-link-row,
  .telegram-link-row.failure {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .telegram-link-row .icon-btn.danger {
    justify-self: start;
  }
  .telegram-chain-head,
  .telegram-chain-foot,
  .telegram-chain-title {
    grid-template-columns: 1fr;
  }
  .telegram-chain-head em {
    justify-self: start;
  }
  .telegram-failure-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }
}

@media (max-width: 620px) {
  .telegram-failure-list {
    grid-template-columns: 1fr;
  }
  .console-nav {
    width: calc(100vw - 18px);
    border-radius: 16px;
  }
  .landing-nav {
    width: calc(100vw - 24px);
    margin-top: 14px;
    padding: 6px 12px;
  }
  .console-second-nav {
    width: calc(100vw - 18px);
  }
  .main {
    padding: 12px 10px 38px !important;
  }
  .clone-preview-steps {
    grid-template-columns: 1fr;
  }
  .clone-preview-chat {
    min-height: 0;
    padding: 12px;
  }
  .title h1 {
    font-size: clamp(30px, 10vw, 42px);
  }
  .title p {
    font-size: 16px;
  }
}