#auth-gate { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; overflow: auto; padding: clamp(18px, 5vw, 72px); background: var(--bg); backdrop-filter: none; }
    #auth-gate.hidden, .app-modal.hidden { display: none; }
    #auth-gate::before { display: none; }
    .auth-card { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(390px, 47%) minmax(0, 1fr); width: min(1320px, 100%); min-height: min(860px, calc(100vh - 36px)); overflow: hidden; padding: clamp(34px, 5vw, 58px) clamp(30px, 5vw, 58px); border: 2px solid rgba(128, 207, 86, .74); border-radius: 34px; background: linear-gradient(90deg, rgba(0, 17, 13, .94) 0%, rgba(1, 26, 19, .88) 38%, rgba(1, 22, 16, .30) 73%, rgba(1, 16, 13, .12) 100%); box-shadow: 0 0 0 1px rgba(202, 255, 147, .10), 0 30px 90px rgba(0, 0, 0, .52), inset 0 0 44px rgba(109, 255, 80, .08); }
    .auth-card::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(8, 25, 20, .62) 0%, transparent 56%), radial-gradient(circle at 70% 42%, rgba(137, 255, 91, .16), transparent 34%); }
    .auth-card::after { content: ""; position: absolute; inset: 18px; z-index: -1; pointer-events: none; border: 1px solid rgba(144, 233, 103, .16); border-radius: 22px; }
    .auth-brand { display: flex; align-items: center; gap: 18px; color: #f3fff0; }
    .auth-logo { display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid rgba(160, 242, 108, .70); border-radius: 18px; color: #c0ff82; background: rgba(0, 18, 13, .54); box-shadow: inset 0 0 22px rgba(114, 255, 72, .12), 0 0 24px rgba(126, 255, 89, .12); font-size: 31px; font-weight: 850; letter-spacing: -1px; }
    .auth-brand strong { display: block; font-size: clamp(30px, 3vw, 42px); line-height: 1; letter-spacing: .02em; }
    .auth-brand small { display: block; margin-top: 8px; color: rgba(203, 246, 187, .72); font-size: 11px; letter-spacing: .20em; text-transform: uppercase; }
    .auth-copy { margin-top: clamp(64px, 10vh, 112px); max-width: 590px; }
    .auth-copy .eyebrow { margin: 0; color: rgba(227, 255, 214, .88); font-size: clamp(18px, 2vw, 26px); font-style: italic; letter-spacing: .22em; font-weight: 300; }
    .auth-copy h1 { margin: 14px 0 20px; color: #f4fff1; font-size: clamp(48px, 6vw, 84px); line-height: .96; font-style: italic; letter-spacing: .02em; font-weight: 850; text-shadow: 0 0 26px rgba(171, 255, 111, .30); }
    .auth-copy .energy-line { position: relative; width: 280px; height: 3px; margin: 0 0 20px; background: linear-gradient(90deg, #b8ff63, rgba(184, 255, 99, 0)); box-shadow: 0 0 12px rgba(179, 255, 85, .78); }
    .auth-copy .energy-line::before { content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; border-radius: 50%; background: #c8ff70; box-shadow: 0 0 12px 4px rgba(180, 255, 79, .72); transform: translate(-1px, -50%); }
    .auth-copy .tagline { margin: 0; color: rgba(191, 244, 171, .78); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
    .auth-form { width: min(540px, 100%); margin-top: clamp(54px, 8vh, 86px); }
    .auth-field { margin-top: 24px; }
    .auth-field label { display: block; margin-bottom: 10px; color: #aeea8b; font-size: 16px; font-weight: 650; letter-spacing: .04em; }
    .auth-input-wrap { position: relative; display: flex; align-items: center; border: 1px solid rgba(139, 219, 85, .50); border-radius: 12px; background: rgba(1, 20, 14, .64); box-shadow: inset 0 0 18px rgba(99, 255, 69, .045); transition: border-color .18s ease, box-shadow .18s ease; }
    .auth-input-wrap:focus-within { border-color: #b7ff72; box-shadow: 0 0 0 3px rgba(151, 255, 94, .12), inset 0 0 20px rgba(99, 255, 69, .08); }
    .auth-field-icon { position: relative; flex: 0 0 64px; display: grid; place-items: center; height: 68px; color: #b7ff72; filter: drop-shadow(0 0 8px rgba(168, 255, 104, .36)); }
    .auth-field-icon.user::before { content: ""; width: 12px; height: 12px; border: 2px solid currentColor; border-radius: 50%; transform: translateY(-8px); }
    .auth-field-icon.user::after { content: ""; position: absolute; bottom: 17px; width: 27px; height: 14px; border: 2px solid currentColor; border-bottom: 0; border-radius: 16px 16px 0 0; }
    .auth-field-icon.lock::before { content: ""; width: 22px; height: 18px; border: 2px solid currentColor; border-radius: 4px; transform: translateY(5px); }
    .auth-field-icon.lock::after { content: ""; position: absolute; top: 18px; width: 12px; height: 15px; border: 2px solid currentColor; border-bottom: 0; border-radius: 8px 8px 0 0; }
    .auth-input-wrap input { width: 100%; min-height: 68px; padding: 12px 54px 12px 0; border: 0 !important; outline: 0; color: #f7fff3 !important; background: transparent !important; box-shadow: none !important; font-size: 21px; letter-spacing: .04em; }
    .auth-input-wrap input::placeholder { color: rgba(224, 255, 214, .38); }
    .auth-password-toggle { flex: 0 0 48px; margin-right: 8px; padding: 10px; border: 0; color: #d9ffbf; background: transparent; font-size: 23px; cursor: pointer; }
    .auth-password-toggle:hover { color: #fff; background: rgba(139, 219, 85, .12); }
    .auth-submit { display: flex; align-items: center; justify-content: space-between; width: 280px; min-height: 72px; margin-top: 36px; padding: 0 22px 0 28px; border: 1px solid #c1ff72; border-radius: 15px; color: #07150c; background: linear-gradient(135deg, #b8fb6b, #72d63d); box-shadow: 0 0 22px rgba(134, 255, 71, .24), inset 0 1px rgba(255, 255, 255, .55); font-size: 20px; font-weight: 850; cursor: pointer; }
    .auth-submit:hover { color: #031208; background: linear-gradient(135deg, #d0ff8e, #83e94d); transform: translateY(-1px); }
    .auth-submit:disabled { opacity: .64; cursor: wait; transform: none; }
    .auth-submit .arrow { color: #173d13; font-size: 36px; line-height: 1; font-weight: 400; }
    .auth-status { display: flex; align-items: center; gap: 9px; min-height: 28px; margin-top: 14px; color: rgba(213, 250, 197, .68); font-size: 12px; }
    .auth-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #a8fa68; box-shadow: 0 0 10px #8cff4e; }
    .auth-error { min-height: 20px; margin-top: 12px; color: #ff9d98; font-size: 13px; }
    .auth-footer { align-self: end; margin-top: 30px; color: rgba(192, 244, 173, .46); font-size: 11px; letter-spacing: .08em; }

    /* Keep the login gate compact. The artwork is limited to the credential area. */
    #auth-gate {
      padding: 18px;
      background: var(--bg);
      backdrop-filter: none;
    }
    #auth-gate::before { display: none; }
    .auth-card {
      display: block;
      width: min(560px, calc(100vw - 36px));
      min-height: 0;
      padding: 22px;
      border: 1px solid rgba(184, 195, 207, .92);
      border-radius: 14px;
      background: rgba(255, 255, 255, .88);
      box-shadow: 0 18px 48px rgba(20, 28, 38, .22);
    }
    .auth-card::before,
    .auth-card::after { display: none; }
    .auth-brand {
      gap: 10px;
      padding: 2px 2px 14px;
      color: #171b22;
    }
    .auth-logo {
      width: 38px;
      height: 38px;
      border-color: #b8c3cf;
      border-radius: 10px;
      color: #1d6f64;
      background: rgba(255, 255, 255, .72);
      box-shadow: none;
      font-size: 16px;
    }
    .auth-brand strong { font-size: 18px; }
    .auth-brand small { display: none; }
    .auth-entry-surface {
      overflow: hidden;
      padding: 18px;
      border: 1px solid rgba(128, 207, 86, .52);
      border-radius: 11px;
      background: #07110f;
      box-shadow: inset 0 0 28px rgba(109, 255, 80, .08);
    }
    .auth-copy { margin: 0; max-width: none; }
    .auth-copy .eyebrow { font-size: 12px; letter-spacing: .16em; }
    .auth-copy h1 { margin: 7px 0 10px; font-size: 30px; }
    .auth-copy .energy-line { width: 126px; height: 2px; margin-bottom: 10px; }
    .auth-copy .energy-line::before { width: 8px; height: 8px; }
    .auth-copy .tagline { font-size: 9px; letter-spacing: .08em; line-height: 1.5; }
    .auth-form { width: 100%; margin-top: 20px; }
    .auth-field { margin-top: 14px; }
    .auth-field label { margin-bottom: 7px; color: #bde99f; font-size: 12px; }
    .auth-input-wrap { border-color: rgba(174, 234, 139, .54); background: rgba(0, 16, 12, .54); }
    .auth-field-icon { flex-basis: 44px; height: 48px; }
    .auth-input-wrap input { min-height: 48px; color: #f7fff3 !important; font-size: 15px; }
    .auth-password-toggle { font-size: 18px; }
    .auth-submit { width: 100%; min-height: 48px; margin-top: 10px; border-radius: 9px; font-size: 15px; }
    .auth-submit .arrow { font-size: 26px; }
    .auth-status { min-height: 22px; margin-top: 10px; font-size: 10px; }
    .auth-error { min-height: 16px; margin-top: 6px; font-size: 12px; }
    .auth-footer { margin-top: 12px; color: #8b95a3; font-size: 9px; text-align: center; }
    .auth-gate-stack { position: relative; z-index: 1; width: min(560px, calc(100vw - 36px)); }
    .auth-legal-notice {
      margin-top: 12px;
      padding: 13px 15px;
      border: 1px solid rgba(184, 195, 207, .62);
      border-radius: 10px;
      color: rgba(55, 65, 78, .84);
      background: rgba(244, 247, 250, .88);
      font-size: 11.5px;
      line-height: 1.65;
    }
    .auth-legal-notice strong { display: block; margin-bottom: 6px; color: rgba(35, 45, 57, .90); font-size: 12.5px; }
    .auth-legal-notice p { margin: 5px 0; }
    .auth-legal-support { color: rgba(29, 111, 100, .86); }

    .app-modal { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: 20px; background: rgba(8,18,28,.45); backdrop-filter: blur(8px); }
    #trial-modal, #guest-modal { z-index: 1200; }
    .app-modal-card { width: min(760px, 100%); max-height: min(760px, 90vh); overflow: auto; padding: 20px; border: 1px solid var(--border-strong); border-radius: 12px; background: var(--rubick-card-bg); box-shadow: 0 20px 70px rgba(0,0,0,.2); }
    .modal-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--border); padding-bottom: 10px; margin-bottom: 14px; }
    .release-current { padding: 14px; border: 1px solid var(--border); border-radius: 9px; background: var(--accent-soft); }
    .release-history { display: grid; gap: 10px; margin-top: 12px; }
    .release-item { padding: 12px; border: 1px solid var(--border); border-radius: 8px; }
    .admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .admin-table { width: 100%; margin-top: 12px; border-collapse: collapse; font-size: 13px; }
    .admin-table th, .admin-table td { padding: 8px; border-bottom: 1px solid var(--border); text-align: left; }
    .admin-users-panel { overflow: auto; }
    .admin-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 38px; border-bottom: 1px solid var(--border); margin-bottom: 10px; }
    .admin-panel-head strong { display: block; font-size: 15px; }
    .admin-panel-head span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
    .admin-data-section { flex: 0 0 auto; }
    .admin-live-table, .admin-strategy-table { width: 100%; border-collapse: collapse; font-size: 12px; white-space: nowrap; }
    .admin-live-table th, .admin-live-table td, .admin-strategy-table th, .admin-strategy-table td { padding: 8px; border-bottom: 1px solid #edf1f4; text-align: left; vertical-align: top; }
    .admin-live-table th, .admin-strategy-table th { color: var(--muted); font-weight: 760; }
    .admin-strategy-link { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 0; border: 0; background: transparent; color: var(--accent); text-align: left; cursor: pointer; font: inherit; }
    .admin-strategy-link:hover { text-decoration: underline; }
    .admin-strategy-link small { color: var(--muted); font-size: 11px; }
    .admin-strategy-detail { min-height: 0; display: flex; flex-direction: column; gap: 12px; }
    .admin-strategy-detail.hidden { display: none; }
    .admin-strategy-detail-head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--border); }
    .admin-strategy-detail-head strong { flex: 1 1 220px; min-width: 0; font-size: 16px; }
    .admin-strategy-detail-scroll { min-height: 0; overflow: auto; padding-right: 2px; }
    .admin-readonly-badge { color: var(--muted); font-size: 12px; }
    .admin-detail-meta, .admin-detail-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
    .admin-detail-meta div, .admin-detail-stat { min-width: 0; border: 1px solid var(--border); border-radius: 8px; padding: 9px 10px; background: var(--rubick-card-bg); }
    .admin-detail-meta span, .admin-detail-stat span { display: block; color: var(--muted); font-size: 11px; margin-bottom: 4px; }
    .admin-detail-stat span { color: var(--text); }
    .admin-detail-meta strong, .admin-detail-stat strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .admin-detail-block { margin-top: 12px; }
    .admin-detail-block h3 { margin: 0 0 7px; font-size: 13px; }
    .admin-detail-table { width: 100%; border-collapse: collapse; font-size: 12px; white-space: nowrap; }
    .admin-detail-table th, .admin-detail-table td { padding: 7px 8px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
    .admin-detail-table th { color: var(--muted); font-weight: 760; }
    .admin-detail-table-wrap { overflow: auto; max-height: 260px; border: 1px solid var(--border); border-radius: 7px; }
    .admin-detail-log { max-height: 240px; overflow: auto; margin: 0; padding: 9px 12px 9px 28px; border: 1px solid var(--border); border-radius: 7px; font-size: 12px; line-height: 1.55; }
    .admin-detail-note { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }

    .admin-code-card { margin-top: 8px; border: 1px solid var(--border); border-radius: 7px; background: #fff; }
    .admin-code-card > summary { cursor: pointer; padding: 9px 10px; font-weight: 700; }
    .admin-code-card pre { max-height: 480px; overflow: auto; margin: 0; padding: 10px; border-top: 1px solid var(--border); font: 12px/1.5 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }
    .auth-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; color: #d7f7c6; font-size: 12px; }
    .auth-option-checks { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 12px; min-width: 0; }
    .auth-options label { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; }
    .auth-options input { width: 16px; height: 16px; accent-color: #8be54e; }
    .auth-risk-inline { color: #d7f7c6; }
    .auth-link-button { padding: 4px 0; border: 0; color: #bff58e; background: transparent; text-decoration: underline; cursor: pointer; }
    .permission-profile { display: flex; align-items: center; gap: 12px; padding: 13px 14px; margin-bottom: 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--rubick-card-bg); }
    .permission-profile-badge { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; background: color-mix(in srgb, var(--accent) 20%, transparent); color: var(--accent); font-weight: 800; }
    .permission-profile-copy { min-width: 0; display: grid; gap: 2px; }
    .permission-profile-copy strong { font-size: 16px; overflow-wrap: anywhere; }
    .permission-profile-copy span { color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
    .permission-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .permission-list.compact { gap: 8px; }
    .permission-item, .funds-summary-item { padding: 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--rubick-card-bg); }
    .permission-item span, .funds-summary-item span { display: block; color: var(--muted); font-size: 12px; }
    .permission-item strong, .funds-summary-item strong { display: block; margin-top: 4px; font-size: 15px; }
    .funds-summary-item strong.positive { color: #078462; }
    .funds-summary-item strong.negative { color: #cf3f4a; }
    .funds-panel { height: 100%; overflow: auto; padding: 14px; }
    .funds-panel.hidden { display: none; }
    .funds-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
    .funds-profit-curves { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
    .funds-profit-curve { min-width: 0; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--rubick-card-bg); }
    .funds-profit-curve h3 { margin: 0 0 4px; font-size: 13px; }
    .funds-profit-curve-chart { min-height: 240px; height: 260px; }
    .funds-table-wrap { overflow: auto; margin-bottom: 16px; border: 1px solid var(--border); border-radius: 8px; background: var(--rubick-card-bg); }
    .funds-table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .funds-table th, .funds-table td { padding: 9px 10px; border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap; }
    .funds-table .positive { color: #078462; font-weight: 700; }
    .funds-table .negative { color: #cf3f4a; font-weight: 700; }
    .admin-limit-input { width: 88px; min-width: 72px; }
    #auth-gate { background: var(--bg); }
    #auth-gate::before { display: none; }
    .auth-action-links { display: inline-flex; gap: 8px; align-items: center; }



    .live-account-group { display: contents; }

    /* A compact desktop arrangement, selected by shape rather than device.
       Ratios up to and including 12:9 use the compact desktop layout. No mobile routes or
       duplicated controls are introduced. */
    @media (aspect-ratio <= 4/3) {
      body { min-width: 0; min-height: 0; }
      .terminal-shell {
        min-width: 0; min-height: 0;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: 58px minmax(0, 1fr);
      }
      .terminal-nav {
        flex-direction: row; align-items: center; gap: 6px;
        padding: 8px 10px; overflow-x: auto; overflow-y: hidden;
        border-right: 0; border-bottom: 1px solid var(--border);
        scrollbar-width: thin; overscroll-behavior-x: contain;
      }
      .terminal-nav .terminal-logo { flex: 0 0 auto; margin: 0 10px 0 0; padding: 0; }
      .terminal-nav .nav-item { flex: 0 0 auto; width: auto; min-height: 34px; white-space: nowrap; padding: 7px 10px; }
      .terminal-workspace { min-height: 0; padding: 8px; gap: 8px; }
      .terminal-workspace > header { padding: 8px 10px; overflow: hidden; }
      .terminal-workspace > header > .controls { flex: 1 1 auto; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
      .terminal-workspace > header .controls > * { flex-shrink: 0; }
      .terminal-workspace > header .status { max-width: 220px; }
      .terminal-workspace > main { grid-template-columns: minmax(0, 1fr); }
      #layout-divider { display: none; }

      .terminal-workspace > main:has(> aside.overview-aside-mode) {
        grid-template-rows: minmax(0, 1fr) 148px; gap: 8px;
      }
      .terminal-workspace > main > aside.overview-aside-mode { padding: 8px; overflow: hidden; }
      .overview-side-log { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 6px; }
      .overview-side-log > h2 { display: none; }
      .overview-side-log .overview-market-list {
        display: grid; grid-auto-flow: column; grid-auto-columns: 230px;
        grid-template-rows: minmax(0, 1fr); gap: 8px;
        overflow-x: auto; overflow-y: hidden; padding: 4px;
        overscroll-behavior-x: contain;
      }
      .overview-side-log .overview-market-row { min-width: 0; padding: 8px 10px; }
      .overview-side-log .overview-actions { margin: 0; justify-content: flex-end; }
      .overview-body { grid-template-columns: minmax(0, 1fr) 250px; gap: 8px; }
      .intel-card { min-width: 0; }

      .terminal-workspace > main:has(> aside:not(.hidden)):not(:has(> aside.overview-aside-mode)) {
        grid-template-rows: minmax(0, 1fr) clamp(280px, 35dvh, 500px); gap: 8px;
      }
      .terminal-workspace > main:has(> .chart-shell.chart-view-active) > aside:not(.hidden) { overflow: hidden; }
      .terminal-workspace > main:has(> .chart-shell.chart-view-active) > aside > .panel-title { margin-bottom: 6px; }
      .terminal-workspace > main:has(> .chart-shell.chart-view-active) #debug-page {
        display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: 26px auto minmax(0, 1fr); gap: 4px 8px;
        height: calc(100% - 32px); min-height: 0; overflow: hidden;
      }
      .terminal-workspace > main:has(> .chart-shell.chart-view-active) #debug-page > .hint { display: none; }
      #debug-page .backtest-debug-tabs { position: static; grid-column: 1; grid-row: 1; margin: 0; }
      #debug-page > .backtest-debug-pane { grid-column: 1; grid-row: 2 / 4; min-width: 0; min-height: 0; overflow: auto; margin: 0; }
      #debug-page > .section:has(#backtest-queue-status) { grid-column: 2; grid-row: 1 / 3; margin: 0; max-height: 70px; overflow: auto; }
      #debug-page > .section:has(#debug-orders) { grid-column: 2; grid-row: 3; display: flex; flex-direction: column; min-width: 0; min-height: 0; margin: 0; overflow: hidden; }
      #debug-page .order-table-wrap { flex: 1; min-height: 0; max-height: none; }
      #backtest-strategy-code-pane .backtest-strategy-code-editor { min-height: 180px; }

      #order-detail-panel .order-performance-chart { flex: 0 0 auto; height: clamp(240px, 27dvh, 620px); }
      #order-detail-panel .order-drawdown-chart { flex: 0 0 auto; height: clamp(200px, 22dvh, 500px); }
      #order-detail-panel .main-order-table-wrap { flex: 1 0 220px; }
      #order-detail-panel { overflow: auto; }
      .order-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

      #live-trade-panel { overflow: auto; }
      .live-grid { flex: 1 0 620px; grid-template-columns: minmax(0, 1fr); grid-template-rows: clamp(290px, 33dvh, 480px) minmax(240px, 1fr); }
      .live-account-panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; overflow: hidden; }
      .live-account-group { display: block; min-width: 0; min-height: 0; overflow: auto; padding-right: 6px; }
      .live-account-group + .live-account-group, .live-account-panel > .live-api-config { border-left: 1px solid var(--border); padding-left: 12px; }
      .live-account-panel > .live-api-config { min-width: 0; min-height: 0; margin: 0; overflow: auto; }
      .live-account-panel .main-order-table-wrap { min-height: 80px; max-height: 180px; }
      .live-account-panel .live-order-table { min-width: 560px; }
      .live-account-panel .live-stat-grid { grid-template-columns: 1fr; }
      .live-account-panel .settings-form-row { grid-template-columns: minmax(80px, .8fr) minmax(0, 1fr); }
      .live-account-panel .live-secret-grid, .live-account-panel .live-fee-grid { grid-template-columns: 1fr; }

      .funds-profit-curves { grid-template-columns: minmax(0, 1fr); }
      .funds-profit-curve-chart { height: clamp(260px, 31dvh, 680px); }

      .strategy-library-layout { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) clamp(230px, 27dvh, 390px); }
      .strategy-editor-section { grid-column: 1; grid-row: 1; }
      .strategy-editor-section .code-editor { min-height: 160px; }
      .strategy-library-catalogues { grid-column: 1; grid-row: 2; flex-direction: row; overflow-x: auto; overflow-y: hidden; }
      .strategy-library-catalogues > .strategy-library-browser { flex: 1 0 290px; min-width: 290px; min-height: 0; }
      .strategy-library-catalogues .strategy-library-list { flex-direction: row; overflow-x: auto; overflow-y: hidden; align-items: stretch; scrollbar-gutter: auto; }
      .strategy-library-catalogues .strategy-library-card { flex: 0 0 250px; min-width: 0; max-height: 100%; align-self: flex-start; align-content: start; overflow: auto; }
    }
    /* Icon controls only for the compact desktop aspect ratio. */
    @media (aspect-ratio <= 4/3) {
      .terminal-nav { gap: 3px; overflow: hidden; }
      .terminal-nav .terminal-logo { margin-right: 4px; }
      .terminal-nav .terminal-logo strong { display: none; }
      .terminal-nav .nav-item { flex: 1 1 0; min-width: 0; padding: 7px 2px; justify-content: center; gap: 0; }
      .terminal-nav .nav-label { display: none; }
      .terminal-nav .nav-glyph { width: 20px; height: 20px; border: 0; border-radius: 0; opacity: 1; background: currentColor; mask: var(--compact-icon) center / contain no-repeat; }
      .terminal-nav .nav-item.active { color: #2563eb; background: rgba(59,130,246,.13); border-color: rgba(59,130,246,.35); }
      .terminal-workspace > header { padding: 3px 6px; }
      .terminal-workspace > header > .controls { flex-wrap: wrap; justify-content: flex-end; gap: 4px; overflow: visible; }
      .terminal-workspace > header .resource-usage { gap: 3px; }
      .resource-usage-title { display: none; }
      .terminal-workspace > header .resource-usage-item { min-height: 24px; padding: 0 4px; gap: 3px; }
      .terminal-workspace > header .resource-usage-item b { font-size: 0; }
      .terminal-workspace > header .resource-usage-item b::after,
      .terminal-workspace > header button::after,
      .appearance-control > span::after,
      .terminal-workspace > header .status::after { content: ''; display: block; width: 17px; height: 17px; background: currentColor; mask: var(--compact-icon) center / contain no-repeat; }
      .terminal-workspace > header button:not([hidden]) { font-size: 0; gap: 0; min-width: 28px; min-height: 25px; height: 25px; padding: 3px 5px; display: inline-flex; align-items: center; justify-content: center; }
      .terminal-workspace > header button::before { display: none; }
      .terminal-workspace > header .appearance-control { grid-template-columns: 17px 48px 30px; min-height: 25px; height: 25px; padding: 2px 4px; gap: 4px; }
      .appearance-control > span { font-size: 0; }
      .terminal-workspace > header #appearance-opacity { width: 48px; }
      .terminal-workspace > header .status { font-size: 0; max-width: 20px; }
      #background-toggle[aria-pressed="false"]::after { opacity: .4; }
      .terminal-nav [data-main-view="overview"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="chart"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18M7%2014l4-5%204%203%206-8%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="orders"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%208h6M9%2012h6M9%2016h4%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="live"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18M16%2014h5%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="tick"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m13%202-9%2012h7l-1%208%2010-13h-8z%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="funds"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020v-5M10%2020V9M16%2020V4M3%2011l6-6%205%202%207-5%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="ai-trader"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%203v4M8%2016h8M1%2012h2M21%2012h2%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="strategies"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h6v16H4zM14%204h6v16h-6zM7%208h0M17%208h0%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="factor-optimizer"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2217%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="database"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%225%22%20rx%3D%228%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M4%205v14c0%204%2016%204%2016%200V5M4%2012c0%204%2016%204%2016%200%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="settings"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%203-1%203-3%201v4l-2%201%202%202v4l3%201%201%202h6l1-2%203-1v-4l2-2-2-1V7l-3-1-1-3z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
      .terminal-nav [data-main-view="admin-users"] { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-4a6%206%200%200%201%2012%200v4M17%204a3%203%200%200%201%200%206M18%2015h4M20%2013v4%22%2F%3E%3C%2Fsvg%3E"); }
      #resource-disk { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2014h18M7%2017h1M12%2017h1%22%2F%3E%3C%2Fsvg%3E"); }
      #resource-system-cpu { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%202v4M15%202v4M9%2018v4M15%2018v4M2%209h4M2%2015h4M18%209h4M18%2015h4%22%2F%3E%3C%2Fsvg%3E"); }
      #resource-process-cpu { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012h4l3-8%205%2016%203-8h5%22%2F%3E%3C%2Fsvg%3E"); }
      #resource-memory { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%2220%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2010v4M10%2010v4M14%2010v4M18%2010v4M6%2018v3M12%2018v3M18%2018v3%22%2F%3E%3C%2Fsvg%3E"); }
      #version-button { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v6M12%207h0%22%2F%3E%3C%2Fsvg%3E"); }
      #current-account-button { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2022v-3a8%208%200%200%201%2016%200v3%22%2F%3E%3C%2Fsvg%3E"); }
      #logout-button { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203H4v18h5M10%2012h12M17%207l5%205-5%205%22%2F%3E%3C%2Fsvg%3E"); }
      #theme-toggle { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%201v3M12%2020v3M1%2012h3M20%2012h3M4%204l2%202M18%2018l2%202M4%2020l2-2M18%206l2-2%22%2F%3E%3C%2Fsvg%3E"); }
      #background-toggle { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%2018%205-5%204%203%204-6%205%208%22%2F%3E%3C%2Fsvg%3E"); }
      .appearance-control { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202C9%207%205%2011%205%2015a7%207%200%200%200%2014%200c0-4-4-8-7-13zM12%209v12%22%2F%3E%3C%2Fsvg%3E"); }
      #refresh { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%208A9%209%200%201%200%2021%2015M20%202v6h-6%22%2F%3E%3C%2Fsvg%3E"); }
      #status { --compact-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m7%2012%203%203%207-7%22%2F%3E%3C%2Fsvg%3E"); }
    }
    @media (aspect-ratio <= 4/3) and (max-width: 600px) {
      .terminal-workspace > header .resource-usage { flex-basis: 100%; justify-content: flex-end; }
    }

    .live-account-details { min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
    .live-account-details > summary { display: none; }
    .live-account-details > .live-account-panel { flex: 1; }
    .live-account-details[open]::details-content { display: flex; flex: 1; flex-direction: column; min-height: 0; overflow: hidden; }
    @media (aspect-ratio <= 4/3) {
      .terminal-workspace > main:has(#live-trade-panel:not(.hidden)):not(:has(.runner-detail-open)) { display: flex; flex-direction: column; overflow: auto; gap: 10px; }
      .terminal-workspace > main:has(#live-trade-panel:not(.hidden)):not(:has(.runner-detail-open)) > .chart-shell { flex: 0 0 auto; overflow: visible; height: auto; }
      #live-trade-panel:not(.runner-detail-open) { position: relative; inset: auto; height: auto; overflow: visible; }
      #live-trade-panel:not(.runner-detail-open) .live-grid { flex: 0 0 auto; grid-template-rows: minmax(360px, 44dvh); overflow: visible; }
      #live-trade-panel .live-order-box { grid-row: 1; min-height: 360px; }
      .terminal-workspace > main > aside.live-side-mode { flex: 0 0 auto; height: auto; min-height: 0; overflow: visible; }
      aside.live-side-mode > #debug-page { display: none !important; }
      aside:not(.live-side-mode) > .live-account-details { display: none; }
      aside.live-side-mode > .live-account-details { display: block; margin-top: 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--rubick-card-bg); }
      .live-account-details > summary { display: flex; align-items: center; gap: 10px; padding: 12px; cursor: pointer; font-size: 13px; font-weight: 750; list-style: none; }
      .live-account-details > summary::before { content: '›'; color: var(--accent); font-size: 20px; }
      .live-account-details[open] > summary::before { transform: rotate(90deg); }
      .live-account-details > summary small { color: var(--muted); font-size: 11px; font-weight: 400; }
      .live-account-details[open]::details-content { display: block; overflow: visible; }
      .live-account-details > .settings-head { margin: 0 12px 8px; }
      .live-account-details .live-account-panel { max-height: 440px; overflow: auto; }
      aside.live-side-mode #live-strategy-settings > .section-body { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
      #live-strategy-settings > .section-body > .setting { min-width: 0; margin: 0; padding: 7px 8px; border-radius: 6px; background: var(--rubick-card-bg); }
      #live-strategy-settings > .section-body > .setting:has(> #live-entry-order-ttl) { grid-column: 2; }
      #live-strategy-settings .setting small { grid-column: 1 / -1; }
      #live-strategy-settings > .section-body > :is(.hint,.code-toolbar,.code-status,.live-risk-panel,.setting-group) { grid-column: 1 / -1; }
      #live-strategy-settings > .section-body > .setting-group:not([hidden]) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 16px; }
      #live-strategy-settings > .section-body > .setting-group > :is(.hint,small) { grid-column: 1 / -1; }
      #live-strategy-settings .live-risk-panel { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 16px; }
      #live-strategy-settings .live-risk-panel > :is(.hint,.live-risk-status) { grid-column: 1 / -1; }
      .strategy-library-layout { grid-template-rows: minmax(0,1fr) clamp(260px,36dvh,460px); }
      .strategy-library-catalogues { gap: 6px; }
      .strategy-library-catalogues > .strategy-library-browser { flex: 0 0 42px; min-width: 42px; }
      .strategy-library-catalogues > .strategy-library-browser[open] { flex: 1 0 280px; min-width: 280px; }
      .strategy-library-catalogues > .strategy-library-browser[aria-label="我的策略库"][open] { flex: 1 1 auto; min-width: 200px; }
      .strategy-library-catalogues > .strategy-library-browser:not([open]) > summary { writing-mode: vertical-rl; align-items: center; justify-content: flex-start; width: 40px; height: 100%; box-sizing: border-box; padding: 12px 8px; border: 0; }
      .strategy-library-catalogues > .strategy-library-browser:not([open]) > summary::after { content: '‹'; }
      .strategy-library-catalogues #strategy-library-list { display: grid; grid-auto-flow: column; grid-template-rows: repeat(2,minmax(0,1fr)); grid-auto-columns: 250px; gap: 8px; align-items: stretch; }
      #strategy-library-list > .strategy-library-card { align-self: stretch; }
    }

    @media (aspect-ratio <= 4/3) {
      .terminal-workspace:not(:has(#overview-panel:not(.hidden))) { --terminal-header-height: 0px; }
      .terminal-workspace:not(:has(#overview-panel:not(.hidden))) > header { height: 0; min-height: 0; padding: 0; border: 0; overflow: hidden; visibility: hidden; }
      aside.live-side-mode > .panel-title,
      .terminal-workspace > main:has(> .chart-shell.chart-view-active) > aside > .panel-title,
      #live-trade-panel .live-order-box > .settings-head,
      aside.live-side-mode #live-strategy-settings > summary { display: none; }
      .terminal-workspace > main:has(#live-trade-panel:not(.hidden)):not(:has(.runner-detail-open)) > .chart-shell,
      .terminal-workspace > main > aside.live-side-mode,
      #live-trade-panel:not(.runner-detail-open),
      #live-trade-panel .live-order-box,
      aside.live-side-mode #live-strategy-settings { border: 0; border-radius: 0; box-shadow: none; background: transparent !important; padding: 0; }
      aside.live-side-mode #live-strategy-settings { margin: 0; }
      aside.live-side-mode #live-strategy-settings > .section-body { padding: 0; }
      .terminal-workspace > main:has(> .chart-shell.chart-view-active) #debug-page { height: 100%; }
      #debug-page .backtest-debug-tabs { gap: 4px; }
      #debug-page .backtest-debug-tab { min-height: 26px; height: 26px; padding: 3px 6px; font-size: 12px; }
    }