:root {
      color-scheme: light;
      --blue: #4f6fed;
      --blue-dark: #2f4ecf;
      --orange: #f59e0b;
      --ink: #222222;
      --muted: #555555;
      --subtle: #fafafa;
      --panel: #ffffff;
      --line: #eeeeee;
      --line-strong: #e2e2e6;
      --shadow: 0 0.75rem 2.25rem rgba(15, 23, 42, .045);
      --shadow-soft: 0 0.25rem 1rem rgba(15, 23, 42, .035);
      --radius: 1.125rem;
      --radius-small: 0.75rem;
      --sidebar: 16.75rem;
    }

    html { font-size: 14px; }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      min-height: 100vh;
      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
      background: var(--subtle);
      color: var(--ink);
      letter-spacing: 0;
      overflow-x: hidden;
    }
    body.authed {
      overflow: hidden;
    }
    body.theme-dark {
      color-scheme: dark;
      --ink: #e5e7eb;
      --muted: #a1a1aa;
      --subtle: #0f172a;
      --panel: #111827;
      --line: #273244;
      --line-strong: #334155;
      background: #0f172a;
      color: #e5e7eb;
    }
    body.theme-dark input,
    body.theme-dark textarea,
    body.theme-dark select {
      border-color: #334155;
      background: #0f172a;
      color: #e5e7eb;
    }
    body.theme-dark input::placeholder,
    body.theme-dark textarea::placeholder {
      color: #64748b;
    }
    body.theme-dark .sidebar,
    body.theme-dark .topbar,
    body.theme-dark .content,
    body.theme-dark .settings-dialog,
    body.theme-dark .profile-dialog,
    body.theme-dark .admin-dialog,
    body.theme-dark .quick-drawer,
    body.theme-dark .account-panel,
    body.theme-dark .panel,
    body.theme-dark .settings-content,
    body.theme-dark .settings-nav,
    body.theme-dark .settings-card,
    body.theme-dark .settings-status-card,
    body.theme-dark .profile-block,
    body.theme-dark .admin-block,
    body.theme-dark .home-banner,
    body.theme-dark .asset-page,
    body.theme-dark .pick-layout,
    body.theme-dark .lf3-workbench {
      background: #111827;
      color: #e5e7eb;
      border-color: #273244;
    }
    body.theme-dark .settings-modal,
    body.theme-dark .profile-modal,
    body.theme-dark .admin-modal {
      background: rgba(2, 6, 23, .68);
    }
    body.theme-dark .settings-title h2,
    body.theme-dark .settings-section-title h3,
    body.theme-dark .profile-block h3,
    body.theme-dark .admin-block h3,
    body.theme-dark .account-name-btn,
    body.theme-dark .admin-kpi strong,
    body.theme-dark .profile-kpi strong {
      color: #f8fafc;
    }
    body.theme-dark .settings-section-title p,
    body.theme-dark .settings-field small,
    body.theme-dark .settings-row span,
    body.theme-dark .settings-note,
    body.theme-dark .account-sub,
    body.theme-dark .profile-kpi span,
    body.theme-dark .admin-kpi span {
      color: #94a3b8;
    }
    body.theme-dark .settings-nav button,
    body.theme-dark .account-links button,
    body.theme-dark .account-links .account-admin-link,
    body.theme-dark .top-menu-btn,
    body.theme-dark .top-nav-link {
      color: #cbd5e1;
    }
    body.theme-dark .settings-nav button:hover,
    body.theme-dark .settings-nav button.active,
    body.theme-dark .account-links button:hover,
    body.theme-dark .top-menu-btn:hover,
    body.theme-dark .top-nav-link:hover,
    body.theme-dark .top-nav-link.active {
      background: rgba(249, 115, 22, .16);
      color: #fb923c;
    }
    body.theme-dark .appearance-options button,
    body.theme-dark .admin-kpi,
    body.theme-dark .profile-kpi,
    body.theme-dark .account-credit-card,
    body.theme-dark .account-member-info {
      border-color: #334155;
      background: #0f172a;
      color: #e5e7eb;
    }
    body.theme-dark .appearance-options button.active {
      border-color: #fb923c;
      background: rgba(249, 115, 22, .12);
      color: #fb923c;
    }
    button, input, textarea, select { font: inherit; }
    button { cursor: pointer; }
    input, textarea, select {
      width: 100%;
      border: 0.0625rem solid #e1e1e3;
      border-radius: var(--radius-small);
      background: #fbfcfe;
      color: var(--ink);
      padding: 0.8125rem 0.9375rem;
      min-height: 2.875rem;
      outline: none;
      transition: border-color .18s ease, box-shadow .18s ease;
    }
    textarea {
      min-height: 6.125rem;
      resize: none;
      line-height: 1.55;
      overflow: hidden;
      scrollbar-width: none;
    }
    textarea::-webkit-scrollbar { display: none; }
    input::placeholder, textarea::placeholder { color: #b3b3b8; }
    input:focus, textarea:focus, select:focus {
      border-color: rgba(0, 122, 255, .72);
      box-shadow: 0 0 0 0.25rem rgba(0, 122, 255, .12);
    }
    label { display: grid; gap: 0.5rem; color: #3a3a3c; font-size: 0.875rem; }
    h1, h2, h3, p { margin-top: 0; }

    .login-wrap {
      height: 100vh;
      height: 100dvh;
      max-height: 100vh;
      max-height: 100dvh;
      display: block;
      position: relative;
      overflow: hidden;
      isolation: isolate;
      background:
        linear-gradient(90deg, rgba(6, 10, 17, .5) 0%, rgba(6, 10, 17, .31) 42%, rgba(6, 10, 17, .18) 62%, rgba(6, 10, 17, .46) 100%),
        #080a0f;
    }
    .login-bg-picture {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: -2;
      overflow: hidden;
    }
    .login-bg-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      opacity: 0;
      transition: opacity .22s ease;
      display: block;
    }
    .login-bg-img.is-loaded {
      opacity: 1;
    }
    .login-bg-shade {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: -1;
      background: linear-gradient(90deg, rgba(6, 10, 17, .5) 0%, rgba(6, 10, 17, .31) 42%, rgba(6, 10, 17, .18) 62%, rgba(6, 10, 17, .46) 100%);
    }
    .login-wrap::before,
    .login-wrap::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
    }
    .login-wrap::before {
      background:
        radial-gradient(circle at 18% 86%, rgba(210, 48, 26, .25), transparent 30%),
        radial-gradient(circle at 70% 92%, rgba(230, 84, 32, .2), transparent 34%),
        radial-gradient(circle at 46% 88%, rgba(150, 28, 18, .16), transparent 38%),
        linear-gradient(0deg, rgba(118, 22, 16, .24), transparent 52%);
      mix-blend-mode: screen;
      opacity: .62;
      animation: battlefieldFlare 7.2s ease-in-out infinite;
    }
    .login-wrap::after {
      background-image:
        radial-gradient(circle, rgba(255, 164, 78, .5) 0 0.055rem, transparent 0.12rem),
        radial-gradient(circle, rgba(236, 72, 42, .32) 0 0.05rem, transparent 0.115rem),
        radial-gradient(circle, rgba(230, 230, 230, .18) 0 0.075rem, transparent 0.18rem),
        radial-gradient(circle, rgba(180, 180, 180, .14) 0 0.09rem, transparent 0.22rem),
        radial-gradient(ellipse, rgba(155, 155, 155, .11) 0 0.12rem, transparent 0.32rem),
        radial-gradient(ellipse, rgba(105, 105, 105, .12) 0 0.15rem, transparent 0.38rem);
      background-size:
        8rem 6rem,
        11rem 8rem,
        5.75rem 4.25rem,
        7rem 5rem,
        10rem 7rem,
        13rem 9rem;
      background-position:
        0 100%,
        30% 96%,
        8% 12%,
        44% 20%,
        72% 8%,
        20% 48%;
      opacity: .5;
      filter: blur(.15px);
      animation: ashAndEmberDrift 22s linear infinite;
    }
    .login-content {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: grid;
      grid-template-columns: minmax(18rem, 1fr) minmax(22rem, 28rem);
      align-items: center;
      justify-content: center;
      gap: clamp(2.5rem, 7vw, 6rem);
      padding: clamp(1.25rem, 5vh, 4rem) clamp(2rem, 7vw, 6rem);
    }
    .battle-flags {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
    }
    .battle-flag {
      position: absolute;
      left: var(--x);
      top: var(--y);
      width: var(--w);
      height: var(--h);
      opacity: var(--o, .28);
      transform-origin: 8% 14%;
      transform: rotate(var(--r, -10deg));
      filter: blur(.25px) saturate(.7) brightness(.82);
      animation: tornFlagWave var(--d, 6.8s) ease-in-out var(--delay, 0s) infinite;
    }
    .battle-flag::before,
    .battle-flag::after {
      content: "";
      position: absolute;
      inset: 0;
      clip-path: var(--clip, polygon(0 0, 86% 8%, 100% 30%, 78% 45%, 96% 66%, 70% 100%, 42% 76%, 20% 92%, 0 78%));
      background:
        radial-gradient(circle at 88% 30%, rgba(255, 92, 34, .55) 0 .09rem, transparent .24rem),
        linear-gradient(var(--bg-angle, 90deg), rgba(6, 5, 6, .9), rgba(54, 12, 14, .68) 45%, rgba(5, 5, 5, .88));
      box-shadow:
        inset -.55rem 0 .9rem rgba(255, 76, 24, .12),
        0 .45rem 1.4rem rgba(0, 0, 0, .22);
    }
    .battle-flag::after {
      inset: 9% 4% 0 10%;
      opacity: .34;
      clip-path: polygon(0 18%, 72% 0, 100% 40%, 78% 92%, 42% 70%, 10% 100%);
      animation: tornFlagEdge var(--ed, 3.6s) ease-in-out var(--delay, 0s) infinite;
    }
    .battle-flag:nth-child(1) {
      --x: .35%;
      --y: .75%;
      --w: 8.1rem;
      --h: 24rem;
      --r: -7deg;
      --o: .2;
      --d: 7.8s;
      --ed: 4.6s;
      --clip: polygon(0 0, 86% 6%, 95% 18%, 74% 31%, 100% 46%, 76% 66%, 88% 88%, 48% 78%, 18% 100%, 0 82%);
      --bg-angle: 100deg;
    }
    .battle-flag:nth-child(2) {
      --x: 57.2%;
      --y: 63.2%;
      --w: 13.25rem;
      --h: 15.25rem;
      --r: -18deg;
      --o: .19;
      --d: 8.6s;
      --ed: 4.4s;
      --delay: -1.8s;
      --clip: polygon(0 10%, 50% 0, 96% 18%, 82% 44%, 100% 70%, 66% 100%, 38% 74%, 8% 92%);
      --bg-angle: 112deg;
    }
    .battle-debris {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
    }
    .battle-debris span {
      position: absolute;
      top: -22vh;
      width: var(--w, 8rem);
      height: var(--h, 2.5rem);
      left: var(--x, 20%);
      opacity: .18;
      border-radius: 70% 8% 55% 16%;
      background:
        radial-gradient(circle at 92% 18%, rgba(255, 118, 38, .95) 0 .1rem, transparent .22rem),
        radial-gradient(ellipse at 88% 72%, rgba(213, 52, 24, .38) 0 .34rem, transparent .8rem),
        linear-gradient(105deg, rgba(4, 4, 5, .94), rgba(22, 17, 16, .92) 46%, rgba(4, 4, 5, .96));
      box-shadow:
        inset 0 0 0 .0625rem rgba(255, 255, 255, .05),
        inset -.65rem 0 .95rem rgba(255, 72, 22, .16),
        0 .2rem 1rem rgba(0, 0, 0, .34);
      clip-path: polygon(0 18%, 30% 0, 70% 10%, 100% 30%, 90% 88%, 58% 72%, 28% 100%, 6% 78%);
      transform: rotate(var(--r, -18deg));
      animation: burntDebrisFall var(--d, 24s) ease-in-out var(--delay, 0s) infinite;
    }
    .battle-debris span:nth-child(1) { --x: 9%; --w: 9.5rem; --h: 3.2rem; --r: -24deg; --d: 28s; --delay: -4s; }
    .battle-debris span:nth-child(2) { --x: 28%; --w: 7.4rem; --h: 2.45rem; --r: 18deg; --d: 24s; --delay: -12s; }
    .battle-debris span:nth-child(3) { --x: 50%; --w: 10.25rem; --h: 3rem; --r: -8deg; --d: 31s; --delay: -8s; }
    .battle-debris span:nth-child(4) { --x: 72%; --w: 8.2rem; --h: 2.65rem; --r: 30deg; --d: 26s; --delay: -18s; }
    .battle-debris span:nth-child(5) { --x: 84%; --w: 11rem; --h: 3.5rem; --r: -34deg; --d: 34s; --delay: -22s; }
    .battle-debris span:nth-child(6) { --x: 61%; --w: 6.6rem; --h: 2.2rem; --r: 14deg; --d: 23s; --delay: -2s; }
    @keyframes battlefieldFlare {
      0%, 100% { opacity: .52; filter: brightness(1); transform: scale(1); }
      34% { opacity: .72; filter: brightness(1.07); transform: scale(1.008); }
      62% { opacity: .56; filter: brightness(.99); transform: scale(1.002); }
      82% { opacity: .76; filter: brightness(1.08); transform: scale(1.01); }
    }
    @keyframes ashAndEmberDrift {
      from {
        background-position:
          0 100%,
          30% 96%,
          8% 8%,
          44% 16%,
          72% 4%,
          20% 44%;
      }
      to {
        background-position:
          8rem 64%,
          18rem 58%,
          2% 38%,
          54% 52%,
          66% 44%,
          30% 80%;
      }
    }
    @keyframes tornFlagWave {
      0%, 100% {
        transform: rotate(var(--r, -10deg)) skewY(0deg) scaleX(1);
      }
      28% {
        transform: rotate(calc(var(--r, -10deg) - 1.8deg)) skewY(3deg) scaleX(.98);
      }
      58% {
        transform: rotate(calc(var(--r, -10deg) + 2.2deg)) skewY(-4deg) scaleX(1.025);
      }
      82% {
        transform: rotate(calc(var(--r, -10deg) - .8deg)) skewY(1.5deg) scaleX(.99);
      }
    }
    @keyframes tornFlagEdge {
      0%, 100% { transform: translateX(0) skewY(0deg); opacity: .28; }
      45% { transform: translateX(.45rem) skewY(-6deg); opacity: .4; }
      72% { transform: translateX(-.2rem) skewY(4deg); opacity: .32; }
    }
    @keyframes burntDebrisFall {
      0% {
        opacity: 0;
        transform: translate3d(0, -16vh, 0) rotate(var(--r, -18deg)) scale(.86);
      }
      12% { opacity: .58; }
      46% {
        transform: translate3d(-4.5rem, 45vh, 0) rotate(calc(var(--r, -18deg) + 115deg)) scale(1);
      }
      78% { opacity: .44; }
      100% {
        opacity: 0;
        transform: translate3d(3.75rem, 118vh, 0) rotate(calc(var(--r, -18deg) + 260deg)) scale(.78);
      }
    }
    .login-hero-text {
      color: #fff;
      font-size: clamp(2.35rem, 4vw, 4rem);
      line-height: 1.15;
      letter-spacing: 0;
      font-weight: 500;
      text-shadow: 0 0.875rem 2rem rgba(0, 0, 0, .42);
    }
    .login-box {
      width: min(26.25rem, 100%);
      justify-self: end;
      background: rgba(7, 8, 12, .72);
      padding: 3rem 2.25rem;
      border-radius: 1.25rem;
      box-shadow: 0 1.5rem 4.5rem rgba(0, 0, 0, .32);
      border: 0.0625rem solid rgba(255, 255, 255, .32);
      backdrop-filter: blur(0.375rem);
    }
    .login-title {
      font-size: 2rem;
      font-weight: 750;
      margin-bottom: 2rem;
      color: #fff;
    }
    .login-sub {
      color: rgba(255, 255, 255, .58);
      margin-bottom: 0.375rem;
      font-size: 0.875rem;
      font-weight: 400;
    }
    .input-item { margin-bottom: 1.25rem; }
    .input-item label { margin-bottom: 0.5rem; display: block; color: rgba(255, 255, 255, .72); }
    .login-box input[type="text"],
    .login-box input[type="password"] {
      background: rgba(0, 0, 0, .34);
      border-color: rgba(255, 255, 255, .2);
      color: #fff;
    }
    .login-box input[type="text"]::placeholder,
    .login-box input[type="password"]::placeholder {
      color: rgba(255, 255, 255, .42);
    }
    .login-box input[type="text"]:focus,
    .login-box input[type="password"]:focus {
      border-color: rgba(255, 255, 255, .42);
      box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, .08);
    }
    .login-password-field {
      position: relative;
    }
    .login-password-field input {
      padding-right: 3rem;
    }
    .password-toggle {
      position: absolute;
      right: 0.625rem;
      top: 50%;
      transform: translateY(-50%);
      width: 2rem;
      height: 2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0;
      border-radius: 50%;
      background: transparent;
      color: rgba(255, 255, 255, .5);
      transition: color .18s ease, background .18s ease;
    }
    .password-toggle:hover {
      color: #fff;
      background: rgba(255, 255, 255, .08);
    }
    .remember-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.625rem;
      margin: -0.25rem 0 1.375rem;
      color: rgba(255, 255, 255, .7);
      font-size: 0.875rem;
      user-select: none;
    }
    .remember-row span:first-child {
      display: inline-flex;
      align-items: center;
      gap: 0.625rem;
    }
    .remember-row label {
      display: inline-flex;
      align-items: center;
      gap: 0.625rem;
      color: rgba(255, 255, 255, .7);
      font-size: 0.875rem;
    }
    .remember-row input {
      width: 1.125rem;
      min-height: 1.125rem;
      height: 1.125rem;
      padding: 0;
      accent-color: var(--blue);
      flex: 0 0 auto;
    }
    .link-btn {
      border: 0;
      background: transparent;
      color: rgba(150, 178, 255, .9);
      padding: 0;
      font-size: 0.875rem;
      transition: color .18s ease, opacity .18s ease;
    }
    .link-btn:hover { color: #fff; text-decoration: underline; }
    .login-help {
      display: none;
      margin: 0 0 1.125rem;
      padding: 0.875rem;
      border: 0.0625rem solid rgba(0, 122, 255, .22);
      border-radius: var(--radius-small);
      background: rgba(0, 122, 255, .06);
    }
    .login-help.active { display: block; }
    .login-help-title {
      margin: 0 0 0.5rem;
      font-weight: 600;
      color: #183b59;
    }
    .login-help p {
      margin: 0 0 0.625rem;
      color: #52677d;
      font-size: 0.8125rem;
      line-height: 1.6;
    }
    .reset-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.5rem;
      align-items: center;
    }
    .reset-row input { min-height: 2.5rem; padding: 0.625rem 0.75rem; }
    .reset-row .btn { min-height: 2.5rem; padding: 0.5625rem 0.75rem; }
    .reset-message {
      margin: 0.625rem 0 0;
      color: #0752a3;
      font-size: 0.8125rem;
      line-height: 1.5;
    }
    .login-btn {
      width: 100%;
      min-height: 3rem;
      border: 0;
      border-radius: var(--radius-small);
      background: linear-gradient(135deg, #8f251d, #d95d2b);
      color: #fff;
      font-size: 1rem;
      box-shadow: 0 0.75rem 1.75rem rgba(143, 37, 29, .22);
      transition: filter .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .login-btn:hover {
      filter: brightness(1.05);
      transform: translateY(-0.0625rem);
      box-shadow: 0 0.875rem 2rem rgba(143, 37, 29, .28);
    }
    .login-credit {
      margin: 0.875rem 0 0;
      text-align: center;
      color: rgba(255, 255, 255, .4);
      font-size: 0.8125rem;
    }
    @media (max-width: 52rem) {
      .login-wrap {
        height: 100vh;
        height: 100dvh;
        max-height: none;
        overflow-y: auto;
      }
      .login-content {
        min-height: 100%;
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
      }
      .login-box {
        justify-self: center;
      }
    }

    .main-wrap { display: none; height: 100vh; min-height: 100vh; overflow: hidden; }
    html.boot-authed .login-wrap { display: none; }
    html.boot-authed .main-wrap { display: flex; }
    html.boot-authed:not(.app-ready) .main-wrap {
      opacity: 0;
      pointer-events: none;
    }
    body.authed .login-wrap { display: none; }
    body.authed .main-wrap { display: flex; }
    body:not(.authed) .quick-drawer { display: none; }
    [data-page].permission-disabled,
    .top-menu-btn.permission-disabled,
    button.permission-disabled,
    [role="button"].permission-disabled {
      opacity: .42;
      cursor: not-allowed !important;
      filter: grayscale(.32);
    }
    [data-page].permission-disabled:hover,
    .top-menu-btn.permission-disabled:hover,
    button.permission-disabled:hover,
    [role="button"].permission-disabled:hover {
      transform: none !important;
      box-shadow: none !important;
    }

    .sidebar {
      width: var(--sidebar);
      flex: 0 0 var(--sidebar);
      min-height: 100vh;
      position: sticky;
      top: 0;
      background: #fbfcfe;
      border-right: 0.0625rem solid var(--line);
      padding: 1.375rem 0.875rem 1rem;
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      overscroll-behavior: contain;
      scrollbar-width: thin;
    }
    .sidebar-top {
      padding: 0.125rem 0.5rem 0;
      margin-bottom: 1.125rem;
      cursor: pointer;
    }
    .sidebar-brand-row {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      min-width: 0;
    }
    .brand-copy {
      display: grid;
      gap: 0.25rem;
      min-width: 0;
    }
    .sidebar-top h2 {
      margin: 0;
      color: #0f172a;
      font-size: 1.125rem;
      font-weight: 900;
      letter-spacing: 0;
      white-space: nowrap;
    }
    .sidebar-top p {
      margin: 0;
      color: #475569;
      font-size: 0.6875rem;
      line-height: 1.3;
      white-space: nowrap;
    }
    .brand-tagline {
      height: 0.9rem;
      overflow: hidden;
    }
    .brand-tagline-track {
      display: block;
      animation: brandTaglineCarousel 6s ease-in-out infinite;
      will-change: transform;
    }
    .brand-tagline-track span {
      display: block;
      height: 0.9rem;
      line-height: 0.9rem;
    }
    @keyframes brandTaglineCarousel {
      0%, 40% { transform: translateY(0); }
      50%, 90% { transform: translateY(-0.9rem); }
      100% { transform: translateY(0); }
    }
    @media (prefers-reduced-motion: reduce) {
      .brand-tagline-track { animation: none; }
    }
    .brand-dot {
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 0.55rem;
      flex: 0 0 auto;
      object-fit: contain;
      padding: 0.16rem;
      background: #fff;
      box-shadow: 0 0.625rem 1.25rem rgba(15, 23, 42, .12);
    }
    .menu-group { margin-bottom: 0.5rem; }
    .menu-parent, .child-item {
      width: 100%;
      border: 0;
      text-align: left;
      background: transparent;
      color: #111827;
      border-radius: var(--radius-small);
      transition: background .18s ease, color .18s ease;
      cursor: pointer;
    }
    .menu-parent {
      min-height: 2.5rem;
      padding: 0.625rem 0.75rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.625rem;
      font-size: 0.875rem;
      font-weight: 600;
    }
    .menu-label {
      display: inline-flex;
      align-items: center;
      gap: 0.625rem;
      min-width: 0;
    }
    .menu-label i {
      width: 1rem;
      color: #111827;
      text-align: center;
      font-size: 0.9375rem;
    }
    .menu-parent:hover, .menu-parent.active { background: #f2f7ff; color: var(--blue); }
    .menu-parent:hover .menu-label i,
    .menu-parent.active .menu-label i { color: var(--blue); }
    .child-menu { display: grid; gap: 0.1875rem; padding: 0.125rem 0 0.375rem 2.25rem; }
    .menu-group.collapsed .child-menu { display: none; }
    .child-item {
      min-height: 2.125rem;
      padding: 0.5rem 0.625rem;
      color: #0f172a;
      font-size: 0.8125rem;
    }
    .child-item:hover { background: #f1f1f3; }
    .child-item.active { background: #e8f3ff; color: var(--blue); }
    .menu-parent.nav-direct {
      justify-content: flex-start;
    }
    .arrow { color: #a1a1a6; transition: transform .18s ease; }
    .menu-group.collapsed .arrow { transform: rotate(-90deg); }
    .sidebar-note {
      margin-top: auto;
      border: 0.0625rem solid var(--line);
      border-radius: 0.875rem;
      padding: 0.875rem;
      color: var(--muted);
      font-size: 0.75rem;
      line-height: 1.55;
      background: #fafafa;
    }

    .pick-ai-shell {
      height: calc(100vh - 8.25rem);
      min-height: 45rem;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1.375rem;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 1.125rem 3rem rgba(15, 23, 42, .08);
      position: relative;
      overscroll-behavior: contain;
    }
    .pick-ai-drawer {
      width: 18rem;
      position: absolute;
      left: 0.875rem;
      top: 0.875rem;
      bottom: 0.875rem;
      background: rgba(255,255,255,.94);
      border: 0.0625rem solid rgba(226,232,240,.92);
      border-radius: 1rem;
      box-shadow: 0 1.125rem 2.75rem rgba(15, 23, 42, .12);
      backdrop-filter: blur(0.625rem);
      transform: translateX(calc(-100% - 1.25rem));
      transition: transform .22s ease;
      z-index: 4;
      display: grid;
      grid-template-rows: auto 1fr;
      overscroll-behavior: contain;
    }
    .pick-ai-drawer.open { transform: translateX(0); }
    .drawer-head {
      min-height: 3.625rem;
      padding: 0.75rem 0.875rem;
      display: flex;
      align-items: center;
      gap: 0.625rem;
      border-bottom: 0.0625rem solid #e5e7eb;
    }
    .drawer-back {
      border: 0;
      background: transparent;
      color: #334155;
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      padding: 0.375rem 0;
      font-size: 0.8125rem;
    }
    .drawer-head h3 {
      margin: 0 auto;
      font-size: 0.9375rem;
      color: #0f172a;
    }
    .drawer-body {
      overflow-y: auto;
      padding: 0.75rem;
      overscroll-behavior: contain;
    }
    .skill-grid {
      display: grid;
      gap: 0.5rem;
    }
    .skill-card {
      width: 100%;
      min-height: 3.125rem;
      border: 0.0625rem solid #e5e7eb;
      background: #fff;
      border-radius: 0.625rem;
      padding: 0.5625rem 0.625rem;
      display: flex;
      align-items: center;
      gap: 0.625rem;
      text-align: left;
      color: #0f172a;
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .skill-card:hover {
      transform: translateY(-0.125rem);
      border-color: color-mix(in srgb, var(--skill-color) 35%, #e5e7eb);
      box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, .08);
    }
    .skill-card i {
      width: 1.875rem;
      height: 1.875rem;
      border-radius: 62.4375rem;
      display: grid;
      place-items: center;
      color: var(--skill-color);
      background: color-mix(in srgb, var(--skill-color) 12%, #fff);
      flex: 0 0 auto;
    }
    .skill-card span {
      font-size: 0.8125rem;
      line-height: 1.35;
    }
    .pick-ai-main {
      min-width: 0;
      --pick-composer-safe: 12rem;
      --pick-scroll-jump-bottom: 12rem;
      background-color: #fbfdff;
      background-image:
        radial-gradient(rgba(99,102,241,.18) 0.0625rem, transparent 0.0625rem),
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.82));
      background-size: 1.25rem 1.25rem, 100% 100%;
      padding: 2.625rem clamp(1.125rem, 5vw, 4.125rem) 16.25rem;
      display: block;
      position: relative;
      overflow-y: auto;
      overscroll-behavior: contain;
    }
    .pick-hero {
      text-align: center;
      max-width: 61.25rem;
      margin: 0 auto;
      padding: 0;
    }
    .pick-hero h2 {
      margin: 0 0 0.75rem;
      font-size: clamp(2rem, 4vw, 2.625rem);
      color: #111827;
      line-height: 1.18;
      font-weight: 500;
      letter-spacing: 0;
    }
    .pick-hero p {
      margin: 0.25rem 0 0;
      color: #555;
      font-size: 1rem;
    }
    .pick-hero p:empty {
      display: none;
    }
    .pick-hero .ai-command-box { margin-top: 2rem; }
    .pick-ai-main.secondary-menu-disabled .pick-hero,
    .pick-ai-main.secondary-menu-disabled > .scene-tools {
      transform: translateY(2.25rem);
    }
    .pick-ai-main.secondary-menu-disabled > #pickSecondaryMenu {
      visibility: hidden;
      pointer-events: none;
    }
    .ai-command-box {
      max-width: 61.25rem;
      width: 100%;
      margin: 0 auto;
      background: #fff;
      border: 0.0938rem solid rgba(99,102,241,.55);
      border-radius: 1.125rem;
      box-shadow: 0 1.125rem 3rem rgba(79, 70, 229, .10);
      overflow: hidden;
    }
    #coreComposer {
      width: min(61.25rem, 100%);
      position: relative;
      z-index: 2;
    }
    .composer-input-wrap {
      position: relative;
      min-height: 8.5rem;
      background: #fff;
    }
    .composer-highlight {
      position: absolute;
      inset: 0;
      z-index: 1;
      padding: 1.125rem 1.25rem;
      color: #111827;
      font-family: inherit;
      font-size: 1rem;
      line-height: 1.52;
      text-align: left;
      white-space: pre-wrap;
      word-break: break-word;
      overflow: hidden;
      pointer-events: none;
      box-sizing: border-box;
    }
    .composer-at-token {
      color: #f97316;
      font-weight: 600;
    }
    .composer-template-token {
      display: inline-block;
      padding: 0 0.25rem;
      border-radius: 0.25rem;
      background: #fff3e7;
      color: #f97316;
      font-weight: 400;
      line-height: 1.35;
    }
    .composer-template-token.is-selected {
      background: #fed7aa;
      color: #ea580c;
      outline: 0.0625rem solid #fb923c;
    }
    .ai-command-box textarea {
      position: relative;
      z-index: 2;
      border: 0;
      border-radius: 0;
      min-height: 8.5rem;
      padding: 1.125rem 1.25rem;
      resize: vertical;
      font-size: 1rem;
      line-height: 1.52;
      box-shadow: none;
      background: transparent;
      color: transparent;
      caret-color: #111827;
    }
    .ai-command-box textarea.template-token-selected::selection {
      color: transparent;
      background: transparent;
    }
    .ai-command-box textarea::placeholder {
      color: #9ca3af;
    }
    .ai-command-box textarea:focus { box-shadow: none; border: 0; }
    .composer-input-wrap.has-rich-editor {
      cursor: text;
    }
    .composer-input-wrap.has-rich-editor .composer-highlight {
      display: none;
    }
    .composer-input-wrap.has-rich-editor textarea.rich-token-source {
      position: absolute;
      inset: auto;
      left: 0;
      top: 0;
      width: 1px;
      height: 1px;
      min-height: 0;
      padding: 0;
      border: 0;
      opacity: 0;
      pointer-events: none;
      resize: none;
      overflow: hidden;
      z-index: 0;
    }
    .composer-rich-editor {
      position: relative;
      z-index: 2;
      min-height: 8.5rem;
      padding: 1.125rem 1.25rem;
      color: #111827;
      font-size: 1rem;
      line-height: 1.52;
      text-align: left;
      white-space: pre-wrap;
      word-break: break-word;
      outline: none;
      overflow-y: auto;
      box-sizing: border-box;
      cursor: text;
    }
    .composer-rich-editor:empty::before {
      content: attr(data-placeholder);
      color: #9ca3af;
      pointer-events: none;
    }
    /* rich-composer-expand-button */
    .composer-input-wrap.has-rich-editor{position:relative}.composer-rich-expand-btn{position:absolute;right:.75rem;top:.75rem;z-index:6;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:.0625rem solid #e5e7eb;border-radius:.625rem;background:rgba(255,255,255,.96);color:#64748b;box-shadow:0 .25rem .75rem rgba(15,23,42,.08);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.composer-rich-expand-btn:hover{border-color:#fed7aa;background:#fff7ed;color:#f97316;transform:translateY(-.0625rem)}.composer-rich-expand-btn i{font-size:.82rem}.composer-input-wrap.has-rich-editor .composer-rich-editor{padding-right:3.65rem}
    /* composer-collapse-toggle */
    .composer-rich-collapse-btn{position:absolute;right:3.05rem;top:.75rem;z-index:6;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:.0625rem solid #e5e7eb;border-radius:.625rem;background:rgba(255,255,255,.96);color:#64748b;box-shadow:0 .25rem .75rem rgba(15,23,42,.08);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.composer-rich-collapse-btn:hover,.composer-rich-collapse-btn.is-active{border-color:#fed7aa;background:#fff7ed;color:#f97316;transform:translateY(-.0625rem)}.composer-rich-collapse-btn i{font-size:.82rem}.composer-input-wrap.has-rich-editor .composer-rich-editor{padding-right:6rem}.composer-input-wrap.has-rich-editor.is-composer-collapsed{height:8.5rem;min-height:8.5rem;max-height:8.5rem;overflow:hidden}.composer-input-wrap.has-rich-editor.is-composer-collapsed .composer-rich-editor{height:8.5rem;min-height:8.5rem;max-height:8.5rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.composer-input-wrap.has-rich-editor.is-composer-collapsed .composer-rich-editor::-webkit-scrollbar{width:0;height:0;display:none}
    .composer-template-field {
      position: relative;
      display: inline-flex;
      align-items: center;
      vertical-align: -0.04em;
      min-width: 1.75rem;
      max-width: min(22rem, 92%);
      margin: 0 0.125rem;
      border-radius: 0.25rem;
      background: #fff3e7;
      color: #f97316;
      font: inherit;
      font-weight: 400;
      min-height: 1.24em;
      line-height: 1.24;
      cursor: text;
      box-sizing: border-box;
    }
    .composer-template-field.is-editing {
      background: #ffedd5;
      outline: 0.0625rem solid rgba(249, 115, 22, 0.32);
    }
    .composer-template-field-sizer {
      min-width: 1.15rem;
      padding: 0 0.375rem;
      color: transparent;
      opacity: 1;
      line-height: 1.24;
      white-space: pre;
      user-select: none;
      pointer-events: none;
      text-align: center;
    }
    .composer-template-field input {
      position: absolute;
      left: 0;
      right: 0;
      top: 50% !important;
      bottom: auto !important;
      transform: translateY(-50%);
      width: 100%;
      min-width: 0;
      min-height: 0 !important;
      height: 1.2em !important;
      max-height: 1.2em !important;
      border: 0 !important;
      padding: 0 0.375rem;
      margin: 0;
      color: #f97316;
      caret-color: #f97316;
      background: transparent;
      outline: 0 !important;
      box-shadow: none !important;
      appearance: none;
      -webkit-appearance: none;
      font: inherit;
      font-weight: 400;
      line-height: 1.2 !important;
      text-align: center;
      box-sizing: border-box;
    }
    .composer-template-field input:focus,
    .composer-template-field input:focus-visible {
      border: 0 !important;
      outline: 0 !important;
      box-shadow: none !important;
    }
    .composer-template-field input::placeholder {
      color: #fb923c;
      opacity: 0.72;
      font-weight: 400;
    }
    .composer-template-field input::selection {
      color: #f97316;
      background: rgba(251, 146, 60, 0.22);
    }
    .ai-toolbar {
      min-height: 3.375rem;
      border-top: 0.0625rem solid #eef2f7;
      background: #fff;
      display: flex;
      align-items: center;
      gap: 0.625rem;
      padding: 0.625rem 0.875rem;
      color: #334155;
      flex-wrap: wrap;
    }
    .tool-chip {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      border: 0;
      background: #f3f4f6;
      border-radius: 0.5rem;
      color: #334155;
      padding: 0.5rem 0.625rem;
      font-size: 0.9375rem;
    }
    .tool-chip.favorite-filter-chip {
      width: 2.25rem;
      height: 2.25rem;
      padding: 0;
      justify-content: center;
      color: #9ca3af;
      background: #f3f4f6;
      transition: color .16s ease, background .16s ease, transform .16s ease;
    }
    .tool-chip.favorite-filter-chip:hover {
      color: #f59e0b;
      background: #fff7ed;
      transform: translateY(-0.0625rem);
    }
    .tool-chip.favorite-filter-chip.active {
      color: #f59e0b;
      background: #fff7ed;
    }
    .native-trace-toggle {
      height: 2.25rem;
      min-height: 2.25rem;
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.625rem;
      background: #fff7ed;
      color: #ea580c;
      padding: 0 0.625rem;
      font-size: 0.8125rem;
      line-height: 1;
      white-space: nowrap;
      cursor: pointer;
      transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .native-trace-toggle:hover {
      border-color: #fb923c;
      transform: translateY(-0.0625rem);
    }
    .native-trace-toggle.active {
      background: #f97316;
      border-color: #f97316;
      color: #fff;
      box-shadow: 0 0.625rem 1.25rem rgba(249, 115, 22, .18);
    }
    .native-trace-toggle i {
      font-size: 0.75rem;
    }
    .native-trace-badge {
      border-radius: 999px;
      background: #ffedd5;
      color: #c2410c;
      padding: 0.1875rem 0.375rem;
      font-size: 0.6875rem;
      font-weight: 700;
    }
    .native-trace-toggle.active .native-trace-badge {
      background: rgba(255,255,255,.22);
      color: #fff;
    }
    /* fixed-native-toggle-and-composer-expand */
    #pick .native-trace-toggle{display:none!important}.composer-input-wrap.textarea-expand-wrap>.textarea-float-actions{top:.75rem;right:.75rem;bottom:auto;opacity:1;pointer-events:auto;transform:none;border:0;background:transparent;box-shadow:none;padding:0}.composer-input-wrap.textarea-expand-wrap>.textarea-float-actions .textarea-tool-btn{width:2rem;height:2rem;border:.0625rem solid #e5e7eb;border-radius:.625rem;background:#fff;color:#64748b;box-shadow:0 .25rem .75rem rgba(15,23,42,.08)}.composer-input-wrap.textarea-expand-wrap>.textarea-float-actions .textarea-tool-btn:hover{border-color:#fed7aa;background:#fff7ed;color:#f97316}.composer-input-wrap.textarea-expand-wrap>.textarea-float-actions .textarea-tool-btn i{font-size:.82rem}
    .at-tool-popover {
      position: fixed;
      left: 50%;
      top: 7.5rem;
      width: min(25rem, calc(100vw - 2.5rem));
      height: min(18rem, calc(100vh - 1.5rem));
      max-height: calc(100vh - 1.5rem);
      margin: 0 auto;
      background: #fbfcfe;
      border: 0.0625rem solid #e6ebf2;
      border-radius: 0.75rem;
      box-shadow: 0 0.875rem 2rem rgba(15, 23, 42, .10);
      display: none;
      grid-template-columns: 12rem 13rem;
      overflow: hidden;
      z-index: 120;
      text-align: left;
      transform: none;
    }
    .at-tool-popover.open { display: grid; }
    .at-tool-sidebar {
      border-right: 0.0625rem solid #e5e7eb;
      padding: 0;
      overflow: hidden;
      scrollbar-width: thin;
      position: relative;
      min-height: 0;
      display: flex;
      flex-direction: column;
      background: #fff;
    }
    .at-category-list {
      min-height: 0;
      flex: 1 1 auto;
      overflow-y: auto;
      scrollbar-width: none;
      padding: 0.625rem 0.5rem;
    }
    .at-category-list::-webkit-scrollbar,
    .at-tool-content::-webkit-scrollbar {
      display: none;
    }
    .at-category {
      width: 100%;
      min-height: 2.25rem;
      border: 0;
      background: transparent;
      border-radius: 0.625rem;
      padding: 0.45rem 0.625rem;
      margin: 0 0 0.125rem;
      display: flex;
      align-items: center;
      gap: 0.625rem;
      color: #6b7280;
      text-align: left;
      font-size: 0.8125rem;
      position: relative;
      cursor: pointer;
      transition: background .16s ease, color .16s ease;
    }
    .at-category span {
      min-width: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .at-tool-popover.editing .at-category {
      padding-right: 1.5rem;
    }
    .at-category.active {
      color: #111827;
      background: #f1f5f9;
      font-weight: 500;
    }
    .at-category i {
      width: 1.25rem;
      height: 1.25rem;
      border-radius: 0.3125rem;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 0.75rem;
      background: var(--cat-color);
      flex: 0 0 auto;
    }
    .at-category-add-card {
      width: 100%;
      min-height: 2.25rem;
      margin: 0.25rem 0 0;
      border: 0.0625rem dashed #fed7aa;
      border-radius: 0.625rem;
      background: transparent;
      color: #64748b;
      display: none;
      align-items: center;
      justify-content: flex-start;
      gap: 0.625rem;
      padding: 0.45rem 0.625rem;
      text-align: left;
      font-size: 0.8125rem;
      font-weight: 500;
      cursor: pointer;
      transition: background .18s ease, color .18s ease;
    }
    .at-category-add-card span {
      min-width: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .at-category-add-card i {
      width: 1.25rem;
      height: 1.25rem;
      border-radius: 0.3125rem;
      display: grid;
      place-items: center;
      border: 0.0625rem dashed #fdba74;
      background: #fff7ed;
      color: #f97316;
      font-size: 0.75rem;
      flex: 0 0 auto;
    }
    .at-tool-popover.editing .at-category-add-card {
      display: flex;
    }
    .at-category-add-card:hover {
      background: #fff7ed;
      color: #f97316;
    }
    .at-tool-count {
      position: static;
      min-height: 2.35rem;
      padding: 0.375rem 0.625rem;
      color: #94a3b8;
      border-top: 0.0625rem solid #f1f5f9;
      background: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.6875rem;
    }
    .at-tool-count span {
      display: inline-flex;
      align-items: center;
      min-height: 1.875rem;
      min-width: 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .at-tool-edit-zone {
      width: auto;
      height: auto;
      margin: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }
    .at-tool-edit-toggle {
      width: 1.65rem;
      height: 1.65rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #fff;
      color: #94a3b8;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      opacity: .18;
      pointer-events: none;
      transform: translateY(0.125rem);
      transition: opacity .16s ease, transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
    }
    .at-tool-count:hover .at-tool-edit-toggle,
    .at-tool-edit-zone:hover .at-tool-edit-toggle,
    .at-tool-edit-toggle:focus-visible,
    .at-tool-popover.editing .at-tool-edit-toggle {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .at-tool-count:hover .at-tool-edit-toggle,
    .at-tool-edit-zone:hover .at-tool-edit-toggle,
    .at-tool-popover.editing .at-tool-edit-toggle {
      border-color: #fed7aa;
      background: #fff7ed;
      color: #f97316;
    }
    .at-tool-content {
      width: 13rem;
      padding: 0.75rem 0.5rem 0.875rem;
      overflow-y: auto;
      background: #fbfcfe;
      scrollbar-width: none;
      min-height: 0;
    }
    .at-section {
      margin-bottom: 0.75rem;
      scroll-margin-top: 0.75rem;
    }
    .at-section-title {
      margin: 0 0 0.5rem;
      display: flex;
      align-items: center;
      gap: 0.625rem;
      color: #94a3b8;
      font-weight: 500;
      font-size: 0.8125rem;
      transition: color .16s ease;
    }
    .at-section-title::before {
      content: "";
      width: 0.1875rem;
      height: 0.875rem;
      border-radius: 6.1875rem;
      background: #cbd5e1;
      transition: background .16s ease;
    }
    .at-section.active .at-section-title {
      color: #111827;
    }
    .at-section.active .at-section-title::before {
      background: #f97316;
    }
    .at-tool-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.625rem;
      width: 100%;
    }
    .at-tool-card {
      width: 100%;
      min-height: 3.2rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.625rem;
      background: #fff;
      padding: 0.5rem 0.55rem;
      display: grid;
      grid-template-columns: 1.45rem minmax(0, 1fr);
      gap: 0.45rem;
      align-items: center;
      color: #94a3b8;
      text-align: left;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease, background .18s ease;
      position: relative;
    }
    .at-tool-popover.editing .at-tool-card {
      cursor: pointer;
      padding-right: 2.25rem;
      border-color: #fed7aa;
      background: #fff;
    }
    .at-tool-popover.editing .at-tool-grid {
      grid-template-columns: 1fr;
    }
    .at-tool-popover.editing .at-tool-content {
      padding: 0.75rem 0.5rem 0.875rem;
    }
    .at-tool-card:hover {
      transform: translateY(-0.0625rem);
      border-color: #cbd5e1;
      box-shadow: 0 0.625rem 1rem rgba(15, 23, 42, .045);
    }
    .at-tool-card i {
      color: #cbd5e1;
      font-size: 1rem;
      justify-self: center;
      transition: color .18s ease;
    }
    .at-tool-card strong {
      display: block;
      color: #94a3b8;
      font-size: 0.8125rem;
      font-weight: 500;
      margin-bottom: 0.125rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: color .18s ease;
    }
    .at-tool-card.active,
    .at-tool-card:hover,
    .at-tool-card:focus-visible {
      color: #111827;
      border-color: #d8e0eb;
      background: #fff;
    }
    .at-tool-card.active i,
    .at-tool-card:hover i,
    .at-tool-card:focus-visible i,
    .at-tool-card.active strong,
    .at-tool-card:hover strong,
    .at-tool-card:focus-visible strong {
      color: #111827;
    }
    .at-item-delete {
      position: absolute;
      top: 0.375rem;
      right: 0.375rem;
      width: 1.125rem;
      height: 1.125rem;
      border: 0;
      border-radius: 999rem;
      background: #fff;
      color: #fca5a5;
      display: inline-grid;
      place-items: center;
      font-size: 0.65rem;
      line-height: 1;
      cursor: pointer;
      opacity: .78;
      box-shadow: 0 0.125rem 0.375rem rgba(15, 23, 42, .06);
    }
    .at-item-delete:hover {
      background: #fee2e2;
      color: #dc2626;
    }
    .at-tool-card small {
      display: block;
      color: #9ca3af;
      font-size: 0.6875rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .at-tool-add-card {
      min-height: 3rem;
      border: 0.0625rem dashed #fed7aa;
      border-radius: 0.625rem;
      background: #fff;
      display: none;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      color: #f97316;
      font-size: 0.8125rem;
      font-weight: 500;
      cursor: pointer;
      transition: background .18s ease, border-color .18s ease, transform .18s ease;
    }
    .at-tool-popover.editing .at-tool-add-card {
      display: flex;
    }
    .at-tool-add-card:hover {
      background: #fff7ed;
      border-color: #fdba74;
      transform: translateY(-0.0625rem);
    }
    .mode-select {
      margin-left: auto;
      width: auto;
      min-width: 4.55rem;
      height: 2.25rem;
      min-height: 2.25rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      color: #334155;
      padding: 0 0.95rem 0 0.5rem;
      font-size: 0.875rem;
      line-height: 1.2;
    }
    .mode-select option {
      font-size: 0.875rem;
      line-height: 1.35;
    }
    .composer-clear-btn {
      width: 1.75rem;
      height: 1.75rem;
      min-width: 1.75rem;
      border: 0;
      border-radius: 0.5rem;
      background: #d1d5db;
      color: #fff;
      padding: 0;
      display: grid;
      place-items: center;
      font-size: 0.875rem;
      cursor: not-allowed;
      box-shadow: none;
      transition: background .18s ease, transform .18s ease;
    }
    .composer-clear-btn.ready {
      background: #111827;
      cursor: pointer;
    }
    .composer-clear-btn.ready:hover {
      transform: translateY(-0.0625rem);
    }
    .send-btn {
      width: 2.625rem;
      height: 2.625rem;
      border: 0;
      border-radius: 0.625rem;
      background: #d1d5db;
      color: #fff;
      display: grid;
      place-items: center;
      font-size: 1.125rem;
      box-shadow: none;
      cursor: not-allowed;
      transition: background .18s ease, transform .18s ease;
    }
    .send-btn.ready {
      background: #111827;
      cursor: pointer;
    }
    .send-btn.generating {
      background: #111827;
      cursor: pointer;
    }
    .send-btn.generating i {
      font-size: 0.72rem;
    }
    .send-btn.ready:hover {
      transform: translateY(-0.0625rem);
    }
    .contact-strip {
      max-width: 61.25rem;
      width: 100%;
      margin: 0 auto 0;
      border-radius: 0 0 0.875rem 0.875rem;
      padding: 0.625rem 1.125rem;
      color: #075985;
      background: linear-gradient(90deg, #e0f2fe, #eef2ff);
      position: relative;
      display: block;
      font-size: 0.9375rem;
    }
    .contact-strip > span:first-child {
      display: inline-block;
      max-width: calc(50% - 5.625rem);
      white-space: nowrap;
    }
    .contact-strip > span:last-child {
      position: absolute;
      right: 1.125rem;
      top: 50%;
      transform: translateY(-50%);
      white-space: nowrap;
    }
    .scene-tools {
      max-width: 61.25rem;
      width: 100%;
      margin: 1.45rem auto 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.625rem;
      flex-wrap: wrap;
      position: relative;
      z-index: 20;
      overflow: visible;
    }
    .scene-tool {
      min-width: auto;
      border: 0.0625rem solid #e5e7eb;
      background: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      color: #555;
      text-align: left;
      position: relative;
      opacity: 1;
      padding: 0.42rem 0.72rem;
      border-radius: 999px;
      box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .04);
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .scene-tool.active {
      transform: translateY(-0.125rem);
      font-weight: 500;
      color: #111827;
      background: #f5f5f5;
      border-color: #d1d5db;
    }
    .scene-tool.menu-item {
      gap: 0.45rem;
    }
    .scene-tool.menu-item.editable {
      cursor: grab;
    }
    .scene-tool.menu-item.dragging,
    .tool-category-strip span.dragging {
      opacity: .55;
    }
    .scene-main {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      border: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      cursor: pointer;
      padding: 0;
    }
    .scene-tool i, .scene-thumb {
      width: 1rem;
      height: 1rem;
      border-radius: 0;
      display: grid;
      place-items: center;
      background: transparent;
      color: #6b7280;
      font-size: 0.95rem;
    }
    .scene-thumb {
      position: relative;
    }
    .scene-thumb[style] { background: transparent !important; color: inherit !important; }
    .discount-badge {
      display: none;
    }
    .primary-more-wrap {
      position: relative;
      display: inline-flex;
      z-index: 80;
    }
    .primary-more-wrap.open {
      z-index: 1000;
    }
    .primary-more-menu {
      position: absolute;
      top: calc(100% + 0.375rem);
      right: 0;
      width: 9.25rem;
      padding: 0.375rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: rgba(255, 255, 255, .98);
      box-shadow: 0 0.875rem 1.875rem rgba(15, 23, 42, .12);
      display: none;
      flex-direction: column;
      gap: 0.25rem;
      z-index: 1001;
    }
    .primary-more-wrap.open .primary-more-menu,
    .primary-more-wrap:hover .primary-more-menu,
    .primary-more-wrap:focus-within .primary-more-menu {
      display: flex;
    }
    .primary-more-menu .scene-tool {
      width: 100%;
      min-height: 2.25rem;
      justify-content: flex-start;
      padding: 0.375rem 0.625rem;
      border-radius: 0.6875rem;
      box-shadow: none;
      font-size: 0.875rem;
    }
    .primary-edit-toggle,
    .primary-add-menu,
    .primary-done-menu,
    .edit-secondary,
    .add-secondary,
    .done-secondary,
    .menu-edit-action {
      border: 0;
      background: #fff;
      color: #8b8fa3;
      border-radius: 999rem;
      min-width: 1.875rem;
      width: 1.875rem;
      height: 1.875rem;
      display: inline-grid;
      place-items: center;
      font-size: 0.95rem;
      opacity: .72;
      transition: opacity .18s ease, background .18s ease, color .18s ease;
    }
    .primary-edit-toggle:hover,
    .primary-add-menu:hover,
    .primary-done-menu:hover,
    .edit-secondary:hover,
    .add-secondary:hover,
    .done-secondary:hover,
    .menu-edit-action:hover {
      opacity: .82;
      background: #f4f4f5;
      color: #6b7280;
    }
    .primary-edit-toggle,
    .edit-secondary {
      opacity: 0;
      pointer-events: auto;
    }
    .primary-edit-toggle:hover,
    .primary-edit-toggle:focus-visible,
    .edit-secondary:hover,
    .edit-secondary:focus-visible {
      opacity: .68;
      pointer-events: auto;
    }
    .primary-edit-actions,
    .secondary-edit-actions {
      display: inline-flex !important;
      align-items: center;
      gap: 0.25rem !important;
      padding: 0 !important;
      background: transparent !important;
      border-radius: 0 !important;
      cursor: default !important;
      min-width: auto !important;
      flex: 0 0 auto;
    }
    .primary-add-menu,
    .primary-done-menu,
    .add-secondary,
    .done-secondary {
      opacity: .72;
      width: 1.75rem;
      min-width: 1.75rem;
      height: 1.75rem;
      padding: 0;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: rgba(255, 255, 255, .78);
      color: #9ca3af;
      box-shadow: none;
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1;
      display: inline-grid;
      place-items: center;
      transition: opacity .16s ease, background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .primary-add-menu:hover,
    .primary-done-menu:hover,
    .add-secondary:hover,
    .done-secondary:hover {
      opacity: 1;
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #6b7280;
      transform: translateY(-0.0625rem);
    }
    .primary-done-menu,
    .done-secondary {
      color: #9ca3af;
      background: rgba(255, 255, 255, .78);
      border-color: #e5e7eb;
      font-size: 0;
    }
    .primary-done-menu::before,
    .done-secondary::before {
      content: "";
      width: 0.58rem;
      height: 0.32rem;
      border-left: 0.11rem solid currentColor;
      border-bottom: 0.11rem solid currentColor;
      transform: rotate(-45deg) translateY(-0.04rem);
    }
    .primary-edit-toggle,
    .primary-add-menu,
    .primary-done-menu {
      display: inline-flex;
      justify-content: center;
      padding: 0;
      align-items: center;
    }
    .primary-edit-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      flex: 0 0 auto;
      margin-left: 0.25rem;
      white-space: nowrap;
    }
    .menu-edit-actions {
      display: inline-flex;
      gap: 0.2rem;
      margin-left: 0.15rem;
      opacity: 0;
      pointer-events: none;
      transition: opacity .15s ease;
    }
    .scene-tool.menu-item:hover .menu-edit-actions,
    .scene-tool.menu-item:focus-within .menu-edit-actions {
      opacity: 1;
      pointer-events: auto;
    }
    .menu-edit-action:disabled {
      opacity: .35;
      cursor: not-allowed;
    }
    .tool-category-strip {
      display: flex;
      gap: 1.625rem;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      width: min(61.25rem, 100%);
      max-width: min(61.25rem, 100%);
      padding: 0.65rem 1rem 0.95rem;
      margin: 0 auto 1.375rem;
      color: #9ca3af;
      border-top: 0.0625rem solid rgba(229,231,235,.72);
      border-bottom: 0.0625rem solid rgba(229,231,235,.72);
      box-sizing: border-box;
      scroll-padding-left: 1rem;
      scroll-padding-right: 1rem;
      scrollbar-width: thin;
      scrollbar-color: rgba(17, 24, 39, .24) transparent;
    }
    .tool-category-strip::-webkit-scrollbar {
      display: block;
      height: 0.25rem;
    }
    .tool-category-strip::-webkit-scrollbar-track {
      background: transparent;
    }
    .tool-category-strip::-webkit-scrollbar-thumb {
      background: rgba(17, 24, 39, .24);
      border-radius: 62.4375rem;
    }
    .tool-category-strip::-webkit-scrollbar-thumb:hover {
      background: rgba(17, 24, 39, .34);
    }
    .tool-category-strip span {
      display: inline-flex;
      gap: 0.4375rem;
      align-items: center;
      white-space: nowrap;
      font-size: 0.9375rem;
      cursor: pointer;
      border-radius: 0.5rem;
      padding: 0.34rem 0.55rem;
      flex: 0 0 auto;
      min-width: max-content;
    }
    .tool-category-strip .edit-secondary,
    .tool-category-strip .add-secondary,
    .tool-category-strip .done-secondary {
      padding: 0;
      flex: 0 0 auto;
    }
    .tool-category-strip span:first-child,
    .tool-category-strip span.active {
      color: #555;
      background: #f3f4f6;
    }
    .tool-category-strip span.active {
      color: #111827;
      font-weight: 500;
      background: #f3f4f6;
    }
    .tool-category-strip span.active i {
      color: #6b7280;
    }
    .tool-category-strip span.editable {
      cursor: grab;
    }
    .tool-category-strip span.empty {
      color: #c4c7cc;
      background: transparent;
    }
    .tool-category-strip span .delete-secondary-btn {
      width: 1.125rem;
      height: 1.125rem;
      display: inline-grid;
      place-items: center;
      border: 0;
      border-radius: 62.4375rem;
      background: transparent;
      color: #b4bac5;
      cursor: pointer;
      font-size: 0.6875rem;
      opacity: 0;
      pointer-events: none;
      transition: opacity .15s ease, background .15s ease, color .15s ease;
    }
    .tool-category-strip span .delete-secondary-btn:disabled {
      color: #cbd5e1;
      cursor: not-allowed;
    }
    .tool-category-strip span:hover .delete-secondary-btn {
      background: #fee2e2;
      color: #ef4444;
      opacity: .85;
      pointer-events: auto;
    }
    .tool-category-strip span:hover .delete-secondary-btn:disabled {
      background: #f3f4f6;
      color: #cbd5e1;
    }
    .tool-category-strip .move-secondary-btn {
      display: none !important;
    }
    .scene-tools.editing .scene-tool.menu-item,
    .tool-category-strip.editing span.editable {
      animation: edit-wiggle .22s ease-in-out infinite alternate;
      transform-origin: center;
    }
    @keyframes edit-wiggle {
      from { transform: rotate(-0.4deg); }
      to { transform: rotate(0.4deg); }
    }
    .prompt-title {
      margin: 1.75rem auto 1.125rem;
      color: #c4c7cc;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.875rem;
      width: min(16.25rem, 100%);
      font-size: 0.875rem;
    }
    .prompt-title::before,
    .prompt-title::after {
      content: "";
      height: 0.0625rem;
      flex: 1;
      background: #eef0f3;
    }
    .prompt-card-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1.125rem;
      margin-bottom: 6.875rem;
    }
    .empty-prompt {
      grid-column: 1 / -1;
      min-height: 10rem;
      display: grid;
      place-items: center;
      border: 0.0625rem dashed #d7dbe3;
      border-radius: 0.625rem;
      color: #9ca3af;
      background: rgba(255,255,255,.68);
    }
    .prompt-card {
      min-height: 11.625rem;
      display: grid;
      grid-template-rows: 1fr auto;
      background: #fff;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      overflow: hidden;
      color: #4b5563;
      text-align: left;
      box-shadow: 0 0.375rem 1.125rem rgba(15, 23, 42, .04);
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
      position: relative;
    }
    .prompt-card:hover {
      transform: translateY(-0.125rem);
      border-color: rgba(99,102,241,.28);
      box-shadow: 0 0.875rem 1.875rem rgba(79, 70, 229, .08);
    }
    .prompt-card.is-draft,
    .prompt-card.is-prepublish,
    .prompt-card.is-reviewing,
    .prompt-card.is-loading {
      background: #f3f4f6;
      border-color: #d1d5db;
      color: #9ca3af;
      filter: grayscale(.55);
    }
    .prompt-card.is-draft:hover,
    .prompt-card.is-prepublish:hover,
    .prompt-card.is-reviewing:hover,
    .prompt-card.is-loading:hover {
      transform: none;
      border-color: #d1d5db;
      box-shadow: 0 0.375rem 1.125rem rgba(15, 23, 42, .04);
    }
    .prompt-card.is-draft::after,
    .prompt-card.is-prepublish::after,
    .prompt-card.is-reviewing::after,
    .prompt-card.is-loading::after {
      position: absolute;
      inset: auto 0.75rem 3.35rem auto;
      transform: rotate(-18deg);
      font-size: 2rem;
      font-weight: 900;
      letter-spacing: 0.08em;
      color: rgba(107, 114, 128, .2);
      pointer-events: none;
    }
    .prompt-card.is-draft::after { content: "草稿"; }
    .prompt-card.is-prepublish::after { content: "审核中"; }
    .prompt-card.is-reviewing::after { content: "审核中"; }
    .prompt-card.is-loading::after { content: "加载中"; }
    .prompt-card p {
      margin: 0;
      padding: 1.125rem 2.95rem 1.125rem 1.125rem;
      font-size: 0.875rem;
      line-height: 1.65;
      color: #6b7280;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      word-break: break-word;
    }
    .prompt-card footer {
      border-top: 0.0625rem solid #eef0f3;
      padding: 0.875rem 1.125rem 1rem;
      background: #fff;
      position: relative;
    }
    .prompt-card.is-draft footer,
    .prompt-card.is-prepublish footer,
    .prompt-card.is-reviewing footer {
      background: #f3f4f6;
    }
    .prompt-card strong {
      display: block;
      color: #1f2937;
      font-size: 1rem;
      margin-bottom: 0.5rem;
    }
    .prompt-card small {
      color: #a3a8b1;
      font-size: 0.8125rem;
    }
    .prompt-card .prompt-card-creator {
      margin-left: 0.35rem;
      color: #64748b;
      font-weight: 700;
    }
    .skill-favorite-btn {
      position: absolute;
      top: 0.65rem;
      right: 0.65rem;
      z-index: 3;
      width: 1.85rem;
      height: 1.85rem;
      border: 0;
      border-radius: 0.5rem;
      background: rgba(255, 255, 255, .88);
      color: #c0c6d0;
      display: inline-grid;
      place-items: center;
      padding: 0;
      font-size: 0.95rem;
      line-height: 1;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-0.125rem);
      transition: color .16s ease, background .16s ease, transform .16s ease, opacity .16s ease;
    }
    .prompt-card:hover .skill-favorite-btn,
    .prompt-card:focus-within .skill-favorite-btn,
    .skill-market-card:hover .skill-favorite-btn,
    .skill-market-card:focus-within .skill-favorite-btn,
    .skill-favorite-btn.active {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .skill-favorite-btn:hover {
      color: #f59e0b;
      background: #fff7ed;
      transform: translateY(-0.0625rem);
    }
    .skill-favorite-btn.active {
      color: #f59e0b;
      background: #fff7ed;
    }
    .prompt-card-actions {
      position: absolute;
      right: 0.75rem;
      bottom: 0.75rem;
      display: inline-flex;
      gap: 0.375rem;
      opacity: 0;
      pointer-events: none;
      transform: translateY(0.25rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    .prompt-card:hover .prompt-card-actions {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .preview-card-btn,
    .use-card-btn {
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.375rem;
      background: #fff;
      color: #374151;
      padding: 0.3125rem 0.5625rem;
      font-size: 0.75rem;
      cursor: pointer;
    }
    .use-card-btn {
      background: #1f2937;
      border-color: #1f2937;
      color: #fff;
    }
    .prompt-card.is-draft .use-card-btn,
    .prompt-card.is-prepublish .use-card-btn,
    .prompt-card.is-reviewing .use-card-btn,
    .use-card-btn:disabled {
      background: #d1d5db;
      border-color: #d1d5db;
      color: #f8fafc;
      cursor: not-allowed;
    }
    .add-prompt-card {
      min-height: 11.625rem;
      display: grid;
      place-items: center;
      gap: 0.625rem;
      align-content: center;
      border: 0.0625rem dashed #fed7aa;
      border-radius: 0.625rem;
      background: #fff7ed;
      color: #ea580c;
      font-weight: 800;
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
    }
    .add-prompt-card i {
      width: 4rem;
      height: 2.75rem;
      display: inline-grid;
      place-items: center;
      border-radius: 62.4375rem;
      background: #f97316;
      color: #fff;
      box-shadow: 0 0.75rem 1.625rem rgba(249,115,22,.24);
    }
    .add-prompt-card small {
      color: #9ca3af;
      font-weight: 500;
    }
    .add-prompt-card:hover {
      transform: translateY(-0.125rem);
      border-color: #fb923c;
      background: #ffedd5;
      box-shadow: 0 0.875rem 1.875rem rgba(249,115,22,.1);
    }
    .btn.danger {
      border-color: #fecaca;
      color: #dc2626;
      background: #fff;
    }
    .btn.danger:hover {
      background: #fee2e2;
    }
    .btn.danger:disabled {
      color: #c4c7cc;
      border-color: #e5e7eb;
      background: #f9fafb;
      cursor: not-allowed;
    }
    .add-secondary {
      color: #222;
      background: #f3f4f6;
      font-weight: 500;
    }
    .prompt-modal {
      position: fixed;
      inset: 0;
      z-index: 200;
      display: none;
      place-items: center;
      background: rgba(17, 24, 39, .58);
      backdrop-filter: blur(0.3125rem);
      padding: 1.5rem;
    }
    .prompt-modal.open { display: grid; }
    .prompt-modal.skill-polish-open {
      place-items: center;
    }
    .prompt-modal-layout {
      display: flex;
      align-items: stretch;
      justify-content: center;
      gap: 1rem;
      width: calc(100vw - 2.5rem);
      max-height: calc(100vh - 3rem);
      min-width: 0;
    }
    .leave-chat-modal {
      position: fixed;
      inset: 0;
      z-index: 260;
      display: none;
      place-items: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .26);
      backdrop-filter: blur(0.25rem);
    }
    .leave-chat-modal.open { display: grid; }
    .leave-chat-dialog {
      width: min(27.5rem, calc(100vw - 2.5rem));
      padding: 1.5rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1.125rem;
      background: rgba(255,255,255,.98);
      box-shadow: 0 1.75rem 4.375rem rgba(15,23,42,.18);
      text-align: center;
    }
    .leave-chat-dialog h3 {
      margin: 0;
      font-size: 1.125rem;
      line-height: 1.45;
      color: #111827;
    }
    .leave-chat-subtitle {
      margin: 0.25rem 0 1rem;
      color: #64748b;
      font-size: 0.75rem;
      line-height: 1.5;
    }
    .leave-chat-subtitle span {
      color: #2563eb;
      font-weight: 800;
    }
    .leave-chat-origin {
      margin: 0 0 0.5rem;
      color: #64748b;
      font-size: 0.8125rem;
      line-height: 1.4;
      text-align: left;
    }
    .leave-chat-origin span {
      color: #111827;
      font-weight: 800;
      word-break: break-word;
    }
    .leave-chat-dialog input {
      width: 100%;
      min-height: 2.75rem;
      border-radius: 0.75rem;
      border-color: #dbe3ef;
      font-size: 0.9375rem;
      font-weight: 700;
      color: #111827;
      background: #fff;
      text-align: left;
    }
    .leave-chat-actions {
      display: flex;
      justify-content: center;
      gap: 0.75rem;
      margin-top: 1.25rem;
    }
    .leave-chat-actions .btn {
      min-width: 6rem;
      justify-content: center;
      border-radius: 62.4375rem;
      font-size: 0.9375rem;
    }
    .prompt-dialog {
      width: min(48rem, calc(100vw - 2.5rem));
      height: min(46rem, calc(100vh - 1rem));
      max-height: calc(100vh - 1rem);
      overflow: hidden;
      background: transparent;
      border-radius: 0;
      box-shadow: none;
      padding: 0;
      flex: 0 0 min(48rem, calc(100vw - 2.5rem));
      min-width: 0;
      order: 2;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 0.625rem;
    }
    .prompt-dialog.skill-side {
      overflow: hidden;
    }
    .prompt-skill-polish-drawer {
      display: none;
      width: min(38rem, calc(100vw - 2.5rem));
      max-height: calc(100vh - 3rem);
      flex: 0 0 min(38rem, calc(100vw - 2.5rem));
      border-radius: 0.5rem;
      background: #fff;
      box-shadow: 0 1.75rem 4.375rem rgba(0,0,0,.22);
      padding: 1.5rem;
      overflow: hidden;
      min-width: 0;
      order: 3;
    }
    .prompt-modal.skill-polish-open .prompt-skill-polish-drawer {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 1rem;
    }
    .prompt-skill-guide-drawer {
      display: none;
      width: min(27rem, calc(100vw - 2.5rem));
      max-height: min(42rem, calc(100vh - 5rem));
      border-radius: 0.875rem;
      background: #fff;
      box-shadow: 0 1.25rem 3.5rem rgba(15,23,42,.22);
      padding: 1rem 1rem 1.125rem;
      overflow: hidden;
      transform: translateX(-1rem) scale(.98);
      opacity: 0;
      transition: transform .22s ease, opacity .22s ease;
      flex: 0 1 min(27rem, 28vw);
      min-width: 16rem;
      order: 1;
    }
    .prompt-modal.skill-guide-open .prompt-skill-guide-drawer {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      gap: 0.875rem;
      transform: translateX(0) scale(1);
      opacity: 1;
    }
    .prompt-modal.skill-polish-open.skill-guide-open .prompt-skill-guide-drawer {
      width: auto;
      max-height: min(42rem, calc(100vh - 5rem));
    }
    .prompt-modal.skill-polish-open.skill-guide-open .prompt-dialog {
      flex: 0 1 clamp(27rem, 36vw, 36rem);
      width: clamp(27rem, 36vw, 36rem);
    }
    .prompt-modal.skill-polish-open.skill-guide-open .prompt-skill-polish-drawer {
      flex: 0 1 clamp(27rem, 36vw, 38rem);
      width: clamp(27rem, 36vw, 38rem);
    }
    @media (max-width: 68rem) {
      .prompt-modal-layout {
        flex-wrap: wrap;
        align-content: center;
        overflow-y: auto;
        padding: 1rem 0;
      }
      .prompt-skill-guide-drawer,
      .prompt-modal.skill-polish-open.skill-guide-open .prompt-skill-guide-drawer {
        width: min(24rem, calc(100vw - 2rem));
        flex-basis: min(24rem, calc(100vw - 2rem));
      }
      .prompt-modal.skill-polish-open.skill-guide-open .prompt-dialog,
      .prompt-modal.skill-polish-open.skill-guide-open .prompt-skill-polish-drawer {
        width: min(38rem, calc(100vw - 2rem));
        flex-basis: min(38rem, calc(100vw - 2rem));
      }
    }
    .skill-guide-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding-bottom: 0.625rem;
      border-bottom: 0.0625rem solid #eef2f7;
    }
    .skill-guide-head h3 {
      margin: 0;
      color: #111827;
      font-size: 1rem;
      line-height: 1.35;
    }
    .skill-guide-content {
      overflow: auto;
      padding-right: 0.35rem;
      color: #111827;
      font-size: 0.8125rem;
      line-height: 1.68;
    }
    .skill-guide-content[hidden] {
      display: none;
    }
    .skill-guide-content p {
      margin: 0 0 0.75rem;
    }
    .skill-guide-content section {
      margin: 0 0 0.75rem;
      padding-bottom: 0.7rem;
      border-bottom: 0.0625rem solid #f1f5f9;
    }
    .skill-guide-content section:last-child {
      border-bottom: 0;
    }
    .skill-guide-content h4 {
      margin: 0 0 0.35rem;
      color: #f97316;
      font-size: 0.875rem;
      font-weight: 800;
      line-height: 1.45;
    }
    .skill-guide-content .guide-strike {
      color: #94a3b8;
      text-decoration: line-through;
      text-decoration-thickness: 0.0625rem;
      text-decoration-color: currentColor;
    }
    .prompt-writing-tips {
      margin-top: 1rem;
      padding-top: 0.875rem;
      border-top: 0.0625rem solid #f1f5f9;
      color: #475569;
    }
    .prompt-writing-tips h4 {
      margin-bottom: 0.45rem;
      color: #111827;
    }
    .prompt-writing-tips p {
      margin-bottom: 0.45rem;
    }
    .prompt-writing-tips .tip-label {
      color: #111827;
      font-weight: 800;
    }
    .skill-guide-content .muted-guide {
      color: #94a3b8;
      text-decoration: line-through;
    }
    .skill-guide-content .muted-guide h4,
    .skill-guide-content .muted-guide p {
      color: #94a3b8;
      text-decoration: line-through;
      text-decoration-thickness: 0.0625rem;
    }
    .skill-guide-content strong {
      color: #111827;
      font-weight: 800;
    }
    .skill-polish-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }
    .skill-polish-head h3 {
      margin: 0;
      color: #111827;
      font-size: 1.125rem;
      line-height: 1.4;
    }
    .skill-polish-head h3 span {
      color: #f97316;
      font-size: 0.82rem;
      font-weight: 700;
      margin-left: 0.25rem;
    }
    .skill-polish-textarea {
      width: 100%;
      min-height: 0;
      height: 100%;
      overflow: auto;
      white-space: pre-wrap;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.5rem;
      background: #fff;
      color: #111827;
      line-height: 1.65;
      box-shadow: none;
      outline: none;
    }
    .skill-polish-fill {
      color: #f97316;
      font-weight: 800;
    }
    .skill-polish-issue {
      color: #dc2626;
      font-weight: 800;
    }
    .skill-polish-actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.75rem;
    }
    .skill-polish-actions .btn {
      min-width: 6rem;
      justify-content: center;
    }
    .prompt-fixed-head,
    .prompt-fixed-foot {
      position: relative;
      z-index: 8;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .035);
    }
    .prompt-fixed-head {
      padding: 0.75rem 1rem;
    }
    .prompt-fixed-foot {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: end;
      gap: 1rem;
      padding: 0.75rem 1rem;
    }
    .prompt-flip-scene {
      perspective: 92rem;
      min-height: 0;
      margin: 0;
      overflow: visible;
    }
    .prompt-flip-inner {
      position: relative;
      min-height: 100%;
      height: 100%;
      transform-style: preserve-3d;
      transition: transform .54s cubic-bezier(.2, .72, .18, 1);
    }
    .prompt-dialog.skill-side .prompt-flip-inner {
      transform: rotateY(180deg);
    }
    .prompt-face {
      position: absolute;
      inset: 0;
      display: flex;
      height: 100%;
      min-height: 0;
      backface-visibility: hidden;
      transform-style: preserve-3d;
    }
    .prompt-face.front {
      transform: rotateY(0deg);
    }
    .prompt-face.back {
      transform: rotateY(180deg);
    }
    .prompt-dialog:not(.skill-side) .prompt-face.back,
    .prompt-dialog.skill-side .prompt-face.front {
      pointer-events: none;
    }
    .prompt-dialog-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 0.625rem;
    }
    .prompt-page-label {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 1.75rem;
      padding: 0 0.55rem;
      border-radius: 999px;
      background: #f8fafc;
      color: #64748b;
      font-size: 0.8125rem;
      font-weight: 700;
      white-space: nowrap;
      align-self: center;
    }
    .prompt-dialog.skill-side .prompt-label-front,
    .prompt-dialog:not(.skill-side) .prompt-label-back,
    .prompt-dialog.skill-side #promptMoreWrap,
    .prompt-dialog:not(.skill-side) #promptSkillMoreWrap,
    .prompt-dialog.skill-side #modalCloseBtn,
    .prompt-dialog:not(.skill-side) #modalSkillCloseBtn {
      display: none;
    }
    .prompt-menu-path {
      margin: 0 0 0.625rem;
      color: #64748b;
      font-size: 0.8125rem;
      font-weight: 700;
      line-height: 1.35;
    }
    .prompt-menu-path span {
      color: #111827;
    }
    .prompt-menu-path .prompt-creator {
      margin-left: 0.25rem;
      color: #64748b;
      font-weight: 700;
    }
    .prompt-dialog-head input {
      border: 0;
      padding: 0;
      min-height: auto;
      font-size: 1.125rem;
      font-weight: 700;
      color: #111827;
      background: transparent;
    }
    .modal-close {
      border: 0;
      background: transparent;
      font-size: 1.125rem;
      color: #111827;
      width: 1.75rem;
      height: 1.75rem;
      display: inline-grid;
      place-items: center;
      border-radius: 999px;
      cursor: pointer;
    }
    .prompt-head-actions {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      flex: 0 0 auto;
    }
    .prompt-more-wrap {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
    }
    .prompt-more-trigger {
      width: 1.75rem;
      height: 1.75rem;
      border: 0;
      border-radius: 999px;
      background: #fff;
      color: #111827;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      font-size: 1.125rem;
      line-height: 1;
    }
    .prompt-more-trigger:hover,
    .modal-close:hover {
      background: #f3f4f6;
    }
    .prompt-eye-toggle {
      width: 1.875rem;
      height: 1.875rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #374151;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      box-shadow: 0 0.25rem 0.875rem rgba(15, 23, 42, .08);
      transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
    }
    .prompt-eye-toggle:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      transform: scale(1.05);
    }
    .prompt-more-menu {
      display: none;
      align-items: center;
      gap: 0.375rem;
    }
    .prompt-more-wrap.open .prompt-more-menu {
      display: inline-flex;
    }
    .prompt-more-menu button {
      width: 1.875rem;
      height: 1.875rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #374151;
      display: inline-grid;
      place-items: center;
      padding: 0;
      cursor: pointer;
      box-shadow: 0 0.25rem 0.875rem rgba(15, 23, 42, .08);
      transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
    }
    .prompt-more-menu button:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      transform: scale(1.05);
    }
    .prompt-more-menu button.is-view-toggle {
      color: #2563eb;
      border-color: #bfdbfe;
      background: #eff6ff;
    }
    .prompt-more-menu button.is-resource-toggle,
    .prompt-more-menu button.is-resource-toggle.active {
      color: #ea580c;
      border-color: #fed7aa;
      background: #fff7ed;
    }
    .prompt-more-menu button.danger {
      color: #dc2626;
      border-color: #fecaca;
      background: #fffafa;
    }
    .prompt-more-menu button:disabled {
      opacity: .42;
      cursor: not-allowed;
      transform: none;
      box-shadow: none;
    }
    .prompt-more-menu button:disabled:hover {
      background: #fff;
      border-color: #e5e7eb;
      transform: none;
    }
    #promptMenuEditBtn:disabled,
    #promptSkillMenuEditBtn:disabled,
    #promptMenuDeleteBtn:disabled,
    #promptSkillMenuDeleteBtn:disabled,
    #promptMenuEditBtn:disabled:hover,
    #promptSkillMenuEditBtn:disabled:hover,
    #promptMenuDeleteBtn:disabled:hover,
    #promptSkillMenuDeleteBtn:disabled:hover {
      color: #9ca3af !important;
      border-color: #e5e7eb !important;
      background: #f3f4f6 !important;
      opacity: .55;
      cursor: not-allowed;
      box-shadow: none;
      transform: none;
    }
    .prompt-modal-desc {
      margin-bottom: 0;
      min-height: 2.25rem;
      height: 2.4rem;
      max-height: 3.25rem;
      border: 0.0625rem solid transparent;
      border-radius: 0.625rem;
      box-shadow: none;
      padding: 0.55rem 0.75rem;
      resize: none;
      color: #6b7280;
      background: #fff;
      font-size: 0.78rem;
      line-height: 1.35;
      overflow-y: auto;
    }
    .prompt-modal-desc[readonly],
    .prompt-dialog:not(.editing) .prompt-modal-desc:focus {
      border-color: transparent;
      background: #fff;
      box-shadow: none;
      outline: none;
      cursor: default;
    }
    .prompt-desc-wrap {
      position: relative;
      min-height: 0;
      height: 0;
      margin-bottom: 0;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
    .prompt-desc-wrap .prompt-modal-desc {
      position: absolute;
      width: 1px;
      height: 1px;
      min-height: 0;
      max-height: 0;
      padding: 0;
      border: 0;
      opacity: 0;
      pointer-events: none;
      resize: none;
    }
    .prompt-cloud-sync-btn {
      height: 1.95rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.32rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 999rem;
      background: #eff6ff;
      color: #1d4ed8;
      padding: 0 0.7rem;
      font-size: 0.75rem;
      font-weight: 850;
      cursor: pointer;
      white-space: nowrap;
    }
    .prompt-cloud-sync-btn:hover { border-color: #bfdbfe; background: #dbeafe; color: #1e40af; }
    .prompt-cloud-sync-btn:disabled { opacity: .55; cursor: not-allowed; }
    .prompt-cloud-sync-btn[hidden] { display: none; }
    .prompt-action-log-panel {
      position: fixed;
      top: 50%;
      left: calc(50vw + min(24rem, calc((100vw - 2.5rem) / 2)) + 1rem);
      transform: translateY(-50%);
      z-index: 10020;
      display: none;
      width: min(27rem, calc(50vw - min(24rem, calc((100vw - 2.5rem) / 2)) - 2rem));
      min-width: 20rem;
      height: min(46rem, calc(100vh - 1rem));
      max-height: calc(100vh - 1rem);
      grid-template-rows: auto minmax(0, 1fr) auto;
      overflow: hidden;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.875rem;
      background: rgba(255,255,255,.98);
      box-shadow: 0 1.25rem 3.75rem rgba(15,23,42,.22);
    }
    .prompt-action-log-panel.show { display: grid; }
    .prompt-action-log-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      align-items: start;
      gap: 0.75rem;
      padding: 0.8rem 0.9rem 0.68rem;
      border-bottom: 0.0625rem solid #eef2ff;
      background: linear-gradient(180deg,#eff6ff,#fff);
    }
    .prompt-action-log-actions {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      min-width: 0;
      padding-top: 0.05rem;
    }
    .prompt-action-log-btn {
      height: 1.95rem;
      min-width: 5.8rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.32rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 999rem;
      background: #eff6ff;
      color: #1d4ed8;
      padding: 0 0.68rem;
      font-size: 0.75rem;
      font-weight: 850;
      cursor: pointer;
      white-space: nowrap;
      font-family: inherit;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .prompt-action-log-btn:hover { border-color: #bfdbfe; background: #dbeafe; color: #1e40af; transform: translateY(-0.0625rem); }
    .prompt-action-log-btn:disabled { opacity: .55; cursor: not-allowed; transform: none; }
    .prompt-action-log-btn[hidden] { display: none; }
    .prompt-action-log-title { display: grid; gap: 0.16rem; min-width: 0; }
    .prompt-action-log-title strong { color: #0f172a; font-size: 0.88rem; font-weight: 950; line-height: 1.25; }
    .prompt-action-log-title span { color: #64748b; font-size: 0.72rem; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .prompt-action-log-close {
      width: 1.8rem;
      height: 1.8rem;
      flex: 0 0 auto;
      border: 0;
      border-radius: 0.5rem;
      background: #fff;
      color: #64748b;
      cursor: pointer;
    }
    .prompt-action-log-close:hover { background: #dbeafe; color: #1d4ed8; }
    .prompt-action-log-body {
      min-height: 0;
      overflow-y: auto;
      padding: 0.75rem 0.85rem 0.9rem;
      display: grid;
      align-content: start;
      gap: 0.55rem;
      background: #fff;
    }
    .prompt-action-log-run {
      display: grid;
      gap: 0.55rem;
      padding: 0.62rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.75rem;
      background: #f8fafc;
    }
    .prompt-action-log-run-head {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.45rem;
      min-width: 0;
      cursor: pointer;
    }
    .prompt-action-log-run-toggle {
      width: 1.35rem;
      height: 1.35rem;
      border: 0;
      border-radius: 999rem;
      background: #dbeafe;
      color: #1d4ed8;
      display: inline-grid;
      place-items: center;
      padding: 0;
      cursor: pointer;
      font-size: 0.66rem;
      flex: 0 0 auto;
      transition: background .16s ease, transform .16s ease;
    }
    .prompt-action-log-run-toggle:hover {
      background: #bfdbfe;
      transform: translateY(-0.0625rem);
    }
    .prompt-action-log-run-toggle i {
      transition: transform .16s ease;
    }
    .prompt-action-log-run.collapsed {
      gap: 0;
    }
    .prompt-action-log-run.collapsed .prompt-action-log-run-body {
      display: none;
    }
    .prompt-action-log-run.collapsed .prompt-action-log-run-toggle i {
      transform: rotate(-90deg);
    }
    .prompt-action-log-run-title {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      min-width: 0;
      color: #0f172a;
      font-size: 0.8rem;
      font-weight: 950;
    }
    .prompt-action-log-seq {
      display: inline-grid;
      place-items: center;
      width: 1.35rem;
      height: 1.35rem;
      border-radius: 999rem;
      background: #dbeafe;
      color: #1d4ed8;
      font-size: 0.68rem;
      font-weight: 950;
      flex: 0 0 auto;
    }
    .prompt-action-log-run-name {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .prompt-action-log-status {
      flex: 0 0 auto;
      border-radius: 999rem;
      padding: 0.16rem 0.5rem;
      background: #e0f2fe;
      color: #0369a1;
      font-size: 0.68rem;
      font-weight: 900;
    }
    .prompt-action-log-status.queued { background: #f1f5f9; color: #64748b; }
    .prompt-action-log-status.success { background: #dcfce7; color: #166534; }
    .prompt-action-log-status.error { background: #fee2e2; color: #991b1b; }
    .prompt-action-log-status.warn { background: #ffedd5; color: #9a3412; }
    .prompt-action-log-run-body {
      display: grid;
      gap: 0.45rem;
    }
    .prompt-action-log-jump {
      display: none;
      justify-content: center;
      align-items: center;
      margin: 0.45rem auto 0.75rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 999rem;
      background: #eff6ff;
      color: #1d4ed8;
      padding: 0.35rem 0.75rem;
      font-size: 0.72rem;
      font-weight: 900;
      cursor: pointer;
    }
    .prompt-action-log-jump.show { display: flex; }
    .prompt-dry-run-form {
      display: grid;
      gap: 0.75rem;
      padding: 0.82rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.875rem;
      background: linear-gradient(180deg,#eff6ff,#fff);
      box-shadow: inset 0 0 0 0.0625rem rgba(37,99,235,.04);
    }
    .prompt-dry-run-form h4 {
      margin: 0;
      color: #0f172a;
      font-size: 0.9rem;
      font-weight: 950;
      line-height: 1.35;
    }
    .prompt-dry-run-form p {
      margin: -0.45rem 0 0;
      color: #64748b;
      font-size: 0.73rem;
      line-height: 1.5;
    }
    .prompt-dry-run-form textarea {
      width: 100%;
      min-height: 9.5rem;
      max-height: 18rem;
      resize: vertical;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.75rem;
      background: #fff;
      color: #0f172a;
      padding: 0.7rem 0.75rem;
      font: inherit;
      font-size: 0.82rem;
      line-height: 1.55;
      outline: none;
      box-shadow: 0 0 0 0.1875rem rgba(59,130,246,.08);
    }
    .prompt-dry-run-form textarea:focus {
      border-color: #60a5fa;
      box-shadow: 0 0 0 0.22rem rgba(59,130,246,.14);
    }
    .prompt-dry-run-actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.55rem;
    }
    .prompt-dry-run-actions button {
      min-height: 2.1rem;
      border: 0.0625rem solid #dbe3ef;
      border-radius: 0.625rem;
      background: #fff;
      color: #334155;
      padding: 0 0.82rem;
      font-size: 0.78rem;
      font-weight: 850;
      cursor: pointer;
      font-family: inherit;
    }
    .prompt-dry-run-actions button.primary {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
      box-shadow: 0 0.5rem 0.9rem rgba(37,99,235,.18);
    }
    .prompt-dry-run-actions button:disabled {
      opacity: .58;
      cursor: not-allowed;
      box-shadow: none;
    }

    .skill-debug-session {
      display: grid;
      grid-template-rows: auto minmax(14rem, 1fr) auto;
      gap: 0.72rem;
      min-height: 24rem;
    }
    .skill-debug-brief {
      display: grid;
      gap: 0.25rem;
      padding: 0.72rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.78rem;
      background: #eff6ff;
      color: #334155;
    }
    .skill-debug-brief strong {
      color: #0f172a;
      font-size: 0.86rem;
      font-weight: 950;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .skill-debug-brief span {
      color: #64748b;
      font-size: 0.7rem;
      line-height: 1.45;
    }
    .skill-debug-messages {
      display: grid;
      gap: 0.62rem;
      align-content: start;
      min-height: 13rem;
      max-height: min(32rem, calc(100vh - 19rem));
      overflow: auto;
      padding: 0.15rem 0.15rem 0.35rem;
    }
    .skill-debug-empty {
      padding: 1rem;
      border: 0.0625rem dashed #bfdbfe;
      border-radius: 0.8rem;
      background: #f8fbff;
      color: #64748b;
      font-size: 0.76rem;
      line-height: 1.55;
    }
    .skill-debug-message {
      display: grid;
      gap: 0.3rem;
      max-width: 96%;
    }
    .skill-debug-message.user {
      justify-self: end;
      max-width: 92%;
    }
    .skill-debug-message.assistant,
    .skill-debug-message.system {
      justify-self: start;
    }
    .skill-debug-meta {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      color: #94a3b8;
      font-size: 0.66rem;
      font-weight: 850;
    }
    .skill-debug-bubble {
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.82rem;
      background: #fff;
      color: #0f172a;
      padding: 0.65rem 0.72rem;
      font-size: 0.76rem;
      line-height: 1.55;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      box-shadow: 0 0.45rem 1rem rgba(15,23,42,.04);
    }
    .skill-debug-message.user .skill-debug-bubble {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    .skill-debug-message.system .skill-debug-bubble {
      border-color: #fed7aa;
      background: #fff7ed;
      color: #9a3412;
    }
    .skill-debug-message.running .skill-debug-bubble {
      border-color: #bfdbfe;
      background: #f8fbff;
      color: #334155;
    }
    .skill-debug-actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.35rem;
    }
    .skill-debug-copy {
      border: 0.0625rem solid #dbe3ef;
      border-radius: 999rem;
      background: #fff;
      color: #475569;
      padding: 0.18rem 0.55rem;
      font-size: 0.68rem;
      font-weight: 850;
      cursor: pointer;
      font-family: inherit;
    }
    .skill-debug-composer {
      display: grid;
      gap: 0.55rem;
      padding: 0.68rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.82rem;
      background: linear-gradient(180deg,#eff6ff,#fff);
    }
    .skill-debug-composer textarea {
      width: 100%;
      min-height: 5.8rem;
      max-height: 12rem;
      resize: vertical;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.72rem;
      background: #fff;
      color: #0f172a;
      padding: 0.68rem 0.72rem;
      font: inherit;
      font-size: 0.78rem;
      line-height: 1.52;
      outline: none;
      box-shadow: 0 0 0 0.1875rem rgba(59,130,246,.08);
    }
    .skill-debug-composer textarea:focus {
      border-color: #60a5fa;
      box-shadow: 0 0 0 0.22rem rgba(59,130,246,.14);
    }
    .skill-debug-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.65rem;
    }
    .skill-debug-footer span {
      color: #64748b;
      font-size: 0.68rem;
      line-height: 1.35;
    }
    .skill-debug-footer button {
      min-height: 2.1rem;
      border: 0.0625rem solid #dbe3ef;
      border-radius: 0.625rem;
      background: #fff;
      color: #334155;
      padding: 0 0.82rem;
      font-size: 0.76rem;
      font-weight: 850;
      cursor: pointer;
      font-family: inherit;
      flex: 0 0 auto;
    }
    .skill-debug-footer button.primary {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
      box-shadow: 0 0.5rem 0.9rem rgba(37,99,235,.18);
    }
    .skill-debug-footer button:disabled {
      opacity: .58;
      cursor: not-allowed;
      box-shadow: none;
    }
    .prompt-action-log-line {
      display: grid;
      grid-template-columns: 3.7rem minmax(0, 1fr);
      gap: 0.5rem;
      align-items: start;
      padding: 0.42rem 0.5rem;
      border: 0.0625rem solid #eef2f7;
      border-radius: 0.55rem;
      background: #f8fafc;
      color: #334155;
      font-size: 0.76rem;
      line-height: 1.45;
    }
    .prompt-action-log-line time { color: #94a3b8; font-size: 0.68rem; font-weight: 850; }
    .prompt-action-log-line strong { color: #0f172a; font-weight: 850; overflow-wrap: anywhere; }
    .prompt-action-log-line.success { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }
    .prompt-action-log-line.error { border-color: #fecaca; background: #fef2f2; color: #991b1b; }
    .prompt-action-log-line.warn { border-color: #fed7aa; background: #fff7ed; color: #9a3412; }
    .prompt-action-log-line pre {
      grid-column: 1 / -1;
      margin: 0.18rem 0 0;
      padding: 0.5rem;
      border-radius: 0.5rem;
      background: #0f172a;
      color: #e2e8f0;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      font-family: "Cascadia Mono","Consolas","SFMono-Regular",monospace;
      font-size: 0.72rem;
      line-height: 1.55;
    }

    .skill-change-history {
      display: grid;
      gap: 0.72rem;
      padding-bottom: 0.2rem;
    }
    .skill-change-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.7rem;
      padding: 0.7rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.75rem;
      background: #f8fafc;
    }
    .skill-change-toolbar strong {
      display: block;
      color: #0f172a;
      font-size: 0.86rem;
      font-weight: 950;
      line-height: 1.35;
    }
    .skill-change-toolbar span {
      display: block;
      margin-top: 0.12rem;
      color: #64748b;
      font-size: 0.7rem;
      line-height: 1.35;
    }
    .skill-change-days {
      display: inline-flex;
      gap: 0.35rem;
      flex: 0 0 auto;
    }
    .skill-change-days button {
      height: 1.85rem;
      border: 0.0625rem solid #dbe3ef;
      border-radius: 999rem;
      background: #fff;
      color: #475569;
      padding: 0 0.62rem;
      font-size: 0.7rem;
      font-weight: 900;
      cursor: pointer;
      font-family: inherit;
    }
    .skill-change-days button.active {
      border-color: #2563eb;
      background: #eff6ff;
      color: #1d4ed8;
    }
    .skill-change-card {
      display: grid;
      gap: 0.58rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.78rem;
      background: #fff;
      padding: 0.72rem;
      box-shadow: 0 0.4rem 1rem rgba(15,23,42,.04);
    }
    .skill-change-card.hermes {
      border-color: #fed7aa;
      background: #fffaf5;
    }
    .skill-change-card.user {
      border-color: #bfdbfe;
      background: #f8fbff;
    }
    .skill-change-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.55rem;
    }
    .skill-change-head strong {
      display: block;
      color: #0f172a;
      font-size: 0.8rem;
      font-weight: 950;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .skill-change-head small,
    .skill-change-head time {
      display: block;
      color: #94a3b8;
      font-size: 0.67rem;
      line-height: 1.35;
      white-space: nowrap;
    }
    .skill-change-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      width: fit-content;
      border-radius: 999rem;
      padding: 0.16rem 0.5rem;
      background: #e0f2fe;
      color: #0369a1;
      font-size: 0.66rem;
      font-weight: 950;
    }
    .skill-change-card.hermes .skill-change-badge {
      background: #ffedd5;
      color: #c2410c;
    }
    .skill-change-summary {
      color: #334155;
      font-size: 0.74rem;
      font-weight: 850;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .skill-change-fields {
      display: grid;
      gap: 0.32rem;
    }
    .skill-change-field {
      display: grid;
      gap: 0.16rem;
      padding: 0.42rem 0.5rem;
      border-radius: 0.55rem;
      background: rgba(255,255,255,.72);
      border: 0.0625rem solid rgba(148,163,184,.2);
      color: #475569;
      font-size: 0.7rem;
      line-height: 1.4;
    }
    .skill-change-field b {
      color: #0f172a;
      font-size: 0.68rem;
    }
    .skill-change-field em {
      color: #64748b;
      font-style: normal;
      overflow-wrap: anywhere;
    }
    .skill-change-diff {
      display: grid;
      gap: 0.25rem;
      max-height: 16rem;
      overflow: auto;
      border-radius: 0.6rem;
      border: 0.0625rem solid #e2e8f0;
      background: #0f172a;
      padding: 0.42rem;
    }
    .skill-change-hunk {
      display: grid;
      gap: 0.08rem;
    }
    .skill-change-diff-line {
      display: grid;
      grid-template-columns: 1rem minmax(0, 1fr);
      gap: 0.35rem;
      align-items: start;
      border-radius: 0.35rem;
      padding: 0.16rem 0.3rem;
      color: #cbd5e1;
      font-size: 0.68rem;
      line-height: 1.45;
    }
    .skill-change-diff-line.add { background: rgba(22,163,74,.16); color: #dcfce7; }
    .skill-change-diff-line.delete { background: rgba(220,38,38,.16); color: #fee2e2; }
    .skill-change-diff-line.more { color: #94a3b8; font-style: italic; }
    .skill-change-diff-line code {
      font-family: "Cascadia Mono","Consolas","SFMono-Regular",monospace;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .skill-change-empty {
      padding: 1rem;
      border: 0.0625rem dashed #cbd5e1;
      border-radius: 0.8rem;
      background: #f8fafc;
      color: #64748b;
      font-size: 0.76rem;
      line-height: 1.55;
    }

    .prompt-action-history {
      display: grid;
      gap: 0.72rem;
      padding-bottom: 0.2rem;
    }
    .prompt-action-history-card {
      display: grid;
      gap: 0.55rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.78rem;
      background: #fff;
      padding: 0.72rem;
      box-shadow: 0 0.4rem 1rem rgba(15,23,42,.04);
    }
    .prompt-action-history-card.cloud_sync {
      border-color: #bfdbfe;
      background: #f8fbff;
    }
    .prompt-action-history-card.skill_debug {
      border-color: #fed7aa;
      background: #fffaf5;
    }
    .prompt-action-history-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.6rem;
    }
    .prompt-action-history-head strong {
      display: block;
      color: #0f172a;
      font-size: 0.82rem;
      font-weight: 950;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .prompt-action-history-head span,
    .prompt-action-history-head time {
      display: block;
      color: #94a3b8;
      font-size: 0.67rem;
      font-weight: 800;
      line-height: 1.35;
    }
    .prompt-action-history-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999rem;
      padding: 0.16rem 0.5rem;
      background: #e0f2fe;
      color: #0369a1;
      font-size: 0.66rem;
      font-weight: 950;
      white-space: nowrap;
    }
    .prompt-action-history-status.success { background: #dcfce7; color: #166534; }
    .prompt-action-history-status.error { background: #fee2e2; color: #991b1b; }
    .prompt-action-history-status.queued { background: #f1f5f9; color: #64748b; }
    .prompt-action-history-summary {
      color: #334155;
      font-size: 0.74rem;
      font-weight: 850;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .prompt-action-history-lines,
    .prompt-action-history-messages {
      display: grid;
      gap: 0.38rem;
    }
    .prompt-action-history-message {
      display: grid;
      gap: 0.18rem;
      padding: 0.48rem 0.55rem;
      border: 0.0625rem solid rgba(148,163,184,.24);
      border-radius: 0.58rem;
      background: rgba(255,255,255,.72);
      color: #475569;
      font-size: 0.7rem;
      line-height: 1.45;
    }
    .prompt-action-history-message b {
      color: #0f172a;
      font-size: 0.67rem;
    }
    .prompt-action-history-message span {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow-wrap: anywhere;
      white-space: pre-wrap;
    }
    .prompt-action-history-open {
      justify-self: end;
      min-height: 1.8rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 999rem;
      background: #eff6ff;
      color: #1d4ed8;
      padding: 0 0.65rem;
      font-size: 0.7rem;
      font-weight: 900;
      cursor: pointer;
      font-family: inherit;
    }
    .prompt-action-history-open:hover {
      background: #dbeafe;
      border-color: #bfdbfe;
    }
    @media (max-width: 94rem) {
      .prompt-action-log-panel {
        top: auto;
        left: auto;
        right: 1rem;
        bottom: 5.5rem;
        transform: none;
        width: min(24rem, calc(100vw - 2rem));
        min-width: 0;
        height: auto;
        max-height: min(20rem, calc(100vh - 7rem));
      }
    }
    @media (max-width: 760px) {
      .prompt-action-log-panel { right: 1rem; left: 1rem; bottom: 5.5rem; width: auto; max-height: min(18rem, calc(100vh - 7rem)); }
    }
    .prompt-panel-actions .prompt-generate-btn.is-updating {
      border-color: #d1d5db;
      background: #e5e7eb;
      color: #475569;
      cursor: wait;
    }
    .prompt-panel-actions .prompt-generate-btn:disabled {
      border-color: #e5e7eb;
      background: #f3f4f6;
      color: #cbd5e1;
      cursor: not-allowed;
      transform: none;
    }
    .prompt-modal-box {
      position: relative;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      overflow: hidden;
      background: #fff;
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
      min-height: 0;
      box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .035);
    }
    .prompt-modal-box header {
      position: relative;
      z-index: 4;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.75rem;
      padding: 0.75rem 1rem;
      color: #6b7280;
      border-bottom: 0.0625rem solid #e5e7eb;
      background: #fff;
    }
    .prompt-panel-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.625rem;
    }
    .prompt-switch-btn {
      min-height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.375rem;
      background: #fff;
      color: #111827;
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      padding: 0 0.625rem;
      font-size: 0.875rem;
      cursor: pointer;
      transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
    }
    .prompt-switch-btn:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      transform: translateY(-0.0625rem);
    }
    .prompt-panel-actions .prompt-tool-btn,
    .prompt-skill-tools .prompt-tool-btn {
      width: 6.5rem;
      min-width: 6.5rem;
      height: 2.5rem;
      min-height: 2.5rem;
      padding: 0 0.625rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      color: #111827;
      box-shadow: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.375rem;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1;
      white-space: nowrap;
      cursor: pointer;
      user-select: none;
      transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
    }
    .prompt-panel-actions .prompt-tool-btn:hover,
    .prompt-skill-tools .prompt-tool-btn:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #111827;
      transform: translateY(-0.0625rem);
    }
    .prompt-panel-actions .prompt-tool-btn i,
    .prompt-skill-tools .prompt-tool-btn i {
      width: 1rem;
      color: #111827;
      text-align: center;
      flex: 0 0 auto;
    }
    .prompt-skill-tools #skillPolishBtn::before {
      content: "\f0ad";
      width: 1rem;
      color: #111827;
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      text-align: center;
      flex: 0 0 auto;
    }
    .prompt-modal-box header small {
      margin-left: 0.375rem;
      color: #9ca3af;
      font-size: 0.8125rem;
      font-weight: 500;
    }
    .prompt-box-title {
      display: inline-flex;
      align-items: baseline;
      gap: 0.35rem;
      min-width: 0;
      color: #111827;
      font-weight: 700;
      font-size: 1.02rem;
      white-space: nowrap;
    }
    .prompt-box-title small {
      margin-left: 0;
      color: #9ca3af;
      font-size: 0.875rem;
      font-weight: 500;
    }
    .skill-writing-guide {
      flex: 0 0 auto;
      color: #64748b;
      font-size: 0.8125rem;
      font-weight: 700;
      cursor: pointer;
      user-select: none;
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      padding: 0.25rem 0.5rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999px;
      background: #fff;
      transition: background-color .16s ease, border-color .16s ease, color .16s ease;
    }
    .skill-writing-guide:hover,
    .skill-writing-guide.active {
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #334155;
    }
    .skill-writing-guide i {
      color: #94a3b8;
    }
    .prompt-skill-tools .skill-writing-guide.active i {
      color: #111827;
    }
    .prompt-panel-actions .prompt-tool-btn.active,
    .prompt-skill-tools .prompt-tool-btn.active {
      background: #fff;
      border-color: #e5e7eb;
      color: #111827;
      transform: none;
    }
    .prompt-panel-actions .prompt-tool-btn.active:hover,
    .prompt-skill-tools .prompt-tool-btn.active:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #111827;
      transform: translateY(-0.0625rem);
    }
    .skill-writing-guide > span {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
    }
    .prompt-modal-box textarea {
      border: 0.0625rem solid transparent;
      border-radius: 0;
      min-height: 0;
      height: 100%;
      flex: 1 1 auto;
      background: #f6f7f9;
      box-shadow: none;
      line-height: 1.65;
      overflow-y: auto !important;
    }
    .prompt-hidden-skill-title {
      display: none !important;
    }
    .prompt-skill-tools {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      flex: 0 0 auto;
      margin-left: auto;
    }
    .prompt-panel-actions {
      margin-left: auto;
    }
    .prompt-dialog.editing .prompt-dialog-head input,
    .prompt-dialog.editing .prompt-modal-desc,
    .prompt-dialog.editing .prompt-skill-title {
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.5rem;
      padding: 0.5rem 0.75rem;
      background: #f6f7f9;
    }
    .prompt-dialog.editing .prompt-modal-desc {
      font-size: 0.78rem;
      line-height: 1.35;
    }
    .prompt-dialog.editing .prompt-desc-wrap .prompt-modal-desc {
      padding: 0;
      border: 0;
      background: transparent;
    }
    .prompt-attachment-section {
      margin-top: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.375rem;
      align-items: start;
      min-width: 0;
      padding: 0;
      background: transparent;
    }
    .prompt-resource-section {
      display: none;
      grid-template-columns: 7.5rem minmax(0, 1fr) minmax(0, 1fr);
      gap: 0.45rem;
      align-items: end;
      min-width: 0;
      position: absolute;
      top: calc(100% + 0.5rem);
      right: 0;
      z-index: 320;
      width: min(32rem, calc(100vw - 3rem));
      padding: 1rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 1rem;
      background: #f8fafc;
      box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .16);
    }
    .prompt-resource-section.show {
      display: grid;
    }
    .prompt-resource-title {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      gap: 0.45rem;
      color: #ea580c;
      font-size: 0.82rem;
      font-weight: 900;
      min-width: 0;
    }
    .prompt-resource-title small {
      color: #64748b;
      font-size: 0.72rem;
      font-weight: 750;
    }
    .prompt-resource-section label {
      display: grid;
      gap: 0.2rem;
      color: #64748b;
      font-size: 0.7rem;
      line-height: 1.1;
      min-width: 0;
    }
    .prompt-resource-section select,
    .prompt-resource-section input {
      width: 100%;
      min-width: 0;
      border: 1px solid #dbeafe;
      border-radius: 0.5rem;
      background: #fff;
      color: #0f172a;
      font-size: 0.75rem;
      padding: 0.42rem 0.55rem;
      outline: none;
    }
    .prompt-resource-section select:disabled,
    .prompt-resource-section input:read-only {
      background: #f8fafc;
      color: #94a3b8;
    }
    .prompt-resource-actions {
      grid-column: 1 / -1;
      display: flex;
      justify-content: flex-end;
      gap: 0.5rem;
      padding-top: 0.35rem;
    }
    .prompt-resource-cancel {
      min-width: 4.75rem;
      height: 2.25rem;
      border: 1px solid #e2e8f0;
      border-radius: 0.625rem;
      background: #fff;
      color: #475569;
      font-size: 0.86rem;
      font-weight: 850;
      cursor: pointer;
      transition: transform .16s ease, border-color .16s ease, background .16s ease;
    }
    .prompt-resource-cancel:hover {
      border-color: #cbd5e1;
      background: #f1f5f9;
      transform: translateY(-0.0625rem);
    }
    .prompt-resource-confirm {
      min-width: 5.5rem;
      height: 2.25rem;
      border: 0;
      border-radius: 0.625rem;
      background: #ff6b1a;
      color: #fff;
      font-size: 0.86rem;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 0 0.55rem 1.15rem rgba(249, 115, 22, .22);
      transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
    }
    .prompt-resource-confirm:hover {
      background: #f97316;
      transform: translateY(-0.0625rem);
      box-shadow: 0 0.7rem 1.35rem rgba(249, 115, 22, .28);
    }
    .prompt-skill-card {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 1rem;
      min-height: 0;
      overflow: hidden;
    }
    .prompt-skill-title {
      width: 100%;
      border: 0;
      padding: 0;
      min-height: auto;
      font-size: 1.125rem;
      font-weight: 700;
      color: #111827;
      background: transparent;
    }
    .prompt-text-box textarea,
    .prompt-skill-box textarea {
      min-height: 0;
      height: 100%;
      max-height: none;
      flex: 1 1 auto;
      overflow-y: auto;
      font-size: 0.95rem;
      line-height: 1.45;
      margin: 0.875rem 1rem 1rem;
      width: calc(100% - 2rem);
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      padding: 0.875rem 1rem;
    }
    .prompt-skill-box {
      min-height: 0;
      overflow: hidden;
    }
    .prompt-skill-box textarea {
      min-height: 14rem;
      max-height: 100%;
    }
    .prompt-text-box > .textarea-expand-wrap,
    .prompt-skill-box > .textarea-expand-wrap {
      flex: 1 1 auto;
      display: flex;
      min-height: 0;
      width: calc(100% - 2rem);
      margin: 0.875rem 1rem 1rem;
    }
    .prompt-skill-box > .textarea-expand-wrap {
      min-height: 14rem;
      max-height: 100%;
      overflow: hidden;
    }
    .prompt-text-box > .textarea-float-actions,
    .prompt-skill-box > .textarea-float-actions {
      position: absolute;
      right: 2.1rem;
      bottom: 1.55rem;
      top: auto;
      z-index: 8;
      opacity: 1;
      pointer-events: auto;
      transform: none;
    }
    .prompt-text-box > .textarea-expand-wrap > textarea,
    .prompt-skill-box > .textarea-expand-wrap > textarea {
      width: 100%;
      height: 100%;
      min-height: 0;
      margin: 0;
      padding: 0.875rem 1rem 3rem;
    }
    @media (max-height: 760px) {
      .prompt-skill-card {
        min-height: 0;
      }
      .prompt-skill-box textarea {
        height: 100%;
        max-height: none;
      }
    }
    .prompt-skill-box textarea::placeholder {
      color: #9aa4b2;
      opacity: 1;
      font-size: 0.9rem;
      line-height: 1.38;
    }
    .prompt-skill-foot {
      margin-top: auto;
    }
    .prompt-skill-attachment-btn {
      width: 2.25rem;
      height: 2.25rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #111827;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      box-shadow: 0 0.25rem 0.875rem rgba(15, 23, 42, .08);
      transition: background-color .18s ease, border-color .18s ease, transform .18s ease, color .18s ease;
    }
    .prompt-skill-attachment-btn:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      transform: translateY(-0.0625rem);
    }
    .prompt-skill-attachment-btn.disabled {
      color: #cbd5e1;
      background: #f8fafc;
      box-shadow: none;
      cursor: not-allowed;
      transform: none;
    }
    .prompt-attachment-head {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      grid-column: 1;
      grid-row: 2;
      padding: 0;
      color: #374151;
      font-size: 0.875rem;
      white-space: nowrap;
    }
    .prompt-upload-btn {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      width: 2rem;
      height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #fff;
      color: #94a3b8;
      padding: 0;
      cursor: pointer;
      font-size: 1rem;
      box-shadow: none;
      overflow: hidden;
      transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .prompt-upload-btn:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #64748b;
      transform: translateY(-0.0625rem);
      box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .08);
    }
    .prompt-upload-btn input {
      position: absolute;
      inset: 0;
      opacity: 0;
      cursor: pointer;
      font-size: 0;
    }
    .prompt-upload-btn.disabled {
      opacity: .45;
      pointer-events: none;
    }
    .prompt-attachment-help {
      grid-column: 1;
      grid-row: 1;
      align-self: center;
      color: #9ca3af;
      font-size: 0.8125rem;
      line-height: 1.5;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .prompt-attachment-section.has-items .prompt-attachment-help {
      grid-column: 1;
      grid-row: 1;
      margin-left: 0;
      display: block;
    }
    .prompt-attachment-section.has-items .prompt-attachment-head {
      grid-column: 1;
      grid-row: 2;
      justify-content: flex-start;
    }
    .prompt-attachment-list {
      grid-column: 1;
      grid-row: 3;
      display: grid;
      align-items: start;
      gap: 0.125rem;
      padding: 0.125rem 0 0;
      min-height: 0;
      min-width: 0;
      max-width: min(22rem, 100%);
      overflow: visible;
    }
    .prompt-attachment-section.has-items .prompt-attachment-list {
      grid-row: 3;
    }
    .prompt-attachment-empty {
      color: #9ca3af;
      font-size: 0.8125rem;
      white-space: nowrap;
    }
    .prompt-attachment-item {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      width: fit-content;
      max-width: 100%;
      min-height: 1.75rem;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      flex: 1 1 auto;
      cursor: pointer;
      box-shadow: none;
      transition: color .16s ease;
    }
    .prompt-attachment-item:hover {
      background: transparent;
      border-color: transparent;
      transform: none;
      color: #2563eb;
    }
    .prompt-attachment-item i {
      color: #64748b;
      font-size: 0.9rem;
    }
    .prompt-attachment-item:hover i {
      color: #2563eb;
    }
    .prompt-attachment-item strong {
      display: block;
      color: #374151;
      font-size: 0.75rem;
      font-weight: 600;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-decoration: none;
    }
    .prompt-attachment-item:hover strong {
      color: #2563eb;
      text-decoration: underline;
      text-underline-offset: 0.1875rem;
    }
    .prompt-dialog.editing .prompt-attachment-item strong {
      cursor: pointer;
    }
    .prompt-attachment-item small {
      display: none;
      margin-top: 0;
      color: #9ca3af;
      font-size: 0.75rem;
    }
    .prompt-attachment-actions {
      display: contents;
    }
    .prompt-attachment-actions a {
      position: absolute;
      inset: 0;
      opacity: 0;
      z-index: 1;
      border: 0;
      background: transparent;
      font-size: 0;
    }
    .prompt-attachment-actions button {
      position: absolute;
      right: -0.45rem;
      top: -0.45rem;
      z-index: 2;
      width: 1.1rem;
      height: 1.1rem;
      display: none;
      place-items: center;
      border: 0;
      border-radius: 999px;
      background: #fff;
      color: #ef4444;
      cursor: pointer;
      font-size: 0.675rem;
      box-shadow: 0 0.25rem 0.875rem rgba(15, 23, 42, .16);
    }
    .prompt-attachment-actions button[data-rename-prompt-attachment] {
      right: 0.85rem;
      color: #64748b;
    }
    .prompt-attachment-actions button[data-rename-prompt-attachment]:hover {
      color: #2563eb;
    }
    .prompt-attachment-item:hover .prompt-attachment-actions button {
      display: inline-grid;
    }
    .composer-attachment-list {
      display: none;
      align-items: center;
      gap: 0.375rem;
      min-width: 0;
      max-width: 18rem;
      overflow-x: auto;
      scrollbar-width: thin;
    }
    .composer-attachment-list.has-items {
      display: inline-flex;
    }
    .composer-attachment-chip {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      gap: 0.3125rem;
      max-width: 9rem;
      padding: 0.375rem 0.5rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #374151;
      font-size: 0.75rem;
      white-space: nowrap;
    }
    .composer-attachment-chip span {
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .composer-attachment-chip button {
      border: 0;
      background: transparent;
      color: #9ca3af;
      cursor: pointer;
      padding: 0;
      line-height: 1;
    }
    .attachment-chip {
      position: relative;
    }
    .attachment-count {
      display: none;
      position: absolute;
      top: -0.25rem;
      right: -0.25rem;
      min-width: 1rem;
      height: 1rem;
      border-radius: 62.4375rem;
      background: #111827;
      color: #fff;
      font-size: 0.625rem;
      line-height: 1rem;
      text-align: center;
    }
    .attachment-count.show {
      display: block;
    }
    .prompt-dialog-actions {
      margin-top: 0;
      display: flex;
      justify-content: flex-end;
      gap: 0.625rem;
      position: relative;
      z-index: 6;
      background: transparent;
      align-self: end;
    }
    .prompt-dialog.skill-side .prompt-dialog-actions {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }
    .prompt-dialog-actions .btn {
      min-width: 4.5rem;
      justify-content: center;
    }
    @media (max-width: 900px) {
      .prompt-resource-section {
        grid-template-columns: minmax(0, 1fr);
        width: min(22rem, calc(100vw - 2rem));
      }
    }
    #skillPolishBtn,
    #skillDryRunBtn {
      white-space: nowrap;
    }
    #promptModal .prompt-dialog:not(.editing) #promptAutoUpdateLabel,
    #promptModal .prompt-dialog:not(.editing) #skillPolishBtn,
    #promptModal .prompt-dialog:not(.editing) #promptActionLogToggleBtn {
      display: none !important;
    }
    #usePromptBtn {
      border-color: #111827;
      background: #111827;
      color: #fff;
      box-shadow: 0 0.625rem 1rem rgba(17, 24, 39, .16);
    }
    #usePromptBtn:hover {
      border-color: #020617;
      background: #020617;
      color: #fff;
    }
    #usePromptBtn:disabled,
    #usePromptBtn:disabled:hover {
      border-color: #d1d5db;
      background: #d1d5db;
      color: #fff;
      box-shadow: none;
      cursor: not-allowed;
      opacity: 1;
    }
    .locked-field {
      background: #f3f4f6 !important;
      color: #6b7280;
    }
    .sticky-composer {
      position: fixed;
      left: calc(var(--sidebar) + clamp(1.125rem, 4vw, 3.125rem));
      right: clamp(1.125rem, 4vw, 3.125rem);
      bottom: 0;
      width: min(61.25rem, 100%);
      margin: 0 auto;
      z-index: 40;
      display: none;
      opacity: 0;
      pointer-events: none;
      transform: translateY(1.375rem);
      transition: opacity .18s ease, transform .18s ease;
    }
    .sticky-composer.show {
      display: block;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .sticky-composer .ai-command-box {
      box-shadow: 0 -1.125rem 2.625rem rgba(15, 23, 42, .10);
    }
    .sticky-composer textarea {
      min-height: 8rem;
    }
    .sticky-composer .contact-strip {
      margin-bottom: 0;
    }
    .pick-ai-main.chat-mode {
      padding-top: 1.75rem;
      padding-bottom: 0;
    }
    .pick-ai-main.chat-mode .pick-hero,
    .pick-ai-main.chat-mode > .contact-strip,
    .pick-ai-main.chat-mode > .scene-tools,
    .pick-ai-main.chat-mode > .tool-category-strip,
    .pick-ai-main.chat-mode > .prompt-title,
    .pick-ai-main.chat-mode > .prompt-card-grid {
      display: none;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .scene-tools {
      display: flex;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .tool-category-strip {
      display: flex;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .prompt-title {
      display: block;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .prompt-card-grid {
      display: grid;
    }
    .pick-ai-main.chat-mode .sticky-composer {
      display: block;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
      left: max(calc(var(--sidebar) + clamp(1.125rem, 5vw, 4.125rem)), calc(var(--sidebar) + clamp(1.125rem, 5vw, 4.125rem) + ((100vw - var(--sidebar) - (clamp(1.125rem, 5vw, 4.125rem) * 2) - 61.25rem) / 2) - 1.25rem));
      right: auto;
      width: min(61.25rem, calc(100vw - var(--sidebar) - clamp(1.125rem, 5vw, 4.125rem) - clamp(1.125rem, 5vw, 4.125rem)));
    }
    .pick-ai-main.chat-mode.prompt-expanded {
      display: flex;
      flex-direction: column;
    }
    .pick-ai-main.chat-mode.prompt-expanded .pick-conversation {
      order: 1;
      display: block;
      min-height: auto;
      padding: 0.125rem 0 1.5rem;
    }
    .pick-ai-main.chat-mode.prompt-expanded .sticky-composer {
      order: 2;
      position: fixed;
      left: max(calc(var(--sidebar) + clamp(1.125rem, 5vw, 4.125rem)), calc(var(--sidebar) + clamp(1.125rem, 5vw, 4.125rem) + ((100vw - var(--sidebar) - (clamp(1.125rem, 5vw, 4.125rem) * 2) - 61.25rem) / 2) - 1.25rem));
      right: auto;
      bottom: 0;
      width: min(61.25rem, calc(100vw - var(--sidebar) - clamp(1.125rem, 5vw, 4.125rem) - clamp(1.125rem, 5vw, 4.125rem)));
      margin: 0 auto;
      display: block;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
      z-index: 40;
      background: #fff;
    }
    .pick-ai-main.chat-mode.prompt-expanded .sticky-composer.show {
      position: fixed;
      left: max(calc(var(--sidebar) + clamp(1.125rem, 5vw, 4.125rem)), calc(var(--sidebar) + clamp(1.125rem, 5vw, 4.125rem) + ((100vw - var(--sidebar) - (clamp(1.125rem, 5vw, 4.125rem) * 2) - 61.25rem) / 2) - 1.25rem));
      right: auto;
      bottom: 0;
      width: min(61.25rem, calc(100vw - var(--sidebar) - clamp(1.125rem, 5vw, 4.125rem) - clamp(1.125rem, 5vw, 4.125rem)));
      margin: 0 auto;
      transform: translateY(0);
      z-index: 40;
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) .sticky-composer.show {
      display: block;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .pick-ai-main.chat-mode.prompt-expanded > .scene-tools {
      order: 3;
      margin-top: 2rem;
      margin-bottom: 1.25rem;
      position: relative;
      z-index: 30;
      background: #fff;
      overflow: visible;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .tool-category-strip {
      order: 4;
      position: relative;
      z-index: 3;
      background: #fff;
      justify-content: flex-start;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      width: fit-content;
      max-width: min(61.25rem, 100%);
      margin-left: auto;
      margin-right: auto;
      padding: 0.75rem 1rem 1.15rem;
      min-height: 3.25rem;
      margin-bottom: 1.375rem;
      scroll-padding-left: 1rem;
      scroll-padding-right: 1rem;
      scrollbar-width: thin;
      scrollbar-color: rgba(17, 24, 39, .24) transparent;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .tool-category-strip::-webkit-scrollbar {
      display: block;
      height: 0.25rem;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .tool-category-strip::-webkit-scrollbar-track {
      background: transparent;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .tool-category-strip::-webkit-scrollbar-thumb {
      background: rgba(17, 24, 39, .24);
      border-radius: 62.4375rem;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .tool-category-strip::-webkit-scrollbar-thumb:hover {
      background: rgba(17, 24, 39, .34);
    }
    .pick-ai-main.chat-mode.prompt-expanded > .tool-category-strip span {
      min-width: max-content;
      min-height: 2.25rem;
      line-height: 1.35;
      padding-top: 0.4375rem;
      padding-bottom: 0.4375rem;
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) > .tool-category-strip {
      justify-content: flex-start;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden;
      width: min(61.25rem, 100%);
      max-width: min(61.25rem, 100%);
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      margin-bottom: 0.35rem;
      padding: 0.125rem 0.75rem 0.25rem;
      min-height: 2rem;
      max-height: 2.625rem;
      box-sizing: border-box;
      scroll-padding-left: 1rem;
      scroll-padding-right: 1rem;
      scrollbar-width: thin;
      scrollbar-color: rgba(17, 24, 39, .24) transparent;
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) > .tool-category-strip::-webkit-scrollbar {
      display: block;
      height: 0.1875rem;
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) > .tool-category-strip::-webkit-scrollbar-track {
      background: transparent;
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) > .tool-category-strip::-webkit-scrollbar-thumb {
      background: rgba(17, 24, 39, .24);
      border-radius: 62.4375rem;
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) > .tool-category-strip::-webkit-scrollbar-thumb:hover {
      background: rgba(17, 24, 39, .34);
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) > .tool-category-strip span {
      min-width: max-content;
      min-height: 1.55rem;
      line-height: 1.35;
      padding-top: 0.15rem;
      padding-bottom: 0.15rem;
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) > .scene-tools {
      margin-top: 0.75rem;
      margin-bottom: 0.25rem;
    }
    .pick-ai-main.prompt-expanded:not(.chat-mode) > .prompt-title {
      margin-top: 1.75rem;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .prompt-title {
      order: 5;
      position: relative;
      z-index: 3;
      background: #fff;
      margin-top: 1.75rem;
    }
    .pick-ai-main.chat-mode.prompt-expanded.secondary-menu-disabled > #pickSecondaryMenu {
      min-height: 0.5rem;
      max-height: 0.5rem;
      height: 0.5rem;
      padding: 0;
      margin-bottom: 0.5rem;
      border: 0;
      overflow: hidden;
    }
    .pick-ai-main.chat-mode.prompt-expanded.secondary-menu-disabled > .prompt-title {
      margin-top: 0.625rem;
    }
    .pick-ai-main.chat-mode.prompt-expanded > .prompt-card-grid {
      order: 6;
      position: relative;
      z-index: 1;
      background: #fff;
      padding-bottom: calc(var(--pick-composer-safe) + 1rem);
    }
    .pick-conversation {
      width: min(61.25rem, 100%);
      margin: 0 auto;
      display: none;
      min-height: calc(100vh - 20.625rem);
      padding: 0.125rem 0 var(--pick-composer-safe);
    }
    .pick-ai-main.chat-mode .pick-conversation {
      display: block;
    }
    .pick-empty-session-state {
      width: min(38rem, calc(100% - 2rem));
      margin: clamp(5rem, 18vh, 10rem) auto 0;
      padding: 1rem 1.125rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #64748b;
      display: flex;
      align-items: center;
      gap: 0.875rem;
      box-shadow: 0 0.625rem 1.75rem rgba(15, 23, 42, .06);
    }
    .pick-empty-session-state > i {
      color: #f97316;
      font-size: 1rem;
      flex: 0 0 auto;
    }
    .pick-empty-session-copy {
      min-width: 0;
      display: grid;
      gap: 0.1875rem;
      flex: 1 1 auto;
    }
    .pick-empty-session-copy strong {
      color: #111827;
      font-size: 0.875rem;
      line-height: 1.35;
    }
    .pick-empty-session-copy span {
      font-size: 0.75rem;
      line-height: 1.45;
    }
    .pick-empty-session-action {
      flex: 0 0 auto;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.5rem;
      background: #fff7ed;
      color: #ea580c;
      min-height: 2rem;
      padding: 0.375rem 0.625rem;
      font: inherit;
      font-size: 0.75rem;
      font-weight: 800;
      cursor: pointer;
    }
    .pick-empty-session-action:hover {
      border-color: #fb923c;
      background: #ffedd5;
    }
    .pick-chat-topic-wrap {
      display: none;
      position: fixed;
      left: calc(var(--sidebar) + 1.5rem);
      top: 4.75rem;
      z-index: 32;
      width: clamp(10rem, 16vw, 14rem);
      max-width: calc(100vw - var(--sidebar) - 4rem);
      margin: 0;
      padding: 0;
      align-items: center;
      gap: 0.375rem;
      pointer-events: auto;
    }
    .pick-chat-topic {
      min-width: 0;
      flex: 0 1 auto;
      color: #030712;
      font-size: 1.125rem;
      font-weight: 500;
      line-height: 1.4;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      pointer-events: none;
    }
    .pick-chat-topic-edit {
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.5rem;
      background: rgba(255, 255, 255, .92);
      color: #64748b;
      display: inline-grid;
      place-items: center;
      opacity: 0;
      pointer-events: none;
      transform: translateX(-0.25rem);
      transition: opacity .16s ease, transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease;
      flex: 0 0 auto;
      cursor: pointer;
    }
    .pick-chat-topic-wrap:hover .pick-chat-topic-edit,
    .pick-chat-topic-wrap:focus-within .pick-chat-topic-edit {
      opacity: 1;
      pointer-events: auto;
      transform: translateX(0);
    }
    .pick-chat-topic-edit:hover {
      color: #2563eb;
      border-color: #bfdbfe;
      background: #eff6ff;
    }
    .pick-ai-main.chat-mode .pick-chat-topic-wrap {
      display: inline-flex;
    }
    .pick-scroll-jump {
      position: fixed;
      left: calc(var(--sidebar) + ((100vw - var(--sidebar)) / 2));
      bottom: var(--pick-scroll-jump-bottom);
      transform: translateX(-50%);
      z-index: 26;
      display: none;
      pointer-events: none;
    }
    .pick-ai-main.chat-mode .pick-scroll-jump {
      display: block;
    }
    .pick-ai-main.prompt-expanded .pick-scroll-jump {
      display: none;
    }
    .pick-scroll-jump button {
      width: 2.25rem;
      height: 2.25rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 62.4375rem;
      background: #fff;
      color: #111827;
      display: grid;
      place-items: center;
      box-shadow: 0 0.625rem 1.5rem rgba(15, 23, 42, .08);
      opacity: 0;
      transform: translateY(0.25rem) scale(.96);
      pointer-events: none;
      transition: opacity .18s ease, transform .18s ease, background .18s ease;
    }
    .pick-scroll-jump button.visible {
      opacity: .96;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }
    .pick-scroll-jump button:hover {
      background: #f8fafc;
    }
    .conversation-user {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: flex-end;
      margin: 0 0 0.85rem;
    }
    .conversation-user .user-bubble {
      max-width: min(38rem, 78%);
      background: #f3f4f6;
      color: #111827;
      border-radius: 0.875rem;
      padding: 0.75rem 1rem;
      font-size: 0.9375rem;
      line-height: 1.6;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .user-actions {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-top: 0.45rem;
      padding-right: 0.5rem;
      color: #9aa3af;
      font-size: 0.8125rem;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-0.125rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    .conversation-user .user-bubble:hover + .user-actions,
    .conversation-user.actions-visible .user-actions,
    .user-actions:hover {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .user-actions button {
      border: 0;
      background: transparent;
      color: #9aa3af;
      width: 1.35rem;
      height: 1.35rem;
      border-radius: 0.375rem;
      cursor: pointer;
      display: inline-grid;
      place-items: center;
      box-shadow: none;
    }
    .user-actions button:hover {
      color: #111827;
      background: #f3f4f6;
    }
    .conversation-user.editing {
      align-items: stretch;
    }
    .conversation-user.editing .user-bubble,
    .conversation-user.editing .user-actions {
      display: none;
    }
    .user-edit-panel {
      display: none;
      align-items: flex-end;
      gap: 0.75rem;
      width: min(56rem, 100%);
      margin-left: auto;
      padding: 1rem;
      border-radius: 1rem;
      background: #f3f4f6;
    }
    .conversation-user.editing .user-edit-panel {
      display: flex;
    }
    .user-edit-panel textarea {
      flex: 1 1 auto;
      min-height: 3.25rem;
      max-height: 9rem;
      border: 0;
      outline: none;
      resize: vertical;
      background: transparent;
      color: #111827;
      font: inherit;
      line-height: 1.6;
    }
    .user-edit-actions {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex: 0 0 auto;
    }
    .user-edit-actions button {
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.65rem;
      padding: 0.45rem 0.75rem;
      background: #fff;
      color: #111827;
      font-size: 0.875rem;
      cursor: pointer;
      box-shadow: none;
    }
    .user-edit-actions .send-user-edit {
      border-color: #111827;
      background: #111827;
      color: #fff;
    }
    .conversation-turn {
      margin-bottom: 1rem;
    }
    .pick-turn-scroll-spacer {
      height: 0;
      pointer-events: none;
    }
    .agent-answer {
      max-width: 100%;
      color: #222;
      position: relative;
    }
    .agent-head {
      display: none;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 1.125rem;
      color: #6b7280;
      font-size: 1rem;
    }
    .agent-avatar {
      width: 1.75rem;
      height: 1.75rem;
      border-radius: 0.4375rem;
      display: inline-grid;
      place-items: center;
      background: #111827;
      color: #fff;
      box-shadow: 0 0.5rem 1.125rem rgba(17,24,39,.12);
    }
    .thinking-pill {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      margin-bottom: 0.35rem;
      padding: 0.25rem 0.45rem;
      border: 0;
      border-radius: 0.65rem;
      background: transparent;
      color: #8b95a1;
      font-size: 0.875rem;
      cursor: pointer;
    }
    .thinking-pill.no-log {
      display: none;
    }
    .thinking-pill.running {
      color: #7b8794;
      background: transparent;
    }
    .thinking-pill .thinking-status {
      display: none;
    }
    .thinking-miner-icon {
      position: relative;
      width: 1.45rem;
      height: 1.45rem;
      flex: 0 0 auto;
      color: #2563eb;
      transform-origin: 50% 80%;
    }
    .thinking-pill.running .thinking-miner-icon {
      animation: tiny-worker-kungfu-body 1.15s ease-in-out infinite;
    }
    .tiny-worker-head,
    .tiny-worker-body,
    .tiny-worker-arm,
    .tiny-worker-leg,
    .tiny-worker-dot {
      position: absolute;
      display: block;
      box-sizing: border-box;
    }
    .tiny-worker-head {
      left: 0.48rem;
      top: 0.05rem;
      width: 0.48rem;
      height: 0.48rem;
      border-radius: 999rem;
      background: #2563eb;
      box-shadow: inset -0.08rem -0.06rem 0 rgba(15, 23, 42, .12);
    }
    .tiny-worker-body {
      left: 0.58rem;
      top: 0.55rem;
      width: 0.34rem;
      height: 0.58rem;
      border-radius: 999rem;
      background: #111827;
    }
    .tiny-worker-arm,
    .tiny-worker-leg {
      width: 0.14rem;
      border-radius: 999rem;
      background: #111827;
      transform-origin: top center;
    }
    .tiny-worker-arm.left {
      left: 0.5rem;
      top: 0.62rem;
      height: 0.48rem;
      transform: rotate(42deg);
    }
    .tiny-worker-arm.right {
      left: 0.86rem;
      top: 0.62rem;
      height: 0.48rem;
      transform: rotate(-42deg);
    }
    .tiny-worker-leg.left {
      left: 0.58rem;
      top: 1.02rem;
      height: 0.46rem;
      transform: rotate(28deg);
    }
    .tiny-worker-leg.right {
      left: 0.82rem;
      top: 1.02rem;
      height: 0.46rem;
      transform: rotate(-28deg);
    }
    .thinking-pill.running .tiny-worker-arm.left,
    .thinking-pill.running .tiny-worker-leg.right {
      animation: tiny-worker-kungfu-a 1.15s ease-in-out infinite;
    }
    .thinking-pill.running .tiny-worker-arm.right,
    .thinking-pill.running .tiny-worker-leg.left {
      animation: tiny-worker-kungfu-b 1.15s ease-in-out infinite;
    }
    .tiny-worker-dot {
      right: 0;
      top: 0.18rem;
      width: 0.22rem;
      height: 0.22rem;
      border-radius: 999rem;
      background: #93c5fd;
      opacity: .35;
    }
    .tiny-worker-dot.two {
      top: 0.52rem;
      transform: scale(.78);
    }
    .tiny-worker-dot.three {
      top: 0.84rem;
      transform: scale(.58);
    }
    .thinking-pill.running .tiny-worker-dot {
      animation: tiny-worker-dot .9s ease-in-out infinite;
    }
    .thinking-pill.running .tiny-worker-dot.two {
      animation-delay: .12s;
    }
    .thinking-pill.running .tiny-worker-dot.three {
      animation-delay: .24s;
    }
    @keyframes tiny-worker-kungfu-body {
      0%, 100% { transform: translateY(0) rotate(-7deg) scaleX(1); }
      25% { transform: translateY(-0.14rem) rotate(9deg) scaleX(.94); }
      50% { transform: translateY(0.02rem) rotate(0deg) scaleX(1.05); }
      75% { transform: translateY(-0.12rem) rotate(-10deg) scaleX(.96); }
    }
    @keyframes tiny-worker-kungfu-a {
      0%, 100% { transform: rotate(56deg); }
      25% { transform: rotate(-72deg); }
      50% { transform: rotate(18deg); }
      75% { transform: rotate(82deg); }
    }
    @keyframes tiny-worker-kungfu-b {
      0%, 100% { transform: rotate(-56deg); }
      25% { transform: rotate(76deg); }
      50% { transform: rotate(-18deg); }
      75% { transform: rotate(-86deg); }
    }
    @keyframes tiny-worker-dot {
      0%, 100% { opacity: .25; transform: translateX(0) scale(.72); }
      50% { opacity: 1; transform: translateX(0.12rem) scale(1); }
    }
    .thinking-dancer {
      position: relative;
      width: 2rem;
      height: 2.15rem;
      flex: 0 0 auto;
      transform-origin: 50% 86%;
    }
    .thinking-pill.running .thinking-dancer {
      animation: dancer-turn 1.8s ease-in-out infinite;
    }
    .dancer-head,
    .dancer-bun,
    .dancer-hair,
    .dancer-face-dot,
    .dancer-body,
    .dancer-skirt,
    .dancer-arm,
    .dancer-sleeve,
    .dancer-leg,
    .dancer-spark {
      position: absolute;
      display: block;
      box-sizing: border-box;
    }
    .dancer-head {
      left: 0.78rem;
      top: 0.16rem;
      width: 0.44rem;
      height: 0.44rem;
      border-radius: 999rem;
      background: #f8c7b5;
      box-shadow: inset -0.05rem -0.04rem 0 rgba(180, 83, 9, .18);
      z-index: 4;
    }
    .dancer-bun {
      left: 0.84rem;
      top: -0.02rem;
      width: 0.34rem;
      height: 0.24rem;
      border-radius: 999rem;
      background: #3b1f1f;
      z-index: 5;
    }
    .dancer-hair {
      left: 0.67rem;
      top: 0.18rem;
      width: 0.68rem;
      height: 0.72rem;
      border-radius: 999rem 999rem 0.55rem 0.55rem;
      background: linear-gradient(180deg, #3b1f1f, #111827);
      z-index: 3;
      transform-origin: 50% 12%;
    }
    .thinking-pill.running .dancer-hair {
      animation: dancer-hair 1.8s ease-in-out infinite;
    }
    .dancer-face-dot {
      top: 0.35rem;
      width: 0.045rem;
      height: 0.045rem;
      border-radius: 999rem;
      background: #111827;
      z-index: 6;
      box-shadow: 0.17rem 0 0 #111827;
    }
    .dancer-face-dot.left {
      left: 0.89rem;
    }
    .dancer-body {
      left: 0.78rem;
      top: 0.58rem;
      width: 0.46rem;
      height: 0.64rem;
      border-radius: 0.35rem 0.35rem 0.2rem 0.2rem;
      background: linear-gradient(180deg, #fb7185, #a855f7);
      z-index: 3;
    }
    .dancer-skirt {
      left: 0.4rem;
      top: 1.04rem;
      width: 1.25rem;
      height: 0.66rem;
      border-radius: 0.18rem 0.18rem 0.9rem 0.9rem;
      background:
        radial-gradient(circle at 50% 100%, rgba(255,255,255,.38), transparent 42%),
        linear-gradient(135deg, rgba(244,114,182,.95), rgba(129,140,248,.82));
      transform-origin: 50% 0;
      z-index: 2;
    }
    .thinking-pill.running .dancer-skirt {
      animation: dancer-skirt 1.8s ease-in-out infinite;
    }
    .dancer-arm {
      top: 0.66rem;
      width: 0.12rem;
      height: 0.78rem;
      border-radius: 999rem;
      background: #7c3aed;
      transform-origin: top center;
      z-index: 3;
    }
    .dancer-arm.left {
      left: 0.78rem;
      transform: rotate(112deg);
    }
    .dancer-arm.right {
      left: 1.12rem;
      transform: rotate(-112deg);
    }
    .thinking-pill.running .dancer-arm.left {
      animation: dancer-arm-left 1.8s ease-in-out infinite;
    }
    .thinking-pill.running .dancer-arm.right {
      animation: dancer-arm-right 1.8s ease-in-out infinite;
    }
    .dancer-sleeve {
      top: 0.72rem;
      width: 0.82rem;
      height: 0.18rem;
      border-radius: 999rem;
      background: linear-gradient(90deg, rgba(255,255,255,.12), rgba(147,197,253,.88), rgba(244,114,182,.52));
      transform-origin: center;
      z-index: 1;
    }
    .dancer-sleeve.left {
      left: 0;
      transform: rotate(-18deg);
    }
    .dancer-sleeve.right {
      right: 0;
      transform: rotate(18deg);
    }
    .thinking-pill.running .dancer-sleeve.left {
      animation: dancer-sleeve-left 1.8s ease-in-out infinite;
    }
    .thinking-pill.running .dancer-sleeve.right {
      animation: dancer-sleeve-right 1.8s ease-in-out infinite;
    }
    .dancer-leg {
      top: 1.48rem;
      width: 0.12rem;
      height: 0.52rem;
      border-radius: 999rem;
      background: #111827;
      transform-origin: top center;
      z-index: 1;
    }
    .dancer-leg.left {
      left: 0.82rem;
      transform: rotate(24deg);
    }
    .dancer-leg.right {
      left: 1.1rem;
      transform: rotate(-56deg);
    }
    .thinking-pill.running .dancer-leg.right {
      animation: dancer-leg 1.8s ease-in-out infinite;
    }
    .dancer-spark {
      width: 0.18rem;
      height: 0.18rem;
      border-radius: 999rem;
      background: #facc15;
      opacity: .45;
    }
    .dancer-spark.one { left: 0.2rem; top: 0.2rem; }
    .dancer-spark.two { right: 0.15rem; top: 0.35rem; transform: scale(.75); }
    .dancer-spark.three { right: 0.35rem; top: 1.42rem; transform: scale(.6); }
    .thinking-pill.running .dancer-spark {
      animation: dancer-spark 1.2s ease-in-out infinite;
    }
    .thinking-pill.running .dancer-spark.two { animation-delay: .18s; }
    .thinking-pill.running .dancer-spark.three { animation-delay: .36s; }
    @keyframes dancer-turn {
      0%, 100% { transform: translateY(0) rotate(-8deg); }
      25% { transform: translateY(-0.16rem) rotate(10deg); }
      50% { transform: translateY(0) rotate(3deg) scaleX(.88); }
      75% { transform: translateY(-0.12rem) rotate(-12deg); }
    }
    @keyframes dancer-arm-left {
      0%, 100% { transform: rotate(112deg); }
      50% { transform: rotate(48deg); }
    }
    @keyframes dancer-arm-right {
      0%, 100% { transform: rotate(-112deg); }
      50% { transform: rotate(-42deg); }
    }
    @keyframes dancer-sleeve-left {
      0%, 100% { transform: rotate(-18deg) translateX(0); opacity: .75; }
      50% { transform: rotate(22deg) translateX(0.16rem); opacity: 1; }
    }
    @keyframes dancer-sleeve-right {
      0%, 100% { transform: rotate(18deg) translateX(0); opacity: .75; }
      50% { transform: rotate(-24deg) translateX(-0.16rem); opacity: 1; }
    }
    @keyframes dancer-hair {
      0%, 100% { transform: rotate(-8deg); }
      50% { transform: rotate(9deg); }
    }
    @keyframes dancer-skirt {
      0%, 100% { transform: skewX(-8deg) scaleX(.92); }
      50% { transform: skewX(10deg) scaleX(1.08); }
    }
    @keyframes dancer-leg {
      0%, 100% { transform: rotate(-56deg); }
      50% { transform: rotate(-18deg); }
    }
    @keyframes dancer-spark {
      0%, 100% { opacity: .2; transform: translateY(0) scale(.65); }
      50% { opacity: 1; transform: translateY(-0.12rem) scale(1); }
    }
    .thinking-general {
      position: relative;
      width: 3rem;
      height: 2.05rem;
      flex: 0 0 auto;
      transform-origin: 50% 80%;
    }
    .thinking-pill.running .thinking-general {
      animation: general-ride 0.82s ease-in-out infinite;
    }
    .horse-body,
    .horse-head,
    .horse-mane,
    .horse-neck,
    .horse-tail,
    .horse-leg,
    .horse-saddle,
    .horse-rein,
    .general-body,
    .general-head,
    .general-helmet,
    .general-plume,
    .general-cape,
    .general-flag,
    .general-spear,
    .general-dust {
      position: absolute;
      display: block;
      box-sizing: border-box;
    }
    .horse-body {
      left: 0.42rem;
      top: 1rem;
      width: 1.58rem;
      height: 0.58rem;
      border-radius: 999rem 0.7rem 0.58rem 999rem;
      background:
        radial-gradient(circle at 18% 35%, rgba(255,255,255,.18), transparent 22%),
        linear-gradient(180deg, #9a3412, #431407);
      z-index: 2;
    }
    .horse-neck {
      left: 1.72rem;
      top: 0.72rem;
      width: 0.34rem;
      height: 0.66rem;
      border-radius: 999rem;
      background: #9a3412;
      transform: rotate(-28deg);
      z-index: 2;
    }
    .horse-head {
      left: 1.94rem;
      top: 0.58rem;
      width: 0.68rem;
      height: 0.42rem;
      border-radius: 0.42rem 0.2rem 0.28rem 0.32rem;
      background: #9a3412;
      transform: rotate(-10deg);
      z-index: 3;
    }
    .horse-head::after {
      content: "";
      position: absolute;
      right: 0.08rem;
      top: 0.1rem;
      width: 0.055rem;
      height: 0.055rem;
      border-radius: 999rem;
      background: #fff7ed;
    }
    .horse-head::before {
      content: "";
      position: absolute;
      left: 0.08rem;
      top: -0.15rem;
      width: 0;
      height: 0;
      border-left: 0.08rem solid transparent;
      border-right: 0.08rem solid transparent;
      border-bottom: 0.24rem solid #7c2d12;
      transform: rotate(-12deg);
    }
    .horse-mane {
      left: 1.66rem;
      top: 0.68rem;
      width: 0.36rem;
      height: 0.48rem;
      border-radius: 0.2rem;
      background: repeating-linear-gradient(180deg, #111827 0 0.07rem, transparent 0.07rem 0.13rem);
      transform: rotate(-24deg);
      z-index: 4;
    }
    .horse-tail {
      left: 0.08rem;
      top: 0.96rem;
      width: 0.64rem;
      height: 0.2rem;
      border-radius: 999rem;
      background: #111827;
      transform-origin: right center;
      transform: rotate(20deg);
      z-index: 1;
    }
    .thinking-pill.running .horse-tail {
      animation: horse-tail-swish .82s ease-in-out infinite;
    }
    .horse-leg {
      top: 1.42rem;
      width: 0.15rem;
      height: 0.62rem;
      border-radius: 999rem;
      background: #431407;
      transform-origin: top center;
      z-index: 1;
    }
    .horse-leg::after {
      content: "";
      position: absolute;
      left: -0.08rem;
      bottom: -0.02rem;
      width: 0.26rem;
      height: 0.08rem;
      border-radius: 999rem;
      background: #111827;
    }
    .horse-leg.one { left: 0.68rem; }
    .horse-leg.two { left: 1rem; }
    .horse-leg.three { left: 1.42rem; }
    .horse-leg.four { left: 1.76rem; }
    .horse-saddle {
      left: 0.96rem;
      top: 0.86rem;
      width: 0.58rem;
      height: 0.28rem;
      border-radius: 0.16rem 0.16rem 0.05rem 0.05rem;
      background: linear-gradient(180deg, #facc15, #b45309);
      z-index: 4;
    }
    .horse-rein {
      left: 1.32rem;
      top: 0.76rem;
      width: 0.86rem;
      height: 0.08rem;
      border-top: 0.055rem solid #e5e7eb;
      transform: rotate(-15deg);
      z-index: 6;
      opacity: .9;
    }
    .thinking-pill.running .horse-leg.one,
    .thinking-pill.running .horse-leg.three {
      animation: horse-gallop-a .82s ease-in-out infinite;
    }
    .thinking-pill.running .horse-leg.two,
    .thinking-pill.running .horse-leg.four {
      animation: horse-gallop-b .82s ease-in-out infinite;
    }
    .general-body {
      left: 1.08rem;
      top: 0.52rem;
      width: 0.42rem;
      height: 0.62rem;
      border-radius: 0.16rem;
      background:
        linear-gradient(90deg, transparent 0 46%, #facc15 46% 55%, transparent 55%),
        linear-gradient(180deg, #1f2937, #0f172a);
      transform: rotate(-8deg);
      z-index: 5;
    }
    .general-head {
      left: 1.1rem;
      top: 0.18rem;
      width: 0.38rem;
      height: 0.38rem;
      border-radius: 999rem;
      background: #f8c7b5;
      z-index: 6;
    }
    .general-helmet {
      left: 1.02rem;
      top: 0.03rem;
      width: 0.58rem;
      height: 0.24rem;
      border-radius: 999rem 999rem 0.12rem 0.12rem;
      background: linear-gradient(90deg, #facc15, #b45309);
      z-index: 7;
    }
    .general-plume {
      left: 1.2rem;
      top: -0.2rem;
      width: 0.12rem;
      height: 0.36rem;
      border-radius: 999rem;
      background: #dc2626;
      transform-origin: bottom center;
      z-index: 8;
    }
    .thinking-pill.running .general-plume {
      animation: general-plume .82s ease-in-out infinite;
    }
    .general-cape {
      left: 0.58rem;
      top: 0.54rem;
      width: 0.72rem;
      height: 0.62rem;
      border-radius: 0.1rem 0.1rem 0.42rem 0.12rem;
      background: linear-gradient(135deg, rgba(220,38,38,.95), rgba(249,115,22,.78));
      transform-origin: right top;
      transform: rotate(20deg);
      z-index: 4;
    }
    .thinking-pill.running .general-cape {
      animation: general-cape .82s ease-in-out infinite;
    }
    .general-spear {
      left: 1.36rem;
      top: 0.22rem;
      width: 1.2rem;
      height: 0.085rem;
      border-radius: 999rem;
      background: #334155;
      transform: rotate(-22deg);
      transform-origin: left center;
      z-index: 6;
    }
    .general-flag {
      left: 1.6rem;
      top: 0.08rem;
      width: 0.42rem;
      height: 0.28rem;
      background: linear-gradient(135deg, #dc2626, #f97316);
      border-radius: 0.04rem 0.22rem 0.22rem 0.04rem;
      transform: rotate(-22deg);
      z-index: 5;
    }
    .thinking-pill.running .general-flag {
      animation: general-flag .82s ease-in-out infinite;
    }
    .general-spear::after {
      content: "";
      position: absolute;
      right: -0.18rem;
      top: -0.07rem;
      width: 0;
      height: 0;
      border-left: 0.22rem solid #64748b;
      border-top: 0.1rem solid transparent;
      border-bottom: 0.1rem solid transparent;
    }
    .general-dust {
      left: 0;
      top: 1.72rem;
      width: 0.2rem;
      height: 0.2rem;
      border-radius: 999rem;
      background: #cbd5e1;
      opacity: .45;
    }
    .general-dust.two { left: 0.24rem; transform: scale(.72); }
    .general-dust.three { left: 0.48rem; transform: scale(.54); }
    .thinking-pill.running .general-dust {
      animation: general-dust .82s linear infinite;
    }
    .thinking-pill.running .general-dust.two { animation-delay: .12s; }
    .thinking-pill.running .general-dust.three { animation-delay: .24s; }
    @keyframes general-ride {
      0%, 100% { transform: translateY(0) rotate(-1deg); }
      50% { transform: translateY(-0.18rem) rotate(2deg); }
    }
    @keyframes horse-gallop-a {
      0%, 100% { transform: rotate(24deg); }
      50% { transform: rotate(-38deg); }
    }
    @keyframes horse-gallop-b {
      0%, 100% { transform: rotate(-30deg); }
      50% { transform: rotate(34deg); }
    }
    @keyframes horse-tail-swish {
      0%, 100% { transform: rotate(24deg); }
      50% { transform: rotate(-10deg); }
    }
    @keyframes general-cape {
      0%, 100% { transform: rotate(22deg) scaleX(1); }
      50% { transform: rotate(38deg) scaleX(1.12); }
    }
    @keyframes general-plume {
      0%, 100% { transform: rotate(-10deg); }
      50% { transform: rotate(14deg); }
    }
    @keyframes general-flag {
      0%, 100% { transform: rotate(-22deg) skewX(0); }
      50% { transform: rotate(-28deg) skewX(-12deg); }
    }
    @keyframes general-dust {
      0% { opacity: 0; transform: translateX(0) scale(.45); }
      40% { opacity: .65; }
      100% { opacity: 0; transform: translateX(-0.32rem) scale(1); }
    }
    .thinking-log {
      display: none;
      max-height: 8rem;
      overflow: auto;
      margin: 0 0 0.35rem;
      padding: 0.5rem 0.625rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: rgba(248, 250, 252, .9);
      color: #64748b;
      font-size: 0.8125rem;
      line-height: 1.45;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      scrollbar-width: thin;
    }
    .thinking-log.open {
      display: block;
    }

    .execution-panel {
      display: none;
      position: relative;
      margin: 0 0 0.45rem;
      border: 0.0625rem solid rgba(255, 111, 25, 0.18);
      border-radius: 0.75rem;
      background: #fffaf5;
      overflow: hidden;
    }
    .agent-answer.has-execution .execution-panel {
      display: block;
    }
    .execution-summary {
      width: 100%;
      border: 0;
      background: transparent;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.5rem 0.625rem;
      color: #7c2d12;
      cursor: pointer;
      text-align: left;
    }
    .execution-summary:hover {
      background: rgba(255, 111, 25, 0.06);
    }
    .execution-title {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      font-size: 0.8125rem;
      font-weight: 800;
      white-space: nowrap;
    }
    .execution-title i {
      color: #ff6f19;
    }
    .execution-state {
      min-width: 0;
      flex: 1;
      color: #9a3412;
      font-size: 0.8125rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .execution-summary .execution-caret {
      color: #fb923c;
      transition: transform .18s ease;
    }
    .execution-panel.open .execution-summary .execution-caret {
      transform: rotate(180deg);
    }
    .execution-detail {
      display: none;
      border-top: 0.0625rem solid rgba(255, 111, 25, 0.16);
      padding: 0.55rem 0.625rem 0.625rem;
      background: rgba(255, 255, 255, 0.72);
    }
    .execution-panel.open .execution-detail {
      display: block;
    }
    .execution-steps {
      display: flex;
      flex-wrap: wrap;
      gap: 0.375rem;
      margin-bottom: 0.5rem;
    }
    .execution-step {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff7ed;
      color: #9a3412;
      padding: 0.2rem 0.45rem;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .execution-step::before {
      content: "";
      width: 0.4rem;
      height: 0.4rem;
      border-radius: 999rem;
      background: #fdba74;
    }
    .execution-step.is-running::before {
      background: #ff6f19;
      box-shadow: 0 0 0 0.18rem rgba(255, 111, 25, .16);
      animation: execution-pulse 1s ease-in-out infinite;
    }
    .execution-step.is-done {
      border-color: #bbf7d0;
      background: #f0fdf4;
      color: #166534;
    }
    .execution-step.is-done::before {
      background: #22c55e;
    }
    .execution-step.is-error {
      border-color: #fecaca;
      background: #fef2f2;
      color: #991b1b;
    }
    .execution-step.is-error::before {
      background: #ef4444;
    }
    .execution-log {
      display: grid;
      gap: 0.35rem;
      max-height: 13rem;
      overflow: auto;
      padding-right: 0.15rem;
      scrollbar-width: thin;
    }
    .execution-log-entry {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.4rem;
      align-items: start;
      color: #475569;
      font-size: 0.8125rem;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .execution-log-entry i {
      margin-top: 0.12rem;
      color: #ff6f19;
    }
    .execution-log-entry strong {
      color: #1f2937;
      font-weight: 800;
    }
    .execution-log-entry span {
      color: #64748b;
      white-space: pre-wrap;
    }
    .execution-panel.open .thinking-log {
      display: block;
      margin-top: 0.55rem;
      margin-bottom: 0;
      max-height: 13rem;
      background: rgba(248, 250, 252, .86);
    }
    .execution-panel.hermes-speech-mode {
      border-color: rgba(255, 111, 25, 0.34);
      background: #111111;
      box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
    }
    .execution-panel.hermes-speech-mode .execution-summary {
      background: #111111;
      color: #ff8a3d;
      border-bottom: 0.0625rem solid rgba(255, 111, 25, 0.34);
    }
    .execution-panel.hermes-speech-mode .execution-summary:hover {
      background: #151515;
    }
    .execution-panel.hermes-speech-mode .execution-state {
      color: #ffb37c;
    }
    .execution-panel.hermes-speech-mode .execution-detail {
      background: #111111;
      border-top: 0;
      padding: 0;
    }
    .execution-panel.hermes-speech-mode .execution-steps,
    .execution-panel.hermes-speech-mode .execution-log {
      display: none;
    }
    .execution-panel.hermes-speech-mode.open .thinking-log,
    .execution-panel.hermes-speech-mode .thinking-log.open {
      display: block;
      margin: 0;
      max-height: 30rem;
      padding: 1rem 1.15rem;
      border: 0;
      border-radius: 0;
      background: #111111;
      color: #d9e900;
      font-family: "Cascadia Mono", "Consolas", "SFMono-Regular", monospace;
      font-size: 0.875rem;
      line-height: 1.75;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      scrollbar-color: #64748b #111111;
    }
    /* compact-execution-titlebar */
    .execution-summary{min-height:2.35rem}.execution-titlebar-steps{display:flex;align-items:center;gap:.32rem;min-width:0;flex:1;overflow:hidden}.execution-summary-step{display:inline-flex;align-items:center;gap:.18rem;min-width:0;border:.0625rem solid rgba(255,111,25,.22);border-radius:999rem;background:#fff7ed;color:#9a3412;padding:.16rem .42rem;font-size:.72rem;font-weight:850;white-space:nowrap}.execution-summary-step.is-done{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.execution-summary-step.is-done::after{content:"✓";font-weight:950}.execution-summary-step.is-running{border-color:#fed7aa;background:#fff7ed;color:#ea580c}.execution-summary-step.is-running::after{content:"…";font-weight:950}.execution-summary-step.is-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.execution-summary-step.is-error::after{content:"!";font-weight:950}.execution-panel.hermes-speech-mode .execution-summary{display:grid;grid-template-columns:auto minmax(7rem,auto) minmax(0,1fr) auto;gap:.55rem}.execution-panel.hermes-speech-mode .execution-state{flex:0 0 auto;color:#ffb37c;font-weight:800}.execution-panel.hermes-speech-mode .execution-summary-step{background:#1c1c1c;border-color:rgba(255,138,61,.32);color:#ffb37c}.execution-panel.hermes-speech-mode .execution-summary-step.is-done{background:#102016;border-color:rgba(34,197,94,.5);color:#86efac}.execution-panel.hermes-speech-mode .execution-summary-step.is-running{background:#2a1a10;border-color:rgba(251,146,60,.62);color:#fdba74}.execution-panel.hermes-speech-mode .execution-detail{display:block;background:#111111;border-top:.0625rem solid rgba(255,111,25,.34);padding:0}.execution-panel.hermes-speech-mode .execution-log{display:none;padding:.7rem 1rem;border-bottom:.0625rem solid rgba(255,111,25,.24);background:#181818;max-height:12rem}.execution-panel.hermes-speech-mode.open .execution-log{display:grid}.execution-panel.hermes-speech-mode .execution-log-entry{color:#cbd5e1}.execution-panel.hermes-speech-mode .execution-log-entry strong{color:#f8fafc}.execution-panel.hermes-speech-mode .execution-log-entry span{color:#94a3b8}.execution-panel.hermes-speech-mode .thinking-log{display:block;margin:0;max-height:30rem;padding:1rem 1.15rem;border:0;border-radius:0;background:#111111;color:#d9e900;font-family:"Cascadia Mono","Consolas","SFMono-Regular",monospace;font-size:.875rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-color:#64748b #111111}.execution-panel.hermes-speech-mode:not(.open) .execution-summary .execution-caret{transform:rotate(0deg)}@media(max-width:760px){.execution-panel.hermes-speech-mode .execution-summary{grid-template-columns:1fr auto}.execution-panel.hermes-speech-mode .execution-state,.execution-panel.hermes-speech-mode .execution-titlebar-steps{grid-column:1 / -1}.execution-titlebar-steps{flex-wrap:wrap}}
    .execution-zoom-btn {
      position: absolute;
      top: 0.45rem;
      right: 2.35rem;
      z-index: 3;
      display: inline-flex;
      width: 1.65rem;
      height: 1.65rem;
      align-items: center;
      justify-content: center;
      border: 0.0625rem solid rgba(255, 111, 25, 0.28);
      border-radius: 0.55rem;
      background: rgba(255, 255, 255, 0.82);
      color: #ea580c;
      cursor: pointer;
      opacity: 0.86;
      transition: opacity .16s ease, border-color .16s ease, background .16s ease, transform .16s ease;
    }
    .execution-panel.empty .execution-zoom-btn {
      display: none;
    }
    .execution-zoom-btn:hover {
      opacity: 1;
      border-color: rgba(255, 111, 25, 0.5);
      background: #fff7ed;
      transform: translateY(-0.0625rem);
    }
    .execution-panel.hermes-speech-mode .execution-zoom-btn {
      background: #1c1c1c;
      border-color: rgba(255, 138, 61, 0.36);
      color: #ffb37c;
    }
    .execution-panel.hermes-speech-mode .execution-zoom-btn:hover {
      background: #24160d;
      border-color: rgba(255, 138, 61, 0.62);
    }
    .execution-zoom-modal {
      position: fixed;
      inset: 0;
      z-index: 9999;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 4vh 4vw;
      background: rgba(15, 23, 42, 0.5);
      backdrop-filter: blur(0.35rem);
    }
    .execution-zoom-modal.open {
      display: flex;
    }
    .execution-zoom-dialog {
      width: min(92vw, 82rem);
      height: min(86vh, 52rem);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border: 0.0625rem solid rgba(255, 138, 61, 0.42);
      border-radius: 1rem;
      background: #111111;
      box-shadow: 0 1.4rem 4rem rgba(15, 23, 42, 0.32);
    }
    .execution-zoom-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      min-height: 3rem;
      padding: 0.7rem 0.9rem;
      border-bottom: 0.0625rem solid rgba(255, 138, 61, 0.34);
      background: #111111;
      color: #ffb37c;
    }
    .execution-zoom-title {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      min-width: 0;
      font-size: 0.92rem;
      font-weight: 850;
    }
    .execution-zoom-close {
      display: inline-flex;
      width: 2rem;
      height: 2rem;
      align-items: center;
      justify-content: center;
      border: 0.0625rem solid rgba(255, 138, 61, 0.28);
      border-radius: 0.65rem;
      background: #1c1c1c;
      color: #ffb37c;
      cursor: pointer;
    }
    .execution-zoom-close:hover {
      border-color: rgba(255, 138, 61, 0.62);
      background: #24160d;
    }
    .execution-zoom-body {
      min-height: 0;
      flex: 1;
      overflow: auto;
      background: #111111;
      scrollbar-color: #64748b #111111;
    }
    .execution-zoom-body .execution-panel {
      display: block;
      margin: 0;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    .execution-zoom-body .execution-zoom-btn {
      display: none !important;
    }
    .execution-zoom-body .execution-summary {
      cursor: default;
    }
    .execution-zoom-body .execution-panel.hermes-speech-mode .thinking-log,
    .execution-zoom-body .execution-panel.open .thinking-log {
      max-height: none;
      min-height: 100%;
      font-size: 0.94rem;
      line-height: 1.78;
    }
    .execution-zoom-body .execution-panel.open .execution-log {
      max-height: none;
    }
    @media (max-width: 760px) {
      .execution-zoom-modal {
        padding: 1rem;
      }
      .execution-zoom-dialog {
        width: 100%;
        height: 90vh;
      }
    }
    @keyframes execution-pulse {
      0%, 100% { transform: scale(1); opacity: 1; }
      50% { transform: scale(.72); opacity: .62; }
    }

    .agent-message {
      font-size: 0.975rem;
      line-height: 1.62;
      white-space: normal;
      overflow-wrap: break-word;
      margin: 0;
    }
    .agent-message p {
      margin: 0 0 0.6rem;
    }
    .agent-message p:last-child {
      margin-bottom: 0;
    }
    .agent-message h3 {
      margin: 0.85rem 0 0.35rem;
      color: #111827;
      font-size: 1.08rem;
      line-height: 1.35;
    }
    .agent-message h3:first-child {
      margin-top: 0;
    }
    .agent-message ul,
    .agent-message ol {
      margin: 0.25rem 0 0.75rem 1.25rem;
      padding: 0;
    }
    .agent-message li {
      margin: 0.18rem 0;
    }
    .agent-message p {
      margin: 0.32rem 0 0.55rem;
      line-height: 1.82;
      word-break: break-word;
    }
    .agent-message .agent-readable-list {
      margin-top: 0.35rem;
      margin-bottom: 0.85rem;
      display: grid;
      gap: 0.28rem;
    }
    .agent-message .agent-readable-list li {
      line-height: 1.7;
    }
    .agent-message .agent-readable-asin {
      margin: 0 0 0.75rem;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      line-height: 1.8;
      word-break: break-word;
    }
    .agent-message .agent-readable-asin strong {
      display: inline;
      margin-right: 0.45rem;
      color: inherit;
    }
    .agent-message .agent-readable-asin > strong {
      display: inline;
      margin: 0 0.45rem 0 0;
    }
    .agent-message .agent-readable-asin .agent-readable-list {
      margin: 0.35rem 0 0.55rem 1.1rem;
    }
    .agent-message code {
      padding: 0.1rem 0.28rem;
      border-radius: 0.35rem;
      background: #f1f5f9;
      color: #0f172a;
      font-size: 0.9em;
    }
    .agent-message strong {
      color: #111827;
      font-weight: 700;
    }
    .agent-message a {
      color: #2563eb;
      text-decoration: none;
      word-break: break-all;
    }
    .agent-message a:hover {
      text-decoration: underline;
    }
    .agent-table-wrap {
      width: 100%;
      overflow-x: auto;
      margin: 0.35rem 0 0.45rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
    }
    .agent-message table {
      width: 100%;
      border-collapse: collapse;
      min-width: 45rem;
      font-size: 0.875rem;
      line-height: 1.35;
    }
    .agent-message th,
    .agent-message td {
      border-bottom: 0.0625rem solid #eef0f3;
      padding: 0.45rem 0.625rem;
      text-align: left;
      vertical-align: top;
    }
    .agent-message th {
      background: #f8fafc;
      color: #334155;
      font-weight: 700;
      white-space: nowrap;
    }
    .agent-message tr:last-child td {
      border-bottom: 0;
    }
    .candidate-action-row {
      display: flex;
      gap: 0.375rem;
      flex-wrap: wrap;
      min-width: 12rem;
    }
    .candidate-action-row button {
      border: 0.0625rem solid rgba(255, 111, 25, 0.28);
      background: #fff7ed;
      color: #f97316;
      border-radius: 62.4375rem;
      padding: 0.25rem 0.5rem;
      font-size: 0.75rem;
      font-weight: 800;
      cursor: pointer;
      white-space: nowrap;
    }
    .candidate-action-row button:hover {
      border-color: #fb923c;
      background: #ffedd5;
      color: #ea580c;
    }
    .hermes-report-card {
      display: grid;
      gap: 0.625rem;
      margin: 0.35rem 0 0.55rem;
      padding: 0.875rem 1rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.875rem;
      background: linear-gradient(135deg, #fffaf5, #ffffff 62%);
      box-shadow: 0 0.625rem 1.875rem rgba(249, 115, 22, 0.08);
    }
    .hermes-report-kicker {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      width: fit-content;
      padding: 0.18rem 0.55rem;
      border-radius: 999rem;
      background: #ffedd5;
      color: #ea580c;
      font-size: 0.75rem;
      font-weight: 900;
    }
    .hermes-report-title {
      margin: 0;
      color: #111827;
      font-size: 1rem;
      font-weight: 950;
      line-height: 1.35;
    }
    .hermes-report-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
    }
    .hermes-report-meta span {
      display: inline-flex;
      align-items: center;
      gap: 0.28rem;
      max-width: 100%;
      padding: 0.24rem 0.55rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #fff;
      color: #475569;
      font-size: 0.75rem;
      font-weight: 800;
      word-break: break-all;
    }
    .hermes-report-summary {
      margin: 0;
      color: #334155;
      font-size: 0.875rem;
      line-height: 1.65;
    }
    .hermes-report-summary strong {
      color: #111827;
    }
    .hermes-report-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      margin-top: 0.05rem;
    }
    .hermes-report-actions a,
    .hermes-report-actions button {
      min-height: 2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      border: 0.0625rem solid rgba(255, 111, 25, 0.28);
      border-radius: 999rem;
      background: #fff7ed;
      color: #f97316;
      padding: 0 0.75rem;
      font-size: 0.78rem;
      font-weight: 900;
      text-decoration: none;
      cursor: pointer;
    }
    .hermes-report-actions a.primary,
    .hermes-report-actions button.primary {
      border-color: #fb923c;
      background: #ff6f19;
      color: #fff;
    }
    .hermes-report-actions a:hover,
    .hermes-report-actions button:hover {
      transform: translateY(-0.0625rem);
      box-shadow: 0 0.5rem 1.25rem rgba(249, 115, 22, 0.12);
    }
    #pick .hermes-report-card {
      max-width: 100%;
      overflow: hidden;
      white-space: normal;
      margin-bottom: 1.25rem;
    }
    #pick .hermes-report-title,
    #pick .hermes-report-summary,
    #pick .hermes-report-meta span {
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    #pick .hermes-report-actions a,
    #pick .hermes-report-actions button {
      white-space: nowrap;
    }
    .hermes-result-panel{display:grid;gap:.875rem;margin:.35rem 0 .75rem}.hermes-result-summary,.hermes-candidate-card,.hermes-result-assets{border:.0625rem solid #fed7aa;border-radius:.875rem;background:#fff;box-shadow:0 .625rem 1.625rem rgba(15,23,42,.06)}.hermes-result-summary{padding:.85rem 1rem;background:linear-gradient(135deg,#fff7ed,#fff 68%)}.hermes-result-summary-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.92rem;font-weight:950;color:#111827}.hermes-result-summary-title span{color:#ea580c;font-size:.75rem;font-weight:900;white-space:nowrap}.hermes-result-summary-items{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}.hermes-result-summary-items span{display:inline-flex;align-items:center;gap:.28rem;padding:.22rem .55rem;border:.0625rem solid #e5e7eb;border-radius:999rem;background:#fff;color:#475569;font-size:.75rem;font-weight:800}.hermes-candidate-list{display:grid;gap:.75rem}.hermes-candidate-card{display:grid;gap:.7rem;padding:.9rem 1rem}.hermes-candidate-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.hermes-candidate-title{display:grid;gap:.25rem;min-width:0}.hermes-candidate-title strong{color:#111827;font-size:.96rem;font-weight:950;line-height:1.35;overflow-wrap:anywhere}.hermes-candidate-title span{color:#64748b;font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.hermes-candidate-index{flex:0 0 auto;min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999rem;background:#fff7ed;color:#ea580c;font-size:.78rem;font-weight:950}.hermes-candidate-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.5rem}.hermes-candidate-field{min-width:0;padding:.48rem .6rem;border:.0625rem solid #eef2f7;border-radius:.625rem;background:#f8fafc}.hermes-candidate-field span{display:block;margin-bottom:.12rem;color:#64748b;font-size:.68rem;font-weight:900}.hermes-candidate-field strong{display:block;color:#0f172a;font-size:.82rem;font-weight:900;line-height:1.35;overflow-wrap:anywhere}.hermes-action-groups{display:grid;gap:.55rem}.hermes-action-group{display:grid;grid-template-columns:5.25rem minmax(0,1fr);gap:.5rem;align-items:start}.hermes-action-group-title{color:#9a3412;font-size:.75rem;font-weight:950;line-height:1.9rem;white-space:nowrap}.hermes-action-buttons{display:flex;flex-wrap:wrap;gap:.4rem}.hermes-action-buttons button,.hermes-action-buttons a,.hermes-result-asset-actions button,.hermes-result-asset-actions a{min-height:1.9rem;display:inline-flex;align-items:center;justify-content:center;gap:.34rem;border:.0625rem solid rgba(255,111,25,.28);border-radius:999rem;background:#fff7ed;color:#f97316;padding:0 .65rem;font-size:.75rem;font-weight:900;text-decoration:none;cursor:pointer;white-space:nowrap}.hermes-action-buttons button.primary{border-color:#fb923c;background:#ff6f19;color:#fff}.hermes-result-assets{display:grid;gap:.55rem;padding:.85rem 1rem;background:#fffaf5}.hermes-result-assets-title{display:flex;align-items:center;gap:.42rem;color:#111827;font-size:.9rem;font-weight:950}.hermes-result-asset{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.52rem .65rem;border:.0625rem solid #ffedd5;border-radius:.625rem;background:#fff}.hermes-result-asset-name{display:flex;align-items:center;gap:.42rem;min-width:0;color:#334155;font-size:.8rem;font-weight:850}.hermes-result-asset-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hermes-result-asset-actions{display:flex;gap:.35rem;flex:0 0 auto}#pick .composer-input-wrap.composer-review-ready{box-shadow:0 0 0 .1875rem rgba(249,115,22,.16);border-radius:1rem}@media(max-width:720px){.hermes-action-group{grid-template-columns:1fr}.hermes-action-group-title{line-height:1.2}.hermes-candidate-head,.hermes-result-asset{align-items:stretch;flex-direction:column}}
    /* candidate-collapse-overrides */
    .hermes-candidate-card{gap:0;padding:0;overflow:hidden}.hermes-candidate-head{padding:.9rem 1rem;cursor:pointer}.hermes-candidate-head-actions{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}.hermes-candidate-index{min-width:2rem}.hermes-candidate-toggle{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:.0625rem solid #ffedd5;border-radius:999rem;background:#fff;color:#f97316;cursor:pointer}.hermes-candidate-toggle i{transition:transform .16s ease}.hermes-candidate-card[data-collapsed="1"] .hermes-candidate-toggle i{transform:rotate(-90deg)}.hermes-candidate-body{display:grid;gap:.7rem;padding:0 1rem .9rem}.hermes-candidate-card[data-collapsed="1"] .hermes-candidate-body{display:none}@media(max-width:720px){.hermes-candidate-head-actions{align-self:flex-start}}
    .hermes-candidate-source{display:inline-flex;margin-left:.4rem;padding:.08rem .38rem;border:.0625rem solid #fed7aa;border-radius:999rem;background:#fff7ed;color:#ea580c;font-style:normal;font-size:.68rem;font-weight:900;vertical-align:middle}.hermes-action-group-title[title]{cursor:help}.hermes-action-buttons button[title],.hermes-action-buttons a[title]{position:relative}.hermes-action-group:nth-child(n+2){padding-top:.05rem}.hermes-action-buttons a{line-height:1.9rem}
    /* candidate action path: main actions + L1/L2/L3 with two-row chips */
    .hermes-candidate-body .hermes-action-groups{display:grid;grid-template-columns:minmax(12rem,.95fr) 1rem minmax(18rem,1.45fr) 1rem minmax(13.5rem,1fr);gap:.45rem;padding:0;border:.0625rem solid #fed7aa;border-radius:.75rem;background:linear-gradient(180deg,#fffaf5 0%,#fff 100%);overflow:visible}
    .hermes-candidate-body .hermes-action-group{display:block;min-width:0;padding:.68rem;border:.0625rem solid #f7e3d2;border-radius:.625rem;background:rgba(255,255,255,.76);position:relative}
    .hermes-candidate-body .hermes-action-group:first-child{grid-column:1/-1;border:0;border-radius:0;border-bottom:.0625rem solid #ffead5;background:transparent;padding:.62rem .85rem .62rem 1.35rem}
    .hermes-candidate-body .hermes-action-group:first-child .hermes-action-group-title{display:none}
    .hermes-candidate-body .hermes-action-group:first-child .hermes-action-buttons{display:flex;flex-wrap:nowrap;gap:.45rem;overflow-x:auto;scrollbar-width:none}
    .hermes-candidate-body .hermes-action-group:first-child .hermes-action-buttons::-webkit-scrollbar{display:none}
    .hermes-candidate-body .hermes-action-group:nth-child(2){grid-column:1;background:linear-gradient(180deg,#fffaf3 0%,#fff 100%);border-color:#fde4c7}
    .hermes-candidate-body .hermes-action-group:nth-child(3){grid-column:3;background:linear-gradient(180deg,#fff8ed 0%,#fff 100%);border-color:#fed7aa}
    .hermes-candidate-body .hermes-action-group:nth-child(4){grid-column:5;background:linear-gradient(180deg,#fff6f0 0%,#fff 100%);border-color:#fdc8a4}
    .hermes-candidate-body .hermes-action-group:nth-child(2)::after,.hermes-candidate-body .hermes-action-group:nth-child(3)::after{content:"→";position:absolute;top:50%;right:-.92rem;transform:translateY(-50%);color:#fb923c;font-size:.9rem;font-weight:950;pointer-events:none}
    .hermes-candidate-body .hermes-action-group:nth-child(n+2) .hermes-action-group-title{display:flex;align-items:baseline;gap:.38rem;margin:0 0 .48rem;line-height:1.2;white-space:nowrap;overflow:hidden;font-size:0;color:#7c2d12}
    .hermes-candidate-body .hermes-action-group:nth-child(n+2) .hermes-action-group-title::before{display:inline-grid;place-items:center;flex:0 0 auto;width:1.9rem;height:1.5rem;border-radius:.5rem;background:#ffedd5;color:#ea580c;font-size:.78rem;font-weight:950}
    .hermes-candidate-body .hermes-action-group:nth-child(2) .hermes-action-group-title::before{content:"L1"}
    .hermes-candidate-body .hermes-action-group:nth-child(3) .hermes-action-group-title::before{content:"L2"}
    .hermes-candidate-body .hermes-action-group:nth-child(4) .hermes-action-group-title::before{content:"L3"}
    .hermes-candidate-body .hermes-action-group:nth-child(n+2) .hermes-action-group-title::after{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7c2d12;font-size:.78rem;font-weight:950}
    .hermes-candidate-body .hermes-action-group:nth-child(2) .hermes-action-group-title::after{content:"机会初筛  不满意？继续找"}
    .hermes-candidate-body .hermes-action-group:nth-child(3) .hermes-action-group-title::after{content:"深度研判  确认这个 ASIN 值不值得做"}
    .hermes-candidate-body .hermes-action-group:nth-child(4) .hermes-action-group-title::after{content:"拓展思路  从这个产品发散方向"}
    .hermes-candidate-body .hermes-action-buttons{display:flex;flex-wrap:wrap;gap:.42rem .48rem;overflow:visible;scrollbar-width:none}
    .hermes-candidate-body .hermes-action-buttons::-webkit-scrollbar{display:none}
    .hermes-candidate-body .hermes-action-buttons button,.hermes-candidate-body .hermes-action-buttons a{flex:0 0 auto;min-height:1.86rem;padding:0 .62rem;font-size:.74rem;gap:.3rem}
    .hermes-candidate-body .hermes-action-buttons button.report-tone{font-weight:950;box-shadow:0 .25rem .75rem rgba(15,23,42,.06)}
    .hermes-candidate-body .hermes-action-buttons button.report-tone-l1{border-color:#f87171;background:#fff1f2;color:#dc2626}
    .hermes-candidate-body .hermes-action-buttons button.report-tone-l1:hover{background:#fee2e2}
    .hermes-candidate-body .hermes-action-buttons button.report-tone-l2{border-color:#38bdf8;background:#eff6ff;color:#2563eb}
    .hermes-candidate-body .hermes-action-buttons button.report-tone-l2:hover{background:#dbeafe}
    .hermes-candidate-body .hermes-action-buttons button.report-tone-l3{border-color:#f59e0b;background:#fffbeb;color:#d97706}
    .hermes-candidate-body .hermes-action-buttons button.report-tone-l3:hover{background:#fef3c7}
    .hermes-candidate-field.is-copyable-candidate-field{position:relative;cursor:copy;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
    .hermes-candidate-field.is-copyable-candidate-field:hover{border-color:#fed7aa;background:#fff7ed}
    .hermes-candidate-field.is-copyable-candidate-field::after{content:"双击复制";position:absolute;right:.55rem;top:.42rem;color:#f97316;font-size:.64rem;font-weight:900;opacity:0;transition:opacity .16s ease;pointer-events:none}
    .hermes-candidate-field.is-copyable-candidate-field:hover::after,.hermes-candidate-field.is-copyable-candidate-field.copied::after{opacity:1}
    .hermes-candidate-field.is-copyable-candidate-field.copied{border-color:#86efac;background:#f0fdf4;box-shadow:0 0 0 .12rem rgba(34,197,94,.12)}
    .hermes-candidate-field.is-copyable-candidate-field.copied::after{content:"已复制";color:#16a34a}
    @media(max-width:720px){.hermes-candidate-body .hermes-action-groups{grid-template-columns:minmax(11.5rem,1fr) 1rem minmax(16rem,1.35fr) 1rem minmax(12.5rem,1fr)}.hermes-candidate-body .hermes-action-group-title{line-height:1.2}.hermes-candidate-body .hermes-action-group:nth-child(2)::after,.hermes-candidate-body .hermes-action-group:nth-child(3)::after{right:-.9rem}}
    #pick .pick-conversation .conversation-turn:last-child {
      margin-bottom: calc(var(--pick-composer-safe) + 1rem);
      scroll-margin-bottom: calc(var(--pick-composer-safe) + 1rem);
    }
    .answer-actions {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      color: #9aa3af;
      min-height: 0;
      margin-top: 0.55rem;
      opacity: 0;
      transform: translateY(-0.125rem);
      pointer-events: none;
      transition: opacity .16s ease, transform .16s ease;
    }
    .agent-message:hover + .answer-actions,
    .agent-answer.actions-visible .answer-actions,
    .answer-actions:hover {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    .answer-time {
      font-size: 0.8125rem;
      color: #9aa3af;
    }
    .answer-elapsed {
      font-size: 0.8125rem;
      color: #9aa3af;
      white-space: nowrap;
    }
    .answer-reply-id {
      color: #a3acba;
      font-size: 0.75rem;
      white-space: nowrap;
    }
    .reply-id-copy-tip {
      color: #9aa3af;
      font-size: 0.75rem;
      white-space: nowrap;
      opacity: 0;
      transform: translateX(-0.125rem);
      transition: opacity .16s ease, transform .16s ease;
      pointer-events: none;
    }
    .reply-id-copy-tip.show {
      opacity: 1;
      transform: translateX(0);
    }
    .answer-actions button {
      border: 0;
      background: transparent;
      color: #9aa3af;
      font-size: 0.9375rem;
      min-width: 1.35rem;
      height: 1.35rem;
      border-radius: 0.375rem;
      cursor: pointer;
      box-shadow: none;
    }
    .answer-actions button:hover {
      color: #111827;
      background: #f3f4f6;
    }
    .answer-actions .answer-reply-id {
      width: auto;
      min-width: 0;
      height: 1.35rem;
      padding: 0 0.375rem;
      color: #9aa3af;
      font-size: 0.75rem;
      line-height: 1.35rem;
      white-space: nowrap;
      border-radius: 0.375rem;
      font-weight: 500;
    }
    .answer-actions .answer-reply-id:hover {
      color: #334155;
      background: #f3f4f6;
    }
    .agent-edit-textarea {
      width: 100%;
      min-height: 12rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      padding: 0.875rem 1rem;
      font: inherit;
      line-height: 1.8;
      color: #222;
      resize: vertical;
      outline: none;
      background: #fff;
    }
    .pick-history-table {
      table-layout: fixed;
      width: 100%;
    }
    .pick-history-sort-button {
      appearance: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      min-height: 1.5rem;
      margin: -0.2rem -0.25rem;
      padding: 0.2rem 0.25rem;
      border: 0;
      border-radius: 0.375rem;
      background: transparent;
      color: inherit;
      font: inherit;
      font-weight: inherit;
      line-height: 1;
      cursor: pointer;
      transition: color .15s ease, background .15s ease;
    }
    .pick-history-sort-button:hover {
      color: #334155;
      background: #f1f5f9;
    }
    .pick-history-sort-button:focus-visible {
      outline: 0.125rem solid rgba(71, 85, 105, .24);
      outline-offset: 0.125rem;
    }
    .pick-history-sort-button.is-active {
      color: #334155;
    }
    .pick-history-sort-indicator {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.125rem;
      width: 0.5rem;
      height: 0.75rem;
      flex: 0 0 0.5rem;
    }
    .pick-history-sort-arrow {
      width: 0;
      height: 0;
      border-left: 0.1875rem solid transparent;
      border-right: 0.1875rem solid transparent;
      transition: border-color .15s ease;
    }
    .pick-history-sort-arrow.is-up {
      border-bottom: 0.25rem solid #cbd5e1;
    }
    .pick-history-sort-arrow.is-down {
      border-top: 0.25rem solid #cbd5e1;
    }
    .pick-history-sort-button[data-sort-direction="asc"] .pick-history-sort-arrow.is-up {
      border-bottom-color: #475569;
    }
    .pick-history-sort-button[data-sort-direction="desc"] .pick-history-sort-arrow.is-down {
      border-top-color: #475569;
    }
    .pick-history-index-col {
      width: 4rem;
    }
    .pick-history-time-col {
      width: 12%;
    }
    .pick-history-title-col {
      width: 24%;
    }
    .pick-history-favorites-col {
      width: 27%;
    }
    .pick-history-rating-col {
      width: 11%;
    }
    .pick-history-status-col {
      width: 10%;
    }
    .pick-history-creator-col {
      width: 10%;
    }
    .pick-history-toolbar {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.75rem;
      margin: 0 0 1rem;
      padding: 0 0 1rem;
      border-bottom: 0.0625rem solid #eef2f7;
    }
    .pick-history-search {
      position: relative;
      flex: 1 1 28rem;
      max-width: 34rem;
    }
    .pick-history-search i {
      position: absolute;
      left: 0.875rem;
      top: 50%;
      transform: translateY(-50%);
      color: #94a3b8;
      font-size: 0.875rem;
      pointer-events: none;
    }
    .pick-history-search input,
    .pick-history-toolbar .quick-date-wrap {
      flex: 0 0 auto;
      position: relative;
    }
    .pick-history-toolbar .quick-date-btn {
      height: 2.5rem;
      min-height: 2.5rem;
      border-radius: 0.75rem;
      padding: 0 0.875rem;
      font-size: 0.875rem;
      font-weight: 700;
    }
    .pick-history-toolbar .quick-date-panel {
      left: 0;
      right: auto;
      width: 18rem;
      z-index: 20;
    }
    .pick-history-date {
      height: 2.5rem;
      min-height: 2.5rem;
      border-radius: 0.75rem;
      border-color: #dbe3ee;
      background: #fff;
      color: #111827;
      font-size: 0.875rem;
    }
    .pick-history-search input {
      padding-left: 2.5rem;
    }
    .pick-history-date {
      width: 10.5rem;
      flex: 0 0 10.5rem;
      padding: 0 0.75rem;
    }
    .pick-history-creator-filter,
    .pick-history-rating-filter,
    .pick-history-status-filter {
      height: 2.5rem;
      min-height: 2.5rem;
      width: 8.75rem;
      flex: 0 0 8.75rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.75rem;
      padding: 0 0.75rem;
      background: #fff;
      color: #111827;
      font-size: 0.875rem;
      font-weight: 700;
      outline: none;
    }
    .pick-history-rating-filter,
    .pick-history-status-filter {
      width: 8.25rem;
      flex-basis: 8.25rem;
    }
    .pick-history-creator-filter:focus,
    .pick-history-rating-filter:focus,
    .pick-history-status-filter:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 0.1875rem rgba(59,130,246,.14);
    }
    .pick-history-action {
      width: auto;
      height: 2.5rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.75rem;
      padding: 0 0.875rem;
      background: #fff;
      color: #111827;
      font-size: 0.875rem;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.375rem;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .pick-history-action:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      transform: translateY(-0.0625rem);
    }
    .pick-history-action.primary {
      background: #111827;
      border-color: #111827;
      color: #fff;
    }
    .pick-history-action.primary:hover {
      background: #1f2937;
      border-color: #1f2937;
    }
    #pickHistory .pick-history-table th:nth-child(1),
    #pickHistory .pick-history-table th:nth-child(2),
    #pickHistory .pick-history-table td:nth-child(1),
    #pickHistory .pick-history-table td:nth-child(2),
    #pickHistory .pick-history-table th:nth-child(5),
    #pickHistory .pick-history-table td:nth-child(5),
    #pickHistory .pick-history-table th:nth-child(6),
    #pickHistory .pick-history-table td:nth-child(6),
    #pickHistory .pick-history-table th:nth-child(7),
    #pickHistory .pick-history-table td:nth-child(7) {
      text-align: center;
    }
    .history-index-cell {
      color: #64748b;
      font-size: 0.8125rem;
      font-weight: 800;
    }
    .history-creator-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 100%;
      min-height: 1.75rem;
      padding: 0.25rem 0.625rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 999px;
      background: #f8fafc;
      color: #475569;
      font-size: 0.8125rem;
      font-weight: 700;
      line-height: 1.2;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle;
    }

    .history-rating {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.0625rem;
      white-space: nowrap;
    }
    .history-rating-btn {
      width: 1.25rem;
      height: 1.75rem;
      padding: 0;
      border: 0;
      background: transparent;
      color: #cbd5e1;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      font-size: 0.875rem;
      transition: color .15s ease, transform .15s ease;
    }
    .history-rating-btn i {
      pointer-events: none;
    }
    .history-rating-btn.active {
      color: #f59e0b;
    }
    .history-rating-btn:hover {
      color: #d97706;
      transform: translateY(-0.0625rem);
    }
    .history-rating-btn:focus-visible {
      outline: 0.125rem solid rgba(245, 158, 11, .3);
      outline-offset: 0.0625rem;
      border-radius: 0.25rem;
    }
    .history-status-select {
      width: 6.5rem;
      max-width: 100%;
      height: 2rem;
      border: 0.0625rem solid #d7dde5;
      border-radius: 0.55rem;
      padding: 0 1.7rem 0 0.625rem;
      background-color: #f8fafc;
      color: #475569;
      font-size: 0.8125rem;
      font-weight: 700;
      outline: none;
      cursor: pointer;
    }
    .history-status-select.is-running,
    .history-status-select.is-completed,
    .history-status-select.is-archived {
      color: #475569;
      border-color: #d7dde5;
      background-color: #f8fafc;
    }
    .history-status-select:hover {
      border-color: #b8c2cf;
      background-color: #f1f5f9;
    }
    .history-status-select:focus {
      border-color: #94a3b8;
      box-shadow: 0 0 0 0.1875rem rgba(100, 116, 139, .12);
    }
    .history-session-row:hover {
      background: #fcfcfd;
    }
    .history-entry-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      max-width: 100%;
      min-height: 2rem;
      padding: 0.25rem 0.375rem;
      margin: 0 auto;
      border-radius: 0.5rem;
      color: #111827;
      background: transparent;
      border: 0;
      font: inherit;
      text-align: left;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      transition: color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .history-entry-link:hover {
      color: #2563eb;
      background: #eff6ff;
      box-shadow: 0 0.375rem 0.875rem rgba(37, 99, 235, .1);
      transform: translateY(-0.0625rem);
      text-decoration: underline;
      text-underline-offset: 0.18em;
    }
    .history-entry-link:focus-visible {
      outline: 0.125rem solid rgba(37, 99, 235, .28);
      outline-offset: 0.125rem;
    }
    .history-title-cell {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.375rem;
      max-width: 100%;
      margin: 0 auto;
    }
    .history-title-edit {
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.5rem;
      background: #fff;
      color: #64748b;
      display: inline-grid;
      place-items: center;
      opacity: 0;
      pointer-events: none;
      transform: translateX(-0.25rem);
      transition: opacity .16s ease, transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease;
    }
    .history-title-cell:hover .history-title-edit,
    .history-title-cell:focus-within .history-title-edit {
      opacity: 1;
      pointer-events: auto;
      transform: translateX(0);
    }
    .history-title-edit:hover {
      color: #2563eb;
      border-color: #bfdbfe;
      background: #eff6ff;
    }
    .history-empty-row {
      height: 9rem;
      color: #94a3b8;
      text-align: center;
      font-size: 0.9375rem;
    }
    .history-favorites {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5rem;
      max-width: 100%;
    }
    .history-favorite-chip {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      max-width: 18rem;
      height: 1.75rem;
      padding: 0 0.625rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 999rem;
      background: #f8fbff;
      color: #1e3a8a;
      font-size: 0.8125rem;
      font-weight: 700;
      cursor: pointer;
      transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .history-favorite-chip span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .history-favorite-chip:hover {
      background: #eff6ff;
      border-color: #bfdbfe;
      box-shadow: 0 0.375rem 0.875rem rgba(37, 99, 235, .12);
      transform: translateY(-0.0625rem);
    }
    .history-favorite-link {
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #fff;
      color: #64748b;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .history-favorite-link:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #2563eb;
      transform: translateY(-0.0625rem);
    }
    .history-favorites-empty {
      color: #94a3b8;
      font-size: 0.875rem;
    }
    .history-more-btn,
    .quick-history-more-btn,
    .monitor-archive-open {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.55rem;
      background: #fff;
      color: #64748b;
      font-size: 0.8125rem;
      font-weight: 600;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .history-more-wrap {
      position: relative;
      display: inline-flex;
      justify-content: center;
    }
    .history-more-btn {
      min-width: 2.25rem;
      height: 2rem;
      padding: 0 0.625rem;
      font-weight: 800;
    }
    .history-more-menu {
      position: absolute;
      right: 0;
      top: calc(100% + 0.35rem);
      z-index: 30;
      display: none;
      min-width: 6.5rem;
      padding: 0.35rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, .14);
    }
    .history-more-wrap.open .history-more-menu {
      display: grid;
      gap: 0.125rem;
    }
    .history-more-menu button {
      width: 100%;
      min-height: 2rem;
      border: 0;
      border-radius: 0.45rem;
      background: transparent;
      color: #334155;
      font-size: 0.8125rem;
      font-weight: 700;
      text-align: left;
      padding: 0 0.625rem;
    }
    .history-more-menu button:hover {
      background: #f1f5f9;
      color: #111827;
    }
    .history-more-menu button.danger {
      color: #ef4444;
    }
    .quick-history-more-wrap {
      position: relative;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: 0.375rem;
    }
    .quick-history-more-menu {
      position: static;
      display: none;
      min-width: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      transform: none;
    }
    .quick-history-more-wrap.open .quick-history-more-menu {
      display: inline-flex;
      gap: 0.375rem;
    }
    .quick-history-more-menu button {
      width: 1.875rem;
      height: 1.875rem;
      min-height: 1.875rem;
      padding: 0;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #fff;
      display: inline-grid;
      place-items: center;
      text-align: center;
      box-shadow: 0 0.25rem 0.625rem rgba(15, 23, 42, .06);
      font-size: 0.875rem;
      line-height: 1;
    }
    .quick-history-more-menu button:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #111827;
    }
    .quick-history-more-menu button.danger {
      color: #ef4444;
      border-color: #fecaca;
    }
    .quick-history-more-menu button.danger:hover {
      background: #fff1f2;
      border-color: #fca5a5;
    }
    .history-more-btn:hover,
    .quick-history-more-btn:hover,
    .monitor-archive-open:hover {
      color: #111827;
      border-color: #cbd5e1;
      background: #f8fafc;
      transform: translateY(-0.0625rem);
    }
    .quick-history-title {
      position: relative;
    }
    .quick-history-more-btn {
      width: 1.875rem;
      height: 1.875rem;
      flex: 0 0 auto;
      opacity: 0;
      pointer-events: none;
      transform: translateX(0.25rem);
    }
    .quick-history-title:hover .quick-history-more-btn,
    .quick-history-title:focus-within .quick-history-more-btn,
    .quick-history-more-wrap.open .quick-history-more-btn {
      opacity: 1;
      pointer-events: auto;
      transform: translateX(0);
    }
    .quick-history-filter {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.42rem;
      padding: 0.48rem 0.72rem;
      border-bottom: 0.0625rem solid #eef2f7;
      background: #fff;
    }
    .quick-history-search {
      height: 2rem;
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 0.36rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.62rem;
      background: #fff;
      padding: 0 0.56rem;
      color: #94a3b8;
    }
    .quick-history-search i {
      flex: 0 0 auto;
      font-size: 0.78rem;
    }
    .quick-history-search input {
      width: 100%;
      min-width: 0;
      height: 100%;
      border: 0;
      outline: none;
      background: transparent;
      color: #111827;
      font-size: 0.8rem;
      font-weight: 700;
    }
    .quick-history-search:focus-within {
      border-color: #6366f1;
      box-shadow: 0 0 0 0.1875rem rgba(99, 102, 241, .12);
    }
    .quick-history-filter-btn {
      height: 2rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.62rem;
      background: #fff;
      color: #334155;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.28rem;
      min-width: 4rem;
      padding: 0 0.58rem;
      font-size: 0.78rem;
      font-weight: 900;
      cursor: pointer;
      transition: background .16s ease, color .16s ease, transform .12s ease;
    }
    .quick-history-filter-btn.primary {
      border-color: #111827;
      background: #111827;
      color: #fff;
    }
    .quick-history-filter-btn:hover {
      background: #f3f4f6;
    }
    .quick-history-filter-btn.primary:hover {
      background: #1f2937;
    }
    .quick-history-filter-btn:active {
      transform: scale(.98);
    }
    .monitor-archive-wrap {
      display: grid;
      gap: 0.875rem;
    }
    .monitor-content-card {
      min-height: 22.5rem;
      padding: 1.25rem;
      border-radius: 1.25rem;
    }
    .monitor-content-card .pick-pool-empty {
      min-height: 18rem;
    }
    .monitor-archive-list {
      display: grid;
      gap: 0.75rem;
    }
    .monitor-archive-item {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.875rem;
      padding: 0.875rem 1rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
    }
    .monitor-archive-icon {
      display: inline-grid;
      place-items: center;
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 0.625rem;
      background: #eff6ff;
      color: #2563eb;
    }
    .monitor-archive-meta {
      min-width: 0;
      display: grid;
      gap: 0.25rem;
    }
    .monitor-archive-meta strong {
      overflow: hidden;
      color: #111827;
      font-size: 0.95rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .monitor-archive-meta span {
      color: #94a3b8;
      font-size: 0.8125rem;
    }
    .monitor-archive-open {
      height: 2rem;
      padding: 0 0.75rem;
    }
    .ai-note {
      text-align: center;
      color: #b6bbc5;
      font-size: 0.8125rem;
      margin-top: 0.75rem;
    }
    .prompt-library-btn {
      border: 0;
      border-radius: 62.4375rem;
      background: #f3f4f6;
      color: #555;
      padding: 0.5rem 0.9375rem;
      font-weight: 500;
      cursor: pointer;
    }
    .composer-prompt-inline {
      flex: 1 1 16rem;
      min-width: 14rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.375rem;
      color: #111827;
      font-size: 0.9375rem;
      white-space: nowrap;
    }
    .ai-toolbar .composer-prompt-inline + .mode-select {
      margin-left: 0;
    }
    .ai-toolbar .prompt-library-btn {
      padding: 0.375rem 0.8125rem;
      background: #f3f4f6;
      color: #111827;
      box-shadow: none;
    }
    .contact-strip .prompt-library-btn {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      padding: 0.375rem 0.8125rem;
      background: rgba(255, 255, 255, .75);
      box-shadow: 0 0.5rem 1.25rem rgba(99, 102, 241, .10);
    }
    .prompt-library-panel {
      width: min(61.25rem, 100%);
      max-height: min(42rem, 70vh);
      margin: 0.75rem auto 0;
      padding: 1.125rem;
      display: none;
      grid-template-rows: auto auto minmax(0, 1fr);
      gap: 0.875rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1rem;
      background: rgba(255,255,255,.98);
      box-shadow: 0 -1.125rem 2.625rem rgba(15,23,42,.12);
      overflow: hidden;
      z-index: 160;
    }
    .prompt-library-panel.open {
      display: grid;
    }
    .prompt-library-panel.prompt-page {
      position: fixed;
      left: var(--sidebar);
      right: 0;
      top: 4rem;
      bottom: 0;
      width: auto;
      max-height: none;
      margin: 0;
      padding: clamp(2rem, 4vw, 3.5rem) clamp(2rem, 5vw, 5rem);
      border: 0;
      border-radius: 0;
      background: #fff;
      box-shadow: none;
      grid-template-rows: auto auto minmax(0, 1fr);
      overflow: auto;
    }
    .prompt-library-panel.prompt-page .prompt-library-head,
    .prompt-library-panel.prompt-page .prompt-library-primary,
    .prompt-library-panel.prompt-page .prompt-library-secondary,
    .prompt-library-panel.prompt-page .prompt-library-grid {
      width: min(92rem, 100%);
      margin-left: auto;
      margin-right: auto;
    }
    .prompt-library-panel.prompt-page .prompt-library-head {
      margin-bottom: 0.5rem;
      font-size: 1.375rem;
    }
    .prompt-library-panel.prompt-page .prompt-library-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      align-content: start;
      overflow: visible;
      padding-right: 0;
    }
    .prompt-library-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #111827;
      font-weight: 800;
    }
    .prompt-library-head button {
      border: 0;
      background: transparent;
      color: #64748b;
      font-size: 1.125rem;
      cursor: pointer;
    }
    .prompt-library-primary,
    .prompt-library-secondary {
      display: flex;
      gap: 0.625rem;
      overflow-x: auto;
      padding-bottom: 0.125rem;
      scrollbar-width: thin;
    }
    .prompt-library-primary button,
    .prompt-library-secondary button {
      flex: 0 0 auto;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 62.4375rem;
      background: #fff;
      color: #6b7280;
      padding: 0.5rem 0.8125rem;
      cursor: pointer;
    }
    .prompt-library-primary button.active,
    .prompt-library-secondary button.active {
      color: #4f46e5;
      border-color: #c7d2fe;
      background: #eef2ff;
      font-weight: 800;
    }
    .prompt-library-grid {
      min-height: 0;
      overflow-y: auto;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.75rem;
      padding-right: 0.25rem;
    }
    .prompt-library-card {
      min-height: 7rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      padding: 0.875rem;
      text-align: left;
      cursor: pointer;
      color: #4b5563;
    }
    .prompt-library-card:hover {
      border-color: #c7d2fe;
      box-shadow: 0 0.75rem 1.5rem rgba(79,70,229,.08);
    }
    .prompt-library-card strong {
      display: block;
      color: #111827;
      margin-bottom: 0.4375rem;
      font-size: 0.875rem;
    }
    .prompt-library-card small {
      color: #9ca3af;
      line-height: 1.45;
    }
    .output-panel {
      position: fixed;
      top: 7rem;
      right: 1.375rem;
      width: min(17.375rem, calc(100vw - 2.75rem));
      max-height: min(26.25rem, calc(100vh - 9.375rem));
      z-index: 55;
      display: none;
      background: rgba(255,255,255,.97);
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.875rem;
      box-shadow: 0 0.875rem 2.125rem rgba(15,23,42,.12);
      overflow: hidden;
    }
    .output-panel.open {
      display: block;
    }
    .output-panel-toggle {
      position: fixed;
      top: 7rem;
      right: 1.375rem;
      z-index: 54;
      display: none;
      align-items: center;
      gap: 0.5rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 62.4375rem;
      background: rgba(255,255,255,.96);
      color: #374151;
      padding: 0.5625rem 0.8125rem;
      box-shadow: 0 0.75rem 1.75rem rgba(15,23,42,.12);
      cursor: pointer;
      font-weight: 700;
      font-size: 0.8125rem;
    }
    .output-panel-toggle.show {
      display: inline-flex;
    }
    .output-panel-toggle i {
      color: #6366f1;
    }
    .task-panel {position:fixed;top:10.25rem;right:1.375rem;width:min(24rem,calc(100vw - 2.75rem));max-height:min(34rem,calc(100vh - 12rem));z-index:55;display:none;background:rgba(255,255,255,.98);border:.0625rem solid #fed7aa;border-radius:.875rem;box-shadow:0 .875rem 2.125rem rgba(15,23,42,.14);overflow:hidden;}
    .task-panel.open {display:block;}
    .task-panel-toggle {position:fixed;top:10.25rem;right:1.375rem;z-index:54;display:none;align-items:center;gap:.5rem;border:.0625rem solid #fed7aa;border-radius:62.4375rem;background:rgba(255,255,255,.96);color:#9a3412;padding:.5625rem .8125rem;box-shadow:0 .75rem 1.75rem rgba(15,23,42,.12);cursor:pointer;font-weight:800;font-size:.8125rem;}
    .task-panel-toggle.show {display:inline-flex;}
    .task-panel-toggle i {color:#f97316;}
    .task-panel-toggle-count,.task-panel-count {display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;border-radius:62.4375rem;background:#fff7ed;color:#ea580c;font-size:.75rem;font-weight:900;padding:0 .375rem;}
    .task-panel-head {display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .875rem .5rem;border-bottom:.0625rem solid #ffedd5;background:linear-gradient(180deg,#fff7ed 0%,#fff 100%);}
    .task-panel-title {display:flex;align-items:center;gap:.5rem;min-width:0;}.task-panel-title strong{color:#111827;font-size:.875rem}.task-panel-title span:not(.task-panel-count){color:#64748b;font-size:.75rem;white-space:nowrap}
    .task-panel-head button{border:0;background:#ffedd5;color:#9a3412;width:1.625rem;height:1.625rem;border-radius:.5rem;cursor:pointer}
    .task-panel-body{max-height:calc(min(34rem,calc(100vh - 12rem)) - 3.125rem);overflow:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}
    .task-empty{display:grid;place-items:center;min-height:10rem;text-align:center;color:#94a3b8;gap:.375rem;padding:1.125rem}.task-empty i{color:#fb923c;font-size:1.25rem}.task-empty strong{color:#334155;font-size:.875rem}
    .task-artifact-group{border:.0625rem solid #ffedd5;border-radius:.75rem;background:#fff;overflow:hidden}.task-artifact-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;background:#fff7ed;color:#9a3412;font-size:.75rem;font-weight:900}
    .task-candidate-list{display:flex;flex-direction:column;gap:.625rem;padding:.625rem}.task-candidate-card{border:.0625rem solid #e5e7eb;border-radius:.625rem;padding:.625rem;background:#fff;display:flex;flex-direction:column;gap:.5rem}.task-candidate-card.is-pooled{border-color:#bbf7d0;background:#f0fdf4}.task-candidate-card.is-deepened{border-color:#bfdbfe;background:#eff6ff}.task-candidate-card.is-completed{border-color:#c4b5fd;background:#f5f3ff}
    .task-candidate-title{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem}.task-candidate-title strong{color:#111827;font-size:.8125rem;line-height:1.35}.task-status-badge{flex:0 0 auto;border-radius:62.4375rem;padding:.125rem .4375rem;font-size:.6875rem;font-weight:900;color:#9a3412;background:#ffedd5}.task-status-badge.pooled{color:#15803d;background:#dcfce7}.task-status-badge.deepened,.task-status-badge.research,.task-status-badge.compliance,.task-status-badge.supply{color:#1d4ed8;background:#dbeafe}.task-status-badge.completed{color:#6d28d9;background:#ede9fe}
    .task-candidate-meta{display:flex;flex-wrap:wrap;gap:.375rem;color:#64748b;font-size:.75rem}.task-candidate-meta span{display:inline-flex;align-items:center;gap:.25rem;border-radius:62.4375rem;background:#f8fafc;padding:.1875rem .4375rem}
    .task-candidate-actions{display:flex;flex-wrap:wrap;gap:.375rem}.task-candidate-actions button,.task-candidate-actions a{border:.0625rem solid #fed7aa;border-radius:62.4375rem;background:#fff7ed;color:#ea580c;padding:.3125rem .5625rem;font-size:.75rem;font-weight:800;line-height:1;cursor:pointer;text-decoration:none}.task-candidate-actions button.primary{border-color:#fb923c;background:#f97316;color:#fff}.task-candidate-actions button.complete{border-color:#ddd6fe;background:#f5f3ff;color:#6d28d9}.task-candidate-actions button:disabled{cursor:default;border-color:#bbf7d0;background:#dcfce7;color:#15803d}
    .conversation-turn.task-review-focus{animation:taskReviewFocus 1.4s ease}@keyframes taskReviewFocus{0%,100%{filter:none}20%{filter:drop-shadow(0 0 .75rem rgba(249,115,22,.45))}}

    #taskPanel {position:fixed !important;top:10.25rem !important;right:1.375rem !important;left:auto !important;bottom:auto !important;width:min(24rem,calc(100vw - 2.75rem)) !important;max-width:calc(100vw - 2.75rem) !important;max-height:min(34rem,calc(100vh - 12rem)) !important;z-index:555 !important;display:none !important;background:rgba(255,255,255,.98) !important;border:.0625rem solid #fed7aa !important;border-radius:.875rem !important;box-shadow:0 .875rem 2.125rem rgba(15,23,42,.14) !important;overflow:hidden !important;transform:none !important;}
    #taskPanel.open {display:block !important;}
    #taskPanelToggle {position:fixed !important;top:10.25rem !important;right:1.375rem !important;left:auto !important;bottom:auto !important;z-index:554 !important;}
    #taskPanelToggle.show {display:inline-flex !important;}
    .output-panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.75rem 0.875rem 0.375rem;
    }
    .output-panel-head strong {
      color: #111827;
      font-size: 0.875rem;
    }
    .output-panel-head button {
      border: 0;
      background: #f3f4f6;
      color: #64748b;
      width: 1.625rem;
      height: 1.625rem;
      border-radius: 0.5rem;
      cursor: pointer;
    }
    .output-panel-body {
      max-height: 21.875rem;
      overflow-y: auto;
      padding: 0 0.875rem 0.875rem;
      scrollbar-width: thin;
    }
    .output-search-row {
      position: sticky;
      top: 0;
      z-index: 2;
      display: grid;
      grid-template-columns: 1rem minmax(0, 1fr) 1.25rem;
      align-items: center;
      gap: 0.375rem;
      padding: 0.375rem 0 0.625rem;
      background: rgba(255,255,255,.97);
    }
    .output-search-row i {
      color: #9ca3af;
      font-size: 0.75rem;
      justify-self: center;
    }
    .output-search-row input {
      width: 100%;
      min-width: 0;
      height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      padding: 0 0.625rem;
      color: #334155;
      background: #fff;
      font-size: 0.75rem;
      outline: none;
      transition: border-color .16s ease, box-shadow .16s ease;
    }
    .output-search-row input:focus {
      border-color: #c7d2fe;
      box-shadow: 0 0 0 0.1875rem rgba(99,102,241,.1);
    }
    .output-search-clear {
      width: 1.25rem;
      height: 1.25rem;
      border: 0;
      border-radius: 50%;
      background: transparent;
      color: #a3acba;
      cursor: pointer;
    }
    .output-search-clear:hover {
      background: #f3f4f6;
      color: #64748b;
    }
    .output-group {
      margin-top: 0.625rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      overflow: hidden;
    }
    .output-group.highlight {
      border-color: #bfdbfe;
      box-shadow: 0 0 0 0.1875rem rgba(59,130,246,.08);
    }
    .output-group-head {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.625rem;
      border: 0;
      background: #f8fafc;
      padding: 0.625rem 0.6875rem;
      cursor: pointer;
      color: #334155;
      text-align: left;
    }
    .output-group-title {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 0.4375rem;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .output-group-title strong {
      color: #111827;
      font-size: 0.75rem;
    }
    .output-group-title span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #64748b;
    }
    .output-group-head > i {
      color: #94a3b8;
      transition: transform .16s ease;
    }
    .output-group.collapsed .output-group-head > i {
      transform: rotate(-90deg);
    }
    .output-group-body {
      padding: 0 0.6875rem 0.6875rem;
    }
    .output-section {
      padding-top: 0.5625rem;
      margin-top: 0.5625rem;
      border-top: 0.0625rem solid #eef0f3;
    }
    .output-section:first-child {
      margin-top: 0;
      border-top: 0;
    }
    .output-section-title {
      margin: 0 0 0.375rem;
      color: #9ca3af;
      font-size: 0.8125rem;
      font-weight: 700;
    }
    .output-item {
      display: grid;
      grid-template-columns: 1.5rem minmax(0, 1fr) auto;
      gap: 0.625rem;
      align-items: center;
      min-height: 2.125rem;
      padding: 0.3125rem 0;
      color: #374151;
      font-size: 0.8125rem;
    }
    .output-item i {
      color: #64748b;
      justify-self: center;
    }
    .output-item span {
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .output-item span[data-output-rename],
    .output-thumb span[data-output-rename],
    .message-asset-chip span[data-message-asset-rename] {
      cursor: text;
    }
    .asset-rename-input {
      min-width: 0;
      width: 100%;
      height: 1.625rem;
      padding: 0.125rem 0.375rem;
      border: 0.0625rem solid #93c5fd;
      border-radius: 0.375rem;
      background: #fff;
      color: #111827;
      font-size: 0.8125rem;
      line-height: 1.2;
      box-shadow: 0 0 0 0.1875rem rgba(59, 130, 246, 0.12);
    }
    .output-actions {
      display: flex;
      gap: 0.375rem;
    }
    .output-actions button {
      width: 1.5rem;
      height: 1.5rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #64748b;
      cursor: pointer;
    }
    .output-actions button:hover {
      color: #4f46e5;
      border-color: #c7d2fe;
      background: #eef2ff;
    }
    .output-actions button.saved,
    .message-asset-chip button.saved {
      background: #e5e7eb;
      color: #64748b;
      border-color: #e5e7eb;
    }
    .output-thumb {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: 2.75rem minmax(0, 1fr) auto;
      gap: 0.5625rem;
      align-items: center;
      padding: 0.5rem;
      border: 0.0625rem solid #eef0f3;
      border-radius: 0.625rem;
      background: #fbfdff;
    }
    .output-thumb-preview {
      width: 2.75rem;
      height: 2.125rem;
      border-radius: 0.4375rem;
      background:
        radial-gradient(circle at 34% 48%, rgba(255,255,255,.95), transparent 18%),
        radial-gradient(circle at 68% 42%, rgba(99,102,241,.36), transparent 22%),
        linear-gradient(135deg, #e0f2fe, #ede9fe);
      border: 0.0625rem solid #e5e7eb;
    }
    .output-empty {
      display: grid;
      justify-items: center;
      gap: 0.4375rem;
      padding: 1.5rem 0.5rem 1.125rem;
      color: #94a3b8;
      text-align: center;
      font-size: 0.75rem;
      line-height: 1.45;
    }
    .output-empty i {
      color: #6366f1;
      font-size: 1.375rem;
    }
    .output-empty strong {
      color: #334155;
      font-size: 0.8125rem;
    }
    .asset-page {
      min-height: calc(100vh - 4rem);
      width: 100%;
      margin: 0;
      padding: 1.15rem clamp(2rem, 4.5vw, 4.25rem) 3rem;
      color: #111827;
      background: #fff;
    }
    .asset-page h2 {
      margin: 0 0 1.35rem;
      font-size: 2rem;
      line-height: 1.2;
      font-weight: 500;
      letter-spacing: 0;
    }
    .asset-tabs {
      display: flex;
      align-items: center;
      gap: 1.625rem;
      border-bottom: 0;
      margin-bottom: 1.45rem;
    }
    .asset-tabs button {
      border: 0;
      background: transparent;
      color: #9ca3af;
      padding: 0 0 0.75rem;
      font-size: 1.125rem;
      line-height: 1.2;
      cursor: pointer;
      position: relative;
    }
    .asset-tabs button.active {
      color: #111827;
    }
    .asset-tabs button.active::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 0.125rem;
      border-radius: 62.4375rem;
      background: #111;
    }
    .asset-filter-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 1rem;
      margin-bottom: 0.8rem;
    }
    .asset-filter {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      min-width: 0;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .asset-filter::-webkit-scrollbar { display: none; }
    .asset-filter button {
      min-height: 2.625rem;
      border: 0;
      border-radius: 0.5rem;
      background: transparent;
      color: #1f2937;
      padding: 0 0.875rem;
      cursor: pointer;
      font-size: 1rem;
      white-space: nowrap;
    }
    .asset-filter button.active {
      background: #f3f4f6;
      color: #111827;
    }
    .asset-search {
      width: 19.25rem;
      height: 2.625rem;
      min-height: 2.625rem;
      display: flex;
      align-items: center;
      gap: 0.6rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      padding: 0 0.875rem;
      color: #b6bbc3;
    }
    .asset-search input {
      width: 100%;
      height: 100%;
      min-height: auto;
      border: 0;
      padding: 0;
      border-radius: 0;
      box-shadow: none;
      min-width: 0;
      font-size: 0.9375rem;
      background: transparent;
    }
    .asset-search input:focus { border: 0; box-shadow: none; }
    .asset-filter-tools {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.625rem;
      min-width: 0;
    }
    .asset-date-wrap {
      position: relative;
      flex: 0 0 auto;
    }
    .asset-date-wrap .quick-date-btn {
      height: 2.625rem;
      border-color: #dbe3ee;
      border-radius: 0.625rem;
      padding: 0 0.875rem;
      font-size: 0.9375rem;
      font-weight: 800;
    }
    .asset-date-wrap .quick-date-btn.has-value {
      border-color: #93c5fd;
      background: #eff6ff;
      color: #2563eb;
    }
    .asset-date-wrap .quick-date-panel {
      z-index: 40;
      width: 18.5rem;
    }
    .asset-reset-btn {
      height: 2.625rem;
      min-width: 5rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.625rem;
      background: #fff;
      color: #475569;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.42rem;
      padding: 0 0.875rem;
      font-size: 0.9375rem;
      font-weight: 800;
      cursor: pointer;
      transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, opacity 0.18s ease;
    }
    .asset-reset-btn:hover:not(:disabled) {
      border-color: #fb923c;
      background: #fff7ed;
      color: #f97316;
    }
    .asset-reset-btn:disabled {
      cursor: default;
      opacity: 0.48;
    }
    .asset-batch-btn {
      width: 2.625rem;
      height: 2.625rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.625rem;
      background: #fff;
      color: #475569;
      display: inline-grid;
      place-items: center;
      font-size: 0.9375rem;
      cursor: pointer;
      transition: border-color .18s ease, color .18s ease, background .18s ease;
    }
    .asset-batch-btn:hover,
    .asset-batch-btn.active {
      border-color: #fb923c;
      background: #fff7ed;
      color: #f97316;
    }
    .asset-batch-bar {
      grid-column: 1 / -1;
      min-height: 2.75rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.75rem;
      background: #fff7ed;
      color: #9a3412;
      padding: 0 0.875rem;
      font-size: 0.875rem;
      font-weight: 800;
    }
    .asset-batch-bar-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      flex-wrap: wrap;
    }
    .asset-batch-bar button {
      min-height: 2rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.5rem;
      background: #fff;
      color: #9a3412;
      padding: 0 0.7rem;
      font-weight: 850;
      cursor: pointer;
    }
    .asset-batch-bar button.primary {
      background: #ff6b1a;
      border-color: #ff6b1a;
      color: #fff;
    }
    .asset-batch-bar button:disabled {
      opacity: .45;
      cursor: default;
    }
    .asset-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(15.625rem, 1fr));
      gap: 0.875rem;
    }
    .asset-card {
      overflow: visible;
      position: relative;
      border: 0.0625rem solid #e8e8ea;
      border-radius: 1rem;
      background: #fff;
      box-shadow: none;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    .asset-card:hover {
      border-color: #d7d7dc;
      box-shadow: 0 0.75rem 1.875rem rgba(15, 23, 42, .06);
      transform: translateY(-0.0625rem);
    }
    .asset-card:has(.asset-more-wrap.open) {
      position: relative;
      z-index: 50;
    }
    .asset-card.is-batch-selectable {
      cursor: pointer;
    }
    .asset-card.is-selected {
      border-color: #fb923c;
      box-shadow: 0 0 0 0.1875rem rgba(249, 115, 22, .12);
    }
    .asset-select-box {
      position: absolute;
      left: 0.8rem;
      top: 0.8rem;
      z-index: 4;
      width: 1.45rem;
      height: 1.1rem;
      border: 0.1875rem solid #ff4d57;
      border-radius: 0.1875rem;
      background: #fff;
      display: inline-grid;
      place-items: center;
      color: #ff4d57;
      font-size: 0.72rem;
      line-height: 1;
      pointer-events: none;
    }
    .asset-card.is-selected .asset-select-box::before {
      content: "\f00c";
      font: var(--fa-font-solid);
    }
    .asset-preview {
      overflow: hidden;
      border-radius: 1rem 1rem 0 0;
      height: 8.25rem;
      display: grid;
      place-items: center;
      background: #f8fafc;
      color: #94a3b8;
      font-size: 2rem;
    }
    .asset-card.image .asset-preview {
      background:
        radial-gradient(circle at 34% 42%, rgba(255,255,255,.8), transparent 12%),
        linear-gradient(135deg, #fee2e2, #fce7f3 45%, #f8fafc);
    }
    .asset-card.image.alt .asset-preview {
      background:
        radial-gradient(circle at 42% 48%, rgba(255,255,255,.88), transparent 13%),
        linear-gradient(135deg, #dbeafe, #ede9fe);
    }
    .asset-card.material .asset-preview {
      position: relative;
      gap: 0.25rem;
      padding: 0.7rem;
      align-content: center;
      justify-items: center;
      text-align: center;
      background:
        linear-gradient(45deg, rgba(148, 163, 184, .13) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(148, 163, 184, .13) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(148, 163, 184, .13) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(148, 163, 184, .13) 75%),
        #fff7ed;
      background-size: 1rem 1rem;
      background-position: 0 0, 0 .5rem, .5rem -.5rem, -.5rem 0;
    }
    .asset-card.material .asset-preview img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .asset-card.material .asset-preview strong,
    .asset-card.material .asset-preview span {
      position: relative;
      max-width: 90%;
      padding: 0.15rem 0.45rem;
      border-radius: 999rem;
      background: rgba(255, 255, 255, .9);
      color: #9a3412;
      font-size: 0.76rem;
      line-height: 1.25;
      z-index: 1;
    }
    .asset-card.material .asset-preview span {
      color: #ea580c;
      font-size: 0.68rem;
      font-weight: 800;
    }
    .asset-card.video .asset-preview {
      background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.85), transparent 15%),
        linear-gradient(135deg, #dcfce7, #e0f2fe);
    }
    .asset-card footer {
      min-height: 2.75rem;
      display: grid;
      grid-template-columns: 1rem minmax(0, 1fr) auto;
      gap: 0.5rem;
      align-items: center;
      padding: 0 1rem;
      border-top: 0.0625rem solid #eef2f7;
      color: #111827;
      font-size: 0.8125rem;
    }
    .asset-card footer span {
      min-width: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .asset-card footer button {
      border: 0;
      background: transparent;
      color: #94a3b8;
      cursor: pointer;
    }
    .asset-more-wrap {
      position: relative;
      display: inline-flex;
      justify-content: flex-end;
      z-index: 20;
      overflow: visible !important;
      white-space: normal !important;
    }
    .asset-more-btn {
      width: 1.8rem;
      height: 1.8rem;
      border-radius: 0.55rem;
      display: inline-grid;
      place-items: center;
      font-weight: 900;
      transition: background .16s ease, color .16s ease, transform .16s ease;
    }
    .asset-more-btn:hover,
    .asset-more-wrap.open .asset-more-btn {
      background: #f3f4f6;
      color: #111827;
    }
    .asset-more-menu {
      position: absolute;
      right: 0;
      top: calc(100% + 0.45rem);
      z-index: 40;
      width: max-content;
      min-width: 12.5rem;
      max-width: 16rem;
      display: none;
      overflow: visible !important;
      white-space: normal !important;
      padding: 0.55rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.95rem;
      background: #fff;
      box-shadow: 0 1.25rem 2.75rem rgba(15, 23, 42, .16);
    }
    .asset-more-wrap.open .asset-more-menu {
      display: grid;
      gap: 0.2rem;
    }
    .asset-more-menu::before {
      content: "";
      position: absolute;
      right: 1rem;
      top: -0.38rem;
      width: 0.7rem;
      height: 0.7rem;
      border-left: 0.0625rem solid #e5e7eb;
      border-top: 0.0625rem solid #e5e7eb;
      background: #fff;
      transform: rotate(45deg);
    }
    .asset-more-menu button {
      width: 100%;
      min-height: 2.55rem;
      display: inline-flex;
      align-items: center;
      gap: 0.55rem;
      border: 0;
      border-radius: 0.72rem;
      background: transparent;
      color: #111827;
      padding: 0 0.75rem;
      font-size: 0.86rem;
      font-weight: 800;
      text-align: left;
      line-height: 1;
      white-space: nowrap;
      cursor: pointer;
    }
    .asset-more-menu button i {
      width: 1rem;
      flex: 0 0 1rem;
      text-align: center;
      color: #64748b;
    }
    .asset-more-menu button:hover {
      background: #f8fafc;
    }
    .asset-more-menu button.danger {
      color: #ef4444;
    }
    .asset-more-menu button.danger i {
      color: #ef4444;
    }
    .asset-more-menu button.danger:hover {
      background: #fef2f2;
    }
    .asset-empty {
      grid-column: 1 / -1;
      min-height: 12rem;
      display: grid;
      place-items: center;
      border: 0.0625rem dashed #dbe3ef;
      border-radius: 1rem;
      color: #94a3b8;
      font-size: 0.95rem;
      background: #fbfcfe;
    }
    .asset-card.gallery {
      cursor: pointer;
    }
    .asset-card.gallery .asset-preview {
      align-content: center;
      gap: 0.35rem;
      background:
        radial-gradient(circle at 48% 44%, rgba(255,255,255,.86), transparent 13%),
        linear-gradient(135deg, #fff7ed, #ffedd5);
      color: #f97316;
    }
    .asset-card.gallery .asset-preview strong {
      color: #9a3412;
      font-size: 0.95rem;
      font-weight: 900;
    }
    .asset-card.gallery .asset-preview span {
      color: #fb923c;
      font-size: 0.76rem;
      font-weight: 800;
    }
    .asset-card.task {
      cursor: pointer;
    }
    .asset-card.task .asset-preview {
      align-content: center;
      gap: 0.35rem;
      background:
        radial-gradient(circle at 48% 44%, rgba(255,255,255,.86), transparent 13%),
        linear-gradient(135deg, #eff6ff, #f8fafc);
      color: #64748b;
    }
    .asset-card.task .asset-preview strong {
      width: min(90%, 19rem);
      max-height: 2.55rem;
      color: #111827;
      font-size: 0.92rem;
      font-weight: 900;
      line-height: 1.28;
      overflow: hidden;
      text-align: center;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .asset-card.task .asset-preview span {
      color: #64748b;
      font-size: 0.76rem;
      font-weight: 800;
    }
    .asset-card.task-group .asset-preview {
      height: 9.35rem;
      padding: 0.85rem;
      align-content: center;
    }
    .asset-card.task-group .asset-preview > i {
      font-size: 1.9rem;
    }
    .asset-task-preview-list {
      width: min(88%, 17rem);
      display: grid;
      gap: 0.18rem;
      margin-top: 0.15rem;
      color: #64748b;
      font-size: 0.72rem;
      line-height: 1.25;
    }
    .asset-task-preview-list em {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-style: normal;
    }
    .asset-task-count-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1.65rem;
      height: 1.2rem;
      padding: 0 0.42rem;
      border-radius: 999rem;
      background: #dbeafe;
      color: #2563eb;
      font-size: 0.68rem;
      font-weight: 900;
    }
    .asset-task-detail .asset-gallery-head span {
      color: #64748b;
      font-size: 0.8rem;
      font-weight: 700;
    }
    .asset-gallery-detail.asset-task-detail,
    .asset-task-list {
      overflow: visible;
    }
    .asset-task-list {
      display: grid;
      gap: 0.65rem;
      padding: 1rem;
      background: #fbfcfe;
    }
    .asset-task-item {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.75rem;
      min-height: 4.3rem;
      padding: 0.65rem 0.75rem;
      border: 0.0625rem solid #e8edf5;
      border-radius: 0.8rem;
      background: #fff;
      overflow: visible;
      transition: border-color .16s ease, box-shadow .16s ease;
    }
    .asset-task-item:has(.asset-more-wrap.open) {
      z-index: 80;
    }
    .asset-task-detail .asset-more-menu {
      top: calc(100% + 0.35rem);
      bottom: auto;
    }
    .asset-task-item:hover {
      border-color: #dbeafe;
      box-shadow: 0 0.55rem 1.2rem rgba(15, 23, 42, .045);
    }
    .asset-task-open {
      min-width: 0;
      display: grid;
      grid-template-columns: 2rem minmax(0, 1fr);
      align-items: center;
      gap: 0.65rem;
      border: 0;
      background: transparent;
      color: #111827;
      text-align: left;
      cursor: pointer;
    }
    .asset-task-open > i {
      width: 2rem;
      height: 2rem;
      display: grid;
      place-items: center;
      border-radius: 0.55rem;
      background: #eff6ff;
      color: #64748b;
      font-size: 1rem;
    }
    .asset-task-open strong,
    .asset-task-open small {
      display: block;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .asset-task-open strong {
      font-size: 0.9rem;
      font-weight: 900;
    }
    .asset-task-open small {
      margin-top: 0.22rem;
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .asset-gallery-detail {
      grid-column: 1 / -1;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1rem;
      background: #fff;
      overflow: hidden;
    }
    .asset-gallery-head {
      min-height: 3.8rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 0 1rem;
      border-bottom: 0.0625rem solid #eef2f7;
    }
    .asset-gallery-head strong {
      color: #111827;
      font-size: 1rem;
      font-weight: 900;
    }
    .asset-gallery-head span {
      color: #64748b;
      font-size: 0.82rem;
      font-weight: 700;
    }
    .asset-gallery-back {
      min-height: 2.15rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff7ed;
      color: #ea580c;
      padding: 0 0.85rem;
      font-size: 0.82rem;
      font-weight: 900;
      cursor: pointer;
    }
    .asset-gallery-images {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.85rem;
      padding: 1rem;
    }
    .asset-gallery-image {
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.8rem;
      background: #f8fafc;
      overflow: hidden;
      aspect-ratio: 1 / 1;
      display: grid;
      place-items: center;
      color: #94a3b8;
    }
    .asset-gallery-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .asset-gallery-image.is-empty {
      border-style: dashed;
      background: #fff7ed;
      color: #f97316;
      gap: 0.35rem;
      font-weight: 800;
    }
    .asset-gallery-image.is-empty span {
      color: #9a3412;
      font-size: 0.78rem;
    }

    .content {
      flex: 1;
      min-width: 0;
      height: 100vh;
      padding: 0.875rem clamp(1.125rem, 4vw, 3.125rem) 2.625rem;
      overflow-y: auto;
      overscroll-behavior: contain;
      scrollbar-width: thin;
    }
    .content.pick-locked {
      overflow: hidden;
    }
    .topbar {
      min-height: 2.625rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.875rem;
      margin-bottom: 0.625rem;
      padding-bottom: 0.375rem;
      border-bottom: 0.0625rem solid #eef2f7;
    }
    .topbar-left {
      display: flex;
      gap: 0.625rem;
      align-items: center;
      flex: 0 0 auto;
      min-width: 14.375rem;
    }
    .topbar-left {
      display: none !important;
    }
    .xw-marketplace-context {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
    }
    .xw-marketplace-context select {
      appearance: none;
      -webkit-appearance: none;
      width: 2.75rem;
      height: 1.75rem;
      padding: 0;
      border: 0.0625rem solid transparent;
      border-radius: 0.5rem;
      background: transparent;
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 700;
      text-align: center;
      text-align-last: center;
      cursor: pointer;
      box-shadow: none;
      transition: color .16s ease, background-color .16s ease, border-color .16s ease;
    }
    .xw-marketplace-context select:hover {
      color: #334155;
      background: #f8fafc;
      border-color: #eef2f7;
    }
    .xw-marketplace-context select:focus-visible {
      outline: none;
      color: #334155;
      background: #f8fafc;
      border-color: #e2e8f0;
    }
    .xw-marketplace-context select option:disabled {
      color: #94a3b8;
    }
    .top-product-nav {
      flex: 0 0 auto;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 0.5rem;
      min-width: 0;
    }
    .top-product-menu {
      position: relative;
    }
    .top-product-menu-btn,
    .top-nav-link {
      position: relative;
      height: 2rem;
      padding: 0.375rem 0.6875rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      color: #0f172a;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      cursor: pointer;
      box-shadow: 0 0.375rem 1.125rem rgba(15, 23, 42, .04);
    }
    .top-product-menu:hover .top-product-menu-btn,
    .top-product-menu.open .top-product-menu-btn,
    .top-product-menu.active .top-product-menu-btn,
    .top-nav-link:hover,
    .top-nav-link.active {
      color: #2563eb;
      background: #f8fbff;
      border-color: #dbeafe;
    }
    .top-product-menu-btn::after,
    .top-nav-link::after {
      display: none;
    }
    .top-product-menu:hover .top-product-menu-btn::after,
    .top-product-menu.open .top-product-menu-btn::after,
    .top-product-menu.active .top-product-menu-btn::after,
    .top-nav-link:hover::after,
    .top-nav-link.active::after {
      background: #2563eb;
    }
    .top-product-submenu {
      position: absolute;
      top: calc(100% + 0.5rem);
      left: 50%;
      transform: translateX(-50%) translateY(0.375rem);
      width: 11.125rem;
      padding: 0.5rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.875rem;
      background: #fff;
      box-shadow: 0 1.125rem 2.625rem rgba(15, 23, 42, .14);
      display: grid;
      gap: 0.25rem;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: 80;
      transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }
    .top-product-menu:hover .top-product-submenu,
    .top-product-menu.open .top-product-submenu {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateX(-50%) translateY(0);
    }
    .top-product-submenu button {
      width: 100%;
      min-height: 2.25rem;
      border: 0;
      border-radius: 0.625rem;
      background: transparent;
      color: #334155;
      display: flex;
      align-items: center;
      gap: 0.5625rem;
      padding: 0 0.625rem;
      font-weight: 700;
      text-align: left;
      cursor: pointer;
    }
    .top-product-submenu button:hover {
      color: #2563eb;
      background: #eff6ff;
    }
    .topbar h2 {
      margin: 0 0 0.0625rem;
      font-size: 1.125rem;
      line-height: 1.15;
      font-weight: 800;
      color: #0f172a;
    }
    .page-desc {
      color: #64748b;
      font-size: 0.75rem;
      line-height: 1.2;
    }
    .topbar-actions {
      display: flex;
      gap: 0;
      align-items: center;
      flex-wrap: nowrap;
      padding: 0.25rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.875rem;
      background: #fff;
      box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .05);
      overflow: visible;
    }
    .topbar-actions .top-product-nav {
      gap: 0;
    }
    .topbar-actions .top-nav-link {
      border: 0;
      background: transparent;
      box-shadow: none;
      font-size: 0.8125rem;
    }
    .topbar-actions .top-nav-link:hover,
    .topbar-actions .top-nav-link.active,
    .topbar-actions .top-menu-btn:hover,
    .topbar-actions .top-menu-btn.active {
      background: #f6f8ff;
      border-color: transparent;
      color: #2563eb;
    }
    .top-menu-btn {
      min-height: 2rem;
      padding: 0.375rem 0.6875rem;
      border-radius: 0.625rem;
      border: 0;
      background: transparent;
      color: #334155;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.8125rem;
      font-weight: 700;
      cursor: pointer;
      box-shadow: none;
    }
    .top-menu-btn:hover,
    .top-menu-btn.active {
      color: #2563eb;
      border-color: #bfdbfe;
      background: #eff6ff;
    }
    .account-btn {
      width: 2rem;
      height: 2rem;
      padding: 0;
      border-radius: 50%;
      border: 0;
      color: #fff;
      background: linear-gradient(135deg, #f97316, #f59e0b);
      box-shadow: 0 0.625rem 1.375rem rgba(249, 115, 22, .22);
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      font-size: 1rem;
    }
    .account-menu {
      position: relative;
    }
    .account-panel {
      position: absolute;
      top: calc(100% + 0.625rem);
      right: 0;
      width: 20.625rem;
      padding: 0.875rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1rem;
      background: #fff;
      box-shadow: 0 1.5rem 3.375rem rgba(15, 23, 42, .16);
      z-index: 90;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(0.5rem);
      transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    }
    .account-menu.open .account-panel {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0);
    }
    .account-head {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 0.75rem;
    }
    .account-avatar {
      width: 3rem;
      height: 3rem;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      background: linear-gradient(135deg, #8b5cf6, #a78bfa);
      font-weight: 900;
      font-size: 1.25rem;
    }
    .account-head strong {
      display: block;
      color: #0f172a;
      font-size: 0.9375rem;
      margin-bottom: 0.25rem;
    }
    .account-head span {
      color: #94a3b8;
      font-size: 0.75rem;
    }
    .account-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.0625rem;
      overflow: hidden;
      border-radius: 0.75rem;
      background: #e5e7eb;
      margin-bottom: 0.625rem;
    }
    .account-stat {
      background: #f8fafc;
      text-align: center;
      padding: 0.75rem 0.5rem;
    }
    .account-stat strong {
      display: block;
      color: #0f172a;
      font-size: 1.125rem;
      margin-bottom: 0.1875rem;
    }
    .account-stat span {
      color: #64748b;
      font-size: 0.75rem;
    }
    .account-plan {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.625rem;
      padding: 0.625rem 0.75rem;
      border-radius: 0.75rem;
      background: #f8fafc;
      margin-bottom: 0.5rem;
      color: #334155;
      font-size: 0.8125rem;
      font-weight: 800;
    }
    .account-plan button {
      border: 0;
      border-radius: 62.4375rem;
      background: #6366f1;
      color: #fff;
      padding: 0.375rem 0.75rem;
      font-weight: 800;
      cursor: pointer;
    }
    .account-links {
      display: grid;
      gap: 0.25rem;
      margin-top: 0.625rem;
      padding-top: 0.625rem;
      border-top: 0.0625rem solid #eef2f7;
    }
    .account-links button {
      min-height: 2.25rem;
      border: 0;
      border-radius: 0.625rem;
      background: transparent;
      color: #475569;
      display: flex;
      align-items: center;
      gap: 0.625rem;
      padding: 0 0.625rem;
      font-weight: 700;
      cursor: pointer;
      text-align: left;
    }
    .account-links button:hover {
      background: #f1f5f9;
      color: #2563eb;
    }
    .account-links button.settings-entry {
      color: #2563eb;
      background: #eff6ff;
    }
    .account-links button.danger {
      color: #ef4444;
    }
    .settings-modal {
      position: fixed;
      inset: 0;
      z-index: 12020;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .34);
      backdrop-filter: blur(0.25rem);
    }
    .settings-modal.active {
      display: flex;
    }
    .settings-dialog {
      width: min(56rem, calc(100vw - 3rem));
      height: min(42rem, calc(100vh - 3rem));
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      overflow: hidden;
      border: 0.0625rem solid rgba(226, 232, 240, .92);
      border-radius: 1.125rem;
      background: rgba(255, 255, 255, .98);
      box-shadow: 0 1.75rem 5rem rgba(15, 23, 42, .2);
      color: #111827;
    }
    .settings-head {
      min-height: 4.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 0 1.5rem;
      border-bottom: 0.0625rem solid #eef2f7;
    }
    .settings-title {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      min-width: 0;
    }
    .settings-title i {
      width: 2rem;
      height: 2rem;
      display: inline-grid;
      place-items: center;
      border-radius: 0.75rem;
      color: #2563eb;
      background: #eff6ff;
    }
    .settings-title h2 {
      margin: 0;
      font-size: 1.0625rem;
      line-height: 1.3;
      color: #0f172a;
    }
    .settings-title span {
      display: block;
      margin-top: 0.125rem;
      color: #94a3b8;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .settings-close {
      width: 2.25rem;
      height: 2.25rem;
      border: 0;
      border-radius: 50%;
      background: transparent;
      color: #94a3b8;
      cursor: pointer;
      font-size: 1.125rem;
    }
    .settings-close:hover {
      color: #ef4444;
      background: #fef2f2;
    }
    .settings-body {
      min-height: 0;
      display: grid;
      grid-template-columns: 13rem minmax(0, 1fr);
    }
    .settings-nav {
      padding: 1.25rem 1rem;
      border-right: 0.0625rem solid #eef2f7;
      background: #fbfdff;
    }
    .settings-nav button {
      width: 100%;
      min-height: 2.75rem;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      border: 0;
      border-radius: 0.75rem;
      background: transparent;
      color: #475569;
      padding: 0 0.875rem;
      font-weight: 800;
      cursor: pointer;
      text-align: left;
    }
    .settings-nav button:hover,
    .settings-nav button.active {
      color: #2563eb;
      background: #eff6ff;
    }
    .settings-content {
      min-height: 0;
      overflow: auto;
      padding: 1.25rem 1.5rem 1.5rem;
      background: #fff;
    }
    .settings-panel {
      display: none;
      max-width: 42rem;
    }
    .settings-panel.active {
      display: block;
    }
    .settings-section-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 0.875rem;
    }
    .settings-section-title h3 {
      margin: 0;
      color: #0f172a;
      font-size: 1rem;
      line-height: 1.35;
    }
    .settings-section-title p {
      margin: 0.25rem 0 0;
      color: #64748b;
      font-size: 0.8125rem;
      line-height: 1.55;
    }
    .settings-card {
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.875rem;
      background: #fff;
      padding: 1rem;
      margin-bottom: 0.875rem;
      box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .035);
    }
    .settings-status-card {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0.875rem;
      align-items: start;
      border-color: #bfdbfe;
      background: linear-gradient(135deg, #eff6ff, #fff);
    }
    .settings-status-dot {
      width: 2.5rem;
      height: 2.5rem;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      color: #64748b;
      background: #f1f5f9;
    }
    .settings-status-card.ok .settings-status-dot {
      color: #16a34a;
      background: #dcfce7;
    }
    .settings-status-card.warn .settings-status-dot {
      color: #f97316;
      background: #ffedd5;
    }
    .settings-status-card.error .settings-status-dot {
      color: #ef4444;
      background: #fee2e2;
    }
    .settings-status-card strong {
      display: block;
      color: #0f172a;
      font-size: 0.9375rem;
      margin-bottom: 0.25rem;
    }
    .settings-status-card span {
      color: #64748b;
      font-size: 0.8125rem;
      line-height: 1.55;
    }
    .settings-admin-console {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 1rem;
      align-items: center;
      padding: 1.25rem;
      border-color: #e0e7ff;
      background: linear-gradient(135deg, #f8faff 0%, #fff 58%, #fff7ed 100%);
      box-shadow: 0 1rem 2.25rem rgba(99, 102, 241, .08);
    }
    .settings-admin-copy {
      display: grid;
      gap: 0.75rem;
      min-width: 0;
    }
    .settings-admin-title {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      min-width: 0;
    }
    .settings-admin-title i {
      width: 2.5rem;
      height: 2.5rem;
      display: grid;
      place-items: center;
      border-radius: 0.75rem;
      color: #6366f1;
      background: #eef2ff;
      box-shadow: 0 0.5rem 1rem rgba(99, 102, 241, .12);
    }
    .settings-admin-title strong {
      display: block;
      color: #111827;
      font-size: 1rem;
      font-weight: 900;
    }
    .settings-admin-title span {
      display: block;
      margin-top: 0.18rem;
      color: #64748b;
      font-size: 0.8125rem;
      line-height: 1.5;
    }
    .settings-admin-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }
    .settings-admin-tags span {
      min-height: 1.75rem;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0 0.625rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #fff;
      color: #475569;
      font-size: 0.75rem;
      font-weight: 850;
    }
    .settings-admin-status {
      color: #16a34a;
      font-size: 0.8125rem;
      font-weight: 900;
    }
    .settings-admin-action {
      min-width: 10.5rem;
      min-height: 3rem;
      border: 0;
      border-radius: 0.75rem;
      background: #6366f1;
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      padding: 0 1rem;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 0 0.875rem 1.625rem rgba(99, 102, 241, .22);
      transition: transform .12s ease, background .18s ease, box-shadow .18s ease;
    }
    .settings-admin-action:hover {
      background: #5558e8;
      box-shadow: 0 1rem 1.85rem rgba(99, 102, 241, .28);
    }
    .settings-admin-action:active {
      transform: scale(.98);
    }
    .settings-field-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.875rem;
    }
    .settings-field {
      display: grid;
      gap: 0.425rem;
      min-width: 0;
    }
    .settings-field.full {
      grid-column: 1 / -1;
    }
    .settings-field label,
    .settings-row strong {
      color: #334155;
      font-size: 0.8125rem;
      font-weight: 800;
    }
    .settings-field small,
    .settings-row span,
    .settings-note {
      color: #64748b;
      font-size: 0.75rem;
      line-height: 1.5;
    }
    .settings-field input,
    .settings-field select {
      width: 100%;
      min-height: 2.75rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      color: #111827;
      padding: 0 0.875rem;
      outline: none;
    }
    .settings-field input:focus,
    .settings-field select:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, .1);
    }
    .settings-readonly {
      min-height: 2.75rem;
      display: flex;
      align-items: center;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #f8fafc;
      color: #475569;
      padding: 0 0.875rem;
      font-size: 0.8125rem;
      word-break: break-all;
    }
    .settings-row {
      min-height: 3.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 0.75rem 0;
      border-bottom: 0.0625rem solid #f1f5f9;
    }
    .settings-row:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }
    .settings-row-copy {
      min-width: 0;
    }
    .settings-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      margin-top: 0.875rem;
    }
    .settings-action-btn {
      min-height: 2.5rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      color: #334155;
      padding: 0 0.875rem;
      font-weight: 800;
      cursor: pointer;
    }
    .settings-action-btn.primary {
      color: #fff;
      border-color: #2563eb;
      background: #2563eb;
      box-shadow: 0 0.625rem 1.375rem rgba(37, 99, 235, .2);
    }
    .settings-action-btn.danger {
      color: #ef4444;
      border-color: #fecaca;
      background: #fff7f7;
    }
    .settings-action-btn:hover {
      transform: translateY(-0.0625rem);
    }
    .settings-check-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.875rem;
      margin: 0.5rem 0 0.875rem;
    }
    .settings-check-row label {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      color: #475569;
      font-size: 0.8125rem;
      font-weight: 800;
    }
    .settings-about {
      display: grid;
      gap: 1.25rem;
      padding: 1.5rem;
    }
    .settings-about-hero {
      display: grid;
      justify-items: center;
      text-align: center;
      gap: 0.65rem;
      padding: 0.75rem 1rem 1rem;
    }
    .settings-about h3 {
      margin: 0;
      color: #111827;
      font-size: 1.75rem;
      font-weight: 850;
      letter-spacing: 0;
    }
    .settings-about p {
      margin: 0;
      color: #64748b;
      font-size: 0.9375rem;
      line-height: 1.65;
    }
    .settings-about-lead {
      max-width: 42rem;
      color: #475569 !important;
      font-size: 1rem !important;
    }
    .settings-about-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.875rem;
    }
    .settings-about-item {
      min-height: 8.75rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.875rem;
      background: #fbfcfe;
      padding: 1rem;
      display: grid;
      align-content: start;
      gap: 0.5rem;
    }
    .settings-about-item i {
      width: 2rem;
      height: 2rem;
      border-radius: 0.625rem;
      display: inline-grid;
      place-items: center;
      color: #f97316;
      background: #fff7ed;
      font-size: 1rem;
    }
    .settings-about-item strong {
      color: #111827;
      font-size: 1rem;
    }
    .settings-about-item span {
      color: #64748b;
      font-size: 0.875rem;
      line-height: 1.65;
    }
    .settings-about-footer {
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.875rem;
      background: #fff7ed;
      color: #9a3412;
      padding: 0.875rem 1rem;
      font-size: 0.875rem;
      line-height: 1.65;
    }
    @media (max-width: 48rem) {
      .settings-dialog {
        height: min(44rem, calc(100vh - 1.25rem));
        width: calc(100vw - 1rem);
      }
      .settings-body {
        grid-template-columns: 1fr;
      }
      .settings-nav {
        display: flex;
        gap: 0.5rem;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 0.0625rem solid #eef2f7;
        padding: 0.75rem;
      }
      .settings-nav button {
        width: auto;
        white-space: nowrap;
      }
      .settings-about-grid {
        grid-template-columns: 1fr;
      }
      .settings-admin-console {
        grid-template-columns: 1fr;
      }
      .settings-admin-action {
        width: 100%;
      }
      .settings-content {
        padding: 1rem;
      }
      .settings-field-grid {
        grid-template-columns: 1fr;
      }
    }
    .admin-only {
      display: none !important;
    }
    body.is-admin .admin-only {
      display: flex !important;
    }
    body.is-admin .settings-panel.admin-only {
      display: none !important;
    }
    body.is-admin .settings-panel.admin-only.active {
      display: block !important;
    }
    body.is-admin .settings-card.admin-only {
      display: block !important;
    }
    .account-btn {
      background: #ff7a1a;
      box-shadow: none;
    }
    .account-panel {
      width: 18.75rem;
      padding: 1rem;
      border-radius: 0.75rem;
      border-color: #eceff3;
      box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .08);
    }
    .account-admin-link {
      width: 100%;
      min-height: 2.25rem;
      align-items: center;
      border: 0;
      border-radius: 0.5rem;
      background: #fff7ed;
      color: #ea580c;
      padding: 0 0.75rem;
      font-size: 0.875rem;
      font-weight: 800;
      cursor: pointer;
      margin-bottom: 0.875rem;
    }
    .account-head {
      margin-bottom: 1rem;
    }
    .account-avatar {
      background: #ff7a1a;
      box-shadow: none;
    }
    .account-avatar::before {
      content: "玄";
    }
    .account-power-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto auto;
      align-items: center;
      gap: 0.5rem;
      padding: 0.75rem 0;
      border-top: 0.0625rem solid #f1f3f5;
      border-bottom: 0.0625rem solid #f1f3f5;
      color: #6b7280;
      font-size: 0.8125rem;
    }
    .account-power-row strong {
      color: #111827;
      font-size: 1rem;
      font-weight: 900;
    }
    .account-power-row button {
      min-height: 1.75rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff;
      color: #ea580c;
      padding: 0 0.55rem;
      font-size: 0.75rem;
      font-weight: 800;
      cursor: pointer;
    }
    .account-links {
      gap: 0;
      border-top: 0;
      margin-top: 0.75rem;
      padding-top: 0;
    }
    .account-links button {
      border-radius: 0.5rem;
      color: #374151;
      padding: 0 0.625rem;
      font-weight: 700;
    }
    .account-links button:hover,
    .account-links button.settings-entry:hover {
      background: #fff7ed;
      color: #ea580c;
    }
    .account-links button.settings-entry {
      background: transparent;
      color: #374151;
    }
    .account-links button.danger {
      margin-top: 0.5rem;
      padding-top: 0.25rem;
      border-top: 0.0625rem solid #f1f3f5;
      color: #ef4444;
    }
    .settings-modal,
    .profile-modal {
      position: fixed;
      inset: 0;
      z-index: 12020;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(17, 24, 39, .35);
      backdrop-filter: none;
    }
    .settings-modal.active,
    .profile-modal.active {
      display: flex;
    }
    .settings-dialog,
    .profile-dialog {
      width: min(55rem, calc(100vw - 3rem));
      height: min(40rem, calc(100vh - 3rem));
      border-radius: 1rem;
      border: 0.0625rem solid #eceff3;
      background: #fff;
      box-shadow: 0 1.25rem 3.5rem rgba(15, 23, 42, .12);
      color: #111827;
      overflow: hidden;
    }
    .settings-head,
    .profile-head {
      min-height: 4rem;
      padding: 0 1.5rem;
      border-bottom: 0.0625rem solid #eef0f3;
    }
    .settings-title h2,
    .profile-head h2 {
      margin: 0;
      font-size: 1.125rem;
      color: #111827;
    }
    .settings-body {
      grid-template-columns: 12rem minmax(0, 1fr);
    }
    .settings-nav {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      padding: 1rem;
      background: #fafafa;
    }
    .settings-nav button {
      min-height: 2.5rem;
      border-radius: 0.5rem;
      color: #374151;
      font-weight: 700;
    }
    .settings-nav button:hover,
    .settings-nav button.active {
      color: #ea580c;
      background: #fff7ed;
    }
    .settings-nav-bottom {
      margin-top: auto;
      padding-top: 0.75rem;
      border-top: 0.0625rem solid #eceff3;
      display: grid;
      gap: 0.25rem;
    }
    .settings-nav-bottom .danger {
      color: #ef4444;
    }
    .settings-content {
      padding: 1.5rem;
    }
    .settings-card,
    .profile-block {
      border: 0.0625rem solid #eceff3;
      border-radius: 0.75rem;
      box-shadow: none;
      background: #fff;
    }
    .settings-status-card {
      display: block;
      background: #fafafa;
      border-color: #eceff3;
    }
    .settings-action-btn.primary {
      color: #fff;
      border-color: #111827;
      background: #111827;
      box-shadow: none;
    }
    .appearance-options {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.75rem;
    }
    .appearance-options button {
      min-height: 7rem;
      border: 0.0625rem solid #eceff3;
      border-radius: 0.75rem;
      background: #fff;
      color: #374151;
      cursor: pointer;
      display: grid;
      gap: 0.55rem;
      place-items: center;
    }
    .appearance-options button.active {
      border-color: #fdba74;
      color: #ea580c;
      background: #fffaf5;
    }
    .appearance-options span {
      width: 5rem;
      height: 3rem;
      border-radius: 0.5rem;
      border: 0.0625rem solid #eceff3;
      background: linear-gradient(90deg, #fff 0 68%, #f3f4f6 68%);
    }
    .appearance-options button:nth-child(2) span {
      background: linear-gradient(90deg, #111827 0 68%, #374151 68%);
    }
    .profile-dialog {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      width: min(42rem, calc(100vw - 3rem));
    }
    .profile-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .profile-body {
      overflow: auto;
      padding: 1.5rem;
      display: grid;
      gap: 1rem;
    }
    .profile-block {
      padding: 1rem;
    }
    .profile-block h3 {
      margin: 0 0 1rem;
      font-size: 1rem;
    }
    .profile-account-row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 1rem;
    }
    .profile-avatar {
      width: 3.5rem;
      height: 3.5rem;
    }
    .profile-action-row {
      display: flex;
      gap: 0.75rem;
      margin-top: 1rem;
    }
    .profile-action-row button {
      min-height: 2.25rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      padding: 0 0.85rem;
      cursor: pointer;
    }
    .profile-power-big {
      display: flex;
      align-items: baseline;
      gap: 0.75rem;
      margin-bottom: 1rem;
    }
    .profile-power-big strong {
      font-size: 2rem;
      color: #111827;
    }
    .profile-power-big span {
      color: #6b7280;
    }
    .profile-power-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.875rem;
    }
    .profile-power-table th,
    .profile-power-table td {
      padding: 0.75rem 0;
      border-bottom: 0.0625rem solid #f1f3f5;
      text-align: left;
    }
    .profile-power-table th {
      color: #6b7280;
      font-weight: 700;
    }
    .admin-modal {
      position: fixed;
      inset: 0;
      z-index: 12020;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(17, 24, 39, .35);
    }
    .admin-modal.active {
      display: flex;
    }
    .settings-dialog {
      width: min(66rem, calc(100vw - 3rem));
      height: min(44rem, calc(100vh - 3rem));
    }
    .account-panel {
      width: 21rem;
      padding: 1.05rem;
    }
    .account-head {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      margin-bottom: 0.9rem;
    }
    .account-name-btn {
      border: 0;
      background: transparent;
      color: #111827;
      padding: 0;
      font: inherit;
      font-weight: 900;
      cursor: pointer;
      text-align: left;
    }
    .account-name-btn:hover {
      color: #ea580c;
    }
    .account-sub {
      display: block;
      margin-top: 0.2rem;
      color: #94a3b8;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .account-member-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.7rem;
      padding: 0.85rem;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.8rem;
      background: #fffaf5;
    }
    .account-member-info strong,
    .account-credit-head strong {
      display: block;
      color: #111827;
      font-size: 0.95rem;
      font-weight: 900;
    }
    .account-member-info span,
    .account-credit-head span,
    .account-credit-meta span {
      color: #64748b;
      font-size: 0.74rem;
      font-weight: 700;
    }
    .account-member-actions {
      display: grid;
      grid-template-columns: auto;
      gap: 0.45rem;
      align-content: center;
      justify-content: end;
    }
    .account-member-actions button {
      min-height: 1.8rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff;
      color: #ea580c;
      padding: 0 0.62rem;
      font-size: 0.75rem;
      font-weight: 900;
      cursor: pointer;
    }
    .account-member-actions button.primary {
      border-color: #fb923c;
      background: #ff7a1a;
      color: #fff;
    }
    .account-credit-card {
      grid-column: 1 / -1;
      padding-top: 0.65rem;
      border-top: 0.0625rem solid #fed7aa;
    }
    .account-credit-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 0.75rem;
    }
    .account-credit-head strong {
      font-size: 1.3rem;
    }
    .account-progress {
      height: 0.48rem;
      margin: 0.55rem 0 0.45rem;
      border-radius: 999rem;
      background: #ffedd5;
      overflow: hidden;
    }
    .account-progress i {
      display: block;
      width: 15.86%;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, #ff6b35, #ff9a3c);
    }
    .account-credit-meta {
      display: flex;
      justify-content: space-between;
      gap: 0.5rem;
      flex-wrap: wrap;
    }
    .account-links button {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      min-height: 2.35rem;
      font-size: 0.92rem;
    }
    .account-links button i {
      width: 1rem;
      color: #64748b;
      text-align: center;
    }
    .account-links .account-admin-link {
      width: 100%;
      margin: 0;
      min-height: 2.35rem;
      justify-content: flex-start;
      border: 0;
      background: transparent;
      color: #374151;
      padding: 0 0.625rem;
      font-size: 0.92rem;
    }
    .account-links .account-admin-link:hover {
      background: #fff7ed;
      color: #ea580c;
    }
    .account-panel {
      width: min(20.625rem, calc(100vw - 2rem));
      padding: 0.875rem;
      border: 0.0625rem solid #eceff3;
      border-radius: 0.875rem;
      background: #fff;
      box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .1);
    }
    .account-head {
      gap: 0.75rem;
      margin-bottom: 0.7rem;
      padding-bottom: 0;
      border-bottom: 0;
    }
    .account-avatar {
      width: 3rem;
      height: 3rem;
      flex: 0 0 3rem;
      border-radius: 50%;
      background: #FF7820;
      color: #fff;
      box-shadow: none;
      font-size: 1.25rem;
      font-weight: 800;
    }
    .account-name-btn {
      color: #171717;
      font-size: 0.98rem;
      font-weight: 800;
      line-height: 1.2;
    }
    .account-name-btn:hover {
      color: #171717;
    }
    .account-sub {
      margin-top: 0.2rem;
      color: #949494;
      font-size: 0.74rem;
      font-weight: 500;
    }
    .account-member-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.55rem;
      padding: 0.7rem;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.75rem;
      background: #fffaf5;
    }
    .account-member-info strong {
      color: #171717;
      font-size: 0.9rem;
      font-weight: 800;
      line-height: 1.3;
    }
    .account-member-info span {
      display: block;
      margin-top: 0.25rem;
      color: #525252;
      font-size: 0.72rem;
      font-weight: 500;
    }
    .account-member-actions {
      align-content: start;
      justify-content: end;
    }
    .account-member-actions button {
      min-height: 1.65rem;
      padding: 0 0.55rem;
      border: 0.0625rem solid #FF7820;
      border-radius: 999rem;
      background: #fff;
      color: #FF7820;
      font-size: 0.72rem;
      font-weight: 700;
    }
    .account-member-actions button:hover {
      background: #FF7820;
      color: #fff;
    }
    .account-member-actions button.primary {
      border-color: #FF7820;
      background: #FF7820;
      color: #fff;
    }
    .account-credit-card {
      grid-column: 1 / -1;
      padding-top: 0.55rem;
      border-top: 0.0625rem solid #fed7aa;
    }
    .account-credit-head {
      align-items: baseline;
      gap: 0.7rem;
    }
    .account-credit-head span {
      color: #525252;
      font-size: 0.76rem;
      font-weight: 500;
    }
    .account-credit-head strong {
      color: #171717;
      font-size: 1.12rem;
      font-weight: 800;
      letter-spacing: 0.01em;
    }
    .account-progress {
      height: 0.38rem;
      margin: 0.5rem 0 0.4rem;
      border-radius: 999rem;
      background: #E5E7EB;
    }
    .account-progress i {
      background: #FF7820;
    }
    .account-credit-meta {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.45rem;
    }
    .account-credit-meta span {
      color: #949494;
      font-size: 0.68rem;
      font-weight: 500;
      white-space: nowrap;
    }
    .account-credit-meta span:nth-child(2) {
      text-align: center;
    }
    .account-credit-meta span:last-child {
      text-align: right;
    }
    .account-links {
      display: grid;
      gap: 0.15rem;
      margin-top: 0.65rem;
      padding-top: 0;
      border-top: 0;
    }
    .account-links button,
    .account-links .account-admin-link {
      position: relative;
      width: 100%;
      min-height: 2.25rem;
      justify-content: flex-start;
      gap: 0.55rem;
      padding: 0 0.625rem;
      border: 0;
      border-radius: 0.5rem;
      background: transparent;
      color: #171717;
      font-size: 0.86rem;
      font-weight: 500;
      text-align: left;
    }
    .account-links button i,
    .account-links .account-admin-link i {
      width: 1.25rem;
      color: #525252;
      text-align: center;
      font-size: 0.9rem;
    }
    .account-links button:hover,
    .account-links button.settings-entry:hover,
    .account-links .account-admin-link:hover {
      background: rgba(255, 120, 32, 0.08);
      color: #171717;
    }
    .account-links button.settings-entry {
      background: transparent;
      color: #171717;
    }
    .account-links button.danger {
      margin-top: 0.45rem;
      color: #FF7820;
    }
    .account-links button.danger::before {
      content: "";
      position: absolute;
      top: -0.35rem;
      left: 0;
      right: 0;
      height: 0.0625rem;
      background: #E5E7EB;
    }
    .account-links button.danger i {
      color: #FF7820;
    }
    .account-links button.danger:hover {
      background: rgba(255, 120, 32, 0.08);
      color: #FF7820;
    }
    .profile-dialog,
    .admin-dialog {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      width: min(58rem, calc(100vw - 3rem));
      height: min(42rem, calc(100vh - 3rem));
      border-radius: 1rem;
      border: 0.0625rem solid #eceff3;
      background: #fff;
      box-shadow: 0 1.25rem 3.5rem rgba(15, 23, 42, .12);
      overflow: hidden;
    }
    .admin-dialog {
      width: min(82rem, calc(100vw - 3rem));
      height: min(52rem, calc(100vh - 3rem));
    }
    .profile-body,
    .admin-body {
      overflow: auto;
      padding: 1.35rem;
      display: grid;
      gap: 1rem;
      align-content: start;
      background: #f9fafb;
    }
    .profile-grid,
    .admin-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
    }
    .profile-block.wide,
    .admin-block.wide {
      grid-column: 1 / -1;
    }
    .profile-kpi-grid,
    .admin-kpi-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.75rem;
    }
    .profile-kpi,
    .admin-kpi {
      padding: 0.85rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
    }
    .profile-kpi span,
    .admin-kpi span {
      display: block;
      color: #64748b;
      font-size: 0.76rem;
      font-weight: 800;
    }
    .profile-kpi strong,
    .admin-kpi strong {
      display: block;
      margin-top: 0.25rem;
      color: #111827;
      font-size: 1.15rem;
      font-weight: 900;
    }
    .profile-progress {
      height: 0.62rem;
      border-radius: 999rem;
      background: #ffedd5;
      overflow: hidden;
      margin: 0.75rem 0;
    }
    .profile-progress i {
      display: block;
      width: 15.86%;
      height: 100%;
      background: linear-gradient(90deg, #ff6b35, #ff9a3c);
    }
    /* Personal center refresh: Minimax-style soft cards, indigo actions, amber credit progress. */
    .profile-modal {
      background: rgba(17, 24, 39, .36);
      backdrop-filter: blur(0.25rem);
    }
    .profile-dialog {
      width: min(63rem, calc(100vw - 3rem));
      height: min(45.5rem, calc(100vh - 3rem));
      border: 0.0625rem solid rgba(229, 231, 235, .92);
      border-radius: 1rem;
      background: #fff;
      box-shadow: 0 1.5rem 4.5rem rgba(15, 23, 42, .18);
    }
    .profile-head {
      min-height: 4.5rem;
      padding: 0 1.5rem;
      border-bottom: 0.0625rem solid #eef2f7;
      background: rgba(255, 255, 255, .96);
    }
    .profile-head h2 {
      font-size: 1.125rem;
      font-weight: 850;
      letter-spacing: 0;
      color: #111827;
    }
    .profile-body {
      padding: 1.5rem;
      background: #fff;
    }
    .profile-grid {
      gap: 1rem;
    }
    .profile-block {
      position: relative;
      padding: 1.125rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #f9fafb;
      box-shadow: 0 0.875rem 2rem rgba(15, 23, 42, .045);
    }
    .profile-block h3,
    .profile-section-head h3 {
      margin: 0;
      color: #111827;
      font-size: 1rem;
      font-weight: 850;
    }
    .profile-block > h3 {
      margin-bottom: 1rem;
    }
    .profile-section-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .profile-account-row {
      gap: 1rem;
      margin-bottom: 1rem;
    }
    .profile-avatar {
      width: 3.75rem;
      height: 3.75rem;
      border-radius: 1rem;
      background: linear-gradient(135deg, #6366f1, #8b5cf6);
      box-shadow: 0 0.875rem 1.5rem rgba(99, 102, 241, .22);
    }
    .profile-modal .settings-field label {
      color: #475569;
      font-size: 0.8rem;
      font-weight: 850;
    }
    .profile-modal input {
      height: 3rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      color: #111827;
      padding: 0 0.875rem;
      transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .profile-modal input:focus {
      border-color: #6366f1;
      box-shadow: 0 0 0 0.1875rem rgba(99, 102, 241, .12);
      outline: none;
    }
    .profile-nick-display {
      min-height: 3rem;
      display: flex;
      align-items: center;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      color: #111827;
      padding: 0 0.875rem;
      font-size: 1rem;
      font-weight: 750;
      line-height: 1.35;
      word-break: break-word;
    }
    .profile-kpi-grid {
      gap: 0.75rem;
    }
    .profile-kpi {
      min-height: 5.25rem;
      padding: 0.875rem;
      border-color: #eef2f7;
      border-radius: 0.75rem;
      background: #fff;
      box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .035);
    }
    .profile-kpi span {
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 850;
    }
    .profile-kpi strong {
      margin-top: 0.375rem;
      color: #111827;
      font-size: 1.05rem;
      line-height: 1.35;
    }
    .profile-kpi strong.is-ok {
      color: #16a34a;
    }
    .profile-action-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      margin-top: 1rem;
    }
    .profile-action-row button,
    .profile-mini-btn,
    .profile-primary-btn {
      min-height: 2.4rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      color: #334155;
      padding: 0 0.95rem;
      font-weight: 850;
      cursor: pointer;
      transition: background .18s ease, border-color .18s ease, color .18s ease, transform .12s ease, box-shadow .18s ease;
    }
    .profile-action-row button:hover,
    .profile-mini-btn:hover {
      border-color: #d1d5db;
      background: #f3f4f6;
      color: #111827;
    }
    .profile-action-row button:active,
    .profile-mini-btn:active,
    .profile-primary-btn:active {
      transform: scale(.98);
    }
    .profile-primary-btn {
      border-color: #6366f1;
      background: #6366f1;
      color: #fff;
      box-shadow: 0 0.875rem 1.5rem rgba(99, 102, 241, .18);
    }
    .profile-primary-btn:hover {
      background: #5558e8;
      border-color: #5558e8;
      color: #fff;
    }
    .profile-power-big {
      margin-bottom: 1rem;
    }
    .profile-power-big strong {
      color: #111827;
      font-size: 2.25rem;
      font-weight: 900;
      letter-spacing: 0;
    }
    .profile-power-big span {
      color: #64748b;
      font-size: 0.9rem;
      font-weight: 750;
    }
    .profile-progress {
      height: 0.7rem;
      margin: 0.875rem 0 0.875rem;
      border-radius: 999rem;
      background: #fef3c7;
    }
    .profile-progress i {
      background: linear-gradient(90deg, #f59e0b, #fbbf24);
      box-shadow: 0 0.375rem 0.875rem rgba(245, 158, 11, .22);
    }
    .profile-power-table {
      border-collapse: separate;
      border-spacing: 0;
      font-size: 0.875rem;
    }
    .profile-power-table th {
      padding: 0.75rem 1rem;
      border-bottom: 0.0625rem solid #e5e7eb;
      color: #64748b;
      font-size: 0.78rem;
      font-weight: 850;
      background: #f9fafb;
    }
    .profile-power-table td {
      padding: 0.875rem 1rem;
      border-bottom: 0.0625rem solid #eef2f7;
      color: #334155;
    }
    .profile-empty-ledger {
      min-height: 7.5rem;
      display: grid;
      place-items: center;
      gap: 0.5rem;
      text-align: center;
      color: #94a3b8;
    }
    .profile-empty-ledger i {
      width: 2.75rem;
      height: 2.75rem;
      display: grid;
      place-items: center;
      border-radius: 0.875rem;
      background: #eef2ff;
      color: #6366f1;
      font-size: 1.15rem;
    }
    .profile-ledger-modal {
      position: fixed;
      inset: 0;
      z-index: 12030;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(17, 24, 39, .28);
      backdrop-filter: blur(0.1875rem);
    }
    .profile-ledger-modal.active {
      display: flex;
    }
    .profile-ledger-dialog {
      width: min(48rem, calc(100vw - 3rem));
      max-height: min(38rem, calc(100vh - 3rem));
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      overflow: hidden;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1rem;
      background: #fff;
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .18);
    }
    .profile-ledger-body {
      overflow: auto;
      padding: 1rem 1.5rem 1.5rem;
      background: #fff;
    }
    .admin-setting-list {
      display: grid;
      gap: 0.6rem;
    }
    .admin-setting-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      min-height: 2.75rem;
      padding: 0.65rem 0.75rem;
      border: 0.0625rem solid #eef2f7;
      border-radius: 0.65rem;
      background: #fafafa;
      color: #374151;
      font-size: 0.84rem;
      font-weight: 800;
    }
    .settings-model-manager {
      display: grid;
      gap: 1rem;
    }
    .settings-model-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
    }
    .settings-model-head strong {
      display: block;
      color: #111827;
      font-size: 1rem;
      font-weight: 900;
    }
    .settings-model-head span {
      display: block;
      margin-top: 0.25rem;
      color: #64748b;
      font-size: 0.8rem;
      line-height: 1.55;
    }
    .settings-model-security {
      display: grid;
      gap: 0.4rem;
      padding: 0.75rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.75rem;
      background: #eff6ff;
      color: #1e3a8a;
      font-size: 0.78rem;
      line-height: 1.55;
      font-weight: 800;
    }
    .settings-model-security i {
      color: #2563eb;
    }
    .settings-model-toolbar {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      align-items: center;
      justify-content: space-between;
    }
    .settings-model-type-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
    }
    .settings-model-type-tabs button {
      min-height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #fff;
      color: #475569;
      padding: 0 0.75rem;
      font-size: 0.75rem;
      font-weight: 900;
      cursor: pointer;
    }
    .settings-model-type-tabs button.active {
      border-color: #fb923c;
      background: #fff7ed;
      color: #f97316;
    }
    .settings-model-list {
      display: grid;
      gap: 0.6rem;
    }
    .settings-model-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.75rem;
      align-items: center;
      padding: 0.85rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
    }
    .settings-model-row.is-disabled {
      background: #f8fafc;
      opacity: .78;
    }
    .settings-model-main {
      display: grid;
      gap: 0.35rem;
      min-width: 0;
    }
    .settings-model-name {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      align-items: center;
      color: #111827;
      font-size: 0.88rem;
      font-weight: 950;
    }
    .settings-model-pill {
      display: inline-flex;
      align-items: center;
      min-height: 1.35rem;
      padding: 0 0.45rem;
      border-radius: 999rem;
      background: #f1f5f9;
      color: #64748b;
      font-size: 0.68rem;
      font-weight: 900;
    }
    .settings-model-pill.ok {
      background: #dcfce7;
      color: #15803d;
    }
    .settings-model-pill.warn {
      background: #ffedd5;
      color: #c2410c;
    }
    .settings-model-meta {
      color: #64748b;
      font-size: 0.76rem;
      line-height: 1.45;
      word-break: break-word;
    }
    .settings-model-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 0.4rem;
    }
    .settings-model-actions button {
      min-height: 1.9rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff7ed;
      color: #ea580c;
      padding: 0 0.65rem;
      font-size: 0.72rem;
      font-weight: 900;
      cursor: pointer;
    }
    .settings-model-actions button.secondary {
      border-color: #e5e7eb;
      background: #fff;
      color: #475569;
    }
    .settings-model-actions button.danger {
      border-color: #fecaca;
      background: #fff1f2;
      color: #e11d48;
    }
    .settings-model-form {
      padding-top: 0.75rem;
      border-top: 0.0625rem dashed #fed7aa;
    }
    .settings-model-form label:has(input[type="checkbox"]) {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      min-height: 2.45rem;
    }
    .settings-model-form input[type="checkbox"] {
      width: auto;
      min-height: auto;
      accent-color: #f97316;
    }
    .admin-form {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.75rem;
      align-items: end;
    }
    .admin-form label {
      display: grid;
      gap: 0.35rem;
      color: #475569;
      font-size: 0.78rem;
      font-weight: 800;
    }
    .admin-form input,
    .admin-form select {
      width: 100%;
      min-height: 2.45rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.65rem;
      background: #fff;
      color: #111827;
      padding: 0 0.75rem;
      outline: none;
    }
    .admin-form input:focus,
    .admin-form select:focus {
      border-color: #fb923c;
      box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, .12);
    }
    .admin-form .settings-action-btn {
      align-self: end;
    }
    .admin-user-table-wrap {
      overflow: hidden;
      border: 0.0625rem solid #eef2f7;
      border-radius: 0.75rem;
      background: #fff;
    }
    .admin-user-table {
      min-width: 54rem;
      margin: 0;
    }
    .admin-user-table th,
    .admin-user-table td {
      vertical-align: middle;
    }
    .admin-user-table select,
    .admin-user-table input {
      min-height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      padding: 0 0.5rem;
      background: #fff;
    }
    .admin-permission-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.35rem;
      max-width: 16rem;
    }
    .admin-permission-list label {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      min-height: 1.65rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff7ed;
      color: #9a3412;
      padding: 0 0.5rem;
      font-size: 0.72rem;
      font-weight: 800;
      white-space: nowrap;
    }
    .admin-user-list {
      display: grid;
      gap: 0;
    }
    .admin-user-card,
    .admin-user-card * {
      letter-spacing: 0;
    }
    .admin-user-card {
      display: grid;
      gap: 1rem;
      padding: 1rem 1.125rem;
      border-bottom: 0.0625rem solid #e5e7eb;
      background: #fff;
      transition: background .16s ease;
    }
    .admin-user-card:hover {
      background: #f9fafb;
    }
    .admin-user-card.is-collapsed {
      gap: 0;
    }
    .admin-user-card:last-child {
      border-bottom: 0;
    }
    .admin-user-card-head {
      display: grid;
      grid-template-columns: minmax(14rem, 1fr) minmax(22rem, auto) auto;
      gap: 1rem;
      align-items: center;
    }
    .admin-user-card-toggle {
      min-width: 0;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 0.75rem;
      border: 0;
      background: transparent;
      padding: 0;
      text-align: left;
      cursor: pointer;
    }
    .admin-user-card-toggle-icon {
      width: 1.875rem;
      height: 1.875rem;
      display: grid;
      place-items: center;
      border-radius: 0.5rem;
      background: #f3f4f6;
      color: #4b5563;
      transition: transform .18s ease, background .18s ease, color .18s ease;
    }
    .admin-user-card:not(.is-collapsed) .admin-user-card-toggle-icon {
      transform: rotate(90deg);
      background: #eef2ff;
      color: #4f46e5;
    }
    .admin-user-identity {
      min-width: 0;
    }
    .admin-user-identity strong {
      display: block;
      color: #0f172a;
      font-size: 0.96rem;
      font-weight: 900;
    }
    .admin-user-identity small {
      display: block;
      margin-top: 0.2rem;
      color: #64748b;
      font-size: 0.76rem;
      font-weight: 800;
    }
    .admin-status-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 1.55rem;
      margin-top: 0.5rem;
      padding: 0 0.55rem;
      border-radius: 999rem;
      background: #ecfdf5;
      color: #047857;
      font-size: 0.72rem;
      font-weight: 900;
    }
    .admin-status-pill.off {
      background: #f1f5f9;
      color: #64748b;
    }
    .admin-user-summary {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      align-items: center;
      justify-content: flex-start;
      min-width: 22rem;
    }
    .admin-summary-chip {
      min-height: 1.75rem;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0 0.55rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #fff;
      color: #475569;
      font-size: 0.72rem;
      font-weight: 900;
      white-space: nowrap;
    }
    .admin-summary-chip strong {
      color: #111827;
    }
    .admin-expand-btn {
      min-height: 1.95rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #fff;
      color: #374151;
      padding: 0 0.65rem;
      font-size: 0.75rem;
      font-weight: 900;
      cursor: pointer;
      transition: transform .12s ease, background .18s ease;
    }
    .admin-expand-btn:hover {
      background: #f3f4f6;
    }
    .admin-expand-btn:active {
      transform: scale(.98);
    }
    .admin-user-card-body {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
      align-items: start;
    }
    .admin-user-card.is-collapsed .admin-user-card-body {
      display: none;
    }
    .admin-user-basic {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.75rem;
      padding: 1rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
    }
    .admin-user-basic label,
    .admin-credit-cell {
      display: grid;
      gap: 0.32rem;
      color: #64748b;
      font-size: 0.72rem;
      font-weight: 900;
    }
    .admin-user-basic select,
    .admin-user-basic input {
      width: 100%;
      min-height: 2.2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #fff;
      color: #111827;
      padding: 0 0.55rem;
      font-size: 0.82rem;
      outline: none;
    }
    .admin-managed-accounts {
      display: grid;
      gap: 0.65rem;
      padding: 0.9rem 1rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.75rem;
      background: #f8fbff;
    }
    .admin-managed-accounts > strong {
      color: #1e3a8a;
      font-size: 0.82rem;
    }
    .admin-managed-accounts > small {
      color: #64748b;
      font-size: 0.72rem;
    }
    .admin-managed-account-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
    }
    .admin-managed-account-option {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      min-height: 2rem;
      padding: 0 0.7rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 999rem;
      background: #fff;
      color: #1e3a8a;
      font-size: 0.76rem;
      font-weight: 850;
      cursor: pointer;
    }
    .admin-credit-cell strong {
      color: #111827;
      font-size: 0.95rem;
      font-weight: 900;
    }
    .admin-credit-cell small {
      color: #64748b;
      font-size: 0.72rem;
      font-weight: 800;
    }
    .admin-permission-section {
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.8rem;
      background: #fff;
      padding: 0.95rem;
    }
    .admin-permission-section-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 0.75rem;
    }
    .admin-permission-section-title {
      display: grid;
      gap: 0.18rem;
      color: #111827;
      font-size: 0.9rem;
      font-weight: 950;
    }
    .admin-permission-section-title small {
      color: #64748b;
      font-size: 0.72rem;
      font-weight: 750;
    }
    .admin-permission-groups {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.75rem;
    }
    .admin-permission-group {
      min-width: 0;
      border: 0.0625rem solid #d8e1ee;
      border-radius: 0.55rem;
      background: #fff;
      overflow: hidden;
    }
    .admin-permission-table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      color: #333;
      font-size: 0.78rem;
    }
    .admin-permission-table th,
    .admin-permission-table td {
      border-bottom: 0.0625rem solid #e5e7eb;
      text-align: left;
      vertical-align: middle;
    }
    .admin-permission-table tr:last-child td {
      border-bottom: 0;
    }
    .admin-permission-table th {
      background: #f5f7fa;
      padding: 0.58rem 0.7rem;
      font-weight: 900;
    }
    .admin-permission-left {
      width: 13rem;
      border-right: 0.0625rem solid #d8e1ee;
    }
    .admin-permission-actions {
      min-width: 0;
    }
    .admin-permission-row td {
      background: #fff;
      padding: 0.52rem 0.7rem;
    }
    .admin-permission-row:hover td {
      background: #f8fbff;
    }
    .admin-permission-group-head,
    .admin-permission-node,
    .admin-permission-item {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      max-width: 100%;
      color: #333;
      font-weight: 850;
      cursor: pointer;
    }
    .admin-permission-node.level-1 {
      padding-left: 1.55rem;
    }
    .admin-permission-count {
      float: right;
      color: #475569;
      font-size: 0.72rem;
      font-weight: 900;
      white-space: nowrap;
      border: 0.0625rem solid #d8e1ee;
      border-radius: 999rem;
      background: #fff;
      padding: 0.08rem 0.42rem;
    }
    .admin-permission-desc {
      margin-left: 0.4rem;
      color: #666;
      font-size: 0.72rem;
      font-weight: 750;
    }
    .admin-permission-options {
      display: flex;
      flex-wrap: wrap;
      gap: 0.42rem 1.35rem;
      align-items: center;
    }
    .admin-permission-item {
      min-width: 6.25rem;
      min-height: 1.4rem;
      padding: 0.08rem 0.18rem;
      border-radius: 0.28rem;
      color: #333;
      font-size: 0.76rem;
      white-space: nowrap;
    }
    .admin-permission-item:hover,
    .admin-permission-node:hover,
    .admin-permission-group-head:hover {
      color: #1677ff;
    }
    .admin-permission-item:has(input:checked) {
      color: #0f5dcc;
      font-weight: 900;
    }
    .admin-permission-item span,
    .admin-permission-node span,
    .admin-permission-group-head span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .admin-permission-item input,
    .admin-permission-node input,
    .admin-permission-group-head input {
      flex: 0 0 auto;
      width: 0.9rem;
      height: 0.9rem;
      margin: 0;
      accent-color: #1677ff;
      box-shadow: none;
      outline: none;
      -webkit-tap-highlight-color: transparent;
    }
    .admin-permission-item input:focus,
    .admin-permission-node input:focus,
    .admin-permission-group-head input:focus {
      box-shadow: none;
      outline: none;
    }
    .admin-permission-item input:focus-visible,
    .admin-permission-node input:focus-visible,
    .admin-permission-group-head input:focus-visible {
      outline: 0.12rem solid rgba(22, 119, 255, .32);
      outline-offset: 0.08rem;
    }
    .admin-permission-toolbar {
      display: flex;
      justify-content: flex-end;
      gap: 0.5rem;
      flex: 0 0 auto;
    }
    .admin-permission-toolbar button {
      min-height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #374151;
      padding: 0 0.75rem;
      font-size: 0.75rem;
      font-weight: 850;
      cursor: pointer;
    }
    .admin-permission-toolbar button:hover {
      background: #f3f4f6;
    }
    .admin-resource-note {
      margin: 0 0 0.75rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.75rem;
      background: #fff7ed;
      color: #7c2d12;
      padding: 0.65rem 0.8rem;
      font-size: 0.78rem;
      line-height: 1.65;
    }
    .admin-resource-note strong {
      color: #ea580c;
    }
    .admin-block-title-row {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 0.85rem;
    }
    .admin-block-title-row h3 {
      margin: 0;
    }
    .admin-block-title-row p {
      margin: 0.25rem 0 0;
      color: #64748b;
      font-size: 0.78rem;
      line-height: 1.55;
    }
    .admin-skill-resource-list {
      display: grid;
      gap: 0.65rem;
    }
    .admin-skill-resource-row {
      display: grid;
      grid-template-columns: minmax(13rem, 1.2fr) 10rem minmax(10rem, 1fr) minmax(10rem, 1fr);
      gap: 0.65rem;
      align-items: end;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.85rem;
      background: #fff;
      padding: 0.75rem;
    }
    .admin-skill-resource-info strong {
      display: block;
      color: #0f172a;
      font-size: 0.9rem;
      font-weight: 900;
      margin-bottom: 0.25rem;
    }
    .admin-skill-resource-info span {
      display: block;
      color: #64748b;
      font-size: 0.72rem;
      line-height: 1.45;
    }
    .admin-skill-resource-row label {
      display: grid;
      gap: 0.25rem;
      color: #64748b;
      font-size: 0.72rem;
      font-weight: 750;
    }
    .admin-skill-resource-row select,
    .admin-skill-resource-row input {
      width: 100%;
      min-width: 0;
      min-height: 2.2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #fff;
      color: #0f172a;
      padding: 0 0.65rem;
      font-size: 0.78rem;
      outline: none;
    }
    .admin-skill-empty {
      border: 0.0625rem dashed #fed7aa;
      border-radius: 0.85rem;
      background: #fff7ed;
      color: #9a3412;
      padding: 1rem;
      font-size: 0.82rem;
      line-height: 1.6;
    }
    .admin-row-actions {
      display: flex;
      gap: 0.35rem;
    }
    .admin-row-actions button {
      min-height: 1.9rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #374151;
      padding: 0 0.5rem;
      font-size: 0.75rem;
      font-weight: 800;
      cursor: pointer;
    }
    .admin-row-actions button.danger {
      color: #ef4444;
      border-color: #fecaca;
      background: #fff;
    }
    .admin-row-actions button:hover {
      background: #f3f4f6;
    }
    .admin-row-actions button.danger:hover {
      background: #fff1f2;
    }
    .admin-toggle {
      width: 2.55rem;
      height: 1.35rem;
      border-radius: 999rem;
      background: #ff7a1a;
      position: relative;
      flex: 0 0 auto;
    }
    .admin-toggle::after {
      content: "";
      position: absolute;
      top: 0.18rem;
      right: 0.18rem;
      width: 0.98rem;
      height: 0.98rem;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 0.2rem 0.45rem rgba(15, 23, 42, .18);
    }
    .admin-toggle.off {
      background: #cbd5e1;
    }
    .admin-toggle.off::after {
      right: auto;
      left: 0.18rem;
    }
    @media (max-width: 78rem) {
      .admin-user-basic {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 62rem) {
      .profile-grid,
      .admin-grid {
        grid-template-columns: 1fr;
      }
      .profile-kpi-grid,
      .admin-kpi-grid {
        grid-template-columns: 1fr;
      }
      .admin-form {
        grid-template-columns: 1fr;
      }
      .admin-user-card-head,
      .admin-user-card-body,
      .admin-user-basic,
      .admin-permission-groups,
      .admin-skill-resource-row {
        grid-template-columns: 1fr;
      }
      .admin-permission-options {
        gap: 0.42rem 0.9rem;
      }
      .admin-permission-item {
        min-width: 5.75rem;
      }
      .admin-permission-left {
        width: 9.5rem;
      }
      .admin-user-summary,
      .admin-row-actions {
        justify-content: flex-start;
      }
      .admin-permission-section-head {
        align-items: flex-start;
        flex-direction: column;
      }
      .admin-permission-toolbar {
        width: 100%;
        justify-content: flex-start;
      }
      .account-member-grid {
        grid-template-columns: 1fr;
      }
      .account-member-actions {
        justify-content: start;
      }
    }
    .quick-drawer {
      position: fixed;
      top: 4.625rem;
      right: 0;
      bottom: 0;
      width: min(22.5rem, 92vw);
      background: #fff;
      border-left: 0.0625rem solid #e5e7eb;
      border-top: 0.0625rem solid #eef2f7;
      border-radius: 1rem 0 0 0;
      box-shadow: -1.125rem 0 2.625rem rgba(15, 23, 42, .12);
      z-index: 70;
      transform: translateX(105%);
      transition: transform .22s ease;
      display: flex;
      flex-direction: column;
    }
    .quick-drawer.open {
      transform: translateX(0);
    }
    .quick-drawer-head {
      height: 3.25rem;
      padding: 0 0.875rem;
      border-bottom: 0.0625rem solid #eef2f7;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-weight: 800;
      color: #0f172a;
    }
    .quick-drawer-close {
      border: 0;
      background: transparent;
      color: #94a3b8;
      font-size: 1.5rem;
      cursor: pointer;
      width: 2rem;
      height: 2rem;
      border-radius: 0.625rem;
    }
    .quick-drawer-close:hover {
      background: #f1f5f9;
      color: #334155;
    }
    .quick-drawer-tabs {
      display: flex;
      gap: 1rem;
      padding: 0 0.875rem;
      height: 2.75rem;
      min-height: 2.75rem;
      flex: 0 0 auto;
      border-bottom: 0.0625rem solid #eef2f7;
      align-items: stretch;
      overflow-x: auto;
      scrollbar-width: thin;
    }
    .quick-drawer-tab {
      position: relative;
      border: 0;
      background: transparent;
      color: #64748b;
      font-weight: 700;
      cursor: pointer;
      border-bottom: 0.125rem solid transparent;
      min-width: 2.5rem;
      padding: 0 0.125rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
    }
    .quick-drawer-tab.active {
      color: #0f172a;
      border-bottom-color: #0f172a;
    }
    .quick-drawer-body {
      flex: 1;
      overflow: auto;
      padding: 1.5rem 0.875rem;
    }
    .quick-drawer.pool-mode .quick-drawer-tabs {
      display: none;
    }
    .quick-drawer.pool-mode .quick-drawer-body {
      padding: 0;
      overflow: hidden;
      display: flex;
      min-height: 0;
    }
    .quick-empty {
      color: #94a3b8;
      text-align: center;
      line-height: 1.8;
      margin-top: 0.5rem;
      font-weight: 700;
    }
    .quick-history-list {
      display: grid;
      gap: 0.625rem;
    }
    .quick-history-title {
      width: 100%;
      min-height: 2.625rem;
      padding: 0.625rem 0.75rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      color: #0f172a;
      text-align: left;
      font-size: 0.875rem;
      font-weight: 800;
      line-height: 1.45;
      cursor: pointer;
      transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.75rem;
    }
    .quick-history-title:hover {
      color: #2563eb;
      border-color: #bfdbfe;
      background: #eff6ff;
      transform: translateY(-0.0625rem);
    }
    .quick-history-open {
      min-width: 0;
      width: 100%;
      border: 0;
      background: transparent;
      color: inherit;
      text-align: left;
      font: inherit;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
    }
    .quick-history-title-text {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .history-state-dot {
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      display: inline-block;
      background: #2f8cff;
      flex: 0 0 auto;
      margin-left: auto;
    }
    .history-state-dot.failed {
      background: #9ca3af;
    }
    .history-state-spinner {
      width: 0.75rem;
      height: 0.75rem;
      border: 0.125rem solid #d1d5db;
      border-top-color: #6b7280;
      border-radius: 50%;
      animation: spin .8s linear infinite;
      flex: 0 0 auto;
    }
    .wechat-badge {
      min-width: 1.125rem;
      height: 1.125rem;
      padding: 0 0.3125rem;
      border-radius: 999rem;
      background: #ff3b30;
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.6875rem;
      font-weight: 800;
      line-height: 1;
      box-shadow: 0 0.125rem 0.375rem rgba(255, 59, 48, .22);
    }
    .wechat-badge[hidden] {
      display: none;
    }
    .top-menu-btn {
      position: relative;
    }
    .top-menu-btn .wechat-badge {
      position: absolute;
      top: -0.375rem;
      right: -0.375rem;
    }
    .quick-drawer-tab .wechat-badge {
      position: absolute;
      top: 0.25rem;
      right: -0.75rem;
    }
    @keyframes spin {
      to { transform: rotate(360deg); }
    }
    .quick-pool-list {
      width: 100%;
      display: flex;
      flex-direction: column;
      min-height: 0;
    }
    .quick-pool-tools {
      flex: 0 0 auto;
      display: grid;
      gap: 0.625rem;
      padding: 0.875rem;
      border-bottom: 0.0625rem solid #eef2f7;
      background: #fff;
    }
    .quick-pool-search-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.5rem;
      align-items: center;
    }
    .quick-pool-search {
      width: 100%;
      height: 2.125rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.625rem;
      padding: 0 0.75rem;
      color: #0f172a;
      font-size: 0.8125rem;
      outline: none;
    }
    .quick-pool-search:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 0.1875rem rgba(59, 130, 246, .10);
    }
    .quick-date-wrap {
      position: relative;
    }
    .quick-date-btn {
      height: 2.125rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.625rem;
      background: #fff;
      color: #334155;
      padding: 0 0.625rem;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      font-size: 0.8125rem;
      font-weight: 700;
      cursor: pointer;
    }
    .quick-date-panel {
      position: absolute;
      top: calc(100% + 0.375rem);
      right: 0;
      width: 18rem;
      padding: 0.75rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.75rem;
      background: #fff;
      box-shadow: 0 1rem 2.25rem rgba(15, 23, 42, .14);
      display: none;
      z-index: 4;
    }
    .quick-date-wrap.open .quick-date-panel {
      display: grid;
      gap: 0.5rem;
    }
    .quick-calendar-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #0f172a;
      font-size: 0.875rem;
      font-weight: 800;
    }
    .quick-calendar-head button,
    .quick-calendar-actions button {
      border: 0;
      border-radius: 0.5rem;
      background: #f8fafc;
      color: #475569;
      height: 1.875rem;
      min-width: 1.875rem;
      cursor: pointer;
    }
    .quick-calendar-grid {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      gap: 0.25rem;
      user-select: none;
    }
    .quick-calendar-weekday {
      color: #94a3b8;
      text-align: center;
      font-size: 0.6875rem;
      font-weight: 800;
      line-height: 1.5rem;
    }
    .quick-calendar-day {
      height: 2rem;
      border: 0;
      border-radius: 0.5rem;
      background: transparent;
      color: #334155;
      font-size: 0.8125rem;
      cursor: pointer;
    }
    .quick-calendar-day.outside {
      color: #cbd5e1;
    }
    .quick-calendar-day.in-range {
      background: #dbeafe;
      color: #1d4ed8;
      border-radius: 0.25rem;
    }
    .quick-calendar-day.range-start,
    .quick-calendar-day.range-end {
      background: #2563eb;
      color: #fff;
      border-radius: 0.5rem;
    }
    .quick-calendar-day:hover {
      background: #eff6ff;
      color: #1d4ed8;
    }
    .quick-calendar-day.range-start:hover,
    .quick-calendar-day.range-end:hover {
      background: #2563eb;
      color: #fff;
    }
    .quick-calendar-actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.5rem;
      padding-top: 0.25rem;
    }
    .quick-calendar-actions .primary {
      background: #2563eb;
      color: #fff;
      padding: 0 0.875rem;
    }
    .quick-calendar-actions .clear {
      padding: 0 0.875rem;
    }
    .quick-pool-tags {
      display: flex;
      gap: 0.375rem;
      align-items: center;
      overflow: hidden;
    }
    .quick-pool-tag {
      flex: 0 0 auto;
      height: 1.875rem;
      border: 0;
      border-radius: 999rem;
      background: #f1f5f9;
      color: #475569;
      padding: 0 0.75rem;
      font-size: 0.8125rem;
      font-weight: 700;
      cursor: pointer;
    }
    .quick-pool-tag.active {
      background: #2563eb;
      color: #fff;
    }
    .quick-pool-records {
      flex: 1 1 auto;
      min-height: 0;
      overflow-y: auto;
      padding: 0.875rem;
      display: grid;
      gap: 0.625rem;
      align-content: start;
    }
    .quick-candidate-form {
      display: grid;
      grid-template-columns: 6.875rem minmax(0, 1fr) 3.625rem;
      gap: 0.375rem;
      align-items: center;
      margin-bottom: 0.75rem;
    }
    .quick-candidate-head {
      display: grid;
      grid-template-columns: 6.875rem minmax(0, 1fr) 3.625rem;
      gap: 0.375rem;
      color: #64748b;
      font-size: 0.8125rem;
      font-weight: 800;
      margin: 0 0 0.5rem;
      padding: 0 0.125rem;
    }
    .quick-candidate-form input {
      height: 2.125rem;
      min-height: 2.125rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5625rem;
      padding: 0 0.5625rem;
      outline: none;
      background: #fff;
    }
    .quick-candidate-form input:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 0.1875rem rgba(59, 130, 246, .12);
    }
    .quick-add-btn {
      height: 2.125rem;
      border: 0;
      border-radius: 0.5625rem;
      padding: 0 0.625rem;
      color: #fff;
      background: #2563eb;
      font-weight: 700;
      cursor: pointer;
    }
    .quick-pool-item {
      position: relative;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      padding: 0.75rem 6.75rem 0.75rem 0.75rem;
      background: #f8fafc;
      color: #475569;
      font-size: 0.875rem;
      display: grid;
      grid-template-columns: 3.375rem minmax(0, 1fr);
      gap: 0.75rem;
      align-items: center;
      min-height: 5rem;
    }
    .quick-pool-thumb {
      width: 3.375rem;
      height: 3.375rem;
      border-radius: 0.625rem;
      background: #eef2f7;
      border: 0.0625rem solid #e2e8f0;
      display: grid;
      place-items: center;
      overflow: hidden;
      color: #94a3b8;
    }
    .quick-pool-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .quick-pool-image-preview {
      position: fixed;
      z-index: 160;
      width: min(20rem, 42vw);
      aspect-ratio: 1 / 1;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.875rem;
      background: #fff;
      box-shadow: 0 1.5rem 3.5rem rgba(15, 23, 42, .22);
      padding: 0.5rem;
      display: none;
      pointer-events: none;
    }
    .quick-pool-image-preview.active {
      display: block;
    }
    .quick-pool-image-preview img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      border-radius: 0.625rem;
    }
    .quick-pool-info {
      min-width: 0;
    }
    .quick-pool-asin {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      border: 0;
      background: transparent;
      padding: 0;
      color: #0f172a;
      font-size: 0.9375rem;
      line-height: 1.35;
      margin-bottom: 0.3125rem;
      font-weight: 900;
      cursor: pointer;
    }
    .quick-pool-name {
      color: #334155;
      font-size: 0.8125rem;
      line-height: 1.35;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .quick-pool-asin:hover {
      color: #2563eb;
      text-decoration: underline;
      text-underline-offset: 0.1875rem;
    }
    .quick-pool-meta {
      display: flex;
      gap: 0.5rem;
      flex-wrap: wrap;
      color: #94a3b8;
      font-size: 0.75rem;
      margin-top: 0.35rem;
    }
    .quick-pool-actions {
      position: absolute;
      top: 0.75rem;
      right: 0.75rem;
      display: flex;
      gap: 0.375rem;
    }
    .quick-pool-action {
      border: 0.0625rem solid #e5e7eb;
      background: #fff;
      color: #475569;
      border-radius: 0.5rem;
      width: 1.75rem;
      height: 1.75rem;
      padding: 0;
      display: inline-grid;
      place-items: center;
      font-size: 0.8125rem;
      font-weight: 800;
      cursor: pointer;
    }
    .quick-pool-action.primary {
      color: #2563eb;
      border-color: #bfdbfe;
      background: #eff6ff;
    }
    .quick-pool-action.paste {
      color: #2563eb;
      border-color: #dbeafe;
      background: #f8fbff;
    }
    .quick-pool-action.paste:hover {
      background: #eff6ff;
      border-color: #bfdbfe;
    }
    .quick-pool-action.danger {
      color: #ef4444;
      border-color: #fecaca;
      background: #fff7f7;
    }
    .quick-pool-files {
      display: inline-flex;
      align-items: center;
      margin-top: 0.45rem;
    }
    .quick-pool-file-chip {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      height: 1.875rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.625rem;
      background: #eff6ff;
      color: #2563eb;
      padding: 0 0.625rem;
      font-size: 0.75rem;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
      transition: background .16s ease, border-color .16s ease, transform .16s ease;
    }
    .quick-pool-file-chip:hover {
      background: #dbeafe;
      border-color: #bfdbfe;
      transform: translateY(-0.0625rem);
    }
    .quick-pool-file-chip i {
      font-size: 0.8125rem;
    }
    .pool-save-popover {
      position: relative;
      z-index: 8;
      display: none;
      width: min(52rem, 92%);
      margin: 0 0 0.5rem auto;
      pointer-events: none;
    }
    .sticky-composer .pool-save-popover {
      width: min(52rem, 94%);
      margin-left: auto;
      margin-right: 0;
    }
    .agent-answer > .pool-save-popover {
      width: min(46rem, 100%);
      margin: 0.75rem auto 0;
    }
    .pool-save-popover.active {
      display: block;
    }
    .quick-save-editor {
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.875rem;
      background: rgba(255, 255, 255, .96);
      overflow: hidden;
      box-shadow: 0 0.875rem 2rem rgba(15, 23, 42, .12);
      backdrop-filter: blur(0.75rem);
      pointer-events: auto;
    }
    .quick-save-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      color: #0f172a;
      font-weight: 900;
      padding: 0.625rem 0.875rem;
      border-bottom: 0.0625rem solid #e5e7eb;
      background: linear-gradient(90deg, #eff6ff, #fff);
    }
    .quick-save-title span {
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .quick-save-grid {
      display: grid;
      grid-template-columns: minmax(7.5rem, 1fr) minmax(7.5rem, 1fr) minmax(11rem, 1.35fr) minmax(11rem, 1.35fr);
      gap: 0.5rem 0.625rem;
      padding: 0.625rem 0.875rem 0.5rem;
      border-bottom: 0.0625rem solid #e5e7eb;
    }
    .quick-save-grid > div,
    .quick-save-grid > label {
      min-height: auto;
      border-right: 0;
      padding: 0;
      color: #334155;
      font-size: 0.75rem;
      font-weight: 700;
      min-width: 0;
    }
    .quick-save-grid label {
      display: flex;
      flex-direction: column;
      gap: 0.375rem;
    }
    .field-label-text {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      line-height: 1.2;
    }
    .required-mark {
      color: #ef4444;
      font-weight: 800;
      margin-left: 0.125rem;
    }
    .quick-save-grid input,
    .quick-save-grid select,
    .quick-save-grid textarea {
      width: 100%;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #0f172a;
      font-size: 0.875rem;
      font-weight: 600;
      outline: none;
      box-shadow: none;
    }
    .quick-save-grid select {
      font-weight: 500;
    }
    .quick-save-grid input,
    .quick-save-grid select {
      height: 2.125rem;
      min-height: 2.125rem;
      padding: 0 0.625rem;
    }
    .quick-save-grid textarea {
      min-height: 3rem;
      padding: 0.625rem;
      resize: vertical;
      line-height: 1.42;
    }
    .quick-save-grid .wide {
      grid-column: 1 / -1;
    }
    .quick-save-images {
      grid-column: 1 / -1;
      display: grid;
      gap: 0.4rem;
    }
    .quick-save-images-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      color: #334155;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .quick-save-image-strip {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 0.4rem;
    }
    .quick-save-image-thumb {
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border: 0.0625rem dashed #cbd5e1;
      border-radius: 0.55rem;
      background: #f8fafc;
      overflow: hidden;
      color: #94a3b8;
      font-size: 0.68rem;
      font-weight: 800;
    }
    .quick-save-image-thumb img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
    .quick-save-actions {
      display: flex;
      justify-content: center;
      gap: 0.625rem;
      padding: 0.5rem 0.75rem 0.625rem;
    }
    .quick-save-actions button {
      border: 0.0625rem solid #e5e7eb;
      border-radius: 62.4375rem;
      background: #fff;
      min-height: 2rem;
      padding: 0 1rem;
      font-weight: 800;
      color: #334155;
    }
    .quick-save-actions button:last-child {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    .quick-save-actions .quick-fetch-btn {
      border-color: #dbeafe;
      background: #eff6ff;
      color: #2563eb;
    }
    .quick-save-actions .quick-fetch-btn:disabled {
      opacity: .65;
      cursor: default;
    }
    @media (max-width: 56.25rem) {
      .pool-save-popover {
        width: 96%;
      }
      .agent-answer > .pool-save-popover {
        width: 100%;
      }
      .quick-save-grid {
        grid-template-columns: 1fr 1fr;
      }
    }
    @media (max-width: 40rem) {
      .quick-save-grid {
        grid-template-columns: 1fr;
      }
    }
    .pick-pool-empty {
      min-height: 11.25rem;
      display: grid;
      place-items: center;
      text-align: center;
      color: #94a3b8;
      font-weight: 800;
      line-height: 1.8;
      background: rgba(255, 255, 255, .62);
      border: 0.0625rem dashed #dbeafe;
      border-radius: 1.125rem;
    }
    .asin-save-row {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex-wrap: wrap;
      margin-top: 0.875rem;
    }
    .asin-save-btn {
      border: 0.0625rem solid #dbeafe;
      background: #eff6ff;
      color: #2563eb;
      border-radius: 62.4375rem;
      padding: 0.375rem 0.625rem;
      font-size: 0.75rem;
      font-weight: 800;
      cursor: pointer;
    }
    .asin-save-btn:hover {
      background: #dbeafe;
    }
    .asin-save-btn.saved {
      border-color: #e5e7eb;
      background: #f3f4f6;
      color: #64748b;
    }
    .asin-save-btn.saved:hover {
      background: #e5e7eb;
      color: #475569;
    }
    .message-asset-chip {
      display: inline-flex;
      align-items: center;
      gap: 0.38rem;
      border: 0.0625rem solid #dbeafe;
      background: #eff6ff;
      color: #2563eb;
      border-radius: 62.4375rem;
      padding: 0.375rem 0.45rem 0.375rem 0.625rem;
      font-size: 0.75rem;
      font-weight: 800;
      max-width: min(24rem, 100%);
    }
    .message-asset-chip span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .message-asset-chip .asset-rename-input {
      width: min(11rem, 42vw);
      height: 1.4rem;
      font-size: 0.75rem;
    }
    .message-asset-chip button {
      width: 1.35rem;
      height: 1.35rem;
      border: 0;
      border-radius: 999rem;
      background: rgba(255,255,255,.8);
      color: #2563eb;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      font-size: 0.72rem;
      padding: 0;
      flex: 0 0 auto;
    }
    .message-asset-chip button:hover {
      background: #dbeafe;
    }
    .pool-saved-jump {
      border: 0;
      background: transparent;
      padding: 0;
      color: #2563eb;
      font: inherit;
      font-weight: 800;
      cursor: pointer;
    }
    .pool-saved-jump:hover {
      text-decoration: underline;
      text-underline-offset: 0.1875rem;
    }
    .pick-pool-page {
      width: min(66.75rem, 100%);
      margin: 0 auto;
      padding: 0.625rem 0 5.625rem;
    }
    .pick-pool-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 1.5rem;
    }
    .pick-pool-head h2 {
      margin: 0;
      font-size: 1.75rem;
      letter-spacing: 0;
      color: #020617;
    }
    .pick-pool-actions {
      display: flex;
      align-items: center;
      gap: 0.875rem;
    }
    .track-asin-btn {
      height: 2.25rem;
      padding: 0 1rem;
      border: 0;
      border-radius: 0.8125rem;
      background: #0f172a;
      color: #fff;
      font-weight: 800;
      cursor: pointer;
      box-shadow: 0 0.625rem 1.25rem rgba(15, 23, 42, .12);
    }
    .back-search-link {
      border: 0;
      background: transparent;
      color: #64748b;
      font-weight: 700;
      cursor: pointer;
      text-decoration: underline;
      text-underline-offset: 0.1875rem;
    }
    .pool-tabs {
      display: flex;
      align-items: center;
      gap: 2.125rem;
      border-bottom: 0.0625rem solid #e5e7eb;
      margin-bottom: 1rem;
    }
    .pool-tab {
      position: relative;
      border: 0;
      background: transparent;
      color: #64748b;
      font-weight: 800;
      padding: 0 0 0.875rem;
      cursor: pointer;
    }
    .pool-tab.active {
      color: #0f172a;
    }
    .pool-tab.active::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -0.0625rem;
      height: 0.125rem;
      border-radius: 62.4375rem;
      background: #111827;
    }
    .pool-count {
      margin-left: 0.375rem;
      padding: 0.125rem 0.4375rem;
      border-radius: 62.4375rem;
      background: #f1f5f9;
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .pool-filters {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      flex-wrap: wrap;
      margin-bottom: 0.625rem;
    }
    .pool-search,
    .pool-select {
      height: 2.375rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.875rem;
      background: #fff;
      color: #0f172a;
      outline: none;
    }
    .pool-search {
      width: 14.25rem;
      min-height: 2.375rem;
      padding: 0 0.875rem;
    }
    .pool-select {
      width: auto;
      min-width: 7rem;
      min-height: 2.375rem;
      padding: 0 2.25rem 0 0.875rem;
      font-weight: 700;
    }
    .pool-search:focus,
    .pool-select:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 0.1875rem rgba(59, 130, 246, .12);
    }
    .pool-select-row {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      color: #64748b;
      font-size: 0.8125rem;
      margin: 0.5rem 0 1rem;
    }
    .pool-check {
      width: 1rem;
      height: 1rem;
      accent-color: #2563eb;
    }
    .pool-card {
      display: grid;
      grid-template-columns: auto 5.5rem minmax(0, 1fr) auto;
      align-items: center;
      gap: 1rem;
      background: #fff;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1.25rem;
      padding: 1rem 1.125rem;
      box-shadow: 0 0.625rem 1.5rem rgba(15, 23, 42, .08);
    }
    .pool-thumb {
      width: 5.5rem;
      height: 5.5rem;
      border-radius: 0.375rem;
      background: #f1f3f6;
      color: #cbd5e1;
      display: grid;
      place-items: center;
      font-size: 1.75rem;
    }
    .pool-item-title {
      color: #94a3b8;
      font-weight: 800;
      margin-bottom: 0.5rem;
    }
    .pool-refresh {
      color: #f97316;
      margin-left: 0.375rem;
      font-weight: 800;
      cursor: pointer;
    }
    .pool-tags {
      display: flex;
      align-items: center;
      gap: 0.375rem;
      flex-wrap: wrap;
      margin-bottom: 0.5625rem;
    }
    .pool-tag {
      border-radius: 0.375rem;
      padding: 0.1875rem 0.4375rem;
      background: #eef2ff;
      color: #475569;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .pool-tag.uk {
      background: #dbeafe;
      color: #2563eb;
    }
    .pool-tag.pending {
      background: #fef3c7;
      color: #b45309;
    }
    .pool-date {
      color: #94a3b8;
      font-size: 0.8125rem;
    }
    .pool-card-actions {
      display: grid;
      gap: 0.5rem;
      min-width: 7rem;
    }
    .pool-action {
      height: 2.125rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 62.4375rem;
      background: #fff;
      color: #334155;
      font-weight: 800;
      cursor: pointer;
    }
    .pool-action.primary {
      color: #fff;
      border-color: #7c3aed;
      background: #7c3aed;
    }
    .pool-action.danger {
      color: #ef4444;
      border-color: #fecaca;
      background: #fff;
    }

    #pickPool,
    #devPool,
    #productLibrary,
    #monitorCenter,
    #toolbox {
      min-height: calc(100vh - 7.375rem);
      padding: 1.125rem;
      border: 0.0625rem solid rgba(199, 210, 254, .72);
      border-radius: 1.5rem;
      background:
        radial-gradient(circle, rgba(99, 102, 241, .16) 0.0625rem, transparent 0.0844rem) 0 0 / 1.125rem 1.125rem,
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .94));
      box-shadow: 0 1.5rem 3.625rem rgba(99, 102, 241, .08);
      overflow: hidden;
    }
    #pickPool .pool-workbench,
    #monitorCenter .monitor-workbench,
    #devPool .panel-card,
    #productLibrary .panel-card,
    #toolbox .panel-card {
      position: relative;
      z-index: 1;
    }
    #devPool .panel-card,
    #productLibrary .panel-card,
    #toolbox .panel-card {
      min-height: 22.5rem;
      display: grid;
      place-items: center;
      border: 0.0625rem solid rgba(199, 210, 254, .82);
      border-radius: 1.375rem;
      background: rgba(255, 255, 255, .92);
      box-shadow: 0 1.125rem 2.75rem rgba(99, 102, 241, .09);
    }
    #productLibrary{min-height:calc(100vh - 7.375rem);padding:2rem 2.25rem 3rem;border:0;border-radius:0;background:#f7f9fc;box-shadow:none;overflow:auto}
    #productLibrary .panel-card{width:min(100%,96rem);min-height:0;margin:0 auto;display:block;border:0;border-radius:0;background:transparent;box-shadow:none}
    #productLibrary .tools-center-header{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;justify-content:stretch;gap:2rem;margin:0 0 1.75rem;padding:0}
    #productLibrary .tools-center-title{min-width:0;justify-self:start;margin:0;padding:0}
    #productLibrary .tools-center-title h2{margin:0;color:#101828;font-size:1.75rem;line-height:1.25;letter-spacing:-.02em}
    #productLibrary .tools-center-title p{margin:.45rem 0 0;color:#667085;font-size:.95rem}
    #productLibrary .tools-center-controls{justify-self:end;display:flex;align-items:center;gap:.75rem;margin:0}
    #productLibrary .tools-search{position:relative;display:block}
    #productLibrary .tools-search i{position:absolute;top:50%;left:.9rem;color:#667085;transform:translateY(-50%);pointer-events:none}
    #productLibrary .tools-search input{width:18rem;height:2.75rem;padding:0 .9rem 0 2.5rem;border:.0625rem solid #d0d5dd;border-radius:.625rem;background:#fff;color:#101828;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
    #productLibrary .tools-search input:focus{border-color:#84adff;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}
    #productLibrary .tools-settings-link{height:2.75rem;display:inline-flex;align-items:center;gap:.5rem;padding:0 1rem;border:.0625rem solid #d0d5dd;border-radius:.625rem;background:#fff;color:#344054;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .18s ease,color .18s ease,background .18s ease}
    #productLibrary .tools-settings-link:hover{border-color:#84adff;background:#f8fbff;color:#175cd3}
    #productLibrary .tools-category-tabs{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1.75rem;margin:0 0 1.5rem;padding:0;border-bottom:.0625rem solid #dce3ec}
    #productLibrary .tools-category-tab{position:relative;padding:.25rem 0 .9rem;border:0;background:transparent;color:#475467;font:inherit;font-weight:700;cursor:pointer}
    #productLibrary .tools-category-tab::after{position:absolute;right:0;bottom:-.0625rem;left:0;height:.1875rem;border-radius:999px 999px 0 0;background:transparent;content:""}
    #productLibrary .tools-category-tab.active{color:#155eef}
    #productLibrary .tools-category-tab.active::after{background:#2563eb}
    #productLibrary .tool-group{margin-top:1.5rem;padding:1.25rem 1.25rem 1.15rem;border:.0625rem solid #dbe3ed;border-radius:.875rem;background:rgba(255,255,255,.9);box-shadow:0 .25rem 1rem rgba(16,24,40,.035)}
    #productLibrary .tool-group+.tool-group{margin-top:1.25rem}
    #productLibrary .tool-group-heading{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem}
    #productLibrary .tool-group-heading::before{width:.2rem;height:1.1rem;border-radius:999px;background:#2563eb;content:""}
    #productLibrary .tool-group-heading h3{margin:0;color:#101828;font-size:1.05rem;line-height:1.25}
    #productLibrary .tool-launcher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
    #productLibrary .product-tool-tile{min-width:0;min-height:7.25rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.05rem;border:.0625rem solid #dbe3ed;border-radius:.75rem;background:#fff;color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
    #productLibrary a.product-tool-tile:hover{border-color:#a9c3ff;box-shadow:0 .625rem 1.5rem rgba(37,99,235,.08);transform:translateY(-.0625rem)}
    #productLibrary a.product-tool-tile:focus-visible{outline:.1875rem solid rgba(37,99,235,.2);outline-offset:.125rem}
    #productLibrary .product-tool-tile.is-coming{background:#fbfcfe}
    #productLibrary .product-tool-icon{flex:0 0 2.75rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:.6875rem;background:#2563eb;color:#fff;font-size:1rem;box-shadow:0 .4rem 1rem rgba(37,99,235,.16)}
    #productLibrary .product-tool-icon.violet{background:#7c6ee6;box-shadow:0 .4rem 1rem rgba(124,110,230,.14)}
    #productLibrary .product-tool-icon.green{background:#32a66a;box-shadow:0 .4rem 1rem rgba(50,166,106,.14)}
    #productLibrary .product-tool-icon.orange{background:#f97316;box-shadow:0 .4rem 1rem rgba(249,115,22,.14)}
    #productLibrary .product-tool-content{min-width:0;flex:1}
    #productLibrary .product-tool-content strong{display:block;color:#101828;font-size:.98rem;line-height:1.35}
    #productLibrary .product-tool-content small{display:-webkit-box;min-height:2.5em;margin-top:.3rem;overflow:hidden;color:#667085;font-size:.8rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    #productLibrary .product-tool-meta{flex:0 0 auto;min-width:5.8rem;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-left:.95rem;border-left:.0625rem solid #e4e7ec}
    #productLibrary .product-tool-status{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:.4rem;background:#eaf8f0;color:#16855b;font-size:.75rem;font-weight:800;white-space:nowrap}
    #productLibrary .product-tool-status.coming{background:#f2f4f7;color:#667085}
    #productLibrary .product-tool-open{color:#155eef;font-size:.82rem;font-weight:800;white-space:nowrap}
    #productLibrary .tools-empty{margin-top:1.5rem;padding:3rem 1rem;border:.0625rem dashed #cfd8e6;border-radius:.875rem;background:#fff;color:#667085;text-align:center}
    #productLibrary [hidden]{display:none!important}
    #productLibrary .tools-settings-view{max-width:96rem;margin:0 auto}
    #productLibrary .tools-settings-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}
    #productLibrary .tools-settings-heading{display:flex;align-items:flex-start;gap:1rem}
    #productLibrary .tools-settings-back{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:.0625rem solid #d0d5dd;border-radius:.625rem;background:#fff;color:#344054;cursor:pointer}
    #productLibrary .tools-settings-heading h2{margin:0;color:#101828;font-size:1.65rem;line-height:1.25;letter-spacing:-.02em}
    #productLibrary .tools-settings-heading p{margin:.4rem 0 0;color:#667085;font-size:.9rem}
    #productLibrary .tools-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
    #productLibrary .tools-setting-card{display:flex;align-items:center;gap:1rem;min-height:7.25rem;padding:1.15rem 1.25rem;border:.0625rem solid #dbe3ed;border-radius:.875rem;background:#fff;box-shadow:0 .25rem 1rem rgba(16,24,40,.035);cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
    #productLibrary .tools-setting-card:hover{border-color:#9ec5ff;box-shadow:0 .55rem 1.4rem rgba(37,99,235,.08);transform:translateY(-.0625rem)}
    #productLibrary .tools-setting-icon{flex:0 0 2.75rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:.7rem;background:#eff6ff;color:#2563eb;font-size:1rem}
    #productLibrary .tools-setting-copy{min-width:0;flex:1}
    #productLibrary .tools-setting-copy strong{display:block;color:#101828;font-size:1rem}
    #productLibrary .tools-setting-copy small{display:block;margin-top:.35rem;color:#667085;font-size:.82rem;line-height:1.55}
    #productLibrary .tools-setting-arrow{color:#98a2b3}
    #productLibrary .finance-settings-card{overflow:hidden;border:.0625rem solid #dbe3ed;border-radius:.875rem;background:#fff;box-shadow:0 .25rem 1rem rgba(16,24,40,.035)}
    #productLibrary .finance-settings-intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:.0625rem solid #e4e7ec}
    #productLibrary .finance-settings-intro strong{display:block;color:#101828;font-size:.95rem}
    #productLibrary .finance-settings-intro small{display:block;margin-top:.25rem;color:#667085;font-size:.8rem}
    #productLibrary .finance-button{height:2.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .9rem;border:.0625rem solid #cbd5e1;border-radius:.55rem;background:#fff;color:#344054;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;white-space:nowrap}
    #productLibrary .finance-button.primary{border-color:#2563eb;background:#2563eb;color:#fff}
    #productLibrary .finance-button.danger{border-color:#fecaca;color:#b42318}
    #productLibrary .finance-button:disabled{border-color:#e4e7ec;background:#f2f4f7;color:#98a2b3;cursor:not-allowed}
    #productLibrary .finance-feedback{padding:.7rem 1.25rem;border-bottom:.0625rem solid #e4e7ec;background:#f8fbff;color:#344054;font-size:.82rem}
    #productLibrary .finance-feedback.success{background:#ecfdf3;color:#027a48}
    #productLibrary .finance-feedback.error{background:#fff4f3;color:#b42318}
    #productLibrary .finance-filter-bar{display:grid;grid-template-columns:minmax(13rem,1.8fr) minmax(11rem,1.2fr) minmax(9rem,1fr) auto;align-items:center;gap:.65rem;padding:.75rem 1.25rem;border-bottom:.0625rem solid #e4e7ec;background:#fff}
    #productLibrary .finance-filter-bar select,#productLibrary .finance-filter-bar input{height:2.35rem;border:.0625rem solid #cbd5e1;border-radius:.5rem;background:#fff;color:#101828;font:inherit;font-size:.84rem}
    #productLibrary .finance-filter-bar select{min-width:9rem;padding:0 2rem 0 .7rem}
    #productLibrary .finance-filter-bar input{min-width:15rem;padding:0 .75rem}
    #productLibrary .finance-filter-count{color:#667085;font-size:.8rem;white-space:nowrap;text-align:right}
    #productLibrary .finance-table-wrap{overflow:auto}
    #productLibrary .finance-mapping-table{width:100%;border-collapse:collapse;table-layout:fixed}
    #productLibrary .finance-mapping-table th{padding:.8rem 1rem;border-bottom:.0625rem solid #dbe3ed;background:#f8fafc;color:#475467;font-size:.78rem;text-align:left}
    #productLibrary .finance-mapping-table td{padding:.8rem 1rem;border-bottom:.0625rem solid #e4e7ec;color:#101828;font-size:.86rem;vertical-align:middle}
    #productLibrary .finance-mapping-table tr:last-child td{border-bottom:0}
    #productLibrary .finance-store-name strong{display:block}
    #productLibrary .finance-store-name small{display:block;margin-top:.2rem;color:#667085}
    #productLibrary .finance-account-select{width:100%;height:2.45rem;padding:0 2.2rem 0 .75rem;border:.0625rem solid #cbd5e1;border-radius:.5rem;background:#fff;color:#101828;font:inherit;font-size:.86rem}
    #productLibrary .finance-account-owner-cell{color:#667085;font-size:.84rem}
    #productLibrary .finance-owner-select{width:100%;height:2.4rem;padding:0 2rem 0 .7rem;border:.0625rem solid #cbd5e1;border-radius:.5rem;background:#fff;color:#101828;font:inherit;font-size:.84rem}
    #productLibrary .finance-link-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
    #productLibrary .finance-link-names{min-width:0;color:#475467;font-size:.8rem;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    #productLibrary .finance-link-names strong{color:#101828;font-size:.86rem}
    #productLibrary .finance-link-button{flex:0 0 auto;height:2.15rem;padding:0 .75rem;border:.0625rem solid #bfd5ff;border-radius:.48rem;background:#f6f9ff;color:#155eef;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
    #productLibrary .finance-link-modal{width:min(52rem,100%)}
    #productLibrary .finance-link-toolbar{display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(15rem,1.6fr) auto;align-items:center;gap:.65rem;margin-bottom:.8rem}
    #productLibrary .finance-link-toolbar select,#productLibrary .finance-link-toolbar input{height:2.45rem;min-width:0;padding:0 .75rem;border:.0625rem solid #cbd5e1;border-radius:.5rem;background:#fff;color:#101828;font:inherit;font-size:.84rem}
    #productLibrary .finance-link-count{color:#667085;font-size:.8rem;text-align:right;white-space:nowrap}
    #productLibrary .finance-link-list{border:.0625rem solid #e4e7ec;border-radius:.7rem;overflow:hidden}
    #productLibrary .finance-link-option{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border-bottom:.0625rem solid #e4e7ec;cursor:pointer}
    #productLibrary .finance-link-option:last-child{border-bottom:0}
    #productLibrary .finance-link-option:hover{background:#f8fbff}
    #productLibrary .finance-link-option input{width:1rem;height:1rem;accent-color:#2563eb}
    #productLibrary .finance-link-option-copy{min-width:0;flex:1}
    #productLibrary .finance-link-option-copy strong{display:block;color:#101828;font-size:.86rem}
    #productLibrary .finance-link-option-copy small{display:block;margin-top:.15rem;color:#667085;font-size:.76rem}
    #productLibrary .finance-link-owner{color:#667085;font-size:.76rem;white-space:nowrap}
    #productLibrary .finance-link-empty{padding:2.5rem 1rem;color:#667085;text-align:center;font-size:.84rem}
    #productLibrary .finance-empty{padding:3rem 1rem;color:#667085;text-align:center}
    #productLibrary .finance-empty strong{display:block;margin-bottom:.45rem;color:#101828;font-size:1rem}
    #productLibrary .finance-modal-backdrop{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:1.5rem;background:rgba(15,23,42,.42);backdrop-filter:blur(.125rem)}
    #productLibrary .finance-modal{width:min(46rem,100%);max-height:min(42rem,calc(100vh - 3rem));display:flex;flex-direction:column;overflow:hidden;border:.0625rem solid #dbe3ed;border-radius:1rem;background:#fff;box-shadow:0 1.5rem 4rem rgba(15,23,42,.2)}
    #productLibrary .finance-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.35rem;border-bottom:.0625rem solid #e4e7ec}
    #productLibrary .finance-modal-header h3{margin:0;color:#101828;font-size:1.2rem}
    #productLibrary .finance-modal-header p{margin:.3rem 0 0;color:#667085;font-size:.82rem}
    #productLibrary .finance-modal-close{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:.0625rem solid #d0d5dd;border-radius:.5rem;background:#fff;color:#475467;cursor:pointer}
    #productLibrary .finance-modal-body{min-height:0;overflow:auto;padding:1.15rem 1.35rem}
    #productLibrary .finance-account-add{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:.65rem;margin-bottom:1rem}
    #productLibrary .finance-account-add input{min-width:0;height:2.5rem;padding:0 .75rem;border:.0625rem solid #cbd5e1;border-radius:.5rem;color:#101828;font:inherit;font-size:.86rem}
    #productLibrary .finance-account-section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .65rem;color:#101828;font-size:.88rem;font-weight:800}
    #productLibrary .finance-account-section-title:not(:first-child){margin-top:1.1rem}
    #productLibrary .finance-responsible-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;margin-bottom:1rem}
    #productLibrary .finance-responsible-add input{min-width:0;height:2.5rem;padding:0 .75rem;border:.0625rem solid #cbd5e1;border-radius:.5rem;color:#101828;font:inherit;font-size:.86rem}
    #productLibrary .finance-account-list{border:.0625rem solid #e4e7ec;border-radius:.7rem;overflow:hidden}
    #productLibrary .finance-account-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem .9rem;border-bottom:.0625rem solid #e4e7ec}
    #productLibrary .finance-account-row:last-child{border-bottom:0}
    #productLibrary .finance-account-name{min-width:0;color:#101828;font-size:.88rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    #productLibrary .finance-account-owner{min-width:0;color:#667085;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    #productLibrary .finance-account-delete{border:0;background:transparent;color:#b42318;font:inherit;font-size:.8rem;cursor:pointer}
    #productLibrary .finance-account-empty{padding:2.25rem 1rem;color:#667085;text-align:center;font-size:.86rem}
    #productLibrary .finance-responsible-list{display:flex;flex-wrap:wrap;gap:.55rem;min-height:3rem;padding:.7rem;border:.0625rem solid #e4e7ec;border-radius:.7rem;background:#fbfcfe}
    #productLibrary .finance-responsible-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .65rem;border:.0625rem solid #dbe3ed;border-radius:999px;background:#fff;color:#344054;font-size:.82rem}
    #productLibrary .finance-responsible-chip button{border:0;background:transparent;color:#b42318;font:inherit;line-height:1;cursor:pointer}
    #productLibrary .finance-account-modal-status{min-height:1.25rem;margin-top:.75rem;color:#175cd3;font-size:.8rem}
    #productLibrary .finance-account-modal-status.error{color:#b42318}
    #productLibrary .finance-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:1rem 1.35rem;border-top:.0625rem solid #e4e7ec;background:#fbfcfe}
    #productLibrary .finance-account-toolbar{display:grid;grid-template-columns:auto minmax(14rem,1fr) minmax(9rem,10.75rem) minmax(9rem,10.75rem) auto;align-items:center;gap:.65rem;padding:.85rem 1.1rem;border-bottom:.0625rem solid #e4e7ec;background:#fff}
    #productLibrary .finance-account-toolbar-title{padding-right:.4rem;color:#101828;font-size:.92rem;font-weight:800;white-space:nowrap}
    #productLibrary .finance-account-toolbar input,#productLibrary .finance-account-toolbar select{width:100%;height:2.4rem;min-width:0;padding:0 .7rem;border:.0625rem solid #cbd5e1;border-radius:.5rem;background:#fff;color:#344054;font:inherit;font-size:.84rem}
    #productLibrary .finance-account-summary{display:flex;align-items:center;gap:.65rem;padding-left:.35rem;color:#667085;font-size:.76rem;white-space:nowrap}
    #productLibrary .finance-account-summary span+span{padding-left:.65rem;border-left:.0625rem solid #e4e7ec}
    #productLibrary .finance-account-summary b{margin-left:.22rem;color:#101828;font-size:.88rem}
    #productLibrary .finance-account-summary .warn{color:#b54708}
    #productLibrary .finance-account-summary .visible{color:#667085}
    #productLibrary .finance-feedback{display:flex;align-items:center;min-height:2.5rem;padding:.6rem 1.25rem;background:#ecfdf3;color:#027a48}
    #productLibrary .finance-mapping-table th{padding:.68rem 1rem}
    #productLibrary .finance-mapping-table td{padding:.55rem 1rem}
    #productLibrary .finance-store-name small{display:none}
    #productLibrary .finance-owner-select{height:2.5rem}
    #productLibrary .finance-inline-picker{position:relative}
    #productLibrary .finance-inline-picker>summary{height:2.5rem;display:flex;align-items:center;gap:.55rem;padding:0 .65rem;border:.0625rem solid #cbd5e1;border-radius:.5rem;background:#fff;color:#344054;cursor:pointer;list-style:none;transition:border-color .15s ease,background .15s ease}
    #productLibrary .finance-inline-picker>summary::-webkit-details-marker{display:none}
    #productLibrary .finance-inline-picker>summary::after{content:"⌄";flex:0 0 auto;margin-left:.1rem;color:#667085;font-size:.88rem}
    #productLibrary .finance-inline-picker>summary:hover{border-color:#98a8bc;background:#fcfdff}
    #productLibrary .finance-inline-picker[open]>summary{border-color:#7aa7ff;background:#f9fbff;outline:none}
    #productLibrary .finance-inline-selected{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    #productLibrary .finance-inline-selected.empty{color:#98a2b3}
    #productLibrary .finance-inline-meta{flex:0 0 auto;color:#667085;font-size:.7rem;white-space:nowrap}
    #productLibrary .finance-inline-dropdown{position:absolute;z-index:35;top:2.9rem;left:0;width:min(25rem,calc(100vw - 5rem));padding:.65rem;border:.0625rem solid #c9d5e5;border-radius:.65rem;background:#fff;box-shadow:0 1rem 2.25rem rgba(16,24,40,.16)}
    #productLibrary .finance-inline-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 .1rem .55rem;color:#344054;font-size:.75rem}
    #productLibrary .finance-inline-dropdown-head strong{font-size:.8rem}
    #productLibrary .finance-inline-search{width:100%;height:2.2rem;margin-bottom:.45rem;padding:0 .65rem;border:.0625rem solid #d0d8e5;border-radius:.45rem;color:#344054;font:inherit;font-size:.8rem}
    #productLibrary .finance-inline-options{max-height:13.25rem;overflow:auto;border-top:.0625rem solid #eef1f5}
    #productLibrary .finance-inline-option{display:flex;align-items:center;gap:.55rem;padding:.55rem .45rem;border-bottom:.0625rem solid #f0f2f5;cursor:pointer}
    #productLibrary .finance-inline-option:hover{background:#f7faff}
    #productLibrary .finance-inline-option input{width:1rem;height:1rem;accent-color:#2563eb}
    #productLibrary .finance-inline-option-copy{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:.8rem}
    #productLibrary .finance-inline-option-owner{flex:0 0 auto;color:#667085;font-size:.7rem;white-space:nowrap}
    #productLibrary .finance-inline-option[hidden]{display:none}
    #productLibrary .finance-inline-empty{padding:1.5rem .5rem;color:#667085;text-align:center;font-size:.8rem}
    #productLibrary .finance-inline-dropdown-foot{display:flex;justify-content:flex-end;padding-top:.55rem}
    #productLibrary .finance-inline-done{height:2rem;padding:0 .8rem;border:.0625rem solid #2563eb;border-radius:.45rem;background:#2563eb;color:#fff;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
    #productLibrary .finance-status-badge{display:inline-flex;padding:.25rem .5rem;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:.7rem;white-space:nowrap}
    #productLibrary .finance-status-badge.todo{background:#fff4e8;color:#b54708}
    #productLibrary .finance-savebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.1rem;border-top:.0625rem solid #e4e7ec;background:#fbfcfe;color:#667085;font-size:.76rem}
    #productLibrary .purchase-fee-list{display:grid;background:#fff}
    #productLibrary .purchase-fee-row{min-height:5.35rem;display:grid;grid-template-columns:minmax(0,1fr) 14rem;align-items:center;gap:1.5rem;padding:1rem 1.25rem;border-bottom:.0625rem solid #e4e7ec}
    #productLibrary .purchase-fee-row:last-child{border-bottom:0}
    #productLibrary .purchase-fee-copy strong{display:block;color:#101828;font-size:.94rem}
    #productLibrary .purchase-fee-copy small{display:block;margin-top:.35rem;color:#667085;font-size:.79rem;line-height:1.5}
    #productLibrary .purchase-fee-field{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;color:#344054;font-size:.82rem;font-weight:700}
    #productLibrary .purchase-fee-input-wrap{width:9.5rem;height:2.5rem;display:flex;align-items:center;border:.0625rem solid #cbd5e1;border-radius:.55rem;background:#fff;overflow:hidden}
    #productLibrary .purchase-fee-input-wrap:focus-within{border-color:#6ea2ff;box-shadow:0 0 0 .1875rem rgba(37,99,235,.09)}
    #productLibrary .purchase-fee-input{min-width:0;width:100%;height:100%;border:0;outline:0;padding:0 .75rem;text-align:right;color:#101828;font:inherit;font-variant-numeric:tabular-nums}
    #productLibrary .purchase-fee-unit{height:100%;display:grid;place-items:center;padding:0 .75rem;border-left:.0625rem solid #e4e7ec;background:#f8fafc;color:#475467;font-weight:700}
    @media(max-width:82rem){#productLibrary .finance-account-toolbar{grid-template-columns:auto minmax(13rem,1fr) minmax(8.5rem,9.5rem) minmax(8.5rem,9.5rem)}#productLibrary .finance-account-summary{grid-column:1/-1;justify-content:flex-end;padding-left:0}}
    @media(max-width:78rem){#productLibrary .tool-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#productLibrary .finance-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}#productLibrary .finance-filter-count{text-align:left}#productLibrary .finance-link-toolbar{grid-template-columns:1fr 1fr}#productLibrary .finance-link-count{text-align:left}}
    @media(max-width:58rem){#productLibrary{padding:1.5rem}#productLibrary .tools-center-header{grid-template-columns:1fr;align-items:stretch;gap:1rem}#productLibrary .tools-center-controls{width:100%;justify-self:stretch;align-items:stretch}#productLibrary .tools-search{flex:1}#productLibrary .tools-search input{width:100%}#productLibrary .tool-launcher-grid,#productLibrary .tools-settings-grid{grid-template-columns:1fr}#productLibrary .tools-settings-topbar{align-items:stretch;flex-direction:column}#productLibrary .finance-settings-intro{align-items:stretch;flex-direction:column}#productLibrary .finance-filter-bar{align-items:stretch;flex-direction:column}#productLibrary .finance-filter-bar select,#productLibrary .finance-filter-bar input{width:100%;min-width:0}#productLibrary .finance-filter-count{margin-left:0}#productLibrary .finance-account-add,#productLibrary .finance-responsible-add,#productLibrary .finance-account-row{grid-template-columns:1fr}#productLibrary .finance-account-delete{justify-self:start}#productLibrary .purchase-fee-row{grid-template-columns:1fr;gap:.75rem}#productLibrary .purchase-fee-field{justify-content:space-between}}
    @media(max-width:38rem){#productLibrary .tools-center-controls{flex-direction:column}#productLibrary .product-tool-meta{min-width:auto;flex-direction:column;align-items:flex-end;gap:.35rem}}
    #pickPool .pool-workbench,
    #monitorCenter .monitor-workbench {
      margin: 0 auto;
    }
    #pickPool .pool-workbench-tabs,
    #monitorCenter .monitor-workbench-tabs,
    #pickPool .pool-library-bar,
    #pickPool .pool-workbench-toolbar,
    #pickPool .pool-table-card,
    #monitorCenter .monitor-content-card {
      border: 0.0625rem solid rgba(199, 210, 254, .82);
      background: rgba(255, 255, 255, .92);
      box-shadow: 0 1rem 2.375rem rgba(99, 102, 241, .07);
    }
    #pickPool .pool-workbench-tabs,
    #monitorCenter .monitor-workbench-tabs {
      width: max-content;
      max-width: 100%;
      margin-bottom: 0.75rem;
      padding: 0.5rem;
      border-radius: 1.125rem;
      border-bottom: 0.0625rem solid rgba(199, 210, 254, .82);
    }
    #pickPool .pool-workbench-tab,
    #monitorCenter .monitor-workbench-tab,
    #pickPool .pool-library-tab {
      height: 2.375rem;
      border-radius: 0.875rem;
      border-color: rgba(191, 219, 254, .92);
      background: rgba(255, 255, 255, .9);
      color: #475569;
      box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, .85);
    }
    #pickPool .pool-workbench-tab.active,
    #pickPool .pool-library-tab.active {
      color: #3154d4;
      border-color: #93c5fd;
      background: linear-gradient(135deg, #eef2ff, #e0f2fe);
      box-shadow: 0 0.625rem 1.375rem rgba(99, 102, 241, .12);
    }
    #pickPool .pool-library-bar {
      margin-bottom: 0.875rem;
      padding: 0.625rem 0.75rem;
      border-radius: 1.125rem;
    }
    #pickPool .pool-workbench-toolbar {
      margin-bottom: 0;
      padding: 0.875rem;
      border-radius: 1.125rem 1.125rem 0 0;
    }
    #pickPool .pool-table-card {
      border-radius: 1.375rem;
    }
    #pickPool input:not([type="checkbox"]):not([type="radio"]),
    #pickPool select,
    #pickPool textarea,
    #devPool input:not([type="checkbox"]):not([type="radio"]),
    #devPool select,
    #devPool textarea,
    #productLibrary input:not([type="checkbox"]):not([type="radio"]),
    #productLibrary select,
    #productLibrary textarea,
    #monitorCenter input:not([type="checkbox"]):not([type="radio"]),
    #monitorCenter select,
    #monitorCenter textarea,
    #toolbox input:not([type="checkbox"]):not([type="radio"]),
    #toolbox select,
    #toolbox textarea {
      border-color: #dbeafe;
      border-radius: 0.875rem;
      background-color: rgba(255, 255, 255, .96);
      box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, .82);
      color: #0f172a;
    }
    #pickPool input:not([type="checkbox"]):not([type="radio"]):focus,
    #pickPool select:focus,
    #pickPool textarea:focus,
    #devPool input:not([type="checkbox"]):not([type="radio"]):focus,
    #devPool select:focus,
    #devPool textarea:focus,
    #productLibrary input:not([type="checkbox"]):not([type="radio"]):focus,
    #productLibrary select:focus,
    #productLibrary textarea:focus,
    #monitorCenter input:not([type="checkbox"]):not([type="radio"]):focus,
    #monitorCenter select:focus,
    #monitorCenter textarea:focus,
    #toolbox input:not([type="checkbox"]):not([type="radio"]):focus,
    #toolbox select:focus,
    #toolbox textarea:focus {
      border-color: #a5b4fc;
      box-shadow: 0 0 0 0.1875rem rgba(99, 102, 241, .12);
      outline: none;
    }
    #pickPool .pool-light-btn,
    #pickPool .pool-primary-btn,
    #pickPool .pool-action,
    #pickPool .pool-icon-btn,
    #devPool .btn,
    #productLibrary .btn,
    #monitorCenter .btn,
    #toolbox .btn {
      border-radius: 0.875rem;
      box-shadow: 0 0.5rem 1.125rem rgba(99, 102, 241, .06);
    }
    #pickPool .pool-primary-btn,
    #pickPool .pool-action.primary,
    #devPool .btn.primary,
    #productLibrary .btn.primary,
    #monitorCenter .btn.primary,
    #toolbox .btn.primary {
      border-color: #6366f1;
      background: linear-gradient(135deg, #6366f1, #60a5fa);
      box-shadow: 0 0.875rem 1.75rem rgba(99, 102, 241, .18);
    }
    #pickPool .pool-light-btn:hover,
    #pickPool .pool-action:hover,
    #pickPool .pool-icon-btn:hover {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #2563eb;
    }
    #pickPool .pool-data-table th {
      background: rgba(248, 250, 255, .96);
      color: #334155;
    }
    #pickPool .pool-data-table tbody tr {
      background: rgba(255, 255, 255, .78);
      transition: background .18s ease;
    }
    #pickPool .pool-data-table tbody tr:hover {
      background: rgba(239, 246, 255, .72);
    }
    #pickPool .pool-data-table td {
      color: #172033;
    }
    #pickPool .pool-pagebar {
      background: rgba(255, 255, 255, .82);
    }
    #pickPool .pool-tag {
      border-radius: 62.4375rem;
      background: #eef2ff;
      color: #4f46e5;
    }
    #pickPool .pool-tag.uk {
      background: #dbeafe;
      color: #2563eb;
    }
    #pickPool .pool-tag.pending {
      background: #fef3c7;
      color: #b45309;
    }
    #devPool .pick-pool-empty,
    #productLibrary .pick-pool-empty,
    #monitorCenter .pick-pool-empty,
    #toolbox .pick-pool-empty {
      position: relative;
      width: min(38.75rem, 100%);
      min-height: 13.75rem;
      padding: 5.5rem 1.75rem 2rem;
      border: 0.0625rem dashed rgba(191, 219, 254, .95);
      border-radius: 1.375rem;
      background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 251, 255, .86));
      color: #94a3b8;
      box-shadow: inset 0 0.0625rem 0 rgba(255, 255, 255, .9);
    }
    #devPool .pick-pool-empty::before,
    #productLibrary .pick-pool-empty::before,
    #monitorCenter .pick-pool-empty::before,
    #toolbox .pick-pool-empty::before {
      content: "";
      position: absolute;
      top: 1.875rem;
      left: 50%;
      width: 2.625rem;
      height: 2.625rem;
      border-radius: 0.875rem;
      transform: translateX(-50%);
      display: grid;
      place-items: center;
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 1.125rem;
      box-shadow: 0 0.75rem 1.5rem rgba(99, 102, 241, .12);
    }
    #devPool .pick-pool-empty::before {
      content: "\f542";
      color: #8b5cf6;
      background: #f3e8ff;
    }
    #productLibrary .pick-pool-empty::before {
      content: "\f07c";
      color: #2563eb;
      background: #dbeafe;
    }
    #monitorCenter .pick-pool-empty::before {
      content: "\f201";
      color: #10b981;
      background: #dcfce7;
    }
    #toolbox .pick-pool-empty::before {
      content: "\f0ad";
      color: #f59e0b;
      background: #fef3c7;
    }
    .pool-workbench {
      width: min(88.75rem, 100%);
      padding: 0 0 5.625rem;
    }
    #pickPool .pool-filter-right,
    #pickPool .pool-op-btn {
      display: none;
    }
    .pool-workbench-tabs {
      margin: 0 0 0.625rem;
      gap: 0.625rem;
      border-bottom: 0.0625rem solid #e5e7eb;
      padding-bottom: 0.625rem;
    }
    .pool-workbench-tab {
      height: 2.25rem;
      padding: 0 1rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.625rem;
      background: #fff;
      color: #475569;
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
    }
    .pool-workbench-tab.active {
      color: #0b63f6;
      border-color: #0b63f6;
      background: #eff6ff;
    }
    .pool-workbench-tab.active::after {
      display: none;
    }
    .pool-workbench-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.875rem;
      flex-wrap: wrap;
      padding: 0.875rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.875rem 0.875rem 0 0;
      background: #fff;
    }
    .pool-library-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 0.875rem;
      padding-top: 0.125rem;
    }
    .pool-library-tabs {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      min-width: 0;
      overflow-x: auto;
      padding: 0.125rem 0 0.375rem;
      scrollbar-width: thin;
    }
    .pool-library-tab {
      height: 2.125rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.4375rem;
      background: #fff;
      color: #475569;
      padding: 0 0.875rem;
      font-weight: 800;
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
      gap: 0.4375rem;
    }
    .pool-library-tab.active {
      border-color: #1677ff;
      background: #eff6ff;
      color: #0b63f6;
      box-shadow: inset 0 -0.125rem 0 #1677ff;
    }
    .pool-tag-badge {
      min-width: 1.125rem;
      height: 1.125rem;
      padding: 0 0.375rem;
      border-radius: 62.4375rem;
      background: #eef2ff;
      color: #475569;
      font-size: 0.6875rem;
      display: inline-grid;
      place-items: center;
    }
    .pool-library-actions {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex: 0 0 auto;
    }
    .pool-filter-left,
    .pool-filter-right {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      flex-wrap: wrap;
    }
    .pool-workbench .pool-search {
      width: 11.25rem;
      border-radius: 0.3125rem;
    }
    .pool-workbench .pool-select {
      min-width: 7.875rem;
      border-radius: 0.3125rem;
    }
    .pool-light-btn,
    .pool-primary-btn {
      height: 2.25rem;
      padding: 0 0.875rem;
      border-radius: 0.3125rem;
      font-weight: 800;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.4375rem;
      white-space: nowrap;
    }
    .pool-light-btn {
      border: 0.0625rem solid #dbe3ee;
      background: #fff;
      color: #334155;
    }
    .pool-light-btn:hover {
      color: #2563eb;
      border-color: #bfdbfe;
      background: #eff6ff;
    }
    .pool-light-btn.danger {
      color: #dc2626;
    }
    .pool-primary-btn {
      border: 0.0625rem solid #1677ff;
      background: #1677ff;
      color: #fff;
    }
    .pool-table-card {
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.875rem;
      background: #fff;
      overflow: hidden;
      box-shadow: 0 0.625rem 1.5rem rgba(15, 23, 42, .05);
    }
    .pool-table-scroll {
      width: 100%;
      overflow-x: auto;
      overflow-y: visible;
    }
    .pool-data-table {
      width: 100%;
      min-width: 65rem;
      table-layout: fixed;
      border-collapse: collapse;
      color: #0f172a;
      font-size: 0.8125rem;
    }
    .pool-data-table th,
    .pool-data-table td {
      border-bottom: 0.0625rem solid #e5e7eb;
      padding: 0.625rem 0.75rem;
      text-align: left;
      vertical-align: middle;
      overflow: hidden;
    }
    .pool-data-table th:nth-child(5),
    .pool-data-table td:nth-child(5),
    .pool-data-table th:nth-child(6),
    .pool-data-table td:nth-child(6) {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .pool-data-table tbody tr {
      height: 4.875rem;
    }
    .pool-data-table th {
      background: #f8fafc;
      color: #334155;
      font-size: 0.75rem;
      font-weight: 900;
      white-space: nowrap;
      position: relative;
      user-select: none;
    }
    .pool-col-resizer {
      position: absolute;
      right: -0.375rem;
      top: 0;
      z-index: 5;
      width: 0.75rem;
      height: 100%;
      cursor: col-resize;
    }
    .pool-col-resizer::after {
      content: "";
      position: absolute;
      right: 0.375rem;
      top: 0.625rem;
      bottom: 0.625rem;
      width: 0.0625rem;
      background: rgba(148, 163, 184, .28);
    }
    .pool-data-table th:hover .pool-col-resizer::after {
      width: 0.125rem;
      background: #3b82f6;
    }
    .pool-data-table.view-saved col:nth-child(8),
    .pool-data-table.view-saved th:nth-child(8),
    .pool-data-table.view-saved td:nth-child(8) {
      display: none;
    }
    #pickPool .pool-workbench.view-develop .pool-batch-update,
    #pickPool .pool-data-table.view-develop .pool-update-btn {
      display: none;
    }
    body.pool-resizing {
      cursor: col-resize;
      user-select: none;
    }
    .pool-data-table tbody tr:hover {
      background: #f8fbff;
    }
    .pool-thumb-small {
      width: 3.625rem;
      height: 3.625rem;
      border: 0;
      border-radius: 0.4375rem;
      background: #f1f5f9;
      color: #cbd5e1;
      display: grid;
      place-items: center;
      font-size: 1.375rem;
      cursor: pointer;
      overflow: hidden;
      position: relative;
      padding: 0;
    }
    .pool-thumb-small:hover {
      color: #2563eb;
      background: #eff6ff;
    }
    .pool-thumb-small img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #fff;
    }
    .pool-thumb-small span {
      position: absolute;
      left: 0.25rem;
      right: 0.25rem;
      bottom: 0.25rem;
      padding: 0.125rem 0;
      border-radius: 62.4375rem;
      background: rgba(15,23,42,.72);
      color: #fff;
      font-size: 0.625rem;
      font-weight: 800;
      opacity: 0;
      transition: opacity .16s ease;
    }
    .pool-thumb-small:hover span {
      opacity: 1;
    }
    .pool-thumb-small .hidden {
      display: none;
    }
    .pool-image-stack {
      width: 4rem;
      min-height: 4rem;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #94a3b8;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      overflow: visible;
      padding: 0.375rem;
      text-align: center;
      position: relative;
    }
    .pool-image-stack:hover {
      color: #2563eb;
    }
    .pool-image-stack img {
      width: 3.25rem;
      height: 3.25rem;
      object-fit: contain;
      background: transparent;
    }
    .pool-image-stack small {
      display: none;
    }
    .pool-image-count-badge {
      position: absolute;
      right: 0.0625rem;
      bottom: 0.0625rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1.35rem;
      height: 1.15rem;
      padding: 0 0.3rem;
      border: 0.125rem solid #fff;
      border-radius: 999px;
      background: #e8eef8;
      color: #64748b;
      font-size: 0.625rem;
      font-weight: 800;
      line-height: 1;
      box-shadow: 0 0.125rem 0.35rem rgba(15, 23, 42, .08);
    }
    .pool-image-count-badge.has-images {
      background: #eff6ff;
      color: #2563eb;
    }
    .pool-image-hover-card {
      position: fixed;
      z-index: 180;
      display: none;
      width: 17.5rem;
      min-height: 17.5rem;
      padding: 0.875rem;
      border: 0.0625rem solid #eef2f7;
      border-radius: 0.75rem;
      background: #fff;
      box-shadow: 0 1.125rem 2.75rem rgba(15, 23, 42, .16);
      pointer-events: none;
    }
    .pool-image-hover-card.active {
      display: grid;
      place-items: center;
    }
    .pool-image-hover-card::before {
      content: "";
      position: absolute;
      left: -0.5rem;
      top: 50%;
      width: 0.875rem;
      height: 0.875rem;
      background: #fff;
      border-left: 0.0625rem solid #eef2f7;
      border-bottom: 0.0625rem solid #eef2f7;
      transform: translateY(-50%) rotate(45deg);
    }
    .pool-image-hover-card img {
      max-width: 100%;
      max-height: 15.625rem;
      object-fit: contain;
    }
    .pool-image-hover-card span {
      color: #94a3b8;
      font-size: 0.8125rem;
      font-weight: 800;
    }
    .pool-product-cell strong {
      display: block;
      max-width: 16.25rem;
      color: #0f172a;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 0.3125rem;
    }
    .pool-product-cell .pool-asin-line {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      max-width: 100%;
      color: #334155;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
    }
    .pool-title-line {
      display: block;
      max-width: 100%;
      margin-bottom: 0.4375rem;
      color: #0f172a;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-edit-cell {
      min-width: 0;
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      max-width: 100%;
    }
    .pool-edit-text {
      min-height: 1.5rem;
      color: #334155;
      line-height: 1.45;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      word-break: normal;
      display: inline-block;
      flex: 1 1 auto;
    }
    .pool-bullets .pool-edit-cell {
      width: 100%;
    }
    .pool-bullets .pool-edit-text {
      display: block;
      width: 100%;
      max-width: 13.75rem;
      max-height: 1.5rem;
      line-height: 1.5rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-edit-text.empty {
      color: #94a3b8;
    }
    .pool-edit-btn {
      width: 1.125rem;
      height: 1.125rem;
      border: 0;
      border-radius: 0.35rem;
      background: transparent;
      color: #94a3b8;
      display: grid;
      place-items: center;
      cursor: pointer;
      padding: 0;
      font-size: 0.75rem;
      opacity: 0;
      pointer-events: none;
      flex: 0 0 auto;
      transition: opacity .15s ease, color .15s ease, background .15s ease, transform .15s ease;
    }
    .pool-edit-cell:hover .pool-edit-btn,
    .pool-edit-btn:focus-visible {
      opacity: 1;
      pointer-events: auto;
    }
    .pool-edit-btn:hover {
      color: #2563eb;
      background: rgba(37, 99, 235, .08);
      transform: scale(1.05);
    }
    .pool-edit-control {
      display: none;
      width: 100%;
      border: 0.0625rem solid #93c5fd;
      border-radius: 0.625rem;
      background: #fff;
      color: #0f172a;
      padding: 0.5rem 0.625rem;
      outline: none;
      box-shadow: 0 0 0 0.1875rem rgba(59, 130, 246, .12);
      font-size: 0.75rem;
      line-height: 1.45;
    }
    .pool-edit-cell.editing .pool-edit-text,
    .pool-edit-cell.editing .pool-edit-btn {
      display: none;
    }
    .pool-edit-cell.editing .pool-edit-control {
      display: block;
    }
    .pool-short-name {
      max-width: 100%;
      color: #0f172a;
      font-weight: 400;
      line-height: 1.45;
    }
    .pool-short-name .pool-edit-text {
      color: #0f172a;
      font-weight: 400;
    }
    #pickPool .pool-short-name .pool-edit-text.empty,
    .pool-short-name .pool-edit-text.empty {
      color: #94a3b8;
    }
    .pool-bullets {
      width: 100%;
      max-width: 16.25rem;
    }
    .pool-bullets .pool-edit-control {
      min-height: 4.75rem;
      resize: vertical;
    }
    #pickPool .pool-data-table .textarea-expand-btn {
      display: none !important;
    }
    #pickPool .pool-data-table .textarea-expand-wrap {
      display: contents;
    }
    .pool-text-tooltip {
      position: fixed;
      z-index: 90;
      display: none;
      width: 400px;
      max-width: calc(100vw - 24px);
      max-height: 300px;
      overflow-y: auto;
      padding: 0.625rem 0.8125rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.5rem;
      background: #fff;
      color: #334155;
      box-shadow: 0 0.75rem 1.875rem rgba(15, 23, 42, .14);
      font-size: 0.8125rem;
      font-weight: 400;
      line-height: 1.5;
      white-space: pre-wrap;
      pointer-events: auto;
      user-select: text;
      overscroll-behavior: contain;
      scrollbar-width: thin;
    }
    .pool-text-tooltip.active {
      display: block;
    }
    .pool-text-tooltip::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -0.4375rem;
      width: 0.75rem;
      height: 0.75rem;
      border-right: 0.0625rem solid #dbe3ee;
      border-bottom: 0.0625rem solid #dbe3ee;
      background: #fff;
      transform: translateX(-50%) rotate(45deg);
      display: none;
    }
    .pool-text-tooltip.top-mode::after {
      display: none;
    }
    .pool-product-cell .pool-icon-mini {
      width: 1.125rem;
      height: 1.125rem;
      border: 0;
      background: transparent;
      color: #64748b;
      cursor: pointer;
      padding: 0;
    }
    .pool-product-cell .pool-asin-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      margin-left: 0.125rem;
      flex: 0 0 auto;
    }
    .pool-product-cell .pool-asin-actions button {
      border: 0;
      background: transparent;
      color: #64748b;
      cursor: pointer;
      padding: 0;
      line-height: 1;
    }
    .pool-product-cell .pool-asin-actions .pool-supply-btn {
      min-width: 0;
      height: 1.5rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      padding: 0 0.5rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 62.4375rem;
      background: #fff7ed;
      color: #f97316;
      font-size: 0.75rem;
      font-weight: 800;
      white-space: nowrap;
    }
    /* pick-pool-inline-supply-icon-only */
    .pool-product-cell .pool-asin-actions .pool-supply-btn.pool-supply-icon-only {
      width: 1.375rem;
      min-width: 1.375rem;
      height: 1.375rem;
      padding: 0;
      border: 0;
      border-radius: 0.35rem;
      background: transparent;
      color: #64748b;
      font-weight: 400;
    }
    .pool-product-cell .pool-asin-actions .pool-supply-btn.pool-supply-icon-only:hover {
      border: 0;
      background: #f1f5f9;
      color: #2563eb;
    }
    .pool-product-cell .pool-asin-actions .pool-supply-btn:hover {
      border-color: #fb923c;
      background: #ffedd5;
      color: #ea580c;
    }
    .pool-product-cell .pool-asin-actions .pool-update-btn {
      width: 1.375rem;
      height: 1.375rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 0.35rem;
    }
    .pool-product-cell .pool-asin-actions .pool-update-btn:hover {
      background: #f1f5f9;
      color: #2563eb;
    }
    .pool-product-cell .pool-asin-actions .pool-update-btn.cooldown,
    .pool-product-cell .pool-asin-actions .pool-update-btn[aria-disabled="true"] {
      opacity: 0.38;
      cursor: not-allowed;
    }
    .pool-product-cell .pool-asin-actions .pool-update-btn:disabled {
      opacity: 0.52;
      cursor: wait;
    }
    .pool-product-cell .pool-asin-actions .pool-update-btn.updating {
      width: auto;
      min-width: 3.875rem;
      padding: 0 0.4375rem;
      gap: 0.25rem;
      background: #f4f4f5;
      color: #111827;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .pool-note-cell {
      max-width: 11.25rem;
      color: #64748b;
      line-height: 1.45;
    }
    .pool-transform-cell {
      max-width: 11.25rem;
      color: #2563eb;
      line-height: 1.45;
    }
    .pool-transform-text {
      display: block;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #2563eb;
      font-weight: 700;
    }
    .pool-transform-text.empty {
      color: #94a3b8;
      font-weight: 400;
    }
    .pool-status-green {
      display: inline-flex;
      align-items: center;
      min-height: 1.5rem;
      padding: 0 0.625rem;
      border-radius: 62.4375rem;
      background: #dcfce7;
      color: #16a34a;
      font-size: 0.75rem;
      font-weight: 900;
    }
    .pool-muted {
      color: #94a3b8;
    }
    .pool-op-btn {
      height: 2rem;
      border: 0.0625rem solid #1677ff;
      border-radius: 0.5rem;
      background: #fff;
      color: #1677ff;
      padding: 0 0.875rem;
      font-weight: 900;
      cursor: pointer;
      white-space: nowrap;
    }
    .pool-row-icons {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.3125rem;
      margin-top: 0;
      white-space: nowrap;
    }
    .pool-action-primary-row,
    .pool-action-icons {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.3125rem;
      min-width: 0;
    }
    .pool-action-icons {
      display: grid;
      grid-template-columns: minmax(3.5rem, auto) repeat(3, 1.375rem);
    }
    .pool-row-icons button {
      width: 1.375rem;
      height: 1.375rem;
      border: 0;
      background: transparent;
      color: #64748b;
      cursor: pointer;
      padding: 0;
    }
    .pool-row-icons button:hover {
      color: #2563eb;
    }
    .pool-row-icons button.danger:hover {
      color: #ef4444;
    }
    .pool-row-icons button.download:hover {
      color: #16a34a;
    }
    .pool-row-icons button.pool-supply-btn {
      border-color: #fed7aa;
      background: #fff7ed;
      color: #f97316;
    }
    .pool-row-icons button.pool-supply-btn:hover {
      border-color: #fb923c;
      background: #ffedd5;
      color: #ea580c;
    }
    .pool-row-icons button.pool-action-text,
    .pool-row-icons button.pool-develop-btn {
      width: auto;
      min-width: 2.625rem;
      height: 1.5rem;
      padding: 0 0.5625rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 62.4375rem;
      background: #eff6ff;
      color: #2563eb;
      font-size: 0.75rem;
      font-weight: 900;
    }
    .pool-row-icons button.pool-develop-btn:hover {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    .pool-table-empty {
      min-height: 11.25rem;
      display: grid;
      place-items: center;
      color: #94a3b8;
      font-weight: 800;
      line-height: 1.8;
      text-align: center;
    }
    .pool-table-foot {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.5rem;
      padding: 0.625rem 0.875rem;
      color: #334155;
      font-size: 0.8125rem;
      min-width: 0;
      width: 100%;
      border-top: 0.0625rem solid #eef2f7;
      background: #fff;
    }
    .pool-table-foot button,
    .pool-table-foot select,
    .pool-table-foot input {
      height: 2rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.4375rem;
      background: #fff;
      color: #334155;
      padding: 0 0.625rem;
    }
    .pool-table-foot button {
      width: 2.125rem;
      padding: 0;
      display: inline-grid;
      place-items: center;
    }
    .pool-table-foot .pool-total {
      margin-right: 0.5rem;
      line-height: 1.3;
      white-space: nowrap;
    }
    .pool-table-foot .pool-page-current {
      min-width: 1.5rem;
      text-align: center;
      color: #0b63f6;
    }
    .pool-table-foot .pool-page-size {
      width: 6.125rem;
      min-width: 6.125rem;
    }
    .pool-page-jump {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      white-space: nowrap;
      color: #64748b;
    }
    .pool-page-jump input {
      width: 3rem;
      min-height: 2rem;
      text-align: center;
      padding: 0 0.375rem;
    }
    .pool-tag-modal {
      position: fixed;
      inset: 0;
      z-index: 85;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .36);
    }
    .pool-tag-modal.active {
      display: flex;
    }
    .pool-tag-dialog {
      width: min(42rem, 92vw);
      border-radius: 0.875rem;
      background: #fff;
      box-shadow: 0 1.5rem 4.375rem rgba(15, 23, 42, .22);
      overflow: hidden;
      border: 0.0625rem solid #e5e7eb;
    }
    .pool-tag-head {
      height: 3.5rem;
      padding: 0 1.25rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #f8fafc;
      border-bottom: 0.0625rem solid #e5e7eb;
      color: #0f172a;
      font-weight: 900;
    }
    .pool-tag-head button {
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.5rem;
      background: transparent;
      color: #64748b;
      font-size: 1.25rem;
    }
    .pool-tag-form {
      display: grid;
      grid-template-columns: minmax(11rem, 16rem) auto;
      gap: 0.625rem;
      padding: 1rem 1.25rem 1.25rem;
      justify-content: space-between;
      align-items: center;
    }
    .pool-tag-form input {
      min-height: 2.5rem;
      border-radius: 0.4375rem;
    }
    .pool-tag-form .pool-primary-btn {
      white-space: nowrap;
    }
    .pool-tag-list {
      padding: 1rem 1.25rem 0;
      max-height: 21.25rem;
      overflow-y: auto;
      overflow-x: hidden;
    }
    .pool-tag-table {
      width: 100%;
      min-width: 0 !important;
      table-layout: fixed;
      border-collapse: collapse;
      font-size: 0.8125rem;
    }
    .pool-tag-table th:nth-child(1),
    .pool-tag-table td:nth-child(1) {
      width: 34%;
    }
    .pool-tag-table th:nth-child(2),
    .pool-tag-table td:nth-child(2) {
      width: 18%;
    }
    .pool-tag-table th:nth-child(3),
    .pool-tag-table td:nth-child(3) {
      width: 24%;
    }
    .pool-tag-table th:nth-child(4),
    .pool-tag-table td:nth-child(4) {
      width: 24%;
      text-align: right;
    }
    .pool-tag-table th,
    .pool-tag-table td {
      padding: 0.75rem 0.625rem;
      border-bottom: 0.0625rem solid #e5e7eb;
      text-align: left;
      color: #334155;
    }
    .pool-tag-table th {
      background: #fff;
      color: #0f172a;
      font-weight: 900;
    }
    .pool-tag-name-input {
      width: min(16rem, 100%);
      min-height: 2.25rem;
      border: 0.0625rem solid transparent;
      border-radius: 0.4375rem;
      background: transparent;
      padding: 0 0.625rem;
      color: #334155;
      box-shadow: none;
    }
    .pool-tag-name-text {
      display: inline-flex;
      align-items: center;
      min-height: 2.25rem;
      padding: 0 0.625rem;
      color: #334155;
    }
    .pool-tag-name-input:hover {
      background: #f8fafc;
      border-color: #e5e7eb;
    }
    .pool-tag-name-input:focus {
      background: #fff;
      border-color: #bfdbfe;
      box-shadow: 0 0 0 0.1875rem rgba(59, 130, 246, .10);
    }
    .pool-tag-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      justify-content: flex-end;
      min-width: 4rem;
    }
    .pool-tag-delete-control {
      display: inline-flex;
    }
    .pool-tag-actions button {
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.4375rem;
      background: #fff;
      color: #64748b;
    }
    .pool-tag-actions button:hover {
      color: #2563eb;
      border-color: #bfdbfe;
    }
    .pool-tag-actions button:disabled,
    .pool-tag-actions button:disabled:hover {
      cursor: not-allowed;
      color: #cbd5e1;
      border-color: #e5e7eb;
      background: #f8fafc;
      box-shadow: none;
    }
    .pool-tag-actions button.danger:disabled:hover {
      color: #cbd5e1;
      border-color: #e5e7eb;
      background: #f8fafc;
    }
    .pool-tag-actions button.danger:hover {
      color: #ef4444;
      border-color: #fecaca;
      background: #fff7f7;
    }
    .pool-record-modal {
      position: fixed;
      inset: 0;
      z-index: 88;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .28);
    }
    .pool-record-modal.active {
      display: flex;
    }
    .pool-record-dialog {
      width: min(64rem, 94vw);
      border: 0.0625rem solid #dbeafe;
      border-radius: 1rem;
      background: rgba(255, 255, 255, .98);
      box-shadow: 0 1.5rem 4.5rem rgba(15, 23, 42, .22);
      overflow: hidden;
    }
    .pool-record-head {
      height: 2.875rem;
      padding: 0 0.875rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 0.0625rem solid #e5e7eb;
      background: linear-gradient(90deg, #eff6ff, #fff);
      color: #0f172a;
      font-weight: 900;
    }
    .pool-record-head button {
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.5rem;
      background: transparent;
      color: #64748b;
      font-size: 1.25rem;
    }
    .pool-record-grid {
      display: flex;
      flex-direction: column;
      gap: 0.875rem;
      padding: 0.875rem 1.25rem 1rem;
    }
    .pool-record-section {
      display: flex;
      flex-direction: column;
      gap: 0.625rem;
    }
    .pool-record-section-title,
    .pool-record-section-heading h3 {
      margin: 0;
      color: #0f172a;
      font-size: 0.875rem;
      font-weight: 900;
      line-height: 1.25;
    }
    .pool-record-section-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
    }
    .pool-record-metrics-heading {
      min-height: 2.25rem;
    }
    .pool-record-metrics-actions {
      display: flex;
      min-width: 0;
      align-items: center;
      justify-content: flex-end;
      gap: 0.625rem;
      margin-left: auto;
    }
    .pool-record-metrics-actions .pool-record-collect-status {
      max-width: min(28rem, 52vw);
      margin: 0;
      text-align: right;
    }
    .pool-record-metrics-heading button.collect {
      display: inline-flex;
      flex: 0 0 auto;
      min-width: 5rem;
      height: 2.25rem;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      padding: 0 0.75rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.375rem;
      background: #eff6ff;
      color: #1d4ed8;
      font-weight: 800;
    }
    .pool-record-metrics-heading button.collect:hover {
      border-color: #93c5fd;
      background: #dbeafe;
    }
    .pool-record-metrics-heading button.collect:disabled {
      cursor: not-allowed;
      opacity: .58;
    }
    .pool-record-basic-grid {
      display: grid;
      grid-template-columns: 0.85fr 1fr 1.45fr;
      gap: 0.625rem 0.75rem;
    }
    .pool-record-asin-control {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 2.25rem;
      gap: 0.375rem;
      min-width: 0;
    }
    .pool-record-asin-open {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.25rem;
      height: 2.25rem;
      border: 0.0625rem solid #cbd5e1;
      border-radius: 0.375rem;
      background: #fff;
      color: #2563eb;
      text-decoration: none;
    }
    .pool-record-asin-open:hover {
      border-color: #93c5fd;
      background: #eff6ff;
    }
    .pool-record-asin-open.is-disabled {
      color: #cbd5e1;
      pointer-events: none;
    }
    .pool-record-grid label {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 0.3125rem;
      min-width: 0;
      color: #334155;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .pool-record-grid label.wide,
    .pool-record-basic-grid label.wide {
      grid-column: 1 / -1;
    }
    .pool-record-grid input,
    .pool-record-grid select,
    .pool-record-grid textarea {
      min-height: 2.25rem;
      border: 0.0625rem solid #cbd5e1;
      border-radius: 0.375rem;
      background: #fff;
      padding: 0.375rem 0.625rem;
      color: #0f172a;
      font-size: 0.8125rem;
      font-weight: 400;
    }
    .pool-record-grid input:focus,
    .pool-record-grid select:focus,
    .pool-record-grid textarea:focus {
      outline: 0.125rem solid rgba(37, 99, 235, .12);
      border-color: #3b82f6;
    }
    .pool-record-idea textarea {
      min-height: 7rem;
      line-height: 1.65;
      resize: vertical;
    }
    .pool-record-field-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      color: #94a3b8;
      font-size: 0.6875rem;
      font-weight: 500;
    }
    .pool-record-field-meta output {
      margin-left: auto;
      white-space: nowrap;
    }
    .pool-record-metrics-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 0.5rem 0.625rem;
    }
    .pool-record-reference {
      gap: 0.625rem;
    }
    .pool-record-reference-head,
    .pool-record-reference-title,
    .pool-record-reference-actions {
      display: flex;
      align-items: center;
    }
    .pool-record-reference-head {
      justify-content: space-between;
      gap: 1rem;
    }
    .pool-record-reference-title {
      gap: 0.45rem;
      min-width: 0;
    }
    .pool-record-reference-title h3 {
      margin: 0;
      color: #0f172a;
      font-size: 0.875rem;
      font-weight: 900;
    }
    .pool-record-reference-count {
      color: #64748b;
      font-size: 0.6875rem;
      font-weight: 700;
    }
    .pool-record-reference-actions {
      gap: 0.25rem;
    }
    .pool-record-reference-actions button {
      min-height: 1.75rem;
      border: 0;
      border-radius: 0.375rem;
      background: transparent;
      color: #2563eb;
      cursor: pointer;
      font-size: 0.75rem;
      font-weight: 700;
      padding: 0 0.45rem;
    }
    .pool-record-reference-actions button:hover {
      background: #eff6ff;
    }
    .pool-record-reference-actions button:disabled {
      background: transparent;
      color: #94a3b8;
      cursor: not-allowed;
    }
    .pool-record-reference-strip {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.375rem;
    }
    .pool-record-reference-thumb,
    .pool-record-reference-more,
    .pool-record-reference-empty {
      min-width: 0;
      border: 0.0625rem solid #e5eaf1;
      border-radius: 0.4375rem;
      background: #f8fafc;
      overflow: hidden;
    }
    .pool-record-reference-thumb {
      width: 3.75rem;
      height: 3.75rem;
      flex: 0 0 3.75rem;
      padding: 0;
      cursor: zoom-in;
    }
    .pool-record-reference-thumb img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #fff;
    }
    .pool-record-reference-more,
    .pool-record-reference-empty {
      display: grid;
      place-items: center;
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .pool-record-reference-more {
      width: 3.75rem;
      height: 3.75rem;
      flex: 0 0 3.75rem;
      cursor: pointer;
    }
    .pool-record-reference-more:hover {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #2563eb;
    }
    .pool-record-reference-empty {
      width: 100%;
      min-height: 3.75rem;
      border-style: dashed;
      color: #94a3b8;
      font-weight: 500;
    }
    .pool-record-supply-summary {
      display: none;
      gap: 0.5rem;
    }
    #poolRecordModal[data-mode="view"] .pool-record-supply-summary {
      display: flex;
    }
    .pool-record-supply-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .pool-record-supply-heading-actions,
    .pool-record-supply-foot {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      min-width: 0;
    }
    .pool-record-supply-heading-actions {
      justify-content: flex-end;
    }
    .pool-record-supply-heading-actions > span,
    .pool-record-supply-foot {
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 500;
    }
    .pool-record-supply-foot {
      min-height: 1.75rem;
      justify-content: space-between;
      padding: 0.375rem 0.5rem;
      border: 0.0625rem dashed #dbe3ee;
      border-radius: 0.375rem;
      background: #f8fafc;
    }
    .pool-record-supply-foot > span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .pool-record-supply-link {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 0.3125rem;
      color: #2563eb;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
    }
    .pool-record-supply-link:hover {
      text-decoration: underline;
    }
    .pool-record-supply-status.is-ready b {
      color: #15803d;
    }
    .pool-record-supply-status.is-pending b {
      color: #b45309;
    }
    #poolRecordSupplyOpenBtn:disabled {
      cursor: not-allowed;
    }
    .pool-record-metric {
      display: grid;
      grid-template-columns: minmax(4rem, auto) minmax(0, 1fr);
      min-height: 2.25rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.375rem;
      background: #fff;
      overflow: hidden;
    }
    .pool-record-metric span,
    .pool-record-metric b {
      display: flex;
      align-items: center;
      min-width: 0;
      padding: 0.375rem 0.5rem;
      font-size: 0.75rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-record-metric span {
      background: #f8fafc;
      color: #475569;
      font-weight: 700;
    }
    .pool-record-metric b {
      border-left: 0.0625rem solid #e5e7eb;
      color: #1e293b;
      font-weight: 500;
    }
    .pool-record-materials {
      gap: 0.5rem;
    }
    .pool-record-icon-btn,
    .pool-record-link-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 0.0625rem solid #cbd5e1;
      border-radius: 0.375rem;
      background: #fff;
      color: #2563eb;
      cursor: pointer;
    }
    .pool-record-icon-btn {
      width: 2.25rem;
      height: 2.25rem;
    }
    .pool-record-icon-btn:hover,
    .pool-record-link-btn:hover {
      border-color: #93c5fd;
      background: #eff6ff;
    }
    .pool-record-material-group {
      display: grid;
      gap: 0.3125rem;
    }
    .pool-record-material-group-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 1.25rem;
      color: #334155;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .pool-record-material-group-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 0.5rem;
      min-width: 0;
    }
    .pool-record-report-status {
      max-width: 15rem;
      color: #64748b;
      font-size: 0.6875rem;
      font-weight: 500;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-record-report-status.success {
      color: #15803d;
    }
    .pool-record-report-status.warning {
      color: #b45309;
    }
    .pool-record-report-status.error {
      color: #b91c1c;
    }
    .pool-record-match-report,
    .pool-record-add-link {
      border: 0;
      background: transparent;
      color: #2563eb;
      font-size: 0.75rem;
      font-weight: 700;
      cursor: pointer;
      white-space: nowrap;
    }
    .pool-record-match-report {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
    }
    .pool-record-match-report:disabled {
      color: #94a3b8;
      cursor: wait;
    }
    .pool-record-link-list {
      display: grid;
      gap: 0.375rem;
    }
    .pool-record-link-list.empty {
      min-height: 2.75rem;
      place-items: center start;
      border: 0.0625rem dashed #dbe3ee;
      border-radius: 0.375rem;
      padding: 0 0.75rem;
      color: #94a3b8;
      font-size: 0.75rem;
    }
    .pool-record-link-row {
      display: grid;
      grid-template-columns: 1.5rem minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.625rem;
      min-height: 3.25rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.375rem;
      background: #fff;
      padding: 0.375rem 0.5rem;
    }
    .pool-record-link-row > i {
      color: #2563eb;
      text-align: center;
    }
    .pool-record-link-copy {
      min-width: 0;
    }
    .pool-record-link-copy-link {
      display: block;
      min-width: 0;
      color: inherit;
      text-decoration: none;
    }
    .pool-record-link-copy-link:hover strong {
      color: #2563eb;
      text-decoration: underline;
      text-underline-offset: 0.125rem;
    }
    .pool-record-link-copy strong,
    .pool-record-link-copy small {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-record-link-copy strong {
      color: #334155;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .pool-record-link-copy small {
      margin-top: 0.125rem;
      color: #64748b;
      font-size: 0.6875rem;
    }
    .pool-record-link-actions {
      display: flex;
      align-items: center;
      gap: 0.25rem;
    }
    .pool-record-link-actions button {
      width: 1.75rem;
      height: 1.75rem;
      border: 0;
      border-radius: 0.25rem;
      background: transparent;
      color: #64748b;
      cursor: pointer;
    }
    .pool-record-link-actions button:hover {
      background: #eff6ff;
      color: #2563eb;
    }
    .pool-record-file-row {
      display: none;
    }
    .pool-record-file-list {
      display: flex;
      flex-wrap: wrap;
      gap: 0.375rem;
      min-height: 0;
      padding: 0;
      color: #64748b;
    }
    .pool-record-file-list:empty {
      display: none;
    }
    .pool-record-file-list span {
      display: inline-flex;
      align-items: center;
      gap: 0.3125rem;
      max-width: 16rem;
      padding: 0.25rem 0.5rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.375rem;
      background: #eff6ff;
      color: #1d4ed8;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-record-file-chip b {
      max-width: 11.25rem;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: 500;
    }
    .pool-record-file-chip button {
      width: 1rem;
      height: 1rem;
      border: 0;
      border-radius: 50%;
      background: rgba(14, 116, 144, .12);
      color: #0369a1;
      line-height: 1rem;
      cursor: pointer;
      padding: 0;
      font-size: 0.8125rem;
      font-weight: 700;
      white-space: nowrap;
      line-height: 1;
    }
    .pool-record-file-chip button:hover {
      background: #bae6fd;
      color: #075985;
    }
    .pool-record-file-chip button:last-child:hover {
      background: #fee2e2;
      color: #dc2626;
    }
    .pool-record-original {
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.375rem;
      background: #fff;
      overflow: hidden;
    }
    .pool-record-original summary {
      display: grid;
      grid-template-columns: 9.25rem minmax(0, 1fr) auto auto;
      align-items: center;
      min-height: 2.5rem;
      cursor: pointer;
      list-style: none;
      color: #475569;
      font-size: 0.75rem;
    }
    .pool-record-original summary::-webkit-details-marker {
      display: none;
    }
    .pool-record-original summary strong {
      align-self: stretch;
      display: flex;
      align-items: center;
      padding: 0 0.75rem;
      border-right: 0.0625rem solid #e5e7eb;
      background: #f8fafc;
      color: #0f172a;
      font-size: 0.8125rem;
      font-weight: 800;
    }
    .pool-record-original summary span {
      min-width: 0;
      padding: 0 0.75rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-record-original-title-row {
      display: flex;
      align-items: center;
      gap: 0.375rem;
      min-width: 0;
      padding: 0 0 0 0.75rem;
    }
    .pool-record-original-title-row > #recordOriginalSummary {
      flex: 1 1 auto;
      padding: 0 0.375rem 0 0;
    }
    .pool-record-original-copy,
    .pool-record-original-translate {
      appearance: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      min-height: 1.75rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 999px;
      background: #fff;
      color: #64748b;
      cursor: pointer;
      font-family: inherit;
      line-height: 1;
      transition: border-color .16s ease, background-color .16s ease, color .16s ease, opacity .16s ease;
    }
    .pool-record-original-copy {
      width: 1.75rem;
      padding: 0;
      font-size: 0.75rem;
    }
    .pool-record-original-copy:hover,
    .pool-record-original-copy:focus-visible,
    .pool-record-original-translate:hover,
    .pool-record-original-translate:focus-visible {
      border-color: #93c5fd;
      background: #eff6ff;
      color: #2563eb;
      outline: none;
    }
    .pool-record-original-translate {
      gap: 0.35rem;
      padding: 0 0.45rem;
      font-size: 0.6875rem;
      font-weight: 800;
      white-space: nowrap;
    }
    .pool-record-original-translate u {
      position: relative;
      display: inline-block;
      width: 1.75rem;
      height: 1rem;
      border-radius: 999px;
      background: #cbd5e1;
      text-decoration: none;
      transition: background-color .18s ease;
    }
    .pool-record-original-translate u::after {
      content: "";
      position: absolute;
      top: 0.125rem;
      left: 0.125rem;
      width: 0.75rem;
      height: 0.75rem;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 0.0625rem 0.1875rem rgba(15, 23, 42, 0.24);
      transition: transform .18s ease;
    }
    .pool-record-original-translate.is-active {
      border-color: #93c5fd;
      background: #eff6ff;
      color: #2563eb;
    }
    .pool-record-original-translate.is-active u {
      background: #1677ff;
    }
    .pool-record-original-translate.is-active u::after {
      transform: translateX(0.75rem);
    }
    .pool-record-original-translate.is-loading u::after {
      animation: pool-record-translate-pulse .8s ease-in-out infinite alternate;
    }
    .pool-record-original-copy:disabled,
    .pool-record-original-translate:disabled {
      cursor: not-allowed;
      opacity: 0.52;
    }
    @keyframes pool-record-translate-pulse {
      from { opacity: 0.45; }
      to { opacity: 1; }
    }
    .pool-record-original summary .pool-record-original-action {
      display: inline-flex;
      align-items: center;
      min-height: 1.75rem;
      margin-left: 0.75rem;
      padding: 0 0.625rem;
      border-radius: 999px;
      background: #eff6ff;
      color: #2563eb;
      font-size: 0.75rem;
      font-style: normal;
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
      transition: background-color .18s ease, color .18s ease;
    }
    .pool-record-original summary:hover .pool-record-original-action {
      background: #dbeafe;
      color: #1d4ed8;
    }
    .pool-record-original summary > .pool-record-original-chevron {
      margin-right: 0.75rem;
      transition: transform .18s ease;
    }
    .pool-record-original[open] summary > .pool-record-original-chevron {
      transform: rotate(180deg);
    }
    .pool-record-original summary .pool-record-original-copy i,
    .pool-record-original[open] summary .pool-record-original-copy i {
      margin: 0;
      transform: none;
      transition: none;
    }
    .pool-record-original-content {
      display: grid;
      gap: 0.625rem;
      padding: 0.75rem;
      border-top: 0.0625rem solid #e5e7eb;
    }
    .pool-record-original-preview {
      display: none;
      gap: 0.625rem;
    }
    .pool-record-original-preview-block {
      display: grid;
      gap: 0.35rem;
      padding: 0.625rem 0.75rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.5rem;
      background: #f8fafc;
    }
    .pool-record-original-preview-block > span {
      color: #64748b;
      font-size: 0.6875rem;
      font-weight: 800;
    }
    .pool-record-original-preview-block p,
    .pool-record-original-preview-block ol {
      margin: 0;
      color: #1e293b;
      font-size: 0.8125rem;
      line-height: 1.55;
    }
    .pool-record-original-preview-block ol {
      display: grid;
      gap: 0.35rem;
      padding-left: 1.25rem;
    }
    #recordOriginalBulletsPreview {
      max-height: 11rem;
      overflow-y: auto;
      overscroll-behavior: contain;
      padding-right: 0.25rem;
    }
    .pool-record-original-preview-block li.empty {
      color: #94a3b8;
      list-style: none;
      margin-left: -1.25rem;
    }
    .pool-record-original-notice {
      margin: -0.125rem 0 0;
      color: #64748b;
      font-size: 0.6875rem;
      line-height: 1.45;
    }
    .pool-record-original-content textarea {
      min-height: 7rem;
      line-height: 1.5;
      resize: vertical;
    }
    .pool-record-supplement textarea {
      min-height: 3.75rem;
      resize: vertical;
    }
    .pool-material-cell {
      color: #64748b;
      line-height: 1.45;
    }
    .pool-material-summary {
      display: inline-flex;
      max-width: 100%;
      align-items: center;
      gap: 0.375rem;
      color: #475569;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-material-summary.has-data {
      color: #2563eb;
      font-weight: 700;
    }
    .pool-record-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.625rem;
      padding: 0.75rem 1.25rem;
      border-top: 0.0625rem solid #eef2f7;
    }
    .pool-record-collect-status {
      min-width: 0;
      margin-right: auto;
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 500;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .pool-record-actions button {
      min-width: 5rem;
      height: 2.25rem;
      border-radius: 0.375rem;
      border: 0.0625rem solid #dbe3ee;
      background: #fff;
      color: #334155;
      font-weight: 800;
    }
    .pool-record-actions button.primary {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    .pool-record-actions button.collect,
    .pool-record-metrics-heading button.collect {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
    }
    .pool-record-actions button:disabled {
      cursor: not-allowed;
      opacity: .58;
    }
    .pool-record-view-only {
      display: none;
    }
    #poolRecordModal[data-mode="view"] .pool-record-view-only {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.375rem;
    }
    #poolRecordModal[data-mode="view"] .pool-record-edit-only,
    #poolRecordModal[data-mode="view"] #poolRecordCollectBtn,
    #poolRecordModal[data-mode="view"] #recordAttachmentTrigger,
    #poolRecordModal[data-mode="view"] #recordMatchReportBtn,
    #poolRecordModal[data-mode="view"] #recordAddResearchLinkBtn,
    #poolRecordModal[data-mode="view"] [data-edit-record-link],
    #poolRecordModal[data-mode="view"] [data-remove-record-link],
    #poolRecordModal[data-mode="view"] [data-remove-record-attachment],
    #poolRecordModal[data-mode="view"] .required-mark,
    #poolRecordModal[data-mode="view"] .pool-record-field-meta output {
      display: none !important;
    }
    #poolRecordModal[data-mode="view"] .pool-record-original-preview {
      display: grid;
    }
    #poolRecordModal[data-mode="view"] .pool-record-grid input[readonly],
    #poolRecordModal[data-mode="view"] .pool-record-grid textarea[readonly],
    #poolRecordModal[data-mode="view"] .pool-record-grid select:disabled {
      border-color: #e2e8f0;
      background: #f8fafc;
      color: #1e293b;
      opacity: 1;
      cursor: text;
      -webkit-text-fill-color: #1e293b;
    }
    #poolRecordModal[data-mode="view"] .pool-record-grid textarea[readonly] {
      resize: none;
    }
    #poolRecordModal[data-mode="view"] .pool-record-grid select:disabled {
      cursor: default;
    }
    #poolRecordModal[data-mode="view"] .pool-record-actions button.primary {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    @media (max-width: 56.25rem) {
      .pool-record-basic-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .pool-record-metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 40rem) {
      .pool-record-basic-grid,
      .pool-record-metrics-grid {
        grid-template-columns: 1fr;
      }
      .pool-record-supply-heading-actions > span {
        display: none;
      }
      .pool-record-grid {
        padding-inline: 0.75rem;
      }
      .pool-record-original summary {
        grid-template-columns: 7.5rem minmax(0, 1fr) auto auto;
      }
    }
    .product-dev-modal {
      position: fixed;
      inset: 0;
      z-index: 90;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.125rem;
      background: rgba(15, 23, 42, .34);
    }
    .product-dev-modal.active {
      display: flex;
    }
    .product-dev-dialog {
      width: min(73.75rem, 96vw);
      max-height: min(92vh, 57.5rem);
      display: flex;
      flex-direction: column;
      border: 0.0625rem solid #dbeafe;
      border-radius: 1rem;
      background: rgba(255, 255, 255, .98);
      box-shadow: 0 1.75rem 5rem rgba(15, 23, 42, .24);
      overflow: hidden;
    }
    .product-dev-head {
      height: 3.375rem;
      padding: 0 1.125rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 0.0625rem solid #e5e7eb;
      background: linear-gradient(90deg, #eff6ff, #fff);
      color: #0f172a;
      font-weight: 900;
    }
    .product-dev-head button {
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.5625rem;
      background: transparent;
      color: #64748b;
      font-size: 1.25rem;
      cursor: pointer;
    }
    .product-dev-layout {
      display: grid;
      grid-template-columns: minmax(18.75rem, 1fr) minmax(18.75rem, .96fr) minmax(18.75rem, 1fr);
      gap: 0.875rem;
      padding: 1rem;
      overflow: auto;
      background: #f8fafc;
    }
    .product-dev-panel {
      display: flex;
      flex-direction: column;
      gap: 0.625rem;
      min-width: 0;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      padding: 0.875rem;
    }
    .product-dev-panel h3 {
      margin: 0 0 0.25rem;
      padding-bottom: 0.625rem;
      border-bottom: 0.0625rem solid #eef2f7;
      color: #0f172a;
      font-size: 1rem;
      font-weight: 900;
    }
    .dev-image-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.5rem;
    }
    .dev-image-tile {
      position: relative;
      aspect-ratio: 1;
      display: grid;
      place-items: center;
      border: 0.0625rem dashed #cbd5e1;
      border-radius: 0.5rem;
      background: #f8fafc;
      color: #94a3b8;
      font-size: 0.75rem;
      overflow: hidden;
      cursor: pointer;
      transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    }
    .dev-image-tile img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .dev-image-tile:hover {
      transform: scale(1.04);
      box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, .18);
      border-color: #93c5fd;
      z-index: 2;
    }
    .dev-image-tile.selected {
      border: 0.125rem solid #2563eb;
      box-shadow: 0 0 0 0.1875rem rgba(37, 99, 235, .12);
    }
    .dev-image-tile .delete-tip {
      position: absolute;
      inset: auto 0.375rem 0.375rem;
      border-radius: 62.4375rem;
      background: rgba(15, 23, 42, .68);
      color: #fff;
      font-size: 0.6875rem;
      padding: 0.1875rem 0.4375rem;
      opacity: 0;
      transition: opacity .16s ease;
    }
    .dev-image-tile:hover .delete-tip {
      opacity: 1;
    }
    .dev-form-field {
      display: grid;
      gap: 0.3125rem;
      color: #334155;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .dev-field-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      min-height: 1.5rem;
    }
    .dev-field-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      flex: 0 0 auto;
    }
    .dev-form-field input,
    .dev-form-field textarea {
      width: 100%;
      min-height: 2.25rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.5rem;
      padding: 0.5rem 0.625rem;
      background: #fff;
      color: #0f172a;
      font-size: 0.8125rem;
      font-weight: 400;
      outline: none;
    }
    .dev-form-field textarea {
      min-height: 5.75rem;
      resize: vertical;
      line-height: 1.55;
    }
    .dev-product-note-field textarea {
      min-height: 3.25rem;
      max-height: 4.25rem;
    }
    .dev-transform-field {
      margin-top: 0.25rem;
    }
    .dev-transform-field > span {
      color: #475569;
      font-size: 0.875rem;
      font-weight: 950;
    }
    .dev-transform-field textarea {
      min-height: 6.75rem;
      border-color: #dbe3ee;
      background: #fff;
    }
    #devCompetitorBulletsEn,
    #devCompetitorBulletsZh,
    #devReferenceBulletsEn,
    #devReferenceBulletsZh {
      min-height: 8.25rem;
    }
    .dev-form-field input:focus,
    .dev-form-field textarea:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 0.1875rem rgba(37, 99, 235, .12);
    }
    .dev-translate-btn {
      height: 2rem;
      border: 0;
      border-radius: 0.5rem;
      background: #f1f5f9;
      color: #334155;
      font-weight: 900;
      cursor: pointer;
    }
    .dev-translate-btn:hover {
      background: #e0f2fe;
      color: #0369a1;
    }
    .dev-translate-inline {
      min-height: 1.5rem;
      height: 1.5rem;
      padding: 0 0.5rem;
      border-radius: 62.4375rem;
      font-size: 0.75rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.3125rem;
      white-space: nowrap;
    }
    .dev-translate-inline.icon-only {
      width: 1.75rem;
      padding: 0;
    }
    .dev-translate-btn:disabled,
    .dev-translate-btn.is-loading {
      cursor: wait;
      opacity: .72;
    }
    .dev-translate-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.5rem;
    }
    .dev-asin-row {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      min-height: 2.125rem;
      color: #0f172a;
      font-size: 1rem;
      font-weight: 900;
    }
    .dev-asin-row button {
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.4375rem;
      background: #fff;
      color: #2563eb;
      cursor: pointer;
    }
    .dev-mode-buttons {
      display: flex;
      gap: 0.5rem;
      padding-bottom: 0.375rem;
    }
    .dev-mode-buttons button {
      height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #f8fafc;
      color: #334155;
      padding: 0 0.75rem;
      font-weight: 900;
      cursor: pointer;
    }
    .dev-mode-buttons button.active {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    .product-dev-footer {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.625rem;
      padding: 0.875rem 1.125rem;
      border-top: 0.0625rem solid #e5e7eb;
      background: #fff;
    }
    .product-dev-footer button {
      min-width: 5.75rem;
      height: 2.375rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.5625rem;
      background: #fff;
      color: #334155;
      font-weight: 900;
      cursor: pointer;
    }
    .product-dev-footer button.primary {
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    .product-dev-footer button.dev-submit-btn {
      min-width: 8.75rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.375rem;
      padding: 0 1rem;
      border-radius: 0.6875rem;
      box-shadow: 0 0.625rem 1rem rgba(37, 99, 235, .18);
      white-space: nowrap;
    }
    .product-dev-footer button.dev-submit-btn:hover {
      background: #1d4ed8;
      border-color: #1d4ed8;
      transform: translateY(-0.0625rem);
    }
    @media (max-width: 61.25rem) {
      .product-dev-layout {
        grid-template-columns: 1fr;
      }
    }
    .dev-config-module,
    .dev-supply-module {
      width: 100%;
      min-width: 0;
      display: grid;
      padding: 0.75rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.625rem;
      background: #fff;
      box-shadow: 0 0.125rem 0.375rem rgba(15, 23, 42, .04);
    }
    .dev-config-module {
      gap: 0.625rem;
    }
    .dev-supply-module {
      gap: 0;
      cursor: pointer;
      outline: none;
      transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
    }
    .dev-supply-module:hover {
      border-color: #cbd5e1;
      background: #f8fafc;
      box-shadow: 0 0.5rem 1.125rem rgba(15, 23, 42, .09);
      transform: translateY(-0.0625rem);
    }
    .dev-supply-module:focus-visible {
      border-color: #94a3b8;
      box-shadow: 0 0 0 0.1875rem rgba(100, 116, 139, .16);
    }
    .dev-supply-summary {
      width: 100%;
      display: grid;
      gap: 0.5rem;
      margin: 0;
      padding: 0 0 0.625rem;
      border: 0;
      border-bottom: 0.0625rem solid #e2e8f0;
      background: transparent;
      color: #0f172a;
      text-align: left;
    }
    .dev-supply-summary-head,
    .dev-profit-preview-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.625rem;
    }
    .dev-supply-summary-title,
    .dev-profit-preview-title {
      display: inline-flex;
      align-items: center;
      gap: 0.4375rem;
      color: #0f172a;
      font-size: 0.875rem;
      font-weight: 900;
    }
    .dev-supply-summary-title i,
    .dev-profit-preview-title i {
      color: #64748b;
    }
    .dev-supply-summary-badge,
    .dev-profit-status {
      display: inline-flex;
      align-items: center;
      min-height: 1.375rem;
      padding: 0 0.4375rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.3125rem;
      background: #f8fafc;
      color: #475569;
      font-size: 0.6875rem;
      font-weight: 800;
    }
    .dev-supply-summary-body {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
      gap: 0.625rem;
      color: #64748b;
      font-size: 0.6875rem;
    }
    .dev-supply-summary-copy,
    .dev-supply-summary-cost {
      min-width: 0;
      display: grid;
      gap: 0.1875rem;
    }
    .dev-supply-summary-cost {
      padding-left: 0.625rem;
      border-left: 0.0625rem solid #e2e8f0;
    }
    .dev-supply-summary-copy strong,
    .dev-supply-summary-cost strong {
      overflow: hidden;
      color: #0f172a;
      font-size: 0.75rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dev-supply-summary-cost strong {
      color: #c2410c;
    }
    .dev-profit-preview {
      display: grid;
      gap: 0.5rem;
      padding: 0.625rem 0 0;
      border-bottom: 0;
    }
    .dev-profit-summary {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 0.75rem;
    }
    .dev-profit-value-wrap {
      display: inline-flex;
      align-items: baseline;
      gap: 0.4375rem;
    }
    .dev-profit-value-wrap span {
      color: #64748b;
      font-size: 0.6875rem;
    }
    .dev-profit-value-wrap strong {
      color: #15803d;
      font-size: 1.125rem;
    }
    .dev-profit-margin {
      color: #15803d;
      font-size: 0.75rem;
      font-weight: 900;
    }
    .dev-profit-formula {
      color: #94a3b8;
      font-size: 0.625rem;
      line-height: 1.35;
    }
    .dev-profit-metrics {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      border-top: 0.0625rem solid #e2e8f0;
    }
    .dev-profit-metric {
      min-width: 0;
      display: grid;
      gap: 0.1875rem;
      padding: 0.4375rem 0.3125rem 0;
    }
    .dev-profit-metric + .dev-profit-metric {
      border-left: 0.0625rem solid #e2e8f0;
    }
    .dev-profit-metric span {
      color: #64748b;
      font-size: 0.625rem;
    }
    .dev-profit-metric strong {
      overflow: hidden;
      color: #334155;
      font-size: 0.6875rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dev-profit-metric.manual strong {
      color: #c2410c;
    }
    /* 全局隐藏数字填写框的浏览器上下微调箭头，保留数字键盘与输入能力。 */
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
      margin: 0;
      -webkit-appearance: none;
      appearance: none;
    }
    input[type="number"] {
      -moz-appearance: textfield;
      appearance: textfield;
    }
    .product-supply-modal {
      position: fixed;
      inset: 0;
      z-index: 10030;
      display: none;
      align-items: center;
      justify-content: center;
      padding: clamp(1rem, 2vw, 2rem);
      background: rgba(15, 23, 42, .42);
      backdrop-filter: blur(0.125rem);
    }
    .product-supply-modal.active {
      display: flex;
    }
    .product-supply-dialog {
      position: relative;
      width: min(76rem, calc(100vw - 2rem));
      height: min(44rem, calc(100vh - 2rem));
      min-width: 0;
      min-height: min(34rem, calc(100vh - 2rem));
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      border: 0.0625rem solid #d7e1ed;
      border-radius: 0.5rem;
      background: #fff;
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .24);
      overflow: hidden;
    }
    .product-supply-close {
      position: absolute;
      top: 0.75rem;
      right: 1.5rem;
      z-index: 3;
      width: 2rem;
      height: 2rem;
      display: grid;
      place-items: center;
      border: 0.0625rem solid #d7e1ed;
      border-radius: 0.3125rem;
      background: #fff;
      color: #64748b;
      cursor: pointer;
    }
    .product-supply-close:hover {
      border-color: #cbd5e1;
      background: #f8fafc;
      color: #0f172a;
    }
    .product-supply-body {
      min-width: 0;
      min-height: 0;
      overflow: auto;
      padding: 1.25rem;
      overscroll-behavior: contain;
    }
    .product-supply-section-title {
      margin: 0 0 1.25rem;
      padding-left: 0.75rem;
      border-left: 0.25rem solid #2563eb;
      color: #0f172a;
      font-size: 0.9375rem;
      font-weight: 900;
      line-height: 1.25;
    }
    .product-supply-parent-grid {
      display: grid;
      grid-template-columns: minmax(15rem, 0.72fr) minmax(22rem, 1.48fr);
      gap: 1rem;
    }
    .product-supply-field {
      min-width: 0;
      display: grid;
      gap: 0.375rem;
      color: #53667d;
      font-size: 0.75rem;
    }
    .product-supply-field input,
    .product-supply-input,
    .product-supply-sku-input,
    .product-supply-number,
    .product-supply-note,
    .product-supply-alternative-input {
      width: 100%;
      height: 2.125rem;
      min-width: 0;
      border: 0.0625rem solid #d7e1ed;
      border-radius: 0.25rem;
      background: #fff;
      color: #0f172a;
      padding: 0 0.625rem;
      outline: 0;
    }
    .product-supply-field input:focus,
    .product-supply-input:focus,
    .product-supply-sku-input:focus,
    .product-supply-number:focus,
    .product-supply-note:focus,
    .product-supply-alternative-input:focus {
      border-color: #60a5fa;
      box-shadow: 0 0 0 0.125rem rgba(37, 99, 235, .12);
    }
    .product-supply-children {
      margin-top: 2.125rem;
    }
    .product-supply-children-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin-bottom: 0.875rem;
    }
    .product-supply-children-actions {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    .product-supply-children-actions .product-supply-section-title {
      margin: 0;
    }
    .product-supply-profit-calculator {
      min-width: 62rem;
      margin-top: 1rem;
      padding: 0.75rem 0.625rem 0.625rem;
      border: 0.0625rem solid #d7e1ed;
      border-radius: 0.25rem;
      background: #f4f6f9;
      overflow-x: auto;
    }
    .product-supply-profit-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.625rem;
    }
    .product-supply-profit-heading .product-supply-section-title {
      margin: 0;
    }
    .product-supply-profit-unit {
      color: #94a3b8;
      font-size: 0.625rem;
      font-weight: 700;
    }
    .product-supply-profit-config {
      min-width: 49rem;
      display: grid;
      grid-template-columns: 5.5rem 7.5rem 8.6rem 2.25rem 7.5rem 5.25rem 1fr;
      gap: 0.8rem;
      align-items: end;
      margin-bottom: 0.75rem;
    }
    .product-supply-profit-control {
      min-width: 0;
      display: grid;
      gap: 0.25rem;
      color: #111827;
      font-size: 0.625rem;
      line-height: 1.1;
      text-align: center;
    }
    .product-supply-profit-control > span {
      min-height: 0.75rem;
      white-space: nowrap;
    }
    .product-supply-profit-control input,
    .product-supply-profit-control select {
      width: 100%;
      height: 1.875rem;
      min-width: 0;
      border: 0.0625rem solid #cbd5e1;
      border-radius: 0.1875rem;
      background: #fff;
      color: #0f172a;
      padding: 0 0.4375rem;
      outline: 0;
      font-size: 0.6875rem;
      text-align: center;
    }
    .product-supply-profit-control input:focus,
    .product-supply-profit-control select:focus {
      border-color: #60a5fa;
      box-shadow: 0 0 0 0.125rem rgba(37, 99, 235, .1);
    }
    .product-supply-profit-control.freight-mode {
      grid-column: span 1;
    }
    .product-supply-profit-ai {
      align-self: start;
      justify-self: end;
      height: 1.5rem;
      margin-top: 0.05rem;
      border: 0;
      background: transparent;
      color: #cbd5e1;
      font-size: 0.625rem;
      cursor: not-allowed;
    }
    .product-supply-profit-fields {
      min-width: 70rem;
      display: grid;
      grid-template-columns: repeat(7, minmax(7rem, 1fr)) 5.25rem minmax(7rem, 1fr);
      gap: 1.15rem;
      align-items: end;
    }
    .product-supply-profit-field {
      position: relative;
      min-width: 0;
      display: grid;
      gap: 0.25rem;
      color: #111827;
      font-size: 0.625rem;
      line-height: 1.1;
      text-align: center;
    }
    .product-supply-profit-field[data-operator]::before {
      content: attr(data-operator);
      position: absolute;
      left: -0.575rem;
      bottom: 0.55rem;
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 800;
      transform: translateX(-50%);
    }
    .product-supply-profit-field input,
    .product-supply-profit-output {
      width: 100%;
      height: 1.875rem;
      min-width: 0;
      border: 0.0625rem solid #cbd5e1;
      border-radius: 0.1875rem;
      background: #fff;
      color: #0f172a;
      padding: 0 0.4375rem;
      outline: 0;
      font-size: 0.75rem;
      font-weight: 700;
      text-align: center;
    }
    .product-supply-profit-field input:focus {
      border-color: #60a5fa;
      box-shadow: 0 0 0 0.125rem rgba(37, 99, 235, .1);
    }
    .product-supply-profit-output {
      display: flex;
      align-items: center;
      justify-content: center;
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
    }
    .product-supply-profit-output.positive {
      border-color: #bbf7d0;
      background: #f0fdf4;
      color: #15803d;
    }
    .product-supply-profit-output.negative {
      border-color: #fecaca;
      background: #fff1f2;
      color: #dc2626;
    }
    .product-supply-profit-add {
      height: 1.875rem;
      border: 0.0625rem dashed #94a3b8;
      border-radius: 0.1875rem;
      background: #fff;
      color: #111827;
      font-size: 0.625rem;
      font-weight: 700;
      cursor: pointer;
      white-space: nowrap;
    }
    .product-supply-profit-add:hover {
      border-color: #2563eb;
      color: #1d4ed8;
    }
    .product-supply-toolbar {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      margin-bottom: 0.875rem;
    }
    .product-supply-tool-button {
      height: 2.0625rem;
      min-width: 5.25rem;
      padding: 0 0.75rem;
      border: 0.0625rem solid #d7e1ed;
      border-radius: 0.25rem;
      background: #fff;
      color: #26384f;
      font-size: 0.75rem;
      font-weight: 800;
      cursor: pointer;
    }
    .product-supply-tool-button.primary {
      min-width: 6rem;
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    .product-supply-table {
      min-width: 0;
      overflow: hidden;
      border: 0.0625rem solid #dce4ee;
      border-radius: 0.25rem;
      background: #fff;
    }
    .product-supply-head,
    .product-supply-row,
    .product-supply-quick-row {
      display: grid;
      grid-template-columns: minmax(9.5rem, .85fr) minmax(14rem, 1.2fr) minmax(16rem, 1.45fr) minmax(11.5rem, 1.1fr) minmax(5.25rem, .48fr) minmax(4.5rem, .4fr) minmax(3.75rem, .32fr);
      align-items: center;
    }
    .product-supply-head {
      min-height: 2.375rem;
      background: #f6f8fb;
      color: #5c6e85;
      font-size: 0.6875rem;
      border-bottom: 0.0625rem solid #dce4ee;
    }
    .product-supply-head span,
    .product-supply-cell {
      min-width: 0;
      padding: 0 0.5rem;
    }
    .product-supply-row {
      min-height: 3.8125rem;
      border-bottom: 0.0625rem solid #dce4ee;
    }
    .product-supply-identity {
      min-width: 0;
      display: block;
      padding: 0 0.5rem;
    }
    .product-supply-identity-fields {
      min-width: 0;
      display: grid;
      gap: 0.125rem;
    }
    .product-supply-name,
    .product-supply-child-sku {
      width: 100%;
      min-width: 0;
      padding: 0;
      border: 0;
      background: transparent;
      outline: 0;
    }
    .product-supply-name {
      color: #1768e5;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .product-supply-child-sku {
      color: #708197;
      font-size: 0.6875rem;
      font-weight: 700;
    }
    .product-supply-link-wrap {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 0.25rem;
    }
    .product-supply-fetch {
      flex: 0 0 auto;
      height: 1.875rem;
      padding: 0 0.25rem;
      border: 0;
      background: transparent;
      color: #1768e5;
      font-size: 0.6875rem;
      font-weight: 800;
      cursor: pointer;
      white-space: nowrap;
    }
    .product-supply-price {
      color: #f97316;
    }
    .product-supply-number {
      text-align: right;
    }
    .product-supply-total {
      height: 2.125rem;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 0.625rem;
      border: 0.0625rem solid #d7e1ed;
      border-radius: 0.25rem;
      color: #0f172a;
      font-size: 0.75rem;
      white-space: nowrap;
    }
    .product-supply-link-button {
      padding: 0;
      border: 0;
      background: transparent;
      color: #1768e5;
      font-size: 0.6875rem;
      cursor: pointer;
    }
    .product-supply-quick-row {
      min-height: 3.6875rem;
      border-bottom: 0.0625rem solid #dce4ee;
    }
    .product-supply-quick-add {
      width: 1.75rem;
      height: 1.75rem;
      border: 0;
      background: transparent;
      color: #2563eb;
      cursor: pointer;
    }
    .product-supply-total-row {
      min-height: 3.75rem;
      display: grid;
      grid-template-columns: 5rem minmax(12rem, 1fr) minmax(10rem, .55fr) minmax(8rem, .45fr) 8.75rem;
      align-items: center;
      gap: 0.625rem;
      padding: 0 0.75rem;
      background: #fbfcfe;
    }
    .product-supply-total-row strong {
      text-align: right;
      font-size: 0.75rem;
    }
    .product-supply-batch-total {
      height: 2.125rem;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0 0.625rem;
      border: 0.0625rem solid #d7e1ed;
      border-radius: 0.25rem;
      color: #0f172a;
      font-size: 0.75rem;
      font-weight: 900;
    }
    .product-supply-alternatives {
      margin-top: 1.625rem;
    }
    .product-supply-alternative-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.75rem;
    }
    .product-supply-alternative-heading .product-supply-section-title {
      margin: 0;
    }
    .product-supply-alternative-add {
      width: 2.125rem;
      height: 2.125rem;
      flex: 0 0 auto;
      display: grid;
      place-items: center;
      border: 0.0625rem solid #2563eb;
      border-radius: 0.25rem;
      background: #2563eb;
      color: #fff;
      cursor: pointer;
    }
    .product-supply-alternative-add:hover {
      background: #1d4ed8;
    }
    .product-supply-alternative-table {
      min-width: 0;
      overflow: hidden;
      border: 0.0625rem solid #dce4ee;
      border-radius: 0.25rem;
      background: #fff;
    }
    .product-supply-alternative-head,
    .product-supply-alternative-row {
      display: grid;
      grid-template-columns: 5.5rem minmax(18rem, 1fr) minmax(20rem, 1.25fr) 4rem;
      align-items: center;
    }
    .product-supply-alternative-head {
      min-height: 2.375rem;
      border-bottom: 0.0625rem solid #dce4ee;
      background: #f6f8fb;
      color: #5c6e85;
      font-size: 0.6875rem;
    }
    .product-supply-alternative-head span,
    .product-supply-alternative-cell {
      min-width: 0;
      padding: 0 0.5rem;
    }
    .product-supply-alternative-row {
      min-height: 3.75rem;
      border-bottom: 0.0625rem solid #dce4ee;
    }
    .product-supply-alternative-row:last-child {
      border-bottom: 0;
    }
    .product-supply-alternative-index {
      color: #53667d;
      font-size: 0.75rem;
      font-weight: 800;
    }
    .product-supply-alternative-input {
      font-size: 0.75rem;
    }
    .product-supply-alternative-remove {
      width: 2rem;
      height: 2rem;
      display: grid;
      place-items: center;
      border: 0;
      border-radius: 0.25rem;
      background: transparent;
      color: #64748b;
      cursor: pointer;
    }
    .product-supply-alternative-remove:hover {
      background: #fff1f2;
      color: #dc2626;
    }
    .product-supply-alternative-empty {
      min-height: 3.75rem;
      display: grid;
      place-items: center;
      color: #94a3b8;
      font-size: 0.75rem;
    }
    .product-supply-footer {
      display: flex;
      justify-content: flex-end;
      gap: 0.625rem;
      padding: 0.75rem 1.25rem;
      border-top: 0.0625rem solid #e2e8f0;
      background: #fff;
    }
    .product-supply-footer button {
      height: 2.125rem;
      min-width: 4.25rem;
      padding: 0 0.875rem;
      border: 0.0625rem solid #d7e1ed;
      border-radius: 0.3125rem;
      background: #fff;
      color: #334155;
      font-size: 0.75rem;
      font-weight: 900;
      cursor: pointer;
    }
    .product-supply-footer button.primary {
      min-width: 7rem;
      border-color: #2563eb;
      background: #2563eb;
      color: #fff;
    }
    @media (max-width: 56.25rem) {
      .product-supply-modal {
        padding: 0.75rem;
      }
      .product-supply-dialog {
        width: calc(100vw - 1.5rem);
        height: calc(100vh - 1.5rem);
        min-height: 0;
      }
      .product-supply-parent-grid {
        grid-template-columns: 1fr;
      }
      .product-supply-children-header {
        grid-template-columns: 1fr;
        gap: 0.75rem;
      }
      .product-supply-children-actions {
        min-width: 0;
        flex-direction: row;
        align-items: center;
        gap: 1rem;
      }
      .product-supply-children-actions .product-supply-section-title {
        margin: 0;
      }
      .product-supply-profit-calculator {
        grid-template-columns: 1fr;
        gap: 0.5rem;
      }
      .product-supply-profit-title {
        display: flex;
        align-items: baseline;
        gap: 0.375rem;
      }
      .product-supply-profit-fields {
        grid-template-columns: repeat(4, minmax(6.25rem, 1fr));
      }
      .product-supply-toolbar {
        align-items: stretch;
      }
      .product-supply-table {
        overflow: auto;
      }
      .product-supply-head,
      .product-supply-row,
      .product-supply-quick-row {
        min-width: 65rem;
      }
      .product-supply-alternative-table {
        overflow: auto;
      }
      .product-supply-alternative-head,
      .product-supply-alternative-row {
        min-width: 56rem;
      }
    }
    @media (max-width: 40rem) {
      .product-supply-profit-fields {
        grid-template-columns: repeat(2, minmax(7rem, 1fr));
      }
    }
    .image-grid-modal {
      position: fixed;
      inset: 0;
      z-index: 12000;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .35);
    }
    .image-grid-modal.active {
      display: flex;
    }
    .image-grid-dialog {
      width: min(35rem, 92vw);
      max-height: 92vh;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1.125rem;
      background: #fff;
      box-shadow: 0 1.5rem 4.375rem rgba(15, 23, 42, .24);
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    .image-grid-head {
      height: 3.375rem;
      padding: 0 1.125rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 0.0625rem solid #e5e7eb;
      color: #0f172a;
      font-weight: 900;
    }
    .image-grid-title {
      display: flex;
      align-items: baseline;
      gap: 0.5rem;
    }
    .image-grid-title small {
      color: #64748b;
      font-size: 0.6875rem;
      font-weight: 700;
    }
    .image-grid-head button {
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.5625rem;
      background: #f1f5f9;
      color: #64748b;
      cursor: pointer;
      font-weight: 900;
    }
    .image-grid-toolbar {
      min-height: 3rem;
      padding: 0.625rem 1rem 0.375rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      color: #64748b;
      font-size: 0.6875rem;
    }
    .image-grid-toolbar b {
      color: #334155;
    }
    .image-grid-exclusion-count {
      display: inline-flex;
      margin-left: 0.35rem;
      color: #94a3b8;
      font-size: 0.6875rem;
      font-weight: 700;
    }
    .image-grid-exclusion-count:empty {
      display: none;
    }
    .image-grid-toolbar button {
      min-height: 1.9rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.5rem;
      background: #f8fbff;
      color: #2563eb;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0 0.65rem;
      font-size: 0.6875rem;
      font-weight: 800;
      white-space: nowrap;
    }
    .image-grid-toolbar button:hover {
      background: #eff6ff;
    }
    .image-grid-toolbar button:disabled {
      cursor: not-allowed;
      opacity: .65;
    }
    .image-grid-toolbar-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.375rem;
    }
    .image-grid-modal:not(.is-editing) .image-grid-edit-only {
      display: none !important;
    }
    .image-grid-status {
      min-height: 1rem;
      margin: 0;
      padding: 0 1rem;
      color: #64748b;
      font-size: 0.6875rem;
      line-height: 1.45;
    }
    .image-grid-status.success {
      color: #15803d;
    }
    .image-grid-status.warning {
      color: #b45309;
    }
    .image-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.625rem;
      padding: 0.875rem 1rem;
      overflow-y: auto;
    }
    .image-slot {
      position: relative;
      min-width: 0;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #f8fafc;
      padding: 0.5rem;
    }
    .image-slot:hover {
      border-color: #93c5fd;
      background: #eff6ff;
    }
    .image-slot-preview {
      aspect-ratio: 1 / 1;
      border-radius: 0.5rem;
      background: #fff;
      display: grid;
      place-items: center;
      color: #cbd5e1;
      overflow: hidden;
      margin-bottom: 0.375rem;
      cursor: zoom-in;
    }
    .image-slot-hint {
      display: grid;
      place-items: center;
      gap: 0.3125rem;
      text-align: center;
      color: #94a3b8;
      font-size: 0.6875rem;
      font-weight: 800;
      line-height: 1.35;
      padding: 0.375rem;
    }
    .image-slot-hint i {
      font-size: 1.125rem;
      color: #cbd5e1;
    }
    .image-slot-preview img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .image-slot-download {
      position: absolute;
      left: 0.75rem;
      top: 0.75rem;
      z-index: 2;
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid rgba(255, 255, 255, .92);
      border-radius: 999px;
      background: rgba(255, 255, 255, .94);
      color: #2563eb;
      cursor: pointer;
      display: grid;
      place-items: center;
      opacity: 0;
      transform: translateY(-0.125rem);
      box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, .16);
      transition: opacity .16s ease, transform .16s ease, background .16s ease;
    }
    .image-slot:hover .image-slot-download,
    .image-slot:focus-within .image-slot-download {
      opacity: 1;
      transform: translateY(0);
    }
    .image-slot-download:hover {
      background: #eff6ff;
    }
    .image-slot-delete {
      position: absolute;
      right: 0.75rem;
      top: 0.75rem;
      z-index: 2;
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid rgba(255, 255, 255, .92);
      border-radius: 999px;
      background: rgba(255, 255, 255, .94);
      color: #ef4444;
      cursor: pointer;
      display: grid;
      place-items: center;
      opacity: .82;
      transform: translateY(0);
      box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, .16);
      transition: opacity .16s ease, transform .16s ease, background .16s ease;
    }
    .image-slot:hover .image-slot-delete,
    .image-slot:focus-within .image-slot-delete {
      opacity: 1;
    }
    .image-slot-delete:hover {
      background: #fff1f2;
    }
    .image-slot input {
      width: 100%;
      min-height: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      padding: 0 0.5rem;
      font-size: 0.6875rem;
    }
    .image-grid-modal:not(.is-editing) .image-slot input {
      display: none;
    }
    .image-grid-modal:not(.is-editing) .image-slot.is-empty {
      display: none;
    }
    .image-grid-modal:not(.is-editing) .image-slot-preview {
      margin-bottom: 0;
    }
    .image-grid-actions {
      padding: 0 1rem 1rem;
      display: flex;
      justify-content: center;
      gap: 0.625rem;
    }
    .image-zoom-modal {
      position: fixed;
      inset: 0;
      z-index: 12500;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.75rem;
      background: rgba(15, 23, 42, .58);
    }
    .image-zoom-modal.active {
      display: flex;
    }
    .image-zoom-box {
      position: relative;
      width: min(53.75rem, 94vw);
      max-height: 86vh;
      border-radius: 1.125rem;
      background: #fff;
      box-shadow: 0 1.5rem 4.375rem rgba(15, 23, 42, .28);
      display: grid;
      place-items: center;
      padding: 1.125rem;
    }
    .image-zoom-box img {
      max-width: 100%;
      max-height: 78vh;
      object-fit: contain;
    }
    .image-zoom-close {
      position: absolute;
      right: 0.75rem;
      top: 0.75rem;
      width: 2.125rem;
      height: 2.125rem;
      border: 0;
      border-radius: 0.625rem;
      background: #f1f5f9;
      color: #334155;
      cursor: pointer;
      font-weight: 900;
    }
    .image-zoom-nav {
      position: absolute;
      top: 50%;
      z-index: 3;
      width: 3rem;
      height: 3rem;
      border: 1px solid rgba(255, 255, 255, .7);
      border-radius: 999px;
      background: rgba(15, 23, 42, .76);
      color: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transform: translateY(-50%);
      box-shadow: 0 .5rem 1.5rem rgba(15, 23, 42, .22);
      cursor: pointer;
      font-size: 1rem;
      transition: background .16s ease, transform .16s ease, box-shadow .16s ease;
    }
    .image-zoom-nav.previous {
      left: 1rem;
    }
    .image-zoom-nav.next {
      right: 1rem;
    }
    .image-zoom-nav:hover,
    .image-zoom-nav:focus-visible {
      background: rgba(37, 99, 235, .94);
      box-shadow: 0 .625rem 1.75rem rgba(37, 99, 235, .3);
      outline: none;
    }
    .image-zoom-nav:active {
      transform: translateY(-50%) scale(.94);
    }
    .image-zoom-nav[hidden] {
      display: none !important;
    }
    @media (max-width: 47.5rem) {
      .image-zoom-modal {
        padding: .75rem;
      }
      .image-zoom-box {
        width: 96vw;
        padding: .625rem;
      }
      .image-zoom-nav {
        width: 2.625rem;
        height: 2.625rem;
      }
      .image-zoom-nav.previous {
        left: .5rem;
      }
      .image-zoom-nav.next {
        right: .5rem;
      }
    }
    @media (max-width: 47.5rem) {
      .pick-pool-head {
        align-items: flex-start;
        flex-direction: column;
      }
      .pool-card {
        grid-template-columns: auto 4.5rem minmax(0, 1fr);
      }
      .pool-thumb {
        width: 4.5rem;
        height: 4.5rem;
      }
      .pool-card-actions {
        grid-column: 1 / -1;
        display: flex;
        min-width: 0;
      }
      .pool-action {
        flex: 1;
      }
      .pool-workbench-toolbar {
        align-items: stretch;
      }
      .pool-filter-left,
      .pool-filter-right {
        width: 100%;
      }
    }
    .mobile-menu { display: none; }
    .panel { display: none; }
    .panel.active { display: block; }

    .btn {
      border: 0.0625rem solid #dcdce0;
      background: #fff;
      color: #1d1d1f;
      border-radius: var(--radius-small);
      padding: 0.75rem 1.125rem;
      min-height: 2.875rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      transition: transform .18s ease, background .18s ease, border-color .18s ease;
      white-space: nowrap;
    }
    .btn:hover { transform: translateY(-0.0625rem); border-color: #c9c9cf; }
    .btn.primary { border-color: var(--blue); background: var(--blue); color: #fff; }
    .btn.orange { border-color: var(--orange); background: var(--orange); color: #fff; }
    .btn.soft { background: rgba(255, 255, 255, .18); border-color: rgba(255,255,255,.2); color: #fff; }
    .btn.command { background: #fff; border-color: #fff; color: #0752a3; box-shadow: 0 0.625rem 1.375rem rgba(0, 0, 0, .08); }
    .btn.small { min-height: 2.375rem; padding: 0.5rem 0.75rem; font-size: 0.8125rem; }
    .btn.icon { width: 2.625rem; padding: 0; }

    .home-banner {
      background:
        radial-gradient(circle at 78% 28%, rgba(255, 255, 255, .28), transparent 26%),
        linear-gradient(135deg, #0b4280, #2090bc);
      border-radius: 1.5rem;
      padding: clamp(1.875rem, 5vw, 3.75rem) clamp(1.5rem, 4vw, 3.125rem);
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(20rem, .72fr);
      align-items: center;
      gap: 2.25rem;
      color: #fff;
      margin-bottom: 1.75rem;
      box-shadow: 0 1.25rem 3.375rem rgba(6, 69, 126, .18);
      overflow: hidden;
      position: relative;
    }
    .home-banner::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.08));
      pointer-events: none;
    }
    .banner-left { position: relative; z-index: 1; }
    .tag {
      display: inline-block;
      font-size: 0.8125rem;
      background: rgba(255, 255, 255, .15);
      padding: 0.4375rem 0.75rem;
      border-radius: 0.5rem;
      margin-bottom: 1rem;
    }
    .banner-left h1 {
      margin-bottom: 1rem;
      font-size: clamp(2.375rem, 5vw, 3.5rem);
      line-height: 1.14;
      letter-spacing: 0;
    }
    .tip-desc {
      opacity: .9;
      font-size: 0.9375rem;
      line-height: 1.75;
      margin-bottom: 1.75rem;
      max-width: 42.5rem;
    }
    .banner-btn-group { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1.875rem; }
    .platform-tag { display: flex; gap: 0.625rem; flex-wrap: wrap; }
    .platform-tag span {
      background: rgba(255, 255, 255, .12);
      padding: 0.4375rem 0.875rem;
      border-radius: 0.5rem;
      font-size: 0.8125rem;
    }
    .banner-right {
      position: relative;
      z-index: 1;
      min-height: 20rem;
      background: #fff;
      border-radius: 1.25rem;
      padding: 1.375rem;
      color: #999;
      box-shadow: 0 1.375rem 2.75rem rgba(0, 0, 0, .14);
      display: grid;
      grid-template-rows: auto 1fr auto;
      gap: 0.875rem;
    }
    .preview-top { display: flex; justify-content: space-between; align-items: center; color: #6e6e73; font-size: 0.8125rem; }
    .preview-window {
      border-radius: 1rem;
      background:
        linear-gradient(45deg, #f8f8fa 25%, transparent 25%),
        linear-gradient(-45deg, #f8f8fa 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #f8f8fa 75%),
        linear-gradient(-45deg, transparent 75%, #f8f8fa 75%),
        #fff;
      background-size: 1.375rem 1.375rem;
      background-position: 0 0, 0 0.6875rem, 0.6875rem -0.6875rem, -0.6875rem 0;
      border: 0.0625rem solid #eeeef2;
      display: grid;
      place-items: center;
      min-height: 13.125rem;
      overflow: hidden;
    }
    .product-shape {
      width: 54%;
      aspect-ratio: 1 / .72;
      border-radius: 1.125rem;
      background: linear-gradient(145deg, #e9f4ff, #b8dcff);
      box-shadow: inset 0 0 0 0.0625rem rgba(0, 122, 255, .16), 0 1.125rem 2.25rem rgba(0, 122, 255, .14);
      position: relative;
    }
    .product-shape::before, .product-shape::after {
      content: "";
      position: absolute;
      border-radius: 62.4375rem;
      background: rgba(0, 122, 255, .22);
    }
    .product-shape::before { width: 62%; height: 16%; left: 19%; top: 20%; }
    .product-shape::after { width: 72%; height: 18%; left: 14%; bottom: 21%; }
    .thumb-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; }
    .thumb { height: 2.75rem; border-radius: 0.625rem; border: 0.0625rem solid #eeeef2; background: #f8fbff; }

    .advantage-row {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1.125rem;
      margin-bottom: 1.5rem;
    }
    .adv-card, .card-box, .panel-card, .table-card {
      background: #fff;
      border: 0.0625rem solid rgba(0, 0, 0, .04);
      border-radius: var(--radius);
      box-shadow: var(--shadow-soft);
    }
    .adv-card { padding: 1.75rem 1.375rem; min-height: 8.25rem; }
    .adv-card h3 { margin-bottom: 0.5rem; font-size: 1.875rem; color: var(--ink); }
    .adv-card p { margin: 0; color: #666; font-size: 0.875rem; line-height: 1.55; }

    .section-title {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 0.875rem;
      margin-bottom: 1.125rem;
    }
    .section-title.compact-hidden {
      display: none;
    }
    .panel > .section-title:first-child,
    .panel > .panel-card:first-child > .section-title:first-child,
    .panel > .table-card:first-child > .section-title:first-child {
      display: none;
    }
    .section-title h2 { margin: 0; font-size: 1.625rem; }
    .pill {
      display: inline-flex;
      align-items: center;
      min-height: 1.875rem;
      padding: 0.375rem 0.625rem;
      border-radius: 62.4375rem;
      border: 0.0625rem solid #dde7ff;
      background: #f1f7ff;
      color: var(--blue);
      font-size: 0.75rem;
      white-space: nowrap;
    }
    .grid { display: grid; gap: 1.125rem; }
    .grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .panel-card, .card-box { padding: 1.375rem; }
    .card-title { font-size: 1rem; font-weight: 600; margin-bottom: 1rem; color: #222; }
    .actions { display: flex; gap: 0.625rem; justify-content: flex-end; flex-wrap: wrap; margin-top: 1rem; }

    .chat-box {
      min-height: 20rem;
      border: 0.0625rem solid var(--line);
      border-radius: 1rem;
      background: #fafafa;
      padding: 1rem;
      display: grid;
      gap: 0.75rem;
      align-content: end;
    }
    .bubble {
      max-width: 78%;
      padding: 0.75rem 0.875rem;
      border-radius: 0.875rem;
      background: #fff;
      border: 0.0625rem solid var(--line);
      color: #424245;
      line-height: 1.6;
    }
    .bubble.user { justify-self: end; background: #e8f3ff; color: #0752a3; border-color: #cce3ff; }

    .content.chat-workspace {
      overflow: hidden;
    }
    #chat {
      min-height: calc(100vh - 4rem);
      background: #fff;
      overflow: hidden;
    }
    .consultant-workbench {
      --consultant-content-width: min(61.25rem, calc(100vw - var(--sidebar) - 12rem));
      --consultant-title-width: clamp(10rem, calc((100vw - var(--sidebar) - var(--consultant-content-width)) / 2 - 5rem), 16rem);
      --consultant-scroll-bottom-space: 1.5rem;
      min-height: calc(100vh - 4rem);
      height: calc(100vh - 4rem);
      position: relative;
      background: #fff;
      color: #0f172a;
      overflow: hidden;
    }
    .consultant-home {
      min-height: 100vh;
      display: grid;
      align-content: center;
      justify-items: center;
      padding: 0 2rem 11.5rem;
      transition: opacity .18s ease, transform .18s ease;
    }
    .consultant-title {
      margin: 0 0 2.25rem;
      color: #030712;
      font-size: clamp(2rem, 3vw, 2.75rem);
      line-height: 1.2;
      font-weight: 500;
      letter-spacing: 0;
      text-align: center;
    }
    .consultant-composer {
      width: min(59rem, calc(100vw - var(--sidebar) - 10rem));
      min-width: 42rem;
      border: 0.0625rem solid #e8e8eb;
      border-radius: 1.375rem;
      background: #fff;
      box-shadow: 0 0.875rem 2rem rgba(15, 23, 42, .08);
      overflow: hidden;
      transition: width .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .consultant-input-wrap {
      min-height: 6.25rem;
      background: #fff;
    }
    .consultant-hint-marquee {
      height: 1.875rem;
      border-bottom: 0.0625rem solid #eef2f7;
      background: #fbfcff;
      color: #f97316;
      font-size: 0.8125rem;
      line-height: 1;
      overflow: hidden;
      display: flex;
      align-items: center;
      white-space: nowrap;
    }
    .consultant-hint-marquee span {
      display: inline-block;
      min-width: max-content;
      color: #f97316 !important;
      animation: consultantHintScroll 20s linear infinite;
      will-change: transform;
    }
    @keyframes consultantHintScroll {
      from { transform: translateX(100%); }
      to { transform: translateX(-100%); }
    }
    @media (prefers-reduced-motion: reduce) {
      .consultant-hint-marquee span {
        animation: none;
      }
    }
    .consultant-input-wrap textarea {
      width: 100%;
      min-height: 6.25rem;
      max-height: 14rem;
      border: 0;
      border-radius: 0;
      resize: vertical;
      padding: 1.25rem 1.375rem 0.5rem;
      color: #111827;
      background: transparent;
      font-size: 1rem;
      line-height: 1.55;
      box-shadow: none;
    }
    .consultant-input-wrap textarea:focus {
      border: 0;
      box-shadow: none;
    }
    .consultant-input-wrap textarea::placeholder {
      color: #a6acb5;
    }
    .consultant-toolbar {
      min-height: 3.75rem;
      padding: 0.625rem 0.75rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      color: #111827;
    }
    .consultant-toolbar-spacer {
      flex: 1 1 auto;
      min-width: 1rem;
    }
    .consultant-tool-chip,
    .consultant-clear,
    .consultant-send {
      width: 2.625rem;
      height: 2.625rem;
      border: 0;
      border-radius: 0.875rem;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
    }
    .consultant-tool-chip {
      background: #f5f6f8;
      color: #1f2937;
      font-size: 1rem;
    }
    .consultant-tool-chip.with-text {
      width: auto;
      min-width: 5.25rem;
      padding: 0 0.8125rem;
      display: inline-flex;
      gap: 0.5rem;
      color: #111827;
      white-space: nowrap;
    }
    .consultant-tool-chip:hover,
    .consultant-clear:hover {
      background: #eef0f3;
    }
    .consultant-tool-chip.active {
      background: #111827;
      color: #fff;
    }
    .consultant-tool-chip.active:hover {
      background: #1f2937;
    }
    .consultant-clear {
      width: 1.75rem;
      height: 1.75rem;
      border-radius: 0.625rem;
      background: #d1d5db;
      color: #fff;
      font-size: 0.75rem;
      cursor: not-allowed;
    }
    .consultant-clear.ready {
      background: #111827;
      cursor: pointer;
    }
    .consultant-clear.ready:hover {
      background: #1f2937;
    }
    .consultant-mode-select {
      width: auto;
      min-width: 6.5rem;
      min-height: 2.625rem;
      height: 2.625rem;
      border: 0.0625rem solid #e6e7eb;
      border-radius: 0.875rem;
      background: #fff;
      color: #111827;
      padding: 0 1.75rem 0 0.875rem;
      box-shadow: none;
      font-size: 0.9375rem;
    }
    .consultant-send {
      background: #aeb0b2;
      color: #fff;
      font-size: 1rem;
      cursor: not-allowed;
    }
    .consultant-send.ready {
      background: #111827;
      cursor: pointer;
    }
    .consultant-send.ready:hover {
      background: #1f2937;
    }
    .consultant-send.loading i::before {
      content: "\f04d";
    }
    .consultant-attachment-list {
      display: none;
      align-items: center;
      gap: 0.375rem;
      max-width: 18rem;
      min-width: 0;
      overflow-x: auto;
      scrollbar-width: thin;
    }
    .consultant-attachment-list.has-items {
      display: inline-flex;
    }
    .consultant-attachment-chip {
      flex: 0 0 auto;
      max-width: 8.75rem;
      height: 2rem;
      display: inline-flex;
      align-items: center;
      gap: 0.3125rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 999px;
      background: #f8fbff;
      color: #52627a;
      padding: 0 0.5rem;
      font-size: 0.8125rem;
      white-space: nowrap;
    }
    .consultant-attachment-chip span {
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .consultant-attachment-chip button {
      border: 0;
      background: transparent;
      color: #94a3b8;
      cursor: pointer;
      font-size: 0.95rem;
      line-height: 1;
      padding: 0;
    }
    .consultant-quick-row {
      margin-top: 1.75rem;
      display: flex;
      justify-content: center;
      gap: 0.625rem;
      flex-wrap: wrap;
    }
    .consultant-quick-row button {
      min-height: 2.625rem;
      border: 0.0625rem solid #e7e7ea;
      border-radius: 0.75rem;
      background: #fff;
      color: #111827;
      padding: 0.5rem 1rem;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      box-shadow: none;
    }
    .consultant-quick-row button:hover {
      background: #f8f8f8;
    }
    .consultant-chat-stage {
      position: absolute;
      inset: 0;
      padding: 1.25rem 2rem calc(13rem + var(--consultant-scroll-bottom-space));
      opacity: 0;
      pointer-events: none;
      transition: opacity .18s ease;
      overflow-y: auto;
      scrollbar-width: thin;
    }
    .consultant-chat-title {
      color: #030712;
      font-size: 1.125rem;
      line-height: 1.4;
      font-weight: 500;
      flex: 0 1 auto;
      order: 1;
      width: var(--consultant-title-width);
      max-width: var(--consultant-title-width);
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .consultant-chat-head {
      position: sticky;
      top: 1.25rem;
      left: 0;
      z-index: 12;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.35rem;
      width: var(--consultant-title-width);
      max-width: var(--consultant-title-width);
      min-height: 1.75rem;
      margin: 0 0 2rem;
      padding: 0;
      background: transparent;
      box-shadow: none;
      pointer-events: auto;
    }
    .consultant-new-chat-btn {
      border: 0;
      background: transparent;
      color: #64748b;
      padding: 0.125rem 0;
      display: inline-flex;
      align-items: center;
      font-size: 0.875rem;
      cursor: pointer;
      opacity: .9;
      flex: 0 0 auto;
      order: 2;
      white-space: nowrap;
      text-decoration: none;
      text-underline-offset: 0.1875rem;
    }
    .consultant-new-chat-btn:hover {
      color: #111827;
      opacity: 1;
      text-decoration: underline;
    }
    .consultant-new-chat-btn:focus-visible {
      outline: 0.125rem solid rgba(37, 99, 235, .28);
      outline-offset: 0.1875rem;
      border-radius: 0.25rem;
    }
    .consultant-chat-box {
      width: min(var(--consultant-content-width), 100%);
      min-height: 0;
      height: auto;
      max-height: none;
      margin: 0 auto;
      padding: 0.125rem 0 var(--consultant-scroll-bottom-space);
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      display: block;
      overflow: visible;
      align-content: stretch;
    }
    .consultant-chat-box .conversation-turn {
      margin: 0 0 1.4rem;
    }
    .consultant-chat-box .conversation-user,
    .consultant-chat-box .agent-answer {
      max-width: min(var(--consultant-content-width), 100%);
    }
    .consultant-chat-box .agent-answer {
      margin-top: 1.15rem;
    }
    .consultant-chat-box .thinking-pill {
      margin: 0 0 0.65rem;
      padding: 0.25rem 0;
      gap: 0.5rem;
      color: #98a1ad;
      background: transparent;
    }
    .consultant-message {
      display: flex;
      align-items: flex-start;
      max-width: 100%;
      margin: 0 0 0.85rem;
    }
    .consultant-message.user {
      justify-content: flex-end;
    }
    .consultant-message.assistant {
      justify-content: flex-start;
      color: #8f98a5;
    }
    .consultant-message .bubble {
      border: 0;
      max-width: min(38rem, 78%);
      box-shadow: none;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .consultant-message.user .bubble {
      background: #f4f4f4;
      color: #030712;
      border-radius: 1.125rem;
      padding: 0.75rem 1.125rem;
      font-size: 1rem;
      line-height: 1.55;
    }
    .consultant-message.assistant .bubble {
      background: transparent;
      color: #111827;
      padding: 0;
      line-height: 1.65;
      font-size: 0.9375rem;
    }
    .consultant-thinking {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      color: #98a1ad;
      font-size: 0.9375rem;
    }
    .consultant-thinking-icon {
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 0.5rem;
      background: #7cc4ff;
      color: #111827;
      display: inline-grid;
      place-items: center;
      font-size: 0.75rem;
    }
    .consultant-chat-box .thinking-general {
      width: 3rem;
      height: 2.05rem;
      border-radius: 0;
      background: transparent;
      color: inherit;
      display: block;
      place-items: initial;
      transform-origin: 50% 80%;
      animation: none;
      overflow: visible;
    }
    .consultant-workbench.chat-active .consultant-home {
      opacity: 1;
      transform: none;
      pointer-events: none;
    }
    .consultant-workbench.chat-active .consultant-title,
    .consultant-workbench.chat-active .consultant-quick-row {
      opacity: 0;
      pointer-events: none;
    }
    .consultant-workbench.chat-active .consultant-chat-stage {
      opacity: 1;
      pointer-events: auto;
    }
    .consultant-workbench.chat-active .consultant-composer {
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      width: min(calc(var(--consultant-content-width) + 8rem), calc(100vw - var(--sidebar) - 4rem));
      min-width: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      z-index: 6;
      box-shadow: 0 -0.875rem 2.5rem rgba(15, 23, 42, .08);
      pointer-events: auto;
    }
    .consultant-workbench.chat-active .consultant-composer::before {
      content: "";
      position: absolute;
      left: -1.25rem;
      right: -1.25rem;
      top: -1.25rem;
      bottom: -0.0625rem;
      z-index: -1;
      background: #fff;
      border-radius: 1.5rem 1.5rem 0 0;
    }
    .consultant-workbench.chat-active .consultant-input-wrap {
      min-height: 5.25rem;
    }
    .consultant-workbench.chat-active .consultant-input-wrap textarea {
      min-height: 5.25rem;
    }

    @media (max-width: 86rem) {
      .consultant-workbench {
        --consultant-content-width: min(56rem, calc(100vw - var(--sidebar) - 5rem));
        --consultant-title-width: clamp(8rem, calc((100vw - var(--sidebar) - var(--consultant-content-width)) / 2 - 2rem), 14rem);
      }
      .consultant-chat-box,
      .consultant-composer {
        width: var(--consultant-content-width);
        min-width: 0;
      }
      .consultant-workbench.chat-active .consultant-composer {
        width: min(calc(var(--consultant-content-width) + 4rem), calc(100vw - var(--sidebar) - 2rem));
        min-width: 0;
      }
    }
    @media (max-width: 55rem) {
      .content.chat-workspace {
        overflow-y: auto;
      }
      .consultant-home {
        padding: 5rem 1rem 11rem;
      }
      .consultant-workbench {
        --consultant-scroll-bottom-space: 1.25rem;
      }
      .consultant-composer,
      .consultant-workbench.chat-active .consultant-composer {
        width: calc(100vw - 2rem);
        min-width: 0;
      }
      .consultant-chat-stage {
        padding: 1.25rem 1rem calc(11rem + var(--consultant-scroll-bottom-space));
      }
      .consultant-chat-head {
        position: sticky;
        top: 0;
        left: auto;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 0.35rem 0 0.85rem;
        background: #fff;
      }
      .consultant-chat-title {
        width: min(100%, calc(100vw - 2rem));
        max-width: min(100%, calc(100vw - 2rem));
      }
      .consultant-chat-box {
        width: 100%;
        height: auto;
      }
      .consultant-toolbar {
        gap: 0.35rem;
      }
      .consultant-tool-chip.with-text span {
        display: none;
      }
      .consultant-tool-chip.with-text {
        min-width: 2.625rem;
        padding: 0;
      }
      .consultant-mode-select {
        min-width: 6.75rem;
        padding-left: 0.75rem;
      }
      .consultant-quick-row {
        padding: 0 1rem;
      }
    }

    .draw-row {
      display: grid;
      grid-template-columns: minmax(15.625rem, 20rem) minmax(0, 1fr);
      gap: 1.5rem;
      margin-bottom: 1.5rem;
      align-items: start;
      height: calc(100vh - 7.25rem);
      min-height: 34rem;
      overflow: hidden;
    }
    .draw-left, .draw-main {
      display: grid;
      gap: 0.75rem;
      min-width: 0;
    }
    .draw-left {
      max-height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      padding-right: 0.375rem;
      scrollbar-width: thin;
      scrollbar-color: rgba(17, 24, 39, .24) transparent;
    }
    .draw-left::-webkit-scrollbar {
      width: 0.375rem;
    }
    .draw-left::-webkit-scrollbar-track {
      background: transparent;
    }
    .draw-left::-webkit-scrollbar-thumb {
      background: rgba(17, 24, 39, .22);
      border-radius: 999rem;
    }
    .draw-left::-webkit-scrollbar-thumb:hover {
      background: rgba(17, 24, 39, .34);
    }
    .draw-main {
      min-height: 0;
      max-height: 100%;
      overflow: hidden;
      padding-right: 0.125rem;
      grid-template-rows: max-content minmax(0, 1fr) max-content;
    }
    .draw-left .card-box { padding: 1.125rem; }
    .draw-main .card-box { padding: 1.375rem 1.5rem; }
    .draw-main .draw-product-info,
    .draw-main .draw-result-panel {
      position: sticky;
      z-index: 5;
      background: #fff;
    }
    .draw-main .draw-product-info {
      top: 0;
      padding: 0.75rem 1rem;
    }
    .draw-main .draw-result-panel {
      bottom: 0;
      padding: 0.75rem 1rem;
    }
    .draw-main .draw-prompt-card {
      min-height: 0;
      overflow-y: auto;
      padding: 1rem 1.25rem;
      scrollbar-width: thin;
      scrollbar-color: rgba(17, 24, 39, .24) transparent;
    }
    .draw-main .draw-prompt-card::-webkit-scrollbar {
      width: 0.375rem;
    }
    .draw-main .draw-prompt-card::-webkit-scrollbar-track {
      background: transparent;
    }
    .draw-main .draw-prompt-card::-webkit-scrollbar-thumb {
      background: rgba(17, 24, 39, .22);
      border-radius: 999rem;
    }
    .draw-product-info .info-head,
    .draw-result-panel .info-head {
      margin-bottom: 0.45rem;
    }
    .draw-product-info .info-head p {
      display: none;
    }
    .draw-product-info .field-row {
      padding: 0.32rem 0;
      grid-template-columns: 8.75rem minmax(0, 1fr);
    }
    .draw-product-info input {
      min-height: 2.25rem;
    }
    .draw-product-info textarea {
      min-height: 3rem;
      max-height: 3.25rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .draw-product-info .actions {
      margin-top: 0.35rem;
    }
    .info-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.875rem;
    }
    .info-head .card-title { margin-bottom: 0; }
    .field-row, .prompt-row {
      display: grid;
      grid-template-columns: 10.625rem minmax(0, 1fr);
      gap: 0.875rem;
      align-items: center;
      padding: 0.625rem 0;
      border-top: 0.0625rem solid #f0f0f2;
    }
    .field-row:first-of-type, .prompt-row:first-of-type { border-top: 0; }
    .field-label {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      color: #242426;
      font-weight: 600;
      font-size: 0.875rem;
    }
    .code-badge {
      width: 2.125rem;
      height: 2.125rem;
      border-radius: 0.75rem;
      display: inline-grid;
      place-items: center;
      color: #376aa8;
      background: #edf5ff;
      font-size: 0.75rem;
      font-weight: 700;
      flex: 0 0 auto;
    }
    .prompt-row textarea {
      min-height: 3rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
    .type-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.625rem;
    }
    .type-card {
      min-height: 4.75rem;
      border: 0.0625rem solid #dde7ff;
      border-radius: 0.75rem;
      background: #fbfdff;
      display: flex;
      align-items: center;
      gap: 0.625rem;
      padding: 0.75rem;
      color: #1d1d1f;
      cursor: pointer;
    }
    .type-card.active {
      border-color: rgba(0, 122, 255, .55);
      background: #f1f7ff;
    }
    .type-card small {
      display: block;
      margin-top: 0.1875rem;
      color: #86868b;
    }
    .upload-area {
      border: 0.125rem dashed #e2e2e4;
      border-radius: 0.875rem;
      padding: 1.875rem 0.75rem;
      text-align: center;
      color: #999;
      min-height: 11.25rem;
      display: grid;
      place-items: center;
      background: #fbfbfd;
    }
    .form-item { margin-bottom: 1.125rem; }
    .form-item label { display: block; margin-bottom: 0.4375rem; font-size: 0.875rem; color: #444; }
    .tag-row { display: flex; gap: 0.625rem; flex-wrap: wrap; margin: 0.5rem 0; }
    .tag-item {
      padding: 0.5rem 0.75rem;
      border: 0.0625rem solid #dde7ff;
      border-radius: 0.5625rem;
      font-size: 0.8125rem;
      color: var(--blue);
      background: #fff;
      cursor: pointer;
      user-select: none;
    }
    .tag-item.active { background: var(--blue); color: #fff; border-color: var(--blue); }
    .result-card {
      min-height: 7.25rem;
      border-radius: 0.875rem;
      border: 0.0625rem solid var(--line);
      background: #fbfbfd;
      display: flex;
      flex-wrap: nowrap;
      gap: 0.625rem;
      padding: 0.625rem;
      color: #999;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x proximity;
      scrollbar-width: thin;
      scrollbar-color: rgba(17, 24, 39, .24) transparent;
    }
    .result-card::-webkit-scrollbar {
      height: 0.375rem;
    }
    .result-card::-webkit-scrollbar-track {
      background: transparent;
    }
    .result-card::-webkit-scrollbar-thumb {
      background: rgba(17, 24, 39, .22);
      border-radius: 999rem;
    }
    .result-tile {
      flex: 0 0 clamp(8.75rem, 14vw, 11.5rem);
      border-radius: 0.75rem;
      border: 0.0625rem solid #ededf0;
      background: #fff;
      display: grid;
      place-items: center;
      text-align: center;
      min-height: 5.75rem;
      overflow: hidden;
      position: relative;
      scroll-snap-align: start;
    }
    .result-tile.generated::before {
      content: "";
      width: 58%;
      aspect-ratio: 1 / .72;
      border-radius: 0.75rem;
      background: linear-gradient(145deg, #eef7ff, #bddfff);
      box-shadow: inset 0 0 0 0.0625rem rgba(0,122,255,.12);
    }
    .result-tile.generated span {
      position: absolute;
      left: 0.5rem;
      bottom: 0.5rem;
      font-size: 0.75rem;
      color: #777;
    }

    .table-card { overflow: hidden; }
    .table-scroll { overflow-x: auto; }
    table { width: 100%; border-collapse: collapse; min-width: 47.5rem; }
    th, td { padding: 0.875rem 1rem; border-bottom: 0.0625rem solid var(--line); text-align: left; color: #3a3a3c; }
    th { color: var(--muted); font-size: 0.75rem; }
    tr:last-child td { border-bottom: 0; }
    .status {
      display: inline-flex;
      padding: 0.3125rem 0.5625rem;
      border-radius: 62.4375rem;
      background: #e8f3ff;
      color: var(--blue);
      font-size: 0.75rem;
    }
    code { background: #f1f1f3; border-radius: 0.375rem; padding: 0.125rem 0.3125rem; color: #1d1d1f; }

    @media (max-width: 72.5rem) {
      .home-banner { grid-template-columns: 1fr; }
      .banner-right { max-width: 32.5rem; }
      .advantage-row, .grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 55rem) {
      html.boot-authed .main-wrap,
      body.authed .main-wrap { display: block; }
      .sidebar {
        position: fixed;
        z-index: 50;
        width: 16.75rem;
        transform: translateX(-110%);
        transition: transform .2s ease;
      }
      body.sidebar-open .sidebar { transform: translateX(0); }
      .content { padding: 1.25rem 1rem 2.25rem; }
      .mobile-menu { display: inline-flex; }
      .grid.two, .grid.three, .draw-row, .advantage-row { grid-template-columns: 1fr; }
      .draw-row {
        height: auto;
        min-height: 0;
        overflow: visible;
      }
      .draw-left,
      .draw-main {
        max-height: none;
        overflow: visible;
        padding-right: 0;
      }
      .field-row, .prompt-row { grid-template-columns: 1fr; }
      .asset-filter-row { align-items: flex-start; flex-direction: column; }
      .asset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .topbar {
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .top-product-nav {
        order: 3;
        flex-basis: 100%;
        justify-content: flex-start;
      }
      .topbar-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
      }
      .topbar-actions .top-product-nav {
        order: 0;
        flex: 0 0 auto;
        flex-basis: auto;
        justify-content: flex-end;
      }
      .quick-drawer {
        top: 7.875rem;
        width: min(22.5rem, 96vw);
      }
      .pick-ai-shell {
        height: auto;
        min-height: 0;
        grid-template-columns: 1fr;
      }
      .pick-ai-drawer {
        position: fixed;
        left: 1rem;
        right: 1rem;
        top: 5.125rem;
        bottom: 1.375rem;
        width: auto;
        transform: translateX(-120%);
      }
      .prompt-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .sticky-composer {
        left: 1rem;
        right: 1rem;
        width: auto;
      }
      .pick-scroll-jump {
        left: 50%;
      }
    }
    @media (max-width: 35rem) {
      .login-box { padding: 2.125rem 1.375rem; }
      .asset-grid { grid-template-columns: 1fr; }
      .asset-page { padding: 1.25rem 0.75rem; }
      .home-banner { padding: 1.625rem 1.25rem; border-radius: 1.125rem; }
      .banner-left h1 { font-size: 2.25rem; }
      .banner-btn-group .btn, .actions .btn { width: 100%; }
      .result-card { grid-template-columns: 1fr; }
      .section-title { display: grid; }
    }
    /* Notebook-style system tabs and product pool refinements */
    .notebook-top-tabs {
      align-self: stretch;
      gap: 0;
      justify-content: center;
      padding-top: 0.4375rem;
      border-bottom: 0.0625rem solid rgba(199, 210, 254, .78);
    }
    .notebook-top-tabs .top-nav-link {
      height: 2.5rem;
      min-width: 7.375rem;
      margin: 0 -0.0625rem -0.0625rem 0;
      padding: 0 1.25rem;
      border: 0.0625rem solid rgba(203, 213, 225, .82);
      border-bottom-color: rgba(199, 210, 254, .78);
      border-radius: 1rem 1rem 0 0;
      background: linear-gradient(180deg, #f8fafc, #eef2f7);
      color: #475569;
      box-shadow: 0 -0.125rem 0.75rem rgba(15, 23, 42, .05);
      transform: translateY(0.25rem);
      transition: color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
    }
    .notebook-top-tabs .top-nav-link::after {
      display: none;
    }
    .notebook-top-tabs .top-nav-link:hover {
      color: #4f46e5;
      background: linear-gradient(180deg, #fff, #f1f5ff);
      transform: translateY(0.0625rem);
    }
    .notebook-top-tabs .top-nav-link.active {
      z-index: 2;
      color: #3154d4;
      border-color: rgba(165, 180, 252, .95);
      border-bottom-color: transparent;
      background:
        radial-gradient(circle, rgba(99, 102, 241, .16) 0.0625rem, transparent 0.0844rem) 0 0 / 1.125rem 1.125rem,
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .94));
      box-shadow: 0 -0.4375rem 1.125rem rgba(99, 102, 241, .08);
      transform: translateY(0);
    }
    .topbar {
      min-height: 3.625rem;
      margin-bottom: 0.5rem;
      padding-bottom: 0;
    }
    .topbar h2 {
      font-size: 1.1875rem;
      line-height: 1.05;
    }
    .topbar-actions .notebook-top-tabs {
      align-self: center;
      justify-content: flex-end;
      gap: 0;
      padding-top: 0;
      border-bottom: 0;
    }
    .topbar-actions .notebook-top-tabs .top-nav-link {
      height: 2rem;
      min-width: 0;
      margin: 0;
      padding: 0.375rem 0.6875rem;
      border: 0;
      border-radius: 0.625rem;
      background: transparent;
      color: #334155;
      box-shadow: none;
      transform: none;
    }
    .topbar-actions .notebook-top-tabs .top-nav-link:hover,
    .topbar-actions .notebook-top-tabs .top-nav-link.active {
      color: #2563eb;
      background: #f6f8ff;
      border-color: transparent;
      box-shadow: none;
      transform: none;
    }

    #pickPool {
      padding: 1rem 1.125rem 1.25rem;
    }
    #pickPool .pool-workbench {
      width: min(90rem, 100%);
      padding-bottom: 4.75rem;
    }
    #pickPool .pool-workbench-tabs {
      width: auto;
      margin: 0 0 -0.0625rem;
      padding: 0 0 0 0.5rem;
      border: 0;
      border-bottom: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      gap: 0;
      overflow: visible;
    }
    #pickPool .pool-workbench-tab {
      position: relative;
      z-index: 1;
      height: 2.625rem;
      min-width: 7.75rem;
      margin-right: -0.0625rem;
      padding: 0 1.125rem;
      border: 0.0625rem solid rgba(203, 213, 225, .85);
      border-bottom-color: rgba(199, 210, 254, .82);
      border-radius: 1rem 1rem 0 0;
      background: linear-gradient(180deg, #f8fafc, #eef2f7);
      color: #475569;
      box-shadow: 0 -0.1875rem 1rem rgba(15, 23, 42, .06);
      transform: translateY(0.375rem);
    }
    #pickPool .pool-workbench-tab.active {
      z-index: 3;
      color: #3154d4;
      border-color: rgba(147, 197, 253, .96);
      border-bottom-color: transparent;
      background:
        radial-gradient(circle, rgba(99, 102, 241, .16) 0.0625rem, transparent 0.0844rem) 0 0 / 1.125rem 1.125rem,
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 255, .94));
      box-shadow: 0 -0.5625rem 1.25rem rgba(99, 102, 241, .1);
      transform: translateY(0);
    }
    #pickPool .pool-library-bar,
    #pickPool .pool-workbench-toolbar,
    #pickPool .pool-table-card {
      background:
        radial-gradient(circle, rgba(99, 102, 241, .11) 0.0625rem, transparent 0.0781rem) 0 0 / 1.125rem 1.125rem,
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 251, 255, .93));
      border-color: rgba(199, 210, 254, .86);
      box-shadow: 0 1.125rem 2.625rem rgba(99, 102, 241, .07);
    }
    #pickPool .pool-library-bar {
      min-height: 3.625rem;
      margin-bottom: 0.75rem;
      padding: 0.75rem 0.875rem;
      border-radius: 0 1.25rem 1.25rem 1.25rem;
    }
    #pickPool .pool-workbench-toolbar {
      border-radius: 1.25rem 1.25rem 0 0;
    }
    #pickPool .pool-table-card {
      border-radius: 1.25rem;
    }
    #pickPool .pool-data-table {
      min-width: 86.75rem;
    }
    #pickPool .pool-data-table th {
      height: 3.5rem;
      padding-top: 0.875rem;
      padding-bottom: 0.875rem;
      font-size: 0.8125rem;
      font-weight: 950;
      color: #0f2240;
      background: rgba(248, 250, 255, .97);
    }
    #pickPool .pool-data-table td {
      height: 4.75rem;
      background: rgba(255, 255, 255, .78);
    }
    #pickPool .pool-data-table.view-develop td {
      height: 6.5rem;
    }
    #pickPool .pool-data-table th:last-child,
    #pickPool .pool-data-table td:last-child {
      position: sticky;
      right: 0;
      z-index: 4;
      text-align: center;
      background: linear-gradient(90deg, rgba(248, 250, 255, .94), #fff 22%);
      box-shadow: -0.75rem 0 1.375rem rgba(99, 102, 241, .08);
    }
    #pickPool .pool-data-table th:last-child {
      z-index: 7;
    }
    .pool-material-cell {
      min-width: 0;
    }
    .pool-material-wrap {
      position: relative;
      height: 1.75rem;
      max-height: 1.75rem;
      padding-right: 1.875rem;
      overflow: hidden;
      white-space: nowrap;
    }
    .pool-material-summary {
      max-width: calc(100% - 1.75rem);
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .pool-material-edit {
      position: absolute;
      top: 0.125rem;
      right: 0;
      width: 1.375rem;
      height: 1.375rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.4375rem;
      background: rgba(255, 255, 255, .92);
      color: #64748b;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      cursor: pointer;
      padding: 0;
    }
    .pool-material-edit:hover {
      color: #2563eb;
      border-color: #bfdbfe;
      background: #eff6ff;
    }
    .pool-row-icons {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 0.3125rem;
      white-space: nowrap;
    }
    .pool-row-icons button {
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 0.5rem;
      display: inline-grid;
      place-items: center;
    }
    .pool-row-icons button.pool-develop-btn {
      justify-self: center;
      min-width: 3.375rem;
      height: 1.6875rem;
      padding: 0 0.8125rem;
      font-size: 0.8125rem;
      letter-spacing: 0;
      background: linear-gradient(135deg, #eef2ff, #e0f2fe);
      box-shadow: 0 0.5rem 1rem rgba(99, 102, 241, .1);
    }
    .pool-row-icons button:disabled {
      opacity: .58;
      cursor: wait;
    }
    .pool-table-foot {
      justify-content: flex-end;
      padding-right: 1.125rem;
    }
    #pickPool .pool-data-table col:nth-child(9) {
      width: 9.375rem !important;
    }
    #pickPool .pool-data-table td.pool-material-cell {
      min-width: 0;
      height: 4.75rem;
      max-height: 4.75rem;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
      padding-right: 0.75rem;
      overflow: hidden;
      white-space: nowrap;
      vertical-align: middle;
    }
    #pickPool .pool-material-inline,
    #pickPool .pool-material-wrap {
      position: relative;
      display: block;
      min-width: 0;
      width: 100%;
      height: 1.75rem;
      max-height: 1.75rem;
      padding-right: 1.875rem;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
      line-height: 1.5rem;
      scrollbar-width: thin;
    }
    #pickPool .pool-material-inline::-webkit-scrollbar,
    #pickPool .pool-material-wrap::-webkit-scrollbar {
      height: 0.25rem;
    }
    #pickPool .pool-material-summary {
      display: inline-flex;
      align-items: center;
      gap: 0.3125rem;
      min-width: 0;
      max-width: 100%;
      height: 1.5rem;
      line-height: 1.5rem;
      color: #94a3b8;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    #pickPool .pool-material-summary.has-data {
      color: #2563eb;
    }
    #pickPool .pool-material-content {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      max-width: 100%;
      min-width: 0;
    }
    #pickPool .pool-material-attach-btn {
      flex: 0 0 auto;
      width: 1.625rem;
      height: 1.625rem;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 50%;
      padding: 0;
      background: #eff6ff;
      color: #2563eb;
      display: inline-grid;
      place-items: center;
      font-size: 0.8125rem;
      font-weight: 800;
      white-space: nowrap;
      transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    #pickPool .pool-material-attach-btn.is-empty {
      border-color: #e5e7eb;
      background: #f3f4f6;
      color: #94a3b8;
    }
    #pickPool .pool-material-attach-btn:hover {
      background: #dbeafe;
      border-color: #93c5fd;
      box-shadow: 0 0.375rem 0.875rem rgba(37, 99, 235, .12);
      transform: translateY(-0.0625rem);
    }
    #pickPool .pool-material-attach-btn.is-empty:hover {
      background: #e5e7eb;
      border-color: #cbd5e1;
      color: #64748b;
      box-shadow: none;
    }
    #pickPool .pool-material-note-text {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #475569;
      font-size: 0.8125rem;
    }
    #pickPool .pool-material-note-text.empty {
      color: #94a3b8;
    }
    #pickPool .pool-material-edit {
      position: absolute;
      top: 0.125rem;
      right: 0;
      display: inline-grid;
      place-items: center;
      width: 1.375rem;
      height: 1.375rem;
      margin-left: 0;
      vertical-align: middle;
      opacity: 0;
      pointer-events: none;
      transition: opacity .15s ease, border-color .15s ease, background .15s ease, color .15s ease;
    }
    #pickPool .pool-material-cell:hover .pool-material-edit,
    #pickPool .pool-material-edit:focus-visible {
      opacity: 1;
      pointer-events: auto;
    }
    .soft-confirm-modal {
      position: fixed;
      inset: 0;
      z-index: 14000;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .28);
      backdrop-filter: blur(0.3125rem);
    }
    .soft-confirm-modal.active {
      display: flex;
    }
    .soft-confirm-card {
      position: relative;
      z-index: 1;
      width: min(30rem, calc(100vw - 3rem));
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.875rem;
      background: linear-gradient(180deg, #fffdfb 0%, #fffaf5 100%);
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .18), 0 0 0 0.25rem rgba(255, 247, 237, .72);
      padding: 2rem 1.75rem 1.625rem;
      text-align: center;
      color: #1f2937;
    }
    .soft-confirm-card::before {
      content: "\f2f5";
      width: 3rem;
      height: 3rem;
      display: inline-grid;
      place-items: center;
      margin: 0 auto 0.875rem;
      border-radius: 50%;
      background: #fff7ed;
      color: #f97316;
      font: var(--fa-font-solid);
      font-size: 1.15rem;
      box-shadow: inset 0 0 0 0.0625rem #fed7aa;
    }
    .soft-confirm-card h3 {
      margin: 0 0 0.35rem;
      font-size: 1.18rem;
      font-weight: 850;
      letter-spacing: 0;
      color: #111827;
    }
    .soft-confirm-subtitle {
      margin: 0 0 0.5rem;
      color: #8b95a5;
      font-size: 0.75rem;
      line-height: 1.45;
    }
    .soft-confirm-subtitle:empty {
      display: none;
    }
    .soft-confirm-card p {
      margin: 0;
      font-size: 0.875rem;
      line-height: 1.6;
      white-space: pre-line;
      color: #667085;
    }
    .soft-confirm-card p:empty {
      display: none;
    }
    .soft-confirm-sections {
      display: grid;
      gap: 1.05rem;
      text-align: left;
      color: #111827;
      line-height: 1.7;
    }
    .soft-confirm-section {
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
    }
    .soft-confirm-section strong {
      display: block;
      margin-bottom: 0.28rem;
      color: #111827;
      font-size: 0.92rem;
      font-weight: 900;
    }
    .soft-confirm-section span {
      display: block;
      color: #1f2937;
      font-size: 0.86rem;
    }
    .soft-confirm-input {
      width: 100%;
      min-height: 3rem;
      margin-top: 1rem;
      border: 0.0625rem solid #c7d2fe;
      border-radius: 0.75rem;
      background: #fff;
      color: #111827;
      font-size: 0.9375rem;
      padding: 0 0.875rem;
      outline: none;
      box-shadow: 0 0 0 0.25rem rgba(79, 111, 237, .10);
    }
    .soft-confirm-textarea {
      min-height: 5rem;
      resize: vertical;
      padding-top: 0.75rem;
      line-height: 1.5;
      font-family: inherit;
    }
    .soft-confirm-input.hidden {
      display: none;
    }
    .soft-confirm-input:focus {
      border-color: #a5b4fc;
      box-shadow: 0 0 0 0.25rem rgba(79, 111, 237, .14);
    }
    .soft-confirm-modal[data-variant="pool-add"] .soft-confirm-card {
      width: min(38rem, calc(100vw - 2rem));
      padding: 1.75rem 2rem 1.5rem;
      border-color: #e4e9f1;
      background: #fff;
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .18);
    }
    .soft-confirm-modal[data-variant="pool-add"] .soft-confirm-card::before {
      margin-bottom: 0.75rem;
    }
    .soft-confirm-modal[data-variant="pool-add"] .soft-confirm-card h3 {
      margin-bottom: 1.15rem;
    }
    .soft-confirm-modal[data-variant="pool-add"] .soft-confirm-card p {
      white-space: normal;
      text-align: left;
    }
    .pool-add-confirm-details {
      display: grid;
      gap: 0.65rem;
    }
    .pool-add-confirm-row {
      display: grid;
      grid-template-columns: 6.25rem minmax(0, 1fr);
      align-items: start;
      gap: 1rem;
      line-height: 1.55;
    }
    .pool-add-confirm-row span {
      color: #8190a5;
      text-align: right;
      font-size: 0.82rem;
    }
    .pool-add-confirm-row strong {
      min-width: 0;
      color: #172033;
      font-size: 0.86rem;
      font-weight: 800;
      text-align: left;
      overflow-wrap: anywhere;
    }
    .pool-add-confirm-details label {
      display: block;
      margin-top: 0.35rem;
      color: #344054;
      font-size: 0.84rem;
      font-weight: 800;
    }
    .soft-confirm-modal[data-variant="pool-add"] .soft-confirm-textarea {
      min-height: 8rem;
      max-height: 16rem;
      margin-top: 0.55rem;
      padding: 0.85rem 1rem;
      line-height: 1.65;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      resize: vertical;
    }
    .soft-confirm-modal[data-variant="pool-add"] .soft-confirm-actions {
      margin-top: 1.25rem;
    }
    @media (max-width: 40rem) {
      .soft-confirm-modal[data-variant="pool-add"] .soft-confirm-card {
        width: min(100%, calc(100vw - 1.25rem));
        padding: 1.5rem 1rem 1.25rem;
      }
      .pool-add-confirm-row {
        grid-template-columns: 1fr;
        gap: 0.2rem;
      }
      .pool-add-confirm-row span {
        text-align: left;
      }
      .soft-confirm-modal[data-variant="pool-add"] .soft-confirm-textarea {
        min-height: 9rem;
      }
    }
    .soft-confirm-actions {
      display: flex;
      justify-content: center;
      gap: 1rem;
      margin-top: 1.5rem;
    }
    .soft-confirm-actions button {
      min-width: 6rem;
      height: 2.75rem;
      border: 0.0625rem solid transparent;
      border-radius: 0.75rem;
      font-size: 0.9375rem;
      font-weight: 850;
      cursor: pointer;
      transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    .soft-confirm-actions button:hover {
      transform: translateY(-0.0625rem);
    }
    .soft-confirm-actions .secondary {
      background: #fff;
      border-color: #fed7aa;
      color: #374151;
    }
    .soft-confirm-actions .primary {
      background: #ff6b1a;
      color: #fff;
      box-shadow: 0 0.75rem 1.5rem rgba(249, 115, 22, .26);
    }
    .soft-confirm-actions .secondary:hover {
      background: #fff7ed;
    }
    .soft-confirm-actions .primary:hover {
      background: #ea580c;
    }
    .soft-confirm-modal[data-variant="delete"] .soft-confirm-card {
      width: min(28rem, calc(100vw - 3rem));
      border-color: #fecaca;
      background: #fff;
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .2), 0 0 0 0.25rem rgba(254, 242, 242, .8);
    }
    .soft-confirm-modal[data-variant="delete"] .soft-confirm-card::before {
      content: "\f2ed";
      background: #fef2f2;
      color: #dc2626;
      box-shadow: inset 0 0 0 0.0625rem #fecaca;
    }
    .soft-confirm-modal[data-variant="delete"] .soft-confirm-actions .primary {
      background: #dc2626;
      box-shadow: 0 0.75rem 1.5rem rgba(220, 38, 38, .2);
    }
    .soft-confirm-modal[data-variant="delete"] .soft-confirm-actions .primary:hover {
      background: #b91c1c;
    }
    .soft-confirm-modal[data-variant="delete"] .soft-confirm-actions .secondary {
      border-color: #dbe3ef;
      color: #334155;
    }
    .soft-delete-product {
      display: grid;
      gap: 0.3rem;
      margin: 1rem 0 0.75rem;
      padding: 0.85rem 1rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.75rem;
      background: #f8fafc;
      text-align: left;
    }
    .soft-delete-product strong {
      color: #0f172a;
      font-size: 0.9rem;
      line-height: 1.45;
    }
    .soft-delete-product span {
      color: #64748b;
      font-size: 0.76rem;
      font-weight: 800;
    }
    .soft-delete-warning {
      color: #b42318;
      font-size: 0.78rem;
      font-weight: 800;
      line-height: 1.55;
    }
    .soft-confirm-modal[data-variant="logout"] .soft-confirm-card {
      width: min(28rem, calc(100vw - 3rem));
    }
    .soft-confirm-modal[data-variant="logout"] .soft-confirm-card::before {
      content: "\f2f5";
    }
    .soft-confirm-modal[data-variant="logout"] .soft-confirm-actions .primary {
      min-width: 6.5rem;
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-card {
      width: min(31.25rem, calc(100vw - 3rem));
      padding: 2rem 2.05rem 1.75rem;
      border-color: transparent;
      border-radius: 0.7rem;
      background: #fff;
      box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, .16);
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-card::before {
      display: none;
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-card h3 {
      margin-bottom: 1.45rem;
      font-size: 1.18rem;
      font-weight: 900;
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-card p {
      white-space: normal;
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-sections {
      gap: 1rem;
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-section strong {
      margin-bottom: 0.26rem;
      font-size: 0.92rem;
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-section span {
      font-size: 0.88rem;
      line-height: 1.65;
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-actions {
      margin-top: 1.9rem;
    }
    .soft-confirm-modal[data-variant="plan-partial"] .soft-confirm-actions .primary {
      min-width: 9rem;
      height: 2.75rem;
      border-radius: 0.5rem;
      box-shadow: none;
    }
    .prompt-desc-updating-modal {
      position: fixed;
      inset: 0;
      z-index: 12010;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .34);
      backdrop-filter: blur(0.25rem);
    }
    .prompt-desc-updating-modal.active {
      display: flex;
    }
    .prompt-desc-updating-card {
      width: min(27rem, calc(100vw - 3rem));
      border: 0.0625rem solid rgba(219, 234, 254, .95);
      border-radius: 1rem;
      background: rgba(255, 255, 255, .98);
      box-shadow: 0 1.75rem 5rem rgba(15, 23, 42, .16);
      padding: 1.65rem 1.5rem;
      text-align: center;
      color: #1f2937;
    }
    .prompt-desc-updating-icon {
      width: 2.25rem;
      height: 2.25rem;
      margin: 0 auto 0.75rem;
      border-radius: 999px;
      display: inline-grid;
      place-items: center;
      background: #eff6ff;
      color: #2563eb;
      box-shadow: 0 0 0 0.35rem rgba(37, 99, 235, .08);
    }
    .prompt-desc-updating-icon i {
      animation: promptDescUpdatingSpin 1s linear infinite;
    }
    .prompt-desc-updating-card h3 {
      margin: 0 0 0.35rem;
      font-size: 1.05rem;
      font-weight: 800;
      color: #111827;
    }
    .prompt-desc-updating-card p {
      margin: 0;
      font-size: 0.875rem;
      line-height: 1.6;
      color: #64748b;
    }
    @keyframes promptDescUpdatingSpin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    .pool-paste-modal {
      position: fixed;
      inset: 0;
      z-index: 12020;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .34);
      backdrop-filter: blur(0.25rem);
    }
    .pool-paste-modal.active {
      display: flex;
    }
    .pool-paste-card {
      width: min(34rem, calc(100vw - 3rem));
      border: 0.0625rem solid rgba(226, 232, 240, .95);
      border-radius: 1rem;
      background: rgba(255,255,255,.98);
      box-shadow: 0 1.75rem 5rem rgba(15,23,42,.18);
      color: #111827;
      overflow: hidden;
    }
    .pool-paste-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem 1.125rem;
      border-bottom: 0.0625rem solid #eef2f7;
      background: #f8fbff;
    }
    .pool-paste-head strong {
      display: block;
      font-size: 1rem;
      font-weight: 800;
    }
    .pool-paste-head span {
      display: block;
      margin-top: 0.1875rem;
      color: #64748b;
      font-size: 0.75rem;
    }
    .pool-paste-head button {
      width: 1.875rem;
      height: 1.875rem;
      border: 0;
      border-radius: 0.5rem;
      background: #f1f5f9;
      color: #64748b;
      cursor: pointer;
    }
    .pool-paste-body {
      display: grid;
      gap: 0.75rem;
      padding: 1rem 1.125rem 0.25rem;
    }
    .pool-paste-zone {
      min-height: 5.75rem;
      display: grid;
      place-items: center;
      border: 0.0625rem dashed #bfdbfe;
      border-radius: 0.875rem;
      background: #f8fbff;
      color: #64748b;
      text-align: center;
      outline: none;
      padding: 1rem;
    }
    .pool-paste-zone.is-hidden {
      display: none;
    }
    .pool-paste-zone:focus {
      border-color: #60a5fa;
      box-shadow: 0 0 0 0.25rem rgba(59,130,246,.1);
    }
    .pool-paste-zone strong {
      display: block;
      color: #334155;
      font-size: 0.875rem;
      margin-bottom: 0.25rem;
    }
    .pool-paste-preview {
      display: grid;
      gap: 0.375rem;
      max-height: 11rem;
      overflow-y: auto;
      color: #475569;
      font-size: 0.8125rem;
    }
    .pool-paste-preview:empty {
      display: none;
    }
    .pool-paste-preview-item {
      display: grid;
      grid-template-columns: 1.5rem minmax(0, 1fr) auto;
      gap: 0.5rem;
      align-items: center;
      min-height: 2.125rem;
      border: 0.0625rem solid #eef2f7;
      border-radius: 0.625rem;
      padding: 0.375rem 0.5rem;
      background: #fff;
    }
    .pool-paste-preview-item i {
      color: #2563eb;
      justify-self: center;
    }
    .pool-paste-preview-item span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-weight: 700;
      color: #334155;
    }
    .pool-paste-preview-item small {
      display: block;
      margin-top: 0.0625rem;
      color: #94a3b8;
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .pool-paste-preview-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
    }
    .pool-paste-preview-actions button {
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.5rem;
      background: #f8fbff;
      color: #2563eb;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      transition: background .16s ease, border-color .16s ease, color .16s ease;
    }
    .pool-paste-preview-actions button:hover {
      background: #eff6ff;
      border-color: #bfdbfe;
    }
    .pool-paste-preview-actions .danger {
      color: #64748b;
      border-color: #e5e7eb;
      background: #fff;
    }
    .pool-paste-preview-actions .danger:hover {
      color: #ef4444;
      border-color: #fecaca;
      background: #fff7f7;
    }
    .pool-paste-actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.75rem;
      padding: 1rem 1.125rem 1.125rem;
    }
    .pool-paste-actions button {
      min-width: 5.25rem;
      height: 2.375rem;
      border-radius: 999rem;
      border: 0.0625rem solid #e5e7eb;
      background: #fff;
      color: #334155;
      font-weight: 700;
      cursor: pointer;
    }
    .pool-paste-actions .primary {
      border-color: transparent;
      background: #2563eb;
      color: #fff;
      box-shadow: 0 0.625rem 1.375rem rgba(37,99,235,.18);
    }
    .pool-paste-actions .primary:disabled {
      background: #cbd5e1;
      box-shadow: none;
      cursor: not-allowed;
    }

    /* Rem-based clean visual pass. Structure and interactions stay unchanged. */
    body,
    body.authed {
      background: #fafafa;
      color: #222;
    }
    body.authed .main-wrap,
    .content,
    .panel,
    .pick-ai-main,
    .pick-pool-page,
    .pool-workbench,
    .panel-card,
    .card-box {
      background-color: #fafafa;
    }
    .sidebar,
    .topbar,
    .panel-card,
    .pool-table-card,
    .pool-workbench-toolbar,
    .pool-library-bar,
    .ai-command-box,
    .quick-drawer,
    .output-panel,
    .account-panel,
    .modal-card,
    .soft-confirm-card {
      border-color: #eee;
      background: #fff;
      box-shadow: 0 0.625rem 2rem rgba(15, 23, 42, .045);
    }
    .sidebar {
      background: #fff;
      border-right: 0.0625rem solid #eee;
    }
    .menu-parent,
    .child-item,
    .top-menu-btn,
    .top-nav-link,
    .pool-tab,
    .pool-primary-btn,
    .pool-light-btn,
    .btn,
    .tool-chip,
    .mode-select,
    .account-btn {
      border-color: #eee;
      box-shadow: none;
      font-weight: 500;
    }
    .topbar-actions .top-nav-link,
    .topbar-actions .top-menu-btn,
    .topbar-actions .notebook-top-tabs .top-nav-link {
      color: #333333;
      font-weight: 600;
    }
    .child-item.active,
    .menu-parent:hover,
    .child-item:hover,
    .top-menu-btn:hover,
    .top-nav-link:hover,
    .pool-tab.active,
    .pool-workbench-tab.active {
      background: #f6f8ff;
      border-color: #dce4ff;
      color: #2f4ecf;
    }
    .btn.primary,
    .pool-primary-btn {
      background: #4f6fed;
      color: #fff;
      box-shadow: 0 0.5rem 1.25rem rgba(79, 111, 237, .16);
    }
    input,
    textarea,
    select {
      border-color: #eee;
      background: #fff;
      color: #222;
      box-shadow: none;
    }
    input::placeholder,
    textarea::placeholder {
      color: #8b95a5;
    }
    input:focus,
    textarea:focus,
    select:focus {
      border-color: #b9c7ff;
      box-shadow: 0 0 0 0.1875rem rgba(79, 111, 237, .11);
    }
    #pick .ai-command-box textarea:focus,
    #pick .sticky-composer .ai-command-box textarea:focus {
      border: 0;
      box-shadow: none;
    }
    .pool-data-table,
    .pool-data-table th,
    .pool-data-table td {
      border-color: #eee;
    }
    .pool-data-table th {
      background: #fbfbfc;
      color: #333;
      font-weight: 600;
    }
    .pool-data-table td {
      color: #222;
    }
    .page-desc,
    .tip-desc,
    .muted,
    small,
    .pool-muted,
    .pool-empty,
    .pick-pool-empty {
      color: #555;
    }
    .pick-ai-main {
      background-color: #fff;
      background-image: radial-gradient(#dfe6ff 0.0625rem, transparent 0.0625rem);
      background-size: 1rem 1rem;
    }
    .pool-workbench {
      background-image: radial-gradient(#e3e9ff 0.0625rem, transparent 0.0625rem);
      background-size: 1rem 1rem;
    }

    /* Product pool clean white table style. Keeps all existing structure and interactions. */
    #pickPool {
      min-height: calc(100vh - 4.5rem);
      padding: 1.5rem 2rem 4rem;
      border: 0;
      border-radius: 0;
      background: #fff;
      box-shadow: none;
      overflow: visible;
    }
    #pickPool .pool-workbench {
      width: min(78rem, 100%);
      margin: 0;
      padding: 0 0 3rem;
      background: #fff;
      background-image: none;
      box-shadow: none;
    }
    #pickPool .pool-workbench-tabs {
      width: auto;
      display: flex;
      align-items: flex-end;
      gap: 0.25rem;
      margin: 0 0 1rem;
      padding: 0;
      border: 0;
      border-bottom: 0.0625rem solid #e5e7eb;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    #pickPool .pool-workbench-tab {
      position: relative;
      z-index: 1;
      min-width: 0;
      height: 2.75rem;
      margin: 0;
      padding: 0 1.2rem;
      border: 0;
      border-radius: 0.375rem 0.375rem 0 0;
      background: transparent;
      color: #8a94a6;
      box-shadow: none;
      transform: none;
      font-size: 0.9375rem;
      font-weight: 500;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      transition: background .16s ease, color .16s ease, box-shadow .16s ease;
    }
    #pickPool .pool-workbench-tab:not(.active):hover {
      background: #f3f4f6;
      color: #475569;
    }
    #pickPool .pool-workbench-tab.active {
      color: #0f172a;
      border: 0;
      background: #e0edff;
      box-shadow: none;
      transform: none;
      font-weight: 800;
    }
    #pickPool .pool-workbench-tab.active::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 0.25rem;
      border-radius: 999rem;
      background: #2563eb;
    }
    #pickPool .pool-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1.15rem;
      height: 1.15rem;
      margin-left: 0.25rem;
      padding: 0 0.35rem;
      border-radius: 999rem;
      background: #f3f4f6;
      color: #6b7280;
      font-size: 0.72rem;
      font-weight: 500;
      vertical-align: 0.05rem;
    }
    #pickPool .pool-workbench-tab.active .pool-count {
      background: #2563eb;
      color: #fff;
      font-weight: 800;
    }
    #pickPool .pool-library-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 0;
      margin: 0 0 1.35rem;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      background-image: none;
      box-shadow: none;
    }
    #pickPool .pool-library-tabs {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex-wrap: wrap;
    }
    #pickPool .pool-library-tab {
      height: 2rem;
      padding: 0 0.875rem;
      border: 0;
      border-radius: 0.5rem;
      background: #f3f4f6;
      color: #5f6877;
      box-shadow: none;
      font-size: 0.875rem;
      font-weight: 500;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      transition: background .16s ease, color .16s ease, box-shadow .16s ease;
    }
    #pickPool .pool-library-tab:not(.active):hover {
      background: #e5e7eb;
      color: #374151;
    }
    #pickPool .pool-library-tab.active {
      color: #fff;
      border: 0;
      background: #4f7df3;
      box-shadow: none;
      font-weight: 800;
    }
    #pickPool .pool-library-tab .pool-tag-badge {
      min-width: 1.15rem;
      height: 1.15rem;
      padding: 0 0.35rem;
      border-radius: 999rem;
      background: #e5e7eb;
      color: #6b7280;
      font-size: 0.72rem;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    #pickPool .pool-library-tab.active .pool-tag-badge {
      background: rgba(255, 255, 255, .22);
      color: #fff;
    }
    #pickPool .pool-library-actions {
      display: flex;
      align-items: center;
      gap: 0.8rem;
    }
    #pickPool .pool-library-actions .pool-primary-btn,
    #pickPool .pool-library-actions .pool-light-btn {
      height: 2.25rem;
      padding: 0 0.65rem;
      border: 0;
      border-radius: 0.45rem;
      background: transparent;
      color: #111827;
      box-shadow: none;
      font-size: 0.9rem;
      font-weight: 500;
    }
    #pickPool .pool-library-actions .pool-primary-btn:hover,
    #pickPool .pool-library-actions .pool-light-btn:hover {
      background: #f4f4f5;
      color: #111827;
    }
    #pickPool #poolSearchBtn {
      background: #374151;
      color: #fff;
      border-color: #374151;
      box-shadow: none;
    }
    #pickPool .pool-search-btn {
      width: 2.25rem;
      min-width: 2.25rem;
      padding: 0;
      justify-content: center;
    }
    #pickPool #poolSearchBtn:hover {
      background: #1f2937;
      border-color: #1f2937;
    }
    #pickPool .pool-workbench-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      margin: 0 0 1rem;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      background-image: none;
      box-shadow: none;
    }
    #pickPool .pool-filter-left,
    #pickPool .pool-filter-right {
      display: flex;
      align-items: center;
      gap: 0.65rem;
      flex-wrap: wrap;
    }
    #pickPool .pool-search,
    #pickPool .pool-select {
      height: 2.25rem;
      min-height: 2.25rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.45rem;
      background: #fff;
      color: #222;
      box-shadow: none;
      font-size: 0.9rem;
      font-weight: 400;
    }
    #pickPool .pool-search {
      width: 16rem;
      padding: 0 0.75rem;
    }
    #pickPool .pool-select {
      min-width: 6.6rem;
      padding: 0 1.85rem 0 0.75rem;
      font-weight: 500;
    }
    #pickPool .pool-light-btn,
    #pickPool .pool-primary-btn {
      height: 2.25rem;
      min-width: 0;
      padding: 0 0.85rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.45rem;
      background: #fff;
      color: #222;
      box-shadow: none;
      font-size: 0.9rem;
      font-weight: 500;
    }
    #pickPool .pool-primary-btn {
      border-color: #5865f2;
      background: #5865f2;
      color: #fff;
    }
    #pickPool .pool-light-btn:hover {
      border-color: #d1d5db;
      background: #f7f7f8;
      color: #111827;
    }
    #pickPool .pool-primary-btn:hover {
      border-color: #4f46e5;
      background: #4f46e5;
      color: #fff;
    }
    #pickPool .pool-date-wrap {
      position: relative;
      z-index: 12;
    }
    #pickPool .pool-date-wrap .quick-date-btn {
      height: 2.25rem;
      border-color: #e5e7eb;
      border-radius: 0.45rem;
      color: #222;
      background: #fff;
      font-size: 0.9rem;
      font-weight: 500;
      box-shadow: none;
    }
    #pickPool .pool-date-wrap .quick-date-btn.has-value {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #2563eb;
    }
    #pickPool .pool-date-wrap .quick-date-panel {
      left: 0;
      right: auto;
      top: calc(100% + 0.5rem);
      z-index: 40;
    }
    #pickPool .pool-table-card {
      border: 0;
      border-radius: 0;
      background: #fff;
      background-image: none;
      box-shadow: none;
      overflow: visible;
    }
    #pickPool .pool-table-scroll {
      border: 0;
      border-radius: 0;
      background: #fff;
      overflow-x: auto;
    }
    #pickPool .pool-data-table {
      min-width: 68rem;
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      background: #fff;
    }
    #pickPool .pool-data-table th {
      height: 3rem;
      padding: 0.7rem 0.8rem;
      border: 0;
      border-bottom: 0.0625rem solid #eceff3;
      background: #f7f8fa;
      color: #111827;
      font-size: 0.86rem;
      font-weight: 600;
      text-align: left;
      white-space: nowrap;
    }
    #pickPool .pool-data-table td {
      height: 4.25rem;
      padding: 0.72rem 0.8rem;
      border: 0;
      border-bottom: 0.0625rem solid #edf0f3;
      background: #fff;
      color: #222;
      font-size: 0.86rem;
      vertical-align: middle;
    }
    #pickPool .pool-data-table tbody tr:hover td {
      background: #fafafa;
    }
    #pickPool .pool-data-table tbody tr.pool-row-openable > td {
      cursor: pointer;
    }
    #pickPool .pool-data-table tbody tr.pool-row-openable:focus-visible {
      outline: 0.125rem solid #93c5fd;
      outline-offset: -0.125rem;
    }
    #pickPool .pool-data-table tbody tr.pool-row-openable:focus-visible > td {
      background: #eff6ff;
    }
    #pickPool .pool-data-table th:last-child,
    #pickPool .pool-data-table td:last-child {
      position: static;
      right: auto;
      z-index: auto;
      text-align: left;
      background: inherit;
      box-shadow: none;
    }
    #pickPool .pool-data-table th:last-child {
      background: #f7f8fa;
    }
    #pickPool .pool-data-table tbody tr:hover td:last-child {
      background: #fafafa;
    }
    #pickPool .pool-table-empty {
      min-height: 11rem;
      display: grid;
      place-items: center;
      color: #8a94a6;
      line-height: 1.8;
      font-size: 0.88rem;
      background: linear-gradient(90deg, rgba(248, 250, 252, .6), #fff 22%, #fff 78%, rgba(248, 250, 252, .6));
    }
    #pickPool .pool-row-icons {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.4rem;
      white-space: nowrap;
    }
    #pickPool .pool-action-primary-row,
    #pickPool .pool-action-generate-row {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      width: 100%;
      flex: 0 0 auto;
    }
    #pickPool .pool-action-icons {
      display: grid;
      grid-template-columns: minmax(3.75rem, auto) repeat(3, 1.35rem);
      gap: 0.35rem;
      justify-content: center;
      align-items: center;
    }
    #pickPool .pool-row-icons button {
      width: 1.35rem;
      height: 1.35rem;
      border: 0;
      border-radius: 0.35rem;
      background: transparent;
      color: #607089;
      box-shadow: none;
      transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
    }
    #pickPool .pool-row-icons button:hover {
      transform: scale(1.05);
    }
    #pickPool .pool-row-icons button.pool-update-btn.cooldown,
    #pickPool .pool-row-icons button.pool-update-btn[aria-disabled="true"] {
      opacity: .38;
      cursor: not-allowed;
      filter: grayscale(.18);
    }
    #pickPool .pool-row-icons button.pool-update-btn.cooldown:hover,
    #pickPool .pool-row-icons button.pool-update-btn[aria-disabled="true"]:hover {
      transform: none;
      background: transparent;
      color: #607089;
    }
    #pickPool .pool-row-icons button.pool-update-btn:disabled {
      opacity: .52;
      cursor: wait;
      transform: none;
    }
    #pickPool .pool-row-icons button.pool-update-btn.updating {
      grid-column: span 2;
      width: auto;
      min-width: 3.875rem;
      padding: 0 0.4375rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      border-radius: 0.5rem;
      background: #f4f4f5;
      color: #111827;
      font-size: 0.75rem;
      font-weight: 700;
    }
    #pickPool .pool-row-icons button.pool-action-text,
    #pickPool .pool-row-icons button.pool-develop-btn {
      width: auto;
      min-width: 2.75rem;
      height: 1.625rem;
      padding: 0 0.625rem;
      border: 0.0625rem solid rgba(79, 111, 237, .18);
      border-radius: 62.4375rem;
      background: #eef4ff;
      color: #3154d4;
      box-shadow: inset 0 -0.0625rem 0 rgba(79, 111, 237, .08);
      font-size: 0.75rem;
      font-weight: 700;
      line-height: 1;
      white-space: nowrap;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
    }
    #pickPool .pool-row-icons button.pool-supply-btn {
      border-color: #fed7aa;
      background: #fff7ed;
      color: #f97316;
      font-weight: 800;
    }
    #pickPool .pool-row-icons button.pool-supply-btn:hover {
      border-color: #fb923c;
      background: #ffedd5;
      color: #ea580c;
    }
    #pickPool .pool-row-icons button.pool-generate-btn {
      border-color: #111827;
      background: #111827;
      color: #fff;
      font-weight: 800;
      box-shadow: 0 0.25rem 0.625rem rgba(17, 24, 39, .12);
    }
    #pickPool .pool-row-icons button.pool-develop-btn {
      border-color: #111827;
      background: #111827;
      color: #fff;
      font-weight: 800;
      box-shadow: 0 0.25rem 0.625rem rgba(17, 24, 39, .12);
    }
    #pickPool .pool-row-icons button.pool-dev-mode-current {
      border-color: #d1d5db;
      background: #f3f4f6;
      color: #4b5563;
      box-shadow: none;
    }
    #pickPool .pool-row-icons button.pool-dev-mode-current:hover {
      border-color: #cbd5e1;
      background: #e5e7eb;
      color: #374151;
    }
    #pickPool .pool-row-icons button.pool-action-text i {
      font-size: 0.72rem;
    }
    #pickPool .pool-row-icons button.pool-action-text:hover,
    #pickPool .pool-row-icons button.pool-develop-btn:hover {
      transform: scale(1.05);
    }
    #pickPool .pool-row-icons button.pool-develop-btn:hover {
      border-color: #030712;
      background: #030712;
      color: #fff;
    }
    #pickPool .pool-row-icons button.pool-generate-btn {
      min-width: 3rem;
    }
    #pickPool .pool-row-icons button.pool-generate-btn:hover {
      transform: scale(1.05);
      border-color: #030712;
      background: #030712;
      color: #fff;
    }
    #pickPool .pool-row-icons button.pool-generate-copy-btn:hover {
      transform: scale(1.05);
      border-color: #030712;
      background: #030712;
      color: #fff;
    }
    #pickPool .pool-table-foot {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.65rem;
      padding: 1rem 0 0;
      border: 0;
      background: #fff;
      color: #222;
      font-size: 0.88rem;
    }
    #pickPool .pool-table-foot button,
    #pickPool .pool-table-foot select,
    #pickPool .pool-table-foot input {
      height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.35rem;
      background: #fff;
      color: #111827;
      box-shadow: none;
      font-size: 0.86rem;
    }
    #pickPool .pool-table-foot button {
      width: 2rem;
      padding: 0;
    }
    #pickPool .pool-page-size {
      min-width: 5.6rem;
      padding: 0 1.5rem 0 0.6rem;
    }
    #pickPool .pool-page-jump input {
      width: 2.6rem;
      padding: 0 0.4rem;
      text-align: center;
    }
    #pickPool .pool-check {
      width: 0.92rem;
      height: 0.92rem;
      accent-color: #5865f2;
    }
    #pickPool {
      overflow-x: hidden;
    }
    #pickPool .pick-pool-page,
    #pickPool .pool-workbench {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
    }
    #pickPool .pool-table-card {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      border-top: 0.0625rem solid #edf0f3;
    }
    #pickPool .pool-table-scroll {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      overflow-x: auto;
      overflow-y: hidden;
      flex: 0 0 auto;
      border-bottom: 0.0625rem solid #edf0f3;
    }
    #pickPool .pool-data-table {
      min-width: 80rem;
      width: max-content;
      max-width: none;
    }
    #pickPool .pool-table-foot {
      position: relative;
      z-index: 1;
      flex: 0 0 auto;
      width: 100%;
      box-sizing: border-box;
      padding: 1rem 0 0.5rem;
      margin: 0;
      border-top: 0.0625rem solid #edf0f3;
      background: #fff;
      transform: none;
    }
    #pickPool .pool-data-table tbody tr:last-child td {
      border-bottom: 0;
    }

    /* Unified right workspace background: remove fragmented gutters while keeping sidebar/topbar separators. */
    body.authed .main-wrap {
      background: #fff;
    }
    .content {
      padding: 0;
      background: #fff;
      overflow-y: auto;
    }
    .topbar {
      min-height: 4rem;
      margin: 0;
      padding: 0.75rem 1.25rem;
      border-bottom: 0.0625rem solid #eeeeee;
      background: #fff;
      box-shadow: none;
    }
    .panel {
      min-height: calc(100vh - 4rem);
      background: #fff;
    }
    .panel.active {
      display: block;
    }
    #pick {
      height: calc(100vh - 4rem);
      min-height: calc(100vh - 4rem);
      overflow: hidden;
    }
    .pick-ai-shell {
      height: 100%;
      min-height: 0;
      border: 0;
      border-radius: 0;
      background: #fff;
      box-shadow: none;
    }
    .pick-ai-main {
      min-height: 100%;
      background-color: #fff;
      background-image: none;
      padding-top: 2.625rem;
    }
    .skill-market-page {
      min-height: calc(100vh - 4rem);
      padding: 1.15rem clamp(2rem, 4.5vw, 4.25rem) 3rem;
      background: #fff;
      color: #111;
    }
    .skill-market-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1.5rem;
      margin-bottom: 1.35rem;
    }
    .skill-market-title {
      margin: 0;
      font-size: 2rem;
      line-height: 1.2;
      font-weight: 500;
      letter-spacing: 0;
    }
    .skill-create-btn {
      border: 0;
      border-radius: 0.5rem;
      background: #181818;
      color: #fff;
      min-height: 2.5rem;
      padding: 0 1rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      font-size: 0.9375rem;
      font-weight: 600;
      box-shadow: none;
      transition: background .18s ease, transform .18s ease;
    }
    .skill-create-btn:hover { background: #000; transform: translateY(-0.0625rem); }
    .skill-market-tabs {
      display: flex;
      align-items: center;
      gap: 1.625rem;
      margin-bottom: 1.45rem;
    }
    .skill-market-tab {
      border: 0;
      background: transparent;
      color: #9ca3af;
      padding: 0 0 0.75rem;
      font-size: 1.125rem;
      line-height: 1.2;
      position: relative;
    }
    .skill-market-tab.active { color: #111; }
    .skill-market-tab.active::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 0.125rem;
      border-radius: 62.4375rem;
      background: #111;
    }
    .skill-tab-badge {
      min-width: 1.1rem;
      height: 1.1rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: 0.35rem;
      border-radius: 999rem;
      background: #ef4444;
      color: #fff;
      font-size: 0.68rem;
      font-weight: 900;
      vertical-align: 0.08rem;
    }
    .skill-tab-badge[hidden] { display: none; }
    .skill-market-toolbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 1rem;
      margin-bottom: 0.8rem;
    }
    .skill-library-refresh-btn {
      height: 2.25rem;
      min-height: 2.25rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #fff;
      color: #334155;
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      padding: 0 0.78rem;
      font-size: 0.86rem;
      font-weight: 750;
      white-space: nowrap;
      box-shadow: 0 0.35rem 1rem rgba(15, 23, 42, .04);
      transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
    }
    .skill-library-refresh-btn:hover:not(:disabled) {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
      transform: translateY(-0.0625rem);
    }
    .skill-library-refresh-btn:disabled {
      opacity: .62;
      cursor: wait;
    }
    .skill-library-refresh-btn[hidden] { display: none; }
    .skill-market-filters {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      min-width: 0;
      overflow: visible;
      scrollbar-width: none;
    }
    .skill-market-filters::-webkit-scrollbar { display: none; }
    .skill-filter-editor-wrap {
      display: flex;
      align-items: center;
      gap: 0.625rem;
      min-width: 0;
      position: relative;
    }
    .skill-filter-edit-btn,
    .skill-filter-done-btn {
      width: 1.625rem;
      height: 1.625rem;
      border: 0.0625rem solid transparent;
      border-radius: 0.45rem;
      background: transparent;
      color: #a1a1aa;
      opacity: 0;
      transform: scale(.96);
      pointer-events: auto;
      display: inline-grid;
      place-items: center;
      font-size: 0.78rem;
      transition: opacity .16s ease, transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
      flex: 0 0 auto;
    }
    .skill-filter-done-btn { display: none; }
    .skill-filter-editor-wrap:hover .skill-filter-edit-btn {
      opacity: .32;
      transform: scale(1);
    }
    .skill-filter-editor-wrap.editing .skill-filter-edit-btn {
      display: none;
    }
    .skill-filter-editor-wrap.editing .skill-filter-done-btn {
      display: inline-grid;
      opacity: .72;
      transform: scale(1);
      pointer-events: auto;
    }
    .skill-filter-edit-btn:hover,
    .skill-filter-edit-btn:focus-visible,
    .skill-filter-done-btn:hover,
    .skill-filter-editor-wrap.editing .skill-filter-edit-btn {
      opacity: .82;
      transform: scale(1);
      background: #f4f4f5;
      border-color: #e5e7eb;
      color: #71717a;
    }
    .skill-filter-editor-wrap.editing .skill-filter-btn.active:not([data-skill-filter="全部"]) {
      box-shadow: inset 0 0 0 0.0625rem #d7d7dc;
    }
    .skill-filter-btn {
      border: 0;
      background: transparent;
      color: #1f2937;
      min-height: 2.625rem;
      padding: 0 0.875rem;
      border-radius: 0.5rem;
      font-size: 1rem;
      white-space: nowrap;
      transition: background .16s ease, color .16s ease;
    }
    .skill-filter-btn.active { background: #f4f4f5; color: #111; }
    .skill-filter-btn.renaming {
      padding: 0;
      overflow: hidden;
    }
    .skill-filter-chip-wrap {
      position: relative;
      display: inline-flex;
      align-items: center;
      flex: 0 0 auto;
      vertical-align: middle;
    }
    .skill-filter-more-wrap {
      position: relative;
      flex: 0 0 auto;
    }
    .skill-filter-more-btn {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
    }
    .skill-filter-more-btn i {
      color: #6b7280;
      font-size: 0.75rem;
      transition: transform .16s ease;
    }
    .skill-filter-more-wrap.open .skill-filter-more-btn i,
    .skill-filter-more-wrap:hover .skill-filter-more-btn i {
      transform: rotate(180deg);
    }
    .skill-filter-more-menu {
      position: absolute;
      top: calc(100% + 0.45rem);
      left: 0;
      z-index: 40;
      min-width: 8.75rem;
      padding: 0.4rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, .12);
      display: none;
      transform: translateZ(0);
    }
    .skill-filter-more-wrap.open .skill-filter-more-menu,
    .skill-filter-more-wrap:hover .skill-filter-more-menu,
    .skill-filter-more-wrap:focus-within .skill-filter-more-menu {
      display: grid;
      gap: 0.25rem;
    }
    .skill-filter-more-menu .skill-filter-btn {
      display: flex;
      align-items: center;
      width: 100%;
      justify-content: flex-start;
      text-align: left;
    }
    .skill-filter-more-menu .skill-filter-chip-wrap {
      width: 100%;
      display: flex;
    }
    .skill-filter-add-btn,
    .skill-filter-delete-btn {
      width: 1.625rem;
      height: 1.625rem;
      border: 0.0625rem solid transparent;
      border-radius: 0.45rem;
      background: transparent;
      color: #a1a1aa;
      display: inline-grid;
      place-items: center;
      padding: 0;
      margin: 0;
      font-size: 0.78rem;
      line-height: 1;
      opacity: 0;
      transform: scale(.92);
      pointer-events: none;
      transition: opacity .16s ease, transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease;
      flex: 0 0 auto;
      position: relative;
    }
    .skill-filter-delete-btn::before {
      content: "";
      position: absolute;
      inset: -0.5rem;
      border-radius: 62.4375rem;
    }
    .skill-filter-add-btn {
      opacity: .64;
      transform: scale(1);
      pointer-events: auto;
    }
    .skill-filter-done-btn {
      color: #a1a1aa;
    }
    .skill-filter-chip-wrap:hover .skill-filter-delete-btn,
    .skill-filter-delete-btn:hover {
      opacity: .9;
      transform: scale(1);
      pointer-events: auto;
    }
    .skill-filter-chip-wrap .skill-filter-delete-btn {
      position: absolute;
      top: -0.42rem;
      right: -0.42rem;
      z-index: 2;
      width: 1rem;
      height: 1rem;
      border-radius: 999rem;
      background: #fff;
      border-color: #e5e7eb;
      font-size: 0.68rem;
      box-shadow: 0 0.25rem 0.65rem rgba(15, 23, 42, .08);
    }
    .skill-filter-delete-btn:hover,
    .skill-filter-done-btn:hover,
    .skill-filter-add-btn:hover {
      background: #f4f4f5;
      color: #6b7280;
      opacity: .8;
      border-color: #e5e7eb;
      pointer-events: auto;
      font-weight: 700;
    }
    .skill-filter-new-input,
    .skill-filter-name-input {
      width: 7.25rem;
      height: 2.625rem;
      min-height: 2.625rem;
      border: 0;
      border-radius: 0.5rem;
      background: #f4f4f5;
      color: #1f2937;
      padding: 0 0.75rem;
      font-size: 1rem;
      font-family: inherit;
      line-height: 1;
      box-shadow: none;
      outline: none;
    }
    .skill-filter-name-input {
      width: 5.75rem;
      min-width: 0;
      height: 2.625rem;
      min-height: 2.625rem;
      padding: 0 0.875rem;
      border: 0;
      border-radius: 0.5rem;
      background: transparent;
      color: inherit;
      box-shadow: none;
      text-align: left;
    }
    .skill-market-tools {
      display: flex;
      align-items: center;
      gap: 1.5rem;
    }
    .skill-search {
      width: 19.25rem;
      height: 2.625rem;
      min-height: 2.625rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      display: flex;
      align-items: center;
      gap: 0.6rem;
      padding: 0 0.875rem;
      color: #b6bbc3;
      background: #fff;
    }
    .skill-search input {
      width: 100%;
      min-height: auto;
      height: 100%;
      border: 0;
      padding: 0;
      border-radius: 0;
      box-shadow: none;
      color: #111827;
      font-size: 0.9375rem;
      background: transparent;
    }
    .skill-search input:focus { box-shadow: none; border: 0; }
    .skill-sort-btn {
      border: 0;
      background: transparent;
      color: #1f2937;
      min-height: 2.625rem;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0;
      font-size: 1rem;
      white-space: nowrap;
    }
    .skill-sort-btn i { color: #6b7280; font-size: 0.8125rem; }
    .skill-market-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(15.625rem, 1fr));
      gap: 0.875rem;
    }
    .skill-market-card {
      border: 0.0625rem solid #e8e8ea;
      border-radius: 1rem;
      background: #fff;
      min-height: 10.5rem;
      padding: 1.15rem 3rem 1rem 1.2rem;
      display: grid;
      grid-template-rows: auto 1fr auto auto;
      gap: 0.55rem;
      text-align: left;
      color: #111827;
      box-shadow: none;
      transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
      position: relative;
      cursor: pointer;
    }
    .skill-market-card:hover {
      border-color: #d7d7dc;
      box-shadow: 0 0.75rem 1.875rem rgba(15, 23, 42, .06);
      transform: translateY(-0.0625rem);
    }
    .skill-market-card h3 {
      margin: 0;
      color: #030712;
      font-size: 1.0625rem;
      line-height: 1.35;
      font-weight: 700;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .skill-market-card p {
      margin: 0;
      color: #4b5563;
      font-size: 1rem;
      line-height: 1.45;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .skill-card-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      color: #9ca3af;
      font-size: 0.9375rem;
      min-width: 0;
    }
    .skill-author {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      min-width: 0;
    }
    .skill-avatar {
      width: 1.5rem;
      height: 1.5rem;
      border-radius: 62.4375rem;
      display: inline-grid;
      place-items: center;
      color: #ea580c;
      background: #ffedd5;
      border: 0.125rem solid #fff7ed;
      font-size: 0.75rem;
      flex: 0 0 auto;
    }
    .skill-avatar.blue,
    .skill-avatar.red {
      color: #ea580c;
      background: #ffedd5;
      border-color: #fff7ed;
    }
    .skill-author span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .skill-market-card .prompt-card-creator {
      margin-left: 0.35rem;
      color: #64748b;
      font-weight: 700;
    }
    .skill-uses {
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .skill-card-times {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      color: #9aa3b2;
      font-size: 0.75rem;
      line-height: 1.25;
      min-width: 0;
    }
    .skill-card-times span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .skill-resource-badge {
      flex: 0 0 auto;
      border-radius: 999px;
      background: #fff7ed;
      color: #ea580c;
      border: 0.0625rem solid #fed7aa;
      padding: 0.16rem 0.45rem;
      font-size: 0.7rem;
      font-weight: 850;
      white-space: nowrap;
    }
    .skill-library-actions {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      min-width: 0;
      position: relative;
    }
    .skill-module-picker {
      position: relative;
      flex: 0 0 auto;
    }
    .skill-library-add-btn {
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff7ed;
      color: #ea580c;
      width: 2rem;
      height: 2rem;
      padding: 0;
      display: inline-grid;
      place-items: center;
      font-size: 0.84rem;
      font-weight: 800;
      white-space: nowrap;
      transition: background .18s ease, border-color .18s ease, transform .18s ease;
    }
    .skill-library-add-btn:hover {
      background: #ffedd5;
      border-color: #fb923c;
      transform: translateY(-0.0625rem);
    }
    .skill-module-menu,
    .skill-module-submenu {
      position: absolute;
      z-index: 70;
      display: none;
      min-width: 9.25rem;
      padding: 0.35rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #fff;
      box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, .14);
    }
    .skill-module-menu {
      left: 0;
      bottom: calc(100% + 0.45rem);
    }
    .skill-module-picker:hover > .skill-module-menu,
    .skill-module-picker:focus-within > .skill-module-menu,
    .skill-module-picker.open > .skill-module-menu,
    .skill-module-item:hover > .skill-module-submenu,
    .skill-module-item:focus-within > .skill-module-submenu {
      display: grid;
      gap: 0.18rem;
    }
    .skill-module-item {
      position: relative;
    }
    .skill-module-submenu {
      left: calc(100% + 0.35rem);
      top: -0.35rem;
      max-height: 18rem;
      overflow: auto;
    }
    .skill-module-option {
      width: 100%;
      min-height: 2rem;
      border: 0;
      border-radius: 0.45rem;
      background: transparent;
      color: #111827;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0 0.65rem;
      font-size: 0.84rem;
      font-weight: 650;
      text-align: left;
      white-space: nowrap;
    }
    .skill-module-option:hover,
    .skill-module-option:focus-visible {
      background: #fff7ed;
      color: #ea580c;
      outline: none;
    }
    .skill-module-option i {
      color: #a1a1aa;
      font-size: 0.7rem;
    }
    .skill-library-add-btn.remove {
      border-color: #e5e7eb;
      background: #fff;
      color: #64748b;
      width: auto;
      height: 2rem;
      padding: 0 0.72rem;
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }
    .skill-library-add-btn.remove:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #334155;
    }
    .skill-library-assigned {
      min-width: 0;
      color: #9ca3af;
      font-size: 0.78rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .skill-market-grid { overflow: visible; }
    .skill-market-card { overflow: visible; }
    .skill-market-card:hover,
    .skill-market-card:focus-within { z-index: 120; }
    .skill-library-actions.is-assign {
      position: absolute;
      left: 1.2rem;
      bottom: 0.9rem;
      z-index: 140;
      opacity: 0;
      pointer-events: none;
      transform: translateY(0.2rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    .skill-market-card:hover .skill-library-actions.is-assign,
    .skill-market-card:focus-within .skill-library-actions.is-assign {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .skill-library-actions.is-assign .skill-library-add-btn {
      width: 2rem;
      min-width: 2rem;
      height: 2rem;
      padding: 0;
      display: inline-grid;
      place-items: center;
      line-height: 1;
    }
    .skill-library-actions.is-assign .skill-module-menu,
    .skill-library-actions.is-assign .skill-module-submenu {
      z-index: 9999;
    }
    .skill-library-actions.is-assign .skill-module-submenu .skill-module-submenu {
      z-index: 10000;
    }
    .skill-library-assigned.is-library-status {
      display: block;
      margin-top: -0.2rem;
      text-align: right;
    }
    .skill-module-item.open > .skill-module-submenu {
      display: grid;
      gap: 0.18rem;
    }
    .skill-library-actions.is-assign .skill-module-menu,
    .skill-library-actions.is-assign .skill-module-submenu {
      overflow: visible;
      max-height: none;
    }
    .skill-library-actions.is-assign .skill-module-submenu {
      min-width: 9.75rem;
    }
    .hermes-capability-modal {
      position: fixed;
      inset: 0;
      z-index: 2600;
      display: none;
      place-items: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, .42);
    }
    .hermes-capability-modal.open { display: grid; }
    .hermes-capability-dialog { width: min(52rem, 94vw); max-height: min(46rem, 88vh); border-radius: 1rem; background: #fff; color: #111827; box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .22); display: grid; grid-template-rows: auto 1fr; overflow: hidden; }
    .hermes-capability-dialog header { min-width: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; border-bottom: 0.0625rem solid #eef2f7; }
    .hermes-capability-dialog h3 { margin: 0; font-size: 1.1rem; line-height: 1.35; font-weight: 800; color: #030712; }
    .hermes-capability-dialog header p { margin: 0.3rem 0 0; color: #64748b; font-size: 0.86rem; line-height: 1.45; }
    .hermes-capability-close { flex: 0 0 auto; width: 2rem; height: 2rem; border: 0.0625rem solid #e5e7eb; border-radius: 999rem; background: #fff; color: #64748b; display: inline-grid; place-items: center; cursor: pointer; }
    .hermes-capability-close:hover { background: #f8fafc; color: #111827; }
    .hermes-capability-body { min-height: 0; overflow: auto; padding: 1rem 1.25rem 1.25rem; }
    .hermes-capability-meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem; margin-bottom: 1rem; }
    .hermes-capability-meta span { min-width: 0; border: 0.0625rem solid #eef2f7; border-radius: 0.7rem; padding: 0.65rem 0.75rem; color: #475569; font-size: 0.82rem; background: #f8fafc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .hermes-capability-section + .hermes-capability-section { margin-top: 1rem; }
    .hermes-capability-section h4 { margin: 0 0 0.55rem; color: #111827; font-size: 0.94rem; font-weight: 850; }
    .hermes-capability-list { display: grid; gap: 0.5rem; }
    .hermes-capability-row { min-width: 0; border: 0.0625rem solid #e5e7eb; border-radius: 0.7rem; padding: 0.68rem 0.8rem; background: #fff; }
    .hermes-capability-row strong { display: block; color: #0f172a; font-size: 0.86rem; line-height: 1.35; overflow-wrap: anywhere; }
    .hermes-capability-row p { margin: 0.3rem 0 0; color: #64748b; font-size: 0.78rem; line-height: 1.45; }
    .hermes-capability-row code { display: block; margin-top: 0.42rem; color: #334155; font-size: 0.72rem; line-height: 1.45; white-space: normal; overflow-wrap: anywhere; }
    .hermes-capability-empty { border: 0.0625rem dashed #cbd5e1; border-radius: 0.7rem; padding: 0.9rem; color: #94a3b8; font-size: 0.86rem; text-align: center; background: #f8fafc; }
    @media (max-width: 48rem) { .hermes-capability-modal { padding: 0.75rem; } .hermes-capability-meta { grid-template-columns: 1fr; } }
    .skill-review-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; padding: 0 1rem 1rem; }
    .skill-review-actions button { min-height: 2rem; border: 0.0625rem solid #dbe3ee; border-radius: 999rem; background: #fff; color: #374151; padding: 0 0.72rem; font-size: 0.75rem; font-weight: 850; cursor: pointer; }
    .skill-review-actions button.primary { border-color: #4f46e5; background: #4f46e5; color: #fff; }
    .skill-review-actions button.danger { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
    .skill-empty {
      grid-column: 1 / -1;
      min-height: 13.75rem;
      border: 0.0625rem dashed #e5e7eb;
      border-radius: 1rem;
      display: grid;
      place-items: center;
      color: #9ca3af;
      font-size: 1rem;
      background: #fff;
    }
    @media (max-width: 92rem) {
      .skill-market-grid { grid-template-columns: repeat(3, minmax(15.625rem, 1fr)); }
      .asset-grid { grid-template-columns: repeat(3, minmax(15.625rem, 1fr)); }
    }
    @media (max-width: 72rem) {
      .skill-market-grid { grid-template-columns: repeat(2, minmax(15rem, 1fr)); }
      .skill-market-toolbar { grid-template-columns: 1fr; }
      .skill-market-tools { justify-content: flex-start; }
      .skill-search { width: min(100%, 22rem); }
      .asset-grid { grid-template-columns: repeat(2, minmax(15rem, 1fr)); }
      .asset-filter-row { grid-template-columns: 1fr; }
      .asset-filter-tools { justify-content: flex-start; flex-wrap: wrap; }
      .asset-search { width: min(100%, 22rem); }
    }
    @media (max-width: 55rem) {
      .skill-market-page { padding: 1rem 1rem 2.5rem; }
      .skill-market-head { margin-bottom: 1.1rem; }
      .skill-market-tabs { margin-bottom: 1.2rem; }
      .skill-market-grid { grid-template-columns: 1fr; }
      .skill-market-tools { gap: 1rem; flex-wrap: wrap; }
      .asset-page { padding: 1rem 1rem 2.5rem; }
      .asset-page h2 { margin-bottom: 1.1rem; }
      .asset-tabs { margin-bottom: 1.2rem; }
      .asset-grid { grid-template-columns: 1fr; }
    }
    #pickPool,
    #devPool,
    #productLibrary,
    #monitorCenter,
    #toolbox,
    #asset {
      min-height: calc(100vh - 4rem);
      border: 0;
      border-radius: 0;
      background: #fff;
      box-shadow: none;
    }
    #pickPool {
      padding: 1.5rem 2rem 4rem;
    }
    #monitorCenter {
      padding: 1.5rem 2rem 4rem;
    }
    #pickPool .pool-workbench {
      background: #fff;
    }
    #monitorCenter .monitor-workbench {
      width: min(78rem, 100%);
      margin: 0;
      padding: 0 0 3rem;
      background: #fff;
      background-image: none;
      box-shadow: none;
    }
    #monitorCenter .monitor-workbench-tabs {
      width: auto;
      display: flex;
      align-items: flex-end;
      gap: 0.25rem;
      margin: 0 0 1rem;
      padding: 0;
      border: 0;
      border-bottom: 0.0625rem solid #e5e7eb;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    #monitorCenter .monitor-workbench-tab {
      position: relative;
      z-index: 1;
      min-width: 0;
      height: 2.75rem;
      margin: 0;
      padding: 0 1.2rem;
      border: 0;
      border-radius: 0.375rem 0.375rem 0 0;
      background: transparent;
      color: #8a94a6;
      box-shadow: none;
      transform: none;
      font-size: 0.9375rem;
      font-weight: 500;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      transition: background .16s ease, color .16s ease;
    }
    #monitorCenter .monitor-workbench-tab:not(.active):hover {
      background: #f3f4f6;
      color: #475569;
    }
    #monitorCenter .monitor-workbench-tab.active {
      color: #0f172a;
      border: 0;
      background: #e0edff;
      box-shadow: none;
      transform: none;
      font-weight: 800;
    }
    #monitorCenter .monitor-workbench-tab.active::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 0.25rem;
      border-radius: 999rem;
      background: #2563eb;
    }
    #monitorCenter .monitor-content-card,
    #monitorCenter .monitor-archive-table-card {
      border: 0;
      border-radius: 0;
      background: #fff;
      background-image: none;
      box-shadow: none;
      padding: 0;
      overflow: visible;
    }
    #monitorCenter .monitor-content-card {
      min-height: 0;
    }

    #monitorCenter [data-monitor-view="audit"][hidden],
    #monitorCenter #monitorAuditWrap[hidden] {
      display: none !important;
    }
    #monitorCenter .monitor-audit-frame {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 0;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
    }
    #monitorCenter.is-audit-view {
      height: calc(100vh - 4rem);
      height: calc(100dvh - 4rem);
      min-height: 0;
      padding-bottom: 1.5rem;
      overflow: hidden;
    }
    #monitorCenter.is-audit-view .monitor-workbench {
      width: 100%;
      height: 100%;
      min-height: 0;
      padding-bottom: 0;
      display: flex;
      flex-direction: column;
    }
    #monitorCenter.is-audit-view .monitor-workbench-tabs {
      flex: 0 0 auto;
    }
    #monitorCenter.is-audit-view .monitor-content-card {
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden;
    }
    #monitorCenter.is-audit-view #monitorAuditWrap {
      flex: 1 1 auto;
      width: 100%;
      height: 100%;
      min-height: 0;
      overflow: hidden;
    }
    #monitorCenter .pool-table-scroll {
      border: 0;
      border-radius: 0;
      background: #fff;
      overflow-x: auto;
    }
    #monitorCenter .monitor-archive-table {
      min-width: 48rem;
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
      background: #fff;
    }
    #monitorCenter .monitor-archive-table th {
      height: 3rem;
      padding: 0.7rem 0.8rem;
      border: 0;
      border-bottom: 0.0625rem solid #eceff3;
      background: #f7f8fa;
      color: #111827;
      font-size: 0.86rem;
      font-weight: 600;
      text-align: left;
      white-space: nowrap;
    }
    #monitorCenter .monitor-archive-table td {
      height: 4.25rem;
      padding: 0.72rem 0.8rem;
      border: 0;
      border-bottom: 0.0625rem solid #edf0f3;
      background: #fff;
      color: #222;
      font-size: 0.86rem;
      vertical-align: middle;
    }
    #monitorCenter .monitor-archive-table tbody tr:hover td {
      background: #fafafa;
    }
    #monitorCenter .monitor-archive-type {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      color: #64748b;
      white-space: nowrap;
    }
    #monitorCenter .monitor-archive-type i {
      color: #2563eb;
    }
    #monitorCenter .monitor-archive-title {
      display: block;
      max-width: 34rem;
      overflow: hidden;
      color: #111827;
      font-size: 0.9rem;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    #monitorCenter .monitor-archive-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      flex-wrap: wrap;
    }
    #monitorCenter .monitor-archive-open {
      height: 2.25rem;
      padding: 0 0.85rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.45rem;
      background: #fff;
      color: #222;
      box-shadow: none;
      font-size: 0.9rem;
      font-weight: 500;
      cursor: pointer;
    }
    #monitorCenter .monitor-archive-open:hover {
      border-color: #d1d5db;
      background: #f7f7f8;
      color: #111827;
    }
    #monitorCenter .monitor-content-card .pick-pool-empty {
      min-height: 18rem;
      border: 0;
      border-radius: 0;
      background: #fff;
      box-shadow: none;
    }

    /* Slightly stronger sidebar menu typography. */
    .sidebar .menu-parent {
      color: #253044;
      font-size: 0.95rem;
      font-weight: 600;
    }
    .sidebar .child-item {
      color: #3f4a5f;
      font-size: 0.9rem;
      font-weight: 500;
    }
    .sidebar .menu-label i {
      color: #253044;
      font-size: 1rem;
    }

    #pickPool .pool-workbench {
      width: 100%;
      max-width: none;
    }
    #pickPool .pool-workbench-toolbar,
    #pickPool .pool-table-card,
    #pickPool .pool-table-scroll {
      width: 100%;
    }
    #pickPool .pool-data-table {
      width: 100%;
      min-width: 100%;
      table-layout: fixed;
    }
    #pickPool .pool-filter-right {
      margin-left: auto;
    }
    #pickPool .pool-batch-move-wrap {
      position: relative;
      display: inline-flex;
      align-items: center;
    }
    #pickPool .pool-batch-move-btn {
      min-width: 9.4rem;
      justify-content: flex-start;
    }
    #pickPool .pool-batch-move-btn .pool-batch-move-chevron {
      margin-left: auto;
      font-size: 0.7rem;
      color: #94a3b8;
      transition: transform 0.16s ease;
    }
    #pickPool .pool-batch-move-wrap.open .pool-batch-move-btn {
      border-color: #bfdbfe;
      background: #eff6ff;
      color: #2563eb;
    }
    #pickPool .pool-batch-move-wrap.open .pool-batch-move-chevron {
      transform: rotate(180deg);
    }
    #pickPool .pool-batch-move-btn:disabled {
      background: #f8fafc;
      color: #94a3b8;
      cursor: not-allowed;
      box-shadow: none;
    }
    #pickPool .pool-batch-move-menu {
      position: absolute;
      top: calc(100% + 0.4rem);
      right: 0;
      z-index: 80;
      display: none;
      min-width: 11.5rem;
      max-height: 16rem;
      overflow-y: auto;
      padding: 0.35rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.5rem;
      background: #fff;
      box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.14);
    }
    #pickPool .pool-batch-move-wrap.open .pool-batch-move-menu {
      display: grid;
      gap: 0.125rem;
    }
    #pickPool .pool-batch-move-option {
      width: 100%;
      min-height: 2.1rem;
      padding: 0.4rem 0.65rem;
      border: 0;
      border-radius: 0.375rem;
      background: transparent;
      color: #334155;
      font-size: 0.875rem;
      font-weight: 600;
      text-align: left;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 0.55rem;
    }
    #pickPool .pool-batch-move-option i {
      width: 1rem;
      color: #64748b;
      text-align: center;
    }
    #pickPool .pool-batch-move-option span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    #pickPool .pool-batch-move-option:hover {
      background: #f1f5f9;
      color: #1d4ed8;
    }
    #pickPool .pool-batch-move-option:hover i {
      color: #2563eb;
    }
    #pickPool .pool-batch-delete {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }
    #pickPool .pool-check {
      width: 1rem !important;
      height: 1rem !important;
      min-width: 1rem;
      min-height: 1rem;
      padding: 0;
      margin: 0;
      cursor: pointer;
      vertical-align: middle;
    }

    .textarea-expand-wrap {
      position: relative;
    }
    .textarea-expand-wrap > textarea {
      padding-right: 3.6rem;
      padding-bottom: 2.65rem;
    }
    .prompt-skill-box {
      border-color: #fed7aa;
      background: #fff7ed;
      box-shadow: 0 0.5rem 1.25rem rgba(251, 146, 60, .08);
    }
    .prompt-skill-box header {
      border-bottom-color: #fed7aa;
      background: #fff7ed;
    }
    .prompt-skill-box > .textarea-expand-wrap {
      background: #fff7ed;
    }
    .prompt-skill-box textarea,
    .prompt-skill-box > .textarea-expand-wrap > textarea {
      border-color: #fdba74;
      background: #fffaf3;
    }
    .prompt-skill-box textarea:focus,
    .prompt-skill-box > .textarea-expand-wrap > textarea:focus {
      border-color: #fb923c;
      box-shadow: 0 0 0 0.1875rem rgba(251, 146, 60, .14);
    }
    #promptModal .prompt-dialog input,
    #promptModal .prompt-dialog textarea {
      caret-color: #111827;
      cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='20' viewBox='0 0 13 20'%3E%3Cpath d='M4 3h5M6.5 3v14M4 17h5' fill='none' stroke='%23111827' stroke-width='1.05' stroke-linecap='round'/%3E%3C/svg%3E") 6 10, text;
    }
    .textarea-float-actions {
      position: absolute;
      right: 0.5rem;
      top: auto;
      bottom: 0.5rem;
      z-index: 3;
      display: inline-flex;
      align-items: center;
      gap: 0.125rem;
      padding: 0.125rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 0.25rem 0.75rem rgba(15, 23, 42, 0.08);
      opacity: 0;
      pointer-events: none;
      transform: translateY(0.25rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    .textarea-expand-wrap:hover > .textarea-float-actions {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .textarea-tool-btn {
      width: 1.45rem;
      height: 1.45rem;
      border: 0;
      border-radius: 0.375rem;
      display: inline-grid;
      place-items: center;
      background: transparent;
      color: #6b7280;
      transition: background 0.16s ease, color 0.16s ease;
    }
    .textarea-tool-btn:hover {
      background: #f8fafc;
      color: #111827;
    }
    .textarea-tool-btn i {
      font-size: 0.76rem;
    }
    #draw2 .lf-product-info-field .textarea-expand-wrap > textarea {
      min-height: 8.6rem;
      padding-bottom: 2.65rem;
    }
    #draw2 .lf-product-info-field .textarea-float-actions {
      top: auto;
      right: 0.5rem;
      bottom: 0.5rem;
      opacity: 0;
      pointer-events: none;
      transform: translateY(0.25rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    #draw2 .lf-product-info-field .textarea-expand-wrap:hover .textarea-float-actions {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .textarea-editor-modal {
      position: fixed;
      inset: 0;
      z-index: 320;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      background: rgba(17, 24, 39, 0.56);
    }
    .textarea-editor-modal.open {
      display: flex;
    }
    .textarea-editor-dialog {
      width: min(52.5rem, calc(100vw - 4rem));
      max-height: calc(100vh - 4rem);
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      padding: 1.5rem 1.5rem 1.25rem;
      border-radius: 0.625rem;
      background: #fff;
      box-shadow: 0 1.25rem 3.5rem rgba(15, 23, 42, 0.18);
    }
    .textarea-editor-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }
    .textarea-editor-head strong {
      color: #030712;
      font-size: 1rem;
      font-weight: 700;
    }
    .textarea-editor-close {
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.5rem;
      background: transparent;
      color: #111827;
      font-size: 1.25rem;
      line-height: 1;
    }
    .textarea-editor-close:hover {
      background: #f3f4f6;
    }
    .textarea-editor-input {
      width: 100%;
      min-height: min(62vh, 34rem);
      padding: 1rem;
      border: 0.0625rem solid #cbd5e1;
      border-radius: 0;
      color: #111827;
      font-size: 1rem;
      line-height: 1.55;
      resize: vertical;
      overflow-y: auto;
      scrollbar-gutter: stable;
      scrollbar-width: thin;
      scrollbar-color: transparent transparent;
      box-shadow: none;
    }
    .textarea-editor-input:hover,
    .textarea-editor-input:focus {
      scrollbar-color: rgba(148, 163, 184, .72) transparent;
    }
    .textarea-editor-input::-webkit-scrollbar {
      display: block;
      width: 0.625rem;
    }
    .textarea-editor-input::-webkit-scrollbar-track {
      background: transparent;
    }
    .textarea-editor-input::-webkit-scrollbar-thumb {
      border: 0.1875rem solid transparent;
      border-radius: 999px;
      background: transparent;
      background-clip: content-box;
    }
    .textarea-editor-input:hover::-webkit-scrollbar-thumb,
    .textarea-editor-input:focus::-webkit-scrollbar-thumb {
      background-color: rgba(148, 163, 184, .72);
    }
    .textarea-editor-actions {
      display: flex;
      justify-content: flex-end;
    }
    .textarea-editor-save {
      min-width: 9rem;
      height: 2.875rem;
      border: 0;
      border-radius: 0.5rem;
      background: #2f63e8;
      color: #fff;
      font-weight: 700;
    }
    .textarea-editor-save:hover {
      background: #2456d6;
    }

    .lf-suite {
      height: calc(100vh - 5rem);
      min-height: 42rem;
      display: grid;
      grid-template-columns: 17.5rem minmax(0, 1fr);
      background: #eef0f5;
      border: 0.0625rem solid #e5e7eb;
      overflow: hidden;
    }
    .lf-sidebar {
      position: relative;
      min-width: 0;
      overflow-y: auto;
      border-right: 0.0625rem solid #d8dde7;
      background: #fff;
      padding: 0.75rem;
      scrollbar-width: thin;
    }
    .lf-workflow-section {
      position: relative;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      padding: 0.72rem;
      margin-bottom: 0.85rem;
      transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
      scroll-margin-top: 0.75rem;
    }
    .lf-workflow-section.active {
      border-color: #fdba74;
      background: #fffaf5;
      box-shadow: 0 0.55rem 1.2rem rgba(249, 115, 22, .08);
    }
    .lf-workflow-section.needs-attention {
      border-color: #fb923c;
      background: #fff7ed;
      box-shadow: 0 0 0 0.18rem rgba(249, 115, 22, .18), 0 0.75rem 1.35rem rgba(249, 115, 22, .14);
      animation: lfAttentionPulse 1.25s ease-in-out 2;
    }
    .lf-workflow-section.needs-attention .lf-generate-prompt-actions button,
    .lf-workflow-section.needs-attention .lf-plan-action button {
      transform: translateY(-0.0625rem);
      box-shadow: 0 0.65rem 1.2rem rgba(249, 115, 22, .28);
    }
    @keyframes lfAttentionPulse {
      0%, 100% { box-shadow: 0 0 0 0.18rem rgba(249, 115, 22, .16), 0 0.75rem 1.35rem rgba(249, 115, 22, .12); }
      50% { box-shadow: 0 0 0 0.32rem rgba(249, 115, 22, .26), 0 0.95rem 1.55rem rgba(249, 115, 22, .18); }
    }
    .lf-workflow-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      margin-bottom: 0.65rem;
      color: #111827;
      font-size: 0.86rem;
      font-weight: 900;
    }
    .lf-workflow-head span {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }
    .lf-workflow-head span::before {
      content: "";
      width: 0.46rem;
      height: 0.46rem;
      border-radius: 50%;
      background: #fed7aa;
      box-shadow: 0 0 0 0.22rem #fff7ed;
    }
    .lf-workflow-section.active .lf-workflow-head span::before {
      background: #f97316;
    }
    .lf-workflow-head small {
      color: #94a3b8;
      font-size: 0.68rem;
      font-weight: 800;
    }
    .lf-workflow-head-actions {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      margin-left: auto;
    }
    .lf-workflow-clear {
      width: 1.42rem;
      height: 1.42rem;
      border: 0.0625rem solid rgba(254, 215, 170, .9);
      border-radius: 999rem;
      background: rgba(255, 255, 255, .72);
      color: #fb923c;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      font-size: 0.72rem;
      cursor: pointer;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .lf-workflow-clear:hover {
      border-color: #fb923c;
      background: #fff7ed;
      color: #ea580c;
      transform: translateY(-0.0625rem);
    }
    .lf-workflow-section .lf-field:last-child,
    .lf-workflow-section .lf-upload-card:last-child,
    .lf-workflow-section .lf-plan-action:last-child {
      margin-bottom: 0;
    }
    .lf-workflow-section .lf-sticky-action {
      position: static;
      margin: 0;
      padding: 0.15rem 0 0;
      border-top: 0;
      background: transparent;
    }
    .lf-generate-confirm {
      display: grid;
      gap: 0.5rem;
    }
    .lf-generate-confirm-title {
      margin: 0;
      color: #334155;
      font-size: 0.76rem;
      line-height: 1.45;
      font-weight: 700;
    }
    .lf-generate-checklist {
      display: grid;
      gap: 0.35rem;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .lf-generate-checklist li {
      display: flex;
      align-items: center;
      gap: 0.4rem;
      min-height: 1.55rem;
      padding: 0.25rem 0.45rem;
      border-radius: 0.45rem;
      background: #fff;
      color: #64748b;
      font-size: 0.72rem;
      line-height: 1.35;
      border: 0.0625rem solid #ffedd5;
    }
    .lf-generate-checklist i {
      color: #f97316;
      font-size: 0.72rem;
      flex: 0 0 auto;
    }
    #draw3 .lf-workflow-section:not(.active) {
      background: #fbfcfe;
      border-color: #edf1f7;
      box-shadow: none;
    }
    #draw3 .lf-workflow-section:not(.active) .lf-workflow-head {
      color: #64748b;
    }
    #draw3 .lf-workflow-section:not(.active) .lf-field,
    #draw3 .lf-workflow-section:not(.active) .lf-upload-card,
    #draw3 .lf-workflow-section:not(.active) .lf-a-panel,
    #draw3 .lf-workflow-section:not(.active) .lf-setting-tabs,
    #draw3 .lf-workflow-section:not(.active) .lf-plan-action,
    #draw3 .lf-workflow-section:not(.active) .lf-sticky-action {
      opacity: .68;
    }
    #draw3 .lf-workflow-section.active .lf-workflow-head small {
      color: #f97316;
    }
    #draw3 .lf-upload-library-actions button {
      border: 0.0625rem solid #e2e8f0;
      background: #fff;
      color: #64748b;
      box-shadow: none;
    }
    #draw3 .lf-upload-library-actions button:hover {
      border-color: #fdba74;
      background: #fff7ed;
      color: #ea580c;
    }
    #draw3 .lf-generate-prompt-actions button,
    #draw3 .lf-plan-action button,
    #draw3 .lf-sticky-action button {
      border: 0;
      background: #f97316;
      color: #fff;
      box-shadow: 0 0.5rem 1rem rgba(249, 115, 22, .16);
    }
    #draw3 .lf-workflow-section:not(.active) .lf-generate-prompt-actions button,
    #draw3 .lf-workflow-section:not(.active) .lf-plan-action button,
    #draw3 .lf-workflow-section:not(.active) .lf-sticky-action button {
      border: 0.0625rem solid #e2e8f0;
      background: #f8fafc;
      color: #94a3b8;
      box-shadow: none;
    }
    #draw3 .lf-plan-action.is-done button,
    #draw3 .lf-plan-action.is-done button:hover {
      border: 0.0625rem solid #e2e8f0;
      background: #f1f5f9;
      color: #94a3b8;
      box-shadow: none;
      transform: none;
    }
    #draw3 #lf3GeneratePromptBtn.is-muted-after-run,
    #draw3 #lf3GeneratePromptBtn.is-muted-after-run:hover,
    #draw3 #lf3StartPlanBtn.is-muted-after-run,
    #draw3 #lf3StartPlanBtn.is-muted-after-run:hover {
      border: 0.0625rem solid #e2e8f0;
      background: #f1f5f9;
      color: #94a3b8;
      box-shadow: none;
      transform: none;
    }
    #draw3 #lf3GallerySection.is-next .lf-sticky-action button {
      border: 0;
      background: #f97316;
      color: #fff;
      box-shadow: 0 0.55rem 1.1rem rgba(249, 115, 22, .2);
    }
    #draw3 #lf3PlanningSection .lf3-image-type-board {
      display: flex;
      flex-direction: column;
      gap: 0.65rem;
    }
    #draw3 #lf3PlanningSection .lf-setting-tabs {
      display: none;
      border-color: #edf1f7;
      background: #f8fafc;
    }
    #draw3 #lf3PlanningSection .lf3-type-selection-zone {
      position: relative;
      display: grid;
      gap: 0.65rem;
    }
    #draw3 #lf3PlanningSection .lf3-type-hint-overlay,
    #draw3 #lf3GallerySection .lf3-type-hint-overlay {
      position: absolute;
      inset: 0;
      z-index: 8;
      display: grid;
      place-items: center;
      padding: 1rem;
      border: 0.0625rem solid rgba(251, 146, 60, .26);
      border-radius: 0.75rem;
      background: rgba(255, 255, 255, .74);
      color: #334155;
      text-align: center;
      cursor: pointer;
      opacity: 1;
      backdrop-filter: blur(0.035rem);
      transition: opacity .22s ease, visibility .22s ease;
    }
    #draw3 .lf-workflow-section:not(.active) .lf3-type-hint-overlay,
    #draw3 #lf3PlanningSection .lf3-type-hint-overlay.is-hidden,
    #draw3 #lf3GallerySection .lf3-type-hint-overlay.is-hidden {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }
    #draw3 #lf3PlanningSection .lf3-type-hint-card,
    #draw3 #lf3GallerySection .lf3-type-hint-card {
      max-width: 13.5rem;
      display: grid;
      justify-items: center;
      gap: 0.55rem;
      line-height: 1.5;
      font-size: 0.875rem;
      font-weight: 700;
      color: #1f2937;
    }
    #draw3 #lf3PlanningSection .lf3-type-hint-card i,
    #draw3 #lf3GallerySection .lf3-type-hint-card i {
      width: 2.625rem;
      height: 2.625rem;
      display: inline-grid;
      place-items: center;
      border-radius: 62.4375rem;
      background: #ff7a1a;
      color: #fff;
      font-size: 1.125rem;
      box-shadow: 0 0.625rem 1.25rem rgba(249, 115, 22, .18);
    }

    #draw3 #lf3PlanningSection .lf3-type-hint-card em,
    #draw3 #lf3GallerySection .lf3-type-hint-card em {
      color: #f97316;
      font-style: normal;
      font-weight: 900;
    }
    #draw3 #lf3PlanningSection .lf-setting-tabs button {
      border: 0.0625rem solid transparent;
      color: #94a3b8;
      font-weight: 800;
    }
    #draw3 #lf3PlanningSection .lf-setting-tabs button.active {
      border-color: #fed7aa;
      background: #fff;
      color: #ea580c;
      box-shadow: none;
    }
    #draw3 #lf3PlanningSection .lf-a-panel {
      position: relative;
      display: block;
      border-color: #edf1f7;
      background: #fff;
      margin-bottom: 0;
    }
    #draw3 #lf3MainImagePanel {
      order: 1;
    }
    #draw3 #lf3APlusPanel {
      order: 2;
    }
    #draw3 #lf3PlanningSection .lf3-group-rail {
      display: none;
    }
    #draw3 #lf3PlanningSection .lf-a-panel-head {
      border-bottom: 0.0625rem solid #edf1f7;
      background: #fbfcfe;
      color: #64748b;
    }
    #draw3 #lf3PlanningSection .lf-a-panel-head em {
      margin-left: auto;
      color: #94a3b8;
      font-style: normal;
      font-size: 0.68rem;
      font-weight: 700;
    }
    #draw3 #lf3PlanningSection .lf-a-card {
      background: #fbfcfe;
      padding-top: 0.5rem;
    }
    #draw3 #lf3PlanningSection .lf3-type-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.45rem;
      padding: 0.5rem;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.48rem;
      padding: 0.65rem;
      border: 0.0625rem dashed #dbeafe;
      border-radius: 0.75rem;
      background: #fff;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid .lf3-suite-main-tile {
      grid-column: 1 / -1;
      min-height: 3rem;
      flex-direction: row;
      justify-content: center;
      padding: 0.55rem 3rem 0.55rem 0.75rem;
    }
    #draw3 #lf3PlanningSection .lf3-type-grid .lf-a-title {
      grid-column: 1 / -1;
      margin: 0;
    }
    #draw3 #lf3PlanningSection .lf3-type-grid .lf-layout-card {
      grid-column: 1 / -1;
      margin: 0;
    }
    #draw3 #lf3PlanningSection .lf-a-option {
      border: 0.0625rem solid #eef2f7;
      color: #334155;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile {
      min-height: 4.75rem;
      align-items: flex-start;
      flex-direction: column;
      justify-content: center;
      gap: 0.28rem;
      margin: 0;
      padding: 0.58rem 0.5rem;
      border-radius: 0.62rem;
      background: #fff;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid .lf3-type-tile {
      min-height: 3.85rem;
      align-items: center;
      justify-content: center;
      gap: 0;
      padding: 1.25rem 0.35rem 0.48rem;
      border-style: dashed;
      text-align: center;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile:hover {
      border-color: #bfdbfe;
      background: #f8fbff;
    }
    #draw3 #lf3PlanningSection .lf-a-option.active {
      border-color: #93c5fd;
      background: #eff6ff;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile.active,
    #draw3 #lf3PlanningSection .lf3-type-tile:has(input:checked) {
      border-color: #60a5fa;
      background: #eff6ff;
      box-shadow: inset 0 0 0 0.0625rem rgba(37, 99, 235, .12);
    }
    #draw3 #lf3PlanningSection .lf3-type-code {
      width: 1.6rem;
      height: 1.6rem;
      display: grid;
      place-items: center;
      border-radius: 0.5rem;
      background: #eff6ff;
      color: #2563eb;
      font-size: 0.68rem;
      font-weight: 900;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid .lf3-type-code {
      display: none;
    }
    #draw3 #lf3APlusPanel .lf3-type-code {
      display: none;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile.active .lf3-type-code,
    #draw3 #lf3PlanningSection .lf3-type-tile:has(input:checked) .lf3-type-code {
      background: #dbeafe;
      color: #1d4ed8;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile .lf-radio-dot,
    #draw3 #lf3PlanningSection .lf3-type-tile .lf-check-dot {
      display: none;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile b {
      display: flex;
      min-height: 2.05rem;
      flex-direction: column;
      justify-content: center;
      gap: 0.08rem;
      padding-right: 2.55rem;
      line-height: 1.15;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid .lf3-type-tile b {
      width: 100%;
      min-height: 1rem;
      padding-right: 0;
      font-size: 0.78rem;
      line-height: 1.2;
      text-align: center;
      white-space: nowrap;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid .lf3-suite-main-tile b {
      width: auto;
      min-height: 0;
      font-size: 0.86rem;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile b small {
      display: block;
      color: #94a3b8;
      font-size: 0.66rem;
      font-weight: 700;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile .lf-a-stepper {
      position: absolute;
      top: 0.55rem;
      right: 0.45rem;
      min-width: 2.55rem;
      height: 1.3rem;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid .lf3-type-tile .lf-a-stepper {
      top: 0.42rem;
      right: 0.34rem;
      min-width: 1.95rem;
      height: 1.15rem;
      font-size: 0.68rem;
      box-shadow: 0 0.18rem 0.45rem rgba(249, 115, 22, .08);
    }
    #draw3 #lf3PlanningSection .lf3-type-tile:not(.active):not(:has(input:checked)) .lf-a-stepper {
      display: none;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile .lf-a-stepper button {
      width: 0.85rem;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid .lf-a-stepper button {
      width: 0.55rem;
      font-size: 0.7rem;
    }
    #draw3 #lf3PlanningSection .lf3-suite-grid .lf-a-stepper strong {
      min-width: 0.55rem;
      font-size: 0.72rem;
    }
    #draw3 #lf3PlanningSection .lf3-type-tile.indent {
      margin-left: 0;
    }
    #draw3 #lf3PlanningSection .lf-switch input:checked + span {
      background: #fb923c;
    }
    #draw3 #lf3PlanningSection .lf-layout-card {
      border-color: #e2e8f0;
      background: #fff;
      color: #475569;
      margin: 0.45rem 0.5rem 0.55rem;
    }
    #draw3 #lf3PlanningSection .lf-layout-card > span {
      background: #fff7ed;
      color: #ea580c;
    }
    #draw3 #lf3PlanningSection .lf-tip {
      background: #fff7ed;
      color: #b45309;
    }
    .lf-muted-title,
    .lf-field label {
      color: #a1a8b3;
      font-size: 0.75rem;
      margin-bottom: 0.5rem;
      display: block;
    }
    .lf-upload-title {
      display: flex;
      align-items: center;
      gap: 0.25rem;
      color: #64748b;
      font-weight: 700;
    }
    .lf-upload-title span {
      min-width: 0;
    }
    .lf-upload-title em {
      color: #94a3b8;
      font-style: normal;
      font-weight: 600;
    }
    .lf-upload-card,
    .lf-field,
    .lf-a-card {
      margin-bottom: 1rem;
    }
    .lf-upload-drop {
      min-height: 9.25rem;
      border: 0.0625rem dashed #d8dde8;
      border-radius: 0.75rem;
      display: flex;
      flex-direction: column;
      gap: 0.55rem;
      padding: 0.75rem;
      color: #9aa3b2;
      background: #fbfbfd;
    }
    .lf-upload-actions {
      display: flex;
      justify-content: center;
      gap: 0.5rem;
      margin-bottom: 0.7rem;
    }
    .lf-upload-actions button,
    .lf-sticky-action button {
      border: 0;
      border-radius: 0.35rem;
      background: #f97316;
      color: #fff;
      min-height: 2rem;
      padding: 0 0.75rem;
      font-size: 0.8rem;
      font-weight: 700;
    }
    .lf-upload-actions .ghost {
      background: #fff;
      color: #f97316;
      border: 0.0625rem solid #f97316;
    }
    .lf-upload-library-actions {
      margin: 0.2rem 0 0;
    }
    .lf-upload-library-actions button {
      min-width: 9.5rem;
      box-shadow: 0 0.5rem 1.1rem rgba(249, 115, 22, .16);
    }
    .lf-upload-drop p {
      margin: 0;
      font-size: 0.75rem;
      line-height: 1.6;
    }
    .lf-upload-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.45rem;
      width: 100%;
    }
    .lf-upload-slot {
      position: relative;
      aspect-ratio: 1 / 1;
      border: 0.0625rem dashed #cfd7e6;
      border-radius: 0.5rem;
      background: #fff;
      color: #9aa3b2;
      display: grid;
      place-items: center;
      overflow: hidden;
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease, transform .18s ease;
    }
    .lf-upload-slot:hover {
      border-color: #7ca7ff;
      background: #f7faff;
      transform: translateY(-0.0625rem);
    }
    .lf-upload-slot[draggable="true"] {
      cursor: grab;
    }
    .lf-upload-slot.is-dragging {
      opacity: .55;
      cursor: grabbing;
    }
    .lf-upload-slot.drag-over {
      border-color: #f97316;
      background: #fff7ed;
      box-shadow: inset 0 0 0 0.0625rem rgba(249, 115, 22, .28);
    }
    .lf-upload-slot i {
      font-size: 0.95rem;
    }
    .lf-upload-slot img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .lf-upload-slot.has-image {
      border-style: solid;
      border-color: #dbe6fb;
      background: #f8fbff;
    }
    .lf-upload-slot .lf-upload-remove {
      position: absolute;
      top: 0.2rem;
      right: 0.2rem;
      width: 1.1rem;
      height: 1.1rem;
      border: 0;
      border-radius: 50%;
      background: rgba(15, 23, 42, .72);
      color: #fff;
      font-size: 0.7rem;
      line-height: 1;
      opacity: 0;
      transition: opacity .18s ease;
    }
    .lf-upload-slot:hover .lf-upload-remove {
      opacity: 1;
    }
    .lf-main-badge {
      position: absolute;
      left: 0.35rem;
      bottom: 0.35rem;
      z-index: 2;
      min-width: 2rem;
      height: 1.15rem;
      padding: 0 0.35rem;
      border-radius: 0.25rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #0ea5e9;
      color: #fff;
      font-size: 0.68rem;
      font-weight: 900;
      line-height: 1;
      box-shadow: 0 0.25rem 0.625rem rgba(14, 165, 233, .28);
    }
    .lf-upload-count {
      margin: 0;
      font-size: 0.72rem;
      color: #8b95a5;
      text-align: center;
    }
    .lf-product-picker-mask {
      position: fixed;
      inset: 0;
      z-index: 130;
      display: none;
      align-items: center;
      justify-content: center;
      background: rgba(15, 23, 42, .42);
      padding: 1.25rem;
    }
    .lf-product-picker-mask.open {
      display: flex;
    }
    .lf-product-picker-dialog {
      width: min(52rem, calc(100vw - 2rem));
      max-height: min(38rem, calc(100vh - 2.5rem));
      display: grid;
      grid-template-rows: auto auto minmax(0, 1fr);
      overflow: visible;
      border-radius: 0.875rem;
      background: #fff;
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .24);
      font-size: 16px;
    }
    .lf-product-picker-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.875rem 1rem;
      border-bottom: 0.0625rem solid #eef2f7;
    }
    .lf-product-picker-head strong {
      color: #0f172a;
      font-size: 1.125rem;
    }
    .lf-product-picker-head button {
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.5rem;
      background: #f8fafc;
      color: #64748b;
      cursor: pointer;
    }
    .lf-product-picker-controls {
      position: relative;
      z-index: 5;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 0.75rem 1rem 0;
    }
    .lf-product-picker-tabs {
      display: flex;
      gap: 0.5rem;
      min-width: 0;
      flex: 0 0 auto;
    }
    .lf-product-picker-tabs button {
      height: 2.125rem;
      border: 0;
      border-radius: 999rem;
      background: #f1f5f9;
      color: #475569;
      padding: 0 0.875rem;
      font-size: 1rem;
      font-weight: 800;
      cursor: pointer;
    }
    .lf-product-picker-tabs button.active {
      background: #fff7ed;
      color: #f97316;
    }
    .lf-product-picker-search {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.625rem;
      min-width: 0;
      flex: 1 1 auto;
    }
    .lf-product-picker-search input[type="search"] {
      width: min(17.5rem, 100%);
      height: 2.5rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.875rem;
      background: #fff;
      color: #334155;
      padding: 0 0.875rem;
      font-size: 0.9375rem;
      box-shadow: none;
    }
    .lf-product-picker-search input[type="search"]::placeholder {
      color: #94a3b8;
    }
    .lf-product-picker-search input[type="search"]:focus {
      border-color: #93c5fd;
      box-shadow: 0 0 0 0.1875rem rgba(147, 197, 253, .18);
    }
    .lf-product-picker-search button {
      height: 2.5rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      color: #111827;
      padding: 0 0.875rem;
      font-size: 0.9375rem;
      font-weight: 700;
      cursor: pointer;
    }
    .lf-product-picker-search .lf-product-picker-search-btn {
      width: 2.5rem;
      padding: 0;
      display: inline-grid;
      place-items: center;
      border-color: #1f2937;
      background: #1f2937;
      color: #fff;
      font-size: 1rem;
    }
    .lf-product-picker-date-wrap {
      position: relative;
      display: inline-flex;
    }
    .lf-product-picker-date-wrap.open .quick-date-panel {
      display: grid;
      gap: 0.5rem;
      z-index: 60;
    }
    .lf-product-picker-date-wrap .quick-date-panel {
      right: 0;
      left: auto;
      width: 19rem;
    }
    .lf-product-picker-date-input {
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
    }
    .lf-product-picker-date-btn.has-value {
      border-color: #fed7aa;
      background: #fff7ed;
      color: #f97316;
    }
    .lf-product-picker-work-preview {
      width: 3rem;
      height: 3rem;
      display: grid;
      place-items: center;
      overflow: hidden;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.625rem;
      background: #f8fafc;
      color: #cbd5e1;
    }
    .lf-product-picker-work-preview img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .lf-product-picker-list {
      position: relative;
      z-index: 1;
      min-height: 0;
      overflow-y: auto;
      padding: 0.875rem 1rem 1rem;
      display: grid;
      gap: 0.65rem;
      align-content: start;
    }
    .lf-product-picker-item {
      min-height: 6.25rem;
      display: grid;
      grid-template-columns: minmax(11rem, 18rem) minmax(0, 1fr) auto;
      gap: 0.75rem;
      align-items: center;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fbfdff;
      padding: 0.625rem;
    }
    .lf-product-picker-media {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 0.35rem;
      overflow-x: auto;
      padding-bottom: 0.125rem;
      scrollbar-width: thin;
    }
    .lf-product-picker-image {
      position: relative;
      flex: 0 0 3.5rem;
      width: 3.5rem;
      aspect-ratio: 1 / 1;
      border: 0.125rem solid transparent;
      border-radius: 0.45rem;
      background: #f8fafc;
      overflow: hidden;
      cursor: pointer;
      transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
    }
    .lf-product-picker-image:hover {
      border-color: #7dd3fc;
      transform: translateY(-0.0625rem);
      box-shadow: 0 0.5rem 1.2rem rgba(14, 165, 233, .14);
    }
    .lf-product-picker-image.selected {
      border-color: #0ea5e9;
      box-shadow: 0 0 0 0.125rem rgba(14, 165, 233, .18);
    }
    .lf-product-picker-image.selected::after {
      content: "✓";
      position: absolute;
      right: 0.18rem;
      top: 0.18rem;
      width: 1rem;
      height: 1rem;
      display: grid;
      place-items: center;
      border-radius: 999rem;
      background: #0ea5e9;
      color: #fff;
      font-size: 0.68rem;
      font-weight: 900;
    }
    .lf-product-picker-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .lf-product-picker-image.placeholder {
      border: 0.0625rem dashed #dbe3ee;
      color: #cbd5e1;
      display: grid;
      place-items: center;
      cursor: default;
    }
    .lf-product-picker-thumb {
      width: 4rem;
      height: 4rem;
      border-radius: 0.625rem;
      border: 0.0625rem solid #e2e8f0;
      background: #f8fafc;
      display: grid;
      place-items: center;
      overflow: hidden;
      color: #cbd5e1;
    }
    .lf-product-picker-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .lf-product-picker-info {
      min-width: 0;
      display: grid;
      gap: 0.25rem;
    }
    .lf-product-picker-info b,
    .lf-product-picker-info span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lf-product-picker-info b {
      color: #0f172a;
      font-size: 1rem;
    }
    .lf-product-picker-info span {
      color: #334155;
      font-size: 0.9375rem;
    }
    .lf-product-picker-info small {
      color: #94a3b8;
      font-size: 0.8125rem;
    }
    .lf-product-picker-actions {
      position: relative;
      min-width: 10.25rem;
      min-height: 5rem;
    }
    .lf-product-picker-append {
      position: absolute;
      left: 50%;
      top: calc(50% + 1.22rem);
      transform: translateX(-50%);
      display: inline-flex;
      align-items: center;
      gap: 0.22rem;
      min-height: 0.875rem;
      color: #94a3b8;
      font-size: 0.6875rem;
      line-height: 1;
      font-weight: 500;
      white-space: nowrap;
      cursor: pointer;
      user-select: none;
    }
    .lf-product-picker-append input {
      position: absolute;
      opacity: 0;
      width: 0.0625rem;
      height: 0.0625rem;
      margin: 0;
      pointer-events: none;
    }
    .lf-product-picker-checkmark {
      position: relative;
      width: 0.75rem;
      height: 0.75rem;
      flex: 0 0 0.75rem;
      border: 0.0625rem solid #cbd5e1;
      border-radius: 0.18rem;
      background: #fff;
      box-shadow: none;
    }
    .lf-product-picker-append input:focus + .lf-product-picker-checkmark,
    .lf-product-picker-append input:focus-visible + .lf-product-picker-checkmark {
      box-shadow: none;
      outline: 0;
    }
    .lf-product-picker-append input:checked + .lf-product-picker-checkmark {
      border-color: #f97316;
      background: #f97316;
    }
    .lf-product-picker-append input:checked + .lf-product-picker-checkmark::after {
      content: "✓";
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 0.56rem;
      font-weight: 900;
      line-height: 1;
    }
    .lf-product-picker-use {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 2rem;
      min-width: 9rem;
      border: 0;
      border-radius: 0.5rem;
      background: #f97316;
      color: #fff;
      padding: 0 0.75rem;
      font-weight: 800;
      white-space: nowrap;
      cursor: pointer;
    }
    .lf-product-picker-use:disabled {
      background: #cbd5e1;
      color: #f8fafc;
      cursor: not-allowed;
    }
    .lf-product-picker-empty {
      min-height: 10rem;
      display: grid;
      place-items: center;
      gap: 0.75rem;
      color: #94a3b8;
      font-weight: 700;
      font-size: 1.05rem;
      text-align: center;
      line-height: 1.7;
    }
    .lf-product-picker-empty-icon {
      width: 3rem;
      height: 3rem;
      display: grid;
      place-items: center;
      border-radius: 999rem;
      background: #fef2f2;
      color: #ef4444;
      font-size: 1.35rem;
      box-shadow: 0 0.75rem 1.5rem rgba(239, 68, 68, .12);
    }
    .lf-product-picker-empty.is-blocked {
      color: #94a3b8;
      font-size: 1.125rem;
    }
    /* 策绘工作台：产品与图片分两级选择，固定网格避免选中时布局跳动。 */
    #lf3ProductPickerModal .lf-product-picker-dialog {
      width: min(72rem, calc(100vw - 2rem));
      height: min(44rem, calc(100vh - 2.5rem));
      max-height: min(44rem, calc(100vh - 2.5rem));
      grid-template-rows: auto auto minmax(0, 1fr) auto;
      overflow: hidden;
    }
    #lf3ProductPickerModal .lf-product-picker-head {
      grid-row: 1;
      min-height: 4.25rem;
      padding: 0.875rem 1.25rem;
    }
    #lf3ProductPickerModal .lf-product-picker-head strong {
      flex: 1 1 auto;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    #lf3ProductPickerModal .lf3-product-picker-back {
      width: auto;
      min-width: 4.75rem;
      padding: 0 0.75rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.4rem;
      border: 0.0625rem solid #e2e8f0;
      background: #fff;
      color: #475569;
      font-size: 0.875rem;
      font-weight: 700;
    }
    #lf3ProductPickerModal .lf3-product-picker-back[hidden] {
      display: none;
    }
    #lf3ProductPickerModal.is-gallery-view .lf-product-picker-controls {
      display: none;
    }
    #lf3ProductPickerModal .lf-product-picker-controls {
      grid-row: 2;
      padding: 0.875rem 1.25rem;
      border-bottom: 0.0625rem solid #eef2f7;
      background: #fff;
    }
    #lf3ProductPickerModal .lf-product-picker-list {
      grid-row: 3;
      min-height: 0;
      padding: 0;
      display: block;
      overflow-y: auto;
      scrollbar-gutter: stable;
      background: #fff;
    }
    .lf3-picker-product-table-head,
    .lf3-picker-product-row {
      display: grid;
      grid-template-columns: minmax(18rem, 1fr) 7.5rem 8.5rem 8rem;
      align-items: center;
      gap: 1rem;
    }
    .lf3-picker-product-table-head {
      position: sticky;
      top: 0;
      z-index: 2;
      min-height: 2.65rem;
      padding: 0 1.25rem;
      border-bottom: 0.0625rem solid #e9eef5;
      background: #f8fafc;
      color: #64748b;
      font-size: 0.78rem;
      font-weight: 700;
    }
    .lf3-picker-product-table-head span:last-child {
      text-align: right;
    }
    .lf3-picker-product-row {
      min-height: 5.25rem;
      padding: 0.65rem 1.25rem;
      border-bottom: 0.0625rem solid #eef2f7;
      background: #fff;
      transition: background-color .16s ease;
    }
    .lf3-picker-product-row:hover {
      background: #fffaf5;
    }
    .lf3-picker-product-main {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(12.5rem, 14.5rem) minmax(0, 1fr);
      align-items: center;
      gap: 1rem;
    }
    .lf3-picker-product-summary {
      min-width: 0;
      display: grid;
      grid-template-columns: 4rem minmax(0, 1fr);
      align-items: center;
      gap: 0.85rem;
    }
    .lf3-picker-product-cover {
      width: 4rem;
      height: 4rem;
      display: grid;
      place-items: center;
      overflow: hidden;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.65rem;
      background: #f8fafc;
      color: #cbd5e1;
    }
    .lf3-picker-product-cover img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
    }
    .lf3-picker-product-copy {
      min-width: 0;
      display: grid;
      gap: 0.28rem;
    }
    .lf3-picker-product-copy b,
    .lf3-picker-product-copy span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lf3-picker-product-copy b {
      color: #0f172a;
      font-size: 0.98rem;
    }
    .lf3-picker-product-copy span {
      color: #64748b;
      font-size: 0.8rem;
    }
    .lf3-picker-product-preview {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 0.25rem;
      overflow: hidden;
    }
    .lf3-picker-product-thumb {
      position: relative;
      width: 2.65rem;
      height: 2.65rem;
      flex: 0 0 2.65rem;
      display: grid;
      place-items: center;
      overflow: hidden;
      padding: 0;
      border: 0.125rem solid transparent;
      border-radius: 0.48rem;
      outline: 0.0625rem solid #e2e8f0;
      background: #f8fafc;
      cursor: pointer;
      transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .lf3-picker-product-thumb:hover,
    .lf3-picker-product-thumb:focus-visible {
      z-index: 1;
      border-color: #fb923c;
      outline-color: #fb923c;
      box-shadow: 0 0.35rem 0.8rem rgba(249, 115, 22, 0.16);
      transform: translateY(-0.08rem);
    }
    .lf3-picker-product-thumb.selected {
      border-color: #f97316;
      outline-color: #f97316;
      background: #fff7ed;
    }
    .lf3-picker-product-thumb img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      background: #fff;
    }
    .lf3-picker-product-thumb-check {
      position: absolute;
      top: 0.1rem;
      right: 0.1rem;
      width: 0.9rem;
      height: 0.9rem;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background: #f97316;
      color: #fff;
      font-size: 0.48rem;
      box-shadow: 0 0.1rem 0.25rem rgba(124, 45, 18, 0.24);
    }
    .lf3-picker-product-preview-empty {
      color: #94a3b8;
      font-size: 0.78rem;
    }
    .lf3-picker-product-stat {
      display: grid;
      gap: 0.2rem;
      color: #334155;
      font-size: 0.875rem;
    }
    .lf3-picker-product-stat small {
      color: #f97316;
      font-size: 0.72rem;
      font-weight: 700;
    }
    .lf3-picker-product-updated {
      color: #64748b;
      font-size: 0.82rem;
    }
    .lf3-picker-product-action {
      display: flex;
      justify-content: flex-end;
    }
    .lf3-picker-product-action button,
    .lf3-picker-primary,
    .lf3-picker-secondary,
    .lf3-picker-page-btn {
      min-height: 2.25rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.55rem;
      background: #fff;
      color: #334155;
      padding: 0 0.8rem;
      font-weight: 700;
      cursor: pointer;
    }
    .lf3-picker-product-action button,
    .lf3-picker-primary {
      border-color: #f97316;
      background: #f97316;
      color: #fff;
    }
    .lf3-picker-product-action button.has-selection {
      background: #fff7ed;
      color: #ea580c;
    }
    .lf3-picker-product-action button:disabled,
    .lf3-picker-primary:disabled,
    .lf3-picker-secondary:disabled,
    .lf3-picker-page-btn:disabled {
      border-color: #e2e8f0;
      background: #f1f5f9;
      color: #94a3b8;
      cursor: not-allowed;
    }
    .lf3-product-picker-footer {
      grid-row: 4;
      min-height: 4.25rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 0.75rem 1.25rem;
      border-top: 0.0625rem solid #e9eef5;
      background: #fff;
    }
    .lf3-picker-footer-summary {
      color: #64748b;
      font-size: 0.82rem;
    }
    .lf3-picker-pagination {
      display: flex;
      align-items: center;
      gap: 0.4rem;
    }
    .lf3-picker-page-btn {
      min-width: 2.25rem;
      padding: 0 0.65rem;
    }
    .lf3-picker-page-label {
      min-width: 4.5rem;
      color: #475569;
      font-size: 0.82rem;
      text-align: center;
      font-variant-numeric: tabular-nums;
    }
    .lf3-picker-gallery-shell {
      min-height: 100%;
      display: grid;
      grid-template-rows: auto 1fr auto;
    }
    .lf3-picker-gallery-head {
      min-height: 4.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 0.75rem 1.25rem;
      border-bottom: 0.0625rem solid #eef2f7;
      background: #fffaf5;
    }
    .lf3-picker-gallery-product {
      min-width: 0;
      display: grid;
      grid-template-columns: 3.25rem minmax(0, 1fr);
      align-items: center;
      gap: 0.75rem;
    }
    .lf3-picker-gallery-product .lf3-picker-product-cover {
      width: 3.25rem;
      height: 3.25rem;
    }
    .lf3-picker-gallery-product b,
    .lf3-picker-gallery-product span {
      display: block;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lf3-picker-gallery-product b {
      color: #0f172a;
      font-size: 0.98rem;
    }
    .lf3-picker-gallery-product span {
      margin-top: 0.2rem;
      color: #64748b;
      font-size: 0.78rem;
    }
    .lf3-picker-selection-count {
      flex: 0 0 auto;
      min-width: 6.75rem;
      padding: 0.45rem 0.75rem;
      border-radius: 999rem;
      background: #ffedd5;
      color: #c2410c;
      font-size: 0.82rem;
      font-weight: 800;
      text-align: center;
    }
    .lf3-picker-image-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.85rem;
      align-content: start;
      padding: 1rem 1.25rem;
    }
    .lf3-picker-image-tile {
      position: relative;
      min-width: 0;
      padding: 0;
      border: 0.125rem solid transparent;
      border-radius: 0.75rem;
      overflow: hidden;
      background: #f8fafc;
      cursor: pointer;
      box-shadow: 0 0 0 0.0625rem #e2e8f0;
      transition: box-shadow .16s ease, background-color .16s ease;
    }
    .lf3-picker-image-tile:hover {
      box-shadow: 0 0 0 0.125rem #fdba74;
    }
    .lf3-picker-image-tile.selected {
      border-color: #f97316;
      box-shadow: 0 0 0 0.125rem rgba(249, 115, 22, .18);
      background: #fff7ed;
    }
    .lf3-picker-image-canvas {
      width: 100%;
      aspect-ratio: 1 / 1;
      display: grid;
      place-items: center;
      overflow: hidden;
      background: #fff;
    }
    .lf3-picker-image-canvas img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
    }
    .lf3-picker-image-label {
      min-height: 2.2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 0 0.65rem;
      color: #475569;
      font-size: 0.75rem;
    }
    .lf3-picker-image-check {
      position: absolute;
      top: 0.55rem;
      right: 0.55rem;
      width: 1.5rem;
      height: 1.5rem;
      display: none;
      place-items: center;
      border-radius: 999rem;
      background: #f97316;
      color: #fff;
      font-size: 0.72rem;
      box-shadow: 0 0.25rem 0.75rem rgba(194, 65, 12, .28);
    }
    .lf3-picker-image-tile.selected .lf3-picker-image-check {
      display: grid;
    }
    .lf3-picker-gallery-status {
      min-height: 2rem;
      padding: 0 1.25rem 0.75rem;
      color: #94a3b8;
      font-size: 0.76rem;
    }
    .lf3-picker-gallery-status.warning {
      color: #dc2626;
    }
    #lf3ProductPickerModal.is-gallery-view .lf3-product-picker-footer {
      min-height: 7.25rem;
      align-items: flex-end;
    }
    .lf3-picker-selected-area {
      min-width: 0;
      flex: 1 1 auto;
    }
    .lf3-picker-selected-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.45rem;
      color: #334155;
      font-size: 0.78rem;
      font-weight: 700;
    }
    .lf3-picker-selected-title small {
      color: #94a3b8;
      font-size: 0.7rem;
      font-weight: 500;
    }
    .lf3-picker-selected-strip {
      display: grid;
      grid-template-columns: repeat(6, 3rem);
      gap: 0.4rem;
    }
    .lf3-picker-selected-slot {
      position: relative;
      width: 3rem;
      height: 3rem;
      display: grid;
      place-items: center;
      padding: 0;
      overflow: hidden;
      border: 0.0625rem dashed #cbd5e1;
      border-radius: 0.5rem;
      background: #f8fafc;
      color: #cbd5e1;
    }
    button.lf3-picker-selected-slot {
      border-style: solid;
      cursor: pointer;
    }
    .lf3-picker-selected-slot img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      background: #fff;
    }
    .lf3-picker-selected-remove {
      position: absolute;
      top: 0.1rem;
      right: 0.1rem;
      width: 1rem;
      height: 1rem;
      display: grid;
      place-items: center;
      border-radius: 999rem;
      background: rgba(15, 23, 42, .82);
      color: #fff;
      font-size: 0.58rem;
    }
    .lf3-picker-footer-actions {
      flex: 0 0 auto;
      display: grid;
      gap: 0.55rem;
      justify-items: end;
    }
    .lf3-picker-options,
    .lf3-picker-action-row {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.65rem;
      flex-wrap: wrap;
    }
    .lf3-picker-option {
      display: inline-flex;
      align-items: center;
      gap: 0.42rem;
      color: #64748b;
      font-size: 0.72rem;
      white-space: nowrap;
      cursor: pointer;
    }
    .lf3-picker-option.is-locked {
      color: #475569;
      cursor: default;
    }
    .lf3-picker-option input[type="checkbox"] {
      -webkit-appearance: none;
      appearance: none;
      width: 0.9rem;
      height: 0.9rem;
      min-width: 0.9rem;
      min-height: 0.9rem;
      max-width: 0.9rem;
      max-height: 0.9rem;
      flex: 0 0 0.9rem;
      display: grid;
      place-items: center;
      margin: 0;
      padding: 0;
      border: 0.0625rem solid #cbd5e1;
      border-radius: 0.2rem;
      outline: none;
      background: #fff;
      box-shadow: none;
      cursor: pointer;
      transition: border-color .14s ease, background-color .14s ease, box-shadow .14s ease;
    }
    .lf3-picker-option input[type="checkbox"]::before {
      content: "";
      width: 0.42rem;
      height: 0.22rem;
      border-left: 0.12rem solid #fff;
      border-bottom: 0.12rem solid #fff;
      transform: translateY(-0.04rem) rotate(-45deg) scale(0);
      transform-origin: center;
      transition: transform .12s ease;
    }
    .lf3-picker-option input[type="checkbox"]:checked {
      border-color: #f97316;
      background: #f97316;
    }
    .lf3-picker-option input[type="checkbox"]:checked::before {
      transform: translateY(-0.04rem) rotate(-45deg) scale(1);
    }
    .lf3-picker-option input[type="checkbox"]:focus-visible {
      outline: none;
      box-shadow: 0 0 0 0.18rem rgba(249, 115, 22, 0.16);
    }
    .lf3-picker-option input[type="checkbox"]:disabled {
      opacity: 1;
      cursor: default;
    }
    @media (max-width: 54rem) {
      #lf3ProductPickerModal .lf-product-picker-controls {
        align-items: stretch;
        flex-direction: column;
      }
      #lf3ProductPickerModal .lf-product-picker-search {
        justify-content: flex-start;
      }
      .lf3-picker-product-table-head,
      .lf3-picker-product-row {
        grid-template-columns: minmax(15rem, 1fr) 6.5rem 7rem;
      }
      .lf3-picker-product-updated,
      .lf3-picker-product-table-head span:nth-child(3) {
        display: none;
      }
      .lf3-picker-product-main {
        grid-template-columns: minmax(0, 1fr);
      }
      .lf3-picker-product-preview {
        display: none;
      }
      .lf3-picker-image-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      #lf3ProductPickerModal.is-gallery-view .lf3-product-picker-footer {
        align-items: stretch;
        flex-direction: column;
      }
      .lf3-picker-footer-actions {
        justify-items: stretch;
      }
      .lf3-picker-action-row,
      .lf3-picker-options {
        justify-content: flex-end;
      }
    }
    @media (max-width: 38rem) {
      .lf-product-picker-mask {
        padding: 0.5rem;
      }
      #lf3ProductPickerModal .lf-product-picker-dialog {
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
      }
      .lf3-picker-product-table-head {
        display: none;
      }
      .lf3-picker-product-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.65rem;
      }
      .lf3-picker-product-stat {
        display: none;
      }
      .lf3-picker-product-main {
        grid-template-columns: minmax(0, 1fr);
      }
      .lf3-picker-product-summary {
        grid-template-columns: 3.25rem minmax(0, 1fr);
      }
      .lf3-picker-product-cover {
        width: 3.25rem;
        height: 3.25rem;
      }
      .lf3-picker-image-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
        padding: 0.75rem;
      }
      .lf3-picker-selected-strip {
        grid-template-columns: repeat(6, minmax(2rem, 1fr));
      }
      .lf3-picker-selected-slot {
        width: 100%;
      }
    }
    .lf-image-hover-preview {
      position: fixed;
      z-index: 620;
      width: min(28rem, 48vw);
      height: min(42rem, 78vh);
      border: 0.0625rem solid #d8e3f8;
      border-radius: 0.75rem;
      background: #fff;
      box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, .16);
      padding: 0.45rem;
      pointer-events: none;
      opacity: 0;
      transform: translateY(0.25rem) scale(.98);
      transition: opacity .14s ease, transform .14s ease;
    }
    .lf-image-hover-preview.active {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    .lf-image-hover-preview img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
      border-radius: 0.5rem;
      background: #f8fafc;
    }
    .lf-field textarea,
    .lf-field select {
      width: 100%;
      border: 0.0625rem solid #e0e3ea;
      border-radius: 0.5rem;
      background: #fff;
      color: #334155;
    }
    .lf-field textarea {
      min-height: 6rem;
      resize: vertical;
      padding: 0.75rem;
      line-height: 1.55;
    }
    .lf-field-tools {
      height: 2rem;
      margin-top: -2rem;
      padding: 0 0.5rem;
      display: flex;
      align-items: center;
      gap: 0.65rem;
      color: #8b95a5;
      font-size: 0.75rem;
      position: relative;
      pointer-events: none;
    }
    .lf-field-tools button {
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.35rem;
      background: #fafafa;
      color: #a1a8b3;
      height: 1.5rem;
      pointer-events: auto;
    }
    .lf-field-tools small { margin-left: auto; }
    .lf-product-info-panel {
      min-height: 9.25rem;
      border: 0.0625rem dashed #d8dde8;
      border-radius: 0.75rem;
      display: flex;
      flex-direction: column;
      gap: 0.55rem;
      padding: 0.75rem;
      background: #fbfbfd;
    }
    .lf-product-info-panel .lf-product-info-input {
      display: block !important;
      width: 100%;
      min-height: 8.1rem;
      border: 0.0625rem dashed #cfd7e6;
      border-radius: 0.5rem;
      background: #fff;
      color: #334155;
      font-size: 0.78rem;
      line-height: 1.5;
      padding: 0.75rem;
      resize: vertical;
      box-shadow: none;
    }
    .lf-product-info-panel .lf-product-info-input:focus {
      border-color: #7ca7ff;
      background: #f7faff;
      outline: none;
      box-shadow: 0 0 0 0.15rem rgba(79, 124, 255, .10);
    }
    .lf-generate-prompt-actions {
      display: flex;
      justify-content: center;
      margin: 0.2rem 0 0;
    }
    .lf-generate-prompt-actions button {
      min-width: 9.5rem;
      border: 0;
      border-radius: 0.35rem;
      background: #f97316;
      color: #fff;
      min-height: 2rem;
      padding: 0 0.75rem;
      font-size: 0.8rem;
      font-weight: 700;
      box-shadow: 0 0.5rem 1.1rem rgba(249, 115, 22, .16);
    }
    .lf-brand-card {
      width: 100%;
      min-height: 2.45rem;
      display: grid;
      grid-template-columns: 2rem minmax(0, 1fr) auto;
      align-items: center;
      row-gap: 0.15rem;
      column-gap: 0.5rem;
      border: 0.0625rem solid #e0e3ea;
      border-radius: 0.35rem;
      background: #fff;
      color: #303846;
      text-align: left;
      padding: 0.4rem 0.65rem;
    }
    .lf-brand-card span:nth-child(2),
    .lf-brand-card small {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lf-brand-card small {
      display: block;
      color: #8b95a5;
      margin-top: 0.15rem;
      font-size: 0.72rem;
      font-weight: 400;
    }
    .lf-brand-card > i {
      color: #9aa3b2;
    }
    .lf-brand-popover {
      position: fixed;
      top: 8.35rem;
      left: calc(17.5rem + 18.6rem);
      z-index: 80;
      width: 18.5rem;
      display: none;
      padding: 1rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.9rem;
      background: linear-gradient(180deg, #ffffff 0%, #fffaf5 100%);
      box-shadow: 0 1.25rem 2.75rem rgba(15, 23, 42, 0.14);
      color: #1f2937;
    }
    .lf-brand-popover.open { display: block; }
    .lf-style-preference-modal {
      position: fixed;
      inset: 0;
      z-index: 220;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.2rem;
      background: rgba(15, 23, 42, .42);
      backdrop-filter: blur(0.18rem);
    }
    .lf-style-preference-modal.open {
      display: flex;
    }
    .lf-style-preference-shell {
      width: min(98vw, 88rem);
      height: min(92vh, 58rem);
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.78rem;
      background: #fffaf5;
      box-shadow: 0 1.45rem 3.4rem rgba(15, 23, 42, .24);
      overflow: hidden;
    }
    .lf-style-preference-shell iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      background: #fffaf5;
    }
    .lf-single-style-modal {
      position: fixed;
      inset: 0;
      z-index: 230;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.2rem;
      background: rgba(15, 23, 42, .38);
      backdrop-filter: blur(0.16rem);
    }
    .lf-single-style-modal.open {
      display: flex;
    }
    .lf-single-style-dialog {
      width: min(34rem, calc(100vw - 2rem));
      max-height: min(42rem, calc(100vh - 2rem));
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      border: 0.0625rem solid #bfdbfe;
      border-radius: 0.8rem;
      background: #fff;
      box-shadow: 0 1.45rem 3.4rem rgba(15, 23, 42, .24);
      overflow: hidden;
    }
    .lf-single-style-head {
      padding: 0.95rem 1rem;
      border-bottom: 0.0625rem solid #dbeafe;
      background: linear-gradient(180deg, #eff6ff, #fff);
    }
    .lf-single-style-head strong {
      display: block;
      color: #1e40af;
      font-size: 0.96rem;
      font-weight: 950;
    }
    .lf-single-style-head span {
      display: block;
      margin-top: 0.25rem;
      color: #64748b;
      font-size: 0.76rem;
      line-height: 1.45;
    }
    .lf-single-style-body {
      display: grid;
      gap: 0.85rem;
      padding: 0.95rem 1rem;
      overflow: auto;
    }
    .lf-single-style-section label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.7rem;
      margin-bottom: 0.45rem;
      color: #334155;
      font-size: 0.76rem;
      font-weight: 900;
    }
    .lf-single-style-section label small {
      color: #94a3b8;
      font-weight: 700;
    }
    .lf-single-style-seg {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
    }
    .lf-single-style-seg button {
      min-height: 1.9rem;
      padding: 0 0.62rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #f8fafc;
      color: #475569;
      font-size: 0.76rem;
      font-weight: 850;
      cursor: pointer;
    }
    .lf-single-style-seg button.selected {
      border-color: #60a5fa;
      background: #dbeafe;
      color: #1d4ed8;
    }
    .lf-single-style-choice {
      width: 100%;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 0.5rem;
      padding: 0.62rem 0.7rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #f8fafc;
      text-align: left;
      cursor: pointer;
    }
    .lf-single-style-choice + .lf-single-style-choice {
      margin-top: 0.4rem;
    }
    .lf-single-style-choice.selected {
      border-color: #60a5fa;
      background: #eff6ff;
      box-shadow: inset 0 0 0 0.0625rem rgba(96, 165, 250, .22);
    }
    .lf-single-style-choice b {
      display: block;
      color: #0f172a;
      font-size: 0.82rem;
    }
    .lf-single-style-choice span {
      display: block;
      margin-top: 0.24rem;
      color: #64748b;
      font-size: 0.74rem;
      line-height: 1.45;
    }
    .lf-single-style-choice i {
      align-self: center;
      color: #2563eb;
      opacity: 0;
    }
    .lf-single-style-choice.selected i {
      opacity: 1;
    }
    .lf-single-style-note {
      padding: 0.62rem 0.7rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #f8fafc;
      color: #64748b;
      font-size: 0.74rem;
      line-height: 1.5;
    }
    .lf-single-style-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.65rem;
      padding: 0.8rem 1rem 0.9rem;
      border-top: 0.0625rem solid #eef2ff;
      background: #f8fafc;
    }
    .lf-single-style-foot small {
      color: #64748b;
      font-size: 0.74rem;
    }
    .lf-single-style-foot div {
      display: inline-flex;
      gap: 0.5rem;
    }
    .lf-single-style-foot button {
      height: 2rem;
      padding: 0 0.85rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 999rem;
      background: #fff;
      color: #2563eb;
      font-size: 0.76rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf-single-style-foot .primary {
      border-color: transparent;
      background: #2563eb;
      color: #fff;
    }
    .lf-pop-tabs {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin: -0.1rem 0 0.9rem;
      padding-bottom: 0.75rem;
      border-bottom: 0.0625rem solid #ffedd5;
    }
    .lf-pop-tabs button {
      border: 0;
      background: transparent;
      color: #6b7280;
      min-height: 2.25rem;
      font-size: 0.8rem;
      font-weight: 800;
    }
    .lf-pop-tabs .active {
      position: relative;
      color: #ea580c;
      border-bottom: 0;
      font-size: 1.2rem;
      font-weight: 950;
      padding: 0 0 0.12rem;
    }
    .lf-pop-tabs .active::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -0.05rem;
      width: 2.8rem;
      height: 0.18rem;
      border-radius: 999rem;
      background: linear-gradient(90deg, #f97316, rgba(249, 115, 22, 0));
    }
    .lf-pop-tabs .lf-pop-close {
      margin-left: auto;
      color: #8b95a5;
      font-size: 0.95rem;
    }
    .lf-brand-popover label {
      display: block;
      color: #4b5563;
      font-size: 0.75rem;
      margin: 0.75rem 0 0.4rem;
    }
    .lf-brand-option,
    .lf-select-like,
    .lf-model-select {
      width: 100%;
      min-height: 2.75rem;
      border: 0.0625rem solid #e0e3ea;
      border-radius: 0.35rem;
      background: #fff;
      color: #303846;
      text-align: left;
    }
    .lf-brand-option {
      min-height: 4rem;
      display: grid;
      grid-template-columns: 2.25rem minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.6rem;
      padding: 0.58rem;
      background: rgba(255, 255, 255, .92);
      box-shadow: 0 0.35rem 0.9rem rgba(15, 23, 42, .035);
      transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .lf-brand-option:hover {
      border-color: #fdba74;
      background: #fff;
      box-shadow: 0 0.65rem 1.25rem rgba(249, 115, 22, .1);
      transform: translateY(-0.04rem);
    }
    .lf-font-auto {
      width: 2rem;
      height: 2rem;
      border-radius: 0.25rem;
      display: grid;
      place-items: center;
      background: #111827;
      color: #fff;
      font-size: 0.7rem;
      font-weight: 800;
    }
    .lf-brand-option small {
      display: block;
      margin-top: 0.15rem;
      color: #8b95a5;
      font-weight: 400;
    }
    .lf-brand-option.active {
      border-color: #f97316;
      background: #fff7ed;
      box-shadow: 0 0 0 0.15rem rgba(249, 115, 22, .1);
    }
    .lf-brand-option[data-style-code="premium"] .lf-auto {
      color: #fff;
      background: linear-gradient(135deg, #111827, #64748b);
    }
    .lf-brand-option[data-style-code="scene"] .lf-auto {
      color: #14532d;
      background: linear-gradient(135deg, #bbf7d0, #fef3c7);
    }
    .lf-brand-option[data-style-code="none"] .lf-auto,
    .lf-brand-card[data-style-code="none"] .lf-auto {
      color: #64748b;
      background: #f1f5f9;
    }
    .lf-brand-card[data-style-code="premium"] .lf-auto {
      color: #fff;
      background: linear-gradient(135deg, #111827, #64748b);
    }
    .lf-brand-card[data-style-code="scene"] .lf-auto {
      color: #14532d;
      background: linear-gradient(135deg, #bbf7d0, #fef3c7);
    }
    .lf-select-like {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0.65rem;
    }
    .lf-pop-textarea { position: relative; }
    .lf-pop-textarea textarea {
      min-height: 6rem;
      padding: 0.7rem 0.7rem 1.5rem;
      width: 100%;
      border: 0.0625rem solid #e0e3ea;
      border-radius: 0.35rem;
      resize: vertical;
    }
    .lf-pop-textarea small {
      position: absolute;
      right: 0.55rem;
      bottom: 0.45rem;
      color: #a1a8b3;
      font-size: 0.7rem;
    }
    .lf-auto {
      width: 2rem;
      height: 2rem;
      border-radius: 0.35rem;
      display: grid;
      place-items: center;
      font-size: 0.72rem;
      font-weight: 800;
      color: #111827;
      background: linear-gradient(135deg, #f97316, #fdba74, #fff7ed);
    }
    .lf-brand-card .lf-auto {
      width: 1.75rem;
      height: 1.75rem;
      border-radius: 0.32rem;
      font-size: 0.68rem;
    }
    .lf-model-wrap { position: relative; }
    .lf-model-select {
      min-height: 2.45rem;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      row-gap: 0.15rem;
      padding: 0.4rem 0.65rem;
    }
    .lf-model-select span,
    .lf-model-select small {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lf-model-select small {
      color: #8b95a5;
      font-size: 0.72rem;
    }
    .lf-model-select > i {
      grid-row: 1 / span 2;
      grid-column: 2;
      color: #9aa3b2;
    }
    .lf-model-menu {
      position: absolute;
      top: calc(100% + 0.25rem);
      left: 0;
      right: 0;
      z-index: 70;
      display: none;
      overflow: hidden;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fff;
      box-shadow: 0 0.8rem 1.6rem rgba(15, 23, 42, 0.12);
    }
    .lf-model-menu.open { display: block; }
    .lf-model-menu button {
      width: 100%;
      min-height: 4rem;
      padding: 0.55rem 0.75rem;
      border: 0;
      background: #fff;
      text-align: left;
      color: #303846;
    }
    .lf-model-menu button:hover,
    .lf-model-menu .active {
      background: #fff7ed;
    }
    .lf-model-menu button:disabled {
      cursor: not-allowed;
      opacity: .64;
    }
    .lf-model-menu button:disabled:hover {
      background: #fff;
    }
    .lf-model-menu span {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      font-size: 0.82rem;
      font-weight: 700;
    }
    .lf-model-menu b {
      padding: 0.05rem 0.3rem;
      border-radius: 999rem;
      background: #ff2739;
      color: #fff;
      font-size: 0.58rem;
    }
    .lf-model-menu .lf-model-badge {
      margin-left: auto;
      padding: 0.08rem 0.42rem;
      border-radius: 999rem;
      background: linear-gradient(135deg, #ff6b1a, #ff9f45);
      color: #fff;
      font-size: 0.62rem;
      font-weight: 900;
      letter-spacing: 0;
    }
    .lf-model-menu .lf-model-soon {
      margin-left: auto;
      padding: 0.08rem 0.42rem;
      border-radius: 999rem;
      background: #eef2f7;
      color: #94a3b8;
      font-size: 0.62rem;
      font-weight: 900;
    }
    .lf-model-menu small {
      display: block;
      margin-top: 0.3rem;
      padding-left: 1.35rem;
      color: #8b95a5;
      font-size: 0.72rem;
      line-height: 1.5;
    }
    .lf-model-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.28rem;
      margin-top: 0.42rem;
      padding-left: 1.35rem;
    }
    .lf-model-tags em {
      display: inline-flex;
      align-items: center;
      min-height: 1.05rem;
      padding: 0.1rem 0.34rem;
      border-radius: 999rem;
      background: #fff3e8;
      color: #c2410c;
      font-size: 0.62rem;
      font-style: normal;
      font-weight: 900;
      line-height: 1;
    }
    .lf-model-menu button:disabled .lf-model-tags em {
      background: #f1f5f9;
      color: #94a3b8;
    }
    .lf-segment {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.5rem;
    }
    .lf-segment button {
      min-height: 2rem;
      border: 0.0625rem solid #e0e3ea;
      border-radius: 0.35rem;
      background: #fff;
      color: #111827;
    }
    .lf-segment .active {
      color: #f97316;
      border-color: #f97316;
      background: #fff7ed;
    }
    .lf-output-setting-grid {
      display: grid;
      grid-template-columns: 0.9fr 1.1fr;
      gap: 0.45rem;
      align-items: end;
    }
    .lf-output-setting-grid > div {
      min-width: 0;
    }
    .lf-output-setting-grid label {
      margin-bottom: 0.35rem;
    }
    .lf-output-setting-grid .lf-segment {
      gap: 0.28rem;
    }
    .lf-resolution-segment {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lf-quality-segment {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lf-output-setting-grid .lf-segment button {
      min-height: 1.9rem;
      padding: 0 0.2rem;
      font-size: 0.74rem;
      font-weight: 800;
      white-space: nowrap;
    }
    .lf-output-setting-select {
      width: 100%;
      min-height: 2rem;
      border: 0.0625rem solid #e0e3ea;
      border-radius: 0.45rem;
      background: #fff;
      color: #111827;
      padding: 0 0.55rem;
      font-size: 0.78rem;
      font-weight: 900;
      outline: none;
    }
    .lf-output-setting-select:focus {
      border-color: #f97316;
      box-shadow: 0 0 0 0.16rem rgba(249, 115, 22, .12);
    }
    .lf-toggle-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #8b95a5;
      font-size: 0.78rem;
    }
    .lf-switch {
      position: relative;
      display: inline-flex;
      width: 2rem;
      height: 1.1rem;
      flex: 0 0 auto;
      cursor: pointer;
    }
    .lf-switch input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    .lf-switch span {
      width: 100%;
      height: 100%;
      border-radius: 999rem;
      background: #d1d5db;
      transition: background 0.16s ease;
    }
    .lf-switch span::after {
      content: "";
      position: absolute;
      top: 0.15rem;
      left: 0.15rem;
      width: 0.8rem;
      height: 0.8rem;
      border-radius: 999rem;
      background: #fff;
      box-shadow: 0 0.08rem 0.2rem rgba(15, 23, 42, 0.22);
      transition: transform 0.16s ease;
    }
    .lf-switch input:checked + span {
      background: #f97316;
    }
    .lf-switch input:checked + span::after {
      transform: translateX(0.9rem);
    }
    .lf-a-panel {
      margin-bottom: 0.875rem;
      overflow: hidden;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #f7f7f8;
    }
    .lf-setting-tabs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.35rem;
      margin: 0 0 0.5rem;
      padding: 0.25rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #f7f7f8;
    }
    .lf-setting-tabs button {
      min-height: 1.9rem;
      border: 0;
      border-radius: 0.4rem;
      background: transparent;
      color: #64748b;
      font-size: 0.78rem;
      font-weight: 700;
      cursor: pointer;
    }
    .lf-setting-tabs button.active {
      background: #f97316;
      color: #fff;
      box-shadow: 0 0.25rem 0.7rem rgba(249, 115, 22, 0.22);
    }
    .lf3-setting-panel {
      display: none;
    }
    .lf3-setting-panel.active {
      display: block;
    }
    .lf-a-panel-head,
    .lf-no-text-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.6rem 0.7rem;
      color: #6b7280;
      font-size: 0.78rem;
    }
    .lf-a-card {
      border-radius: 0.5rem;
      background: #f7f7f8;
      padding: 0 0.5rem 0.5rem;
      margin-bottom: 0;
    }
    .lf-a-title {
      color: #9aa3b2;
      font-size: 0.75rem;
      margin: 0 0 0.35rem;
    }
    .lf-a-option {
      position: relative;
      min-height: 2.25rem;
      display: flex;
      align-items: center;
      gap: 0.45rem;
      border-radius: 0.4rem;
      background: #fff;
      padding: 0 0.5rem;
      margin-bottom: 0.38rem;
      color: #1f2937;
      font-size: 0.82rem;
      cursor: pointer;
    }
    .lf-a-option.indent {
      margin-left: 1.25rem;
    }
    .lf-a-option input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    .lf-radio-dot,
    .lf-check-dot {
      width: 0.92rem;
      height: 0.92rem;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      border: 0.0625rem solid #d1d5db;
      border-radius: 999rem;
      background: #fff;
    }
    .lf-check-dot {
      border-radius: 0.25rem;
    }
    .lf-a-option input:checked + .lf-radio-dot,
    .lf-a-option.active .lf-radio-dot {
      border-color: #f97316;
      background: #f97316;
    }
    .lf-a-option input:checked + .lf-radio-dot::after,
    .lf-a-option.active .lf-radio-dot::after {
      content: "";
      width: 0.28rem;
      height: 0.28rem;
      border-radius: 999rem;
      background: #fff;
    }
    .lf-a-option input:checked + .lf-check-dot {
      border-color: #f97316;
      background: #f97316;
    }
    .lf-a-option input:checked + .lf-check-dot::after {
      content: "";
      width: 0.45rem;
      height: 0.25rem;
      border-left: 0.12rem solid #fff;
      border-bottom: 0.12rem solid #fff;
      transform: rotate(-45deg) translateY(-0.04rem);
    }
    .lf-a-option b {
      font-weight: 700;
    }
    .lf-a-stepper {
      margin-left: auto;
      min-width: 3.4rem;
      height: 1.35rem;
      display: inline-grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      justify-items: center;
      border-radius: 999rem;
      background: #fff7ed;
      color: #111827;
      font-weight: 700;
    }
    .lf-a-stepper button {
      width: 1rem;
      height: 1rem;
      border: 0;
      background: transparent;
      color: #111827;
      font-weight: 800;
      line-height: 1;
      cursor: pointer;
    }
    .lf-a-stepper strong {
      min-width: 0.9rem;
      text-align: center;
      font-size: 0.82rem;
    }
    .lf-a-option.disabled {
      color: #9aa3b2;
      opacity: .78;
    }
    .lf-a-option.disabled .lf-a-stepper {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fbfbfd;
      color: #c0c4cc;
    }
    .lf-a-option.disabled .lf-a-stepper button {
      display: none;
    }
    .lf-custom-ratio {
      display: none;
      align-items: center;
      gap: 0.2rem;
      margin-left: 0.15rem;
      color: #6b7280;
      font-size: 0.72rem;
    }
    .lf-a-option.active .lf-custom-ratio {
      display: inline-flex;
    }
    .lf-custom-ratio input {
      position: static;
      width: 1.55rem;
      height: 1.2rem;
      opacity: 1;
      pointer-events: auto;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.2rem;
      background: #fff;
      color: #111827;
      text-align: center;
      font-size: 0.72rem;
    }
    .lf-a-panel.is-disabled .lf-a-card,
    .lf-a-panel.is-disabled .lf-no-text-row,
    .lf-a-panel.is-disabled .lf-tip {
      display: none;
    }
    .lf-layout-card {
      width: 100%;
      min-height: 3.25rem;
      display: grid;
      grid-template-columns: 2rem minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.55rem;
      margin-top: 0.55rem;
      padding: 0.45rem 0.55rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.45rem;
      background: #fff;
      color: #303846;
      text-align: left;
    }
    .lf-layout-card > span {
      width: 2rem;
      height: 2rem;
      display: grid;
      place-items: center;
      border-radius: 0.35rem;
      background: #ffedd5;
      color: #f97316;
      font-size: 1rem;
    }
    .lf-layout-card small {
      display: block;
      margin-top: 0.15rem;
      color: #8b95a5;
      font-weight: 400;
    }
    .lf-tip {
      margin: 0;
      padding: 0.45rem 0.55rem;
      background: #fff8db;
      color: #a16207;
      font-size: 0.72rem;
      line-height: 1.4;
    }
    .lf-sticky-action {
      position: sticky;
      bottom: 0;
      margin: 1rem -0.75rem -0.75rem;
      padding: 0.5rem 0.75rem 0.75rem;
      background: #fff;
      border-top: 0.0625rem solid #e5e7eb;
    }
    .lf-sticky-action span {
      display: block;
      margin-bottom: 0.5rem;
      color: #8b95a5;
      font-size: 0.72rem;
      text-align: center;
    }
    .lf-sticky-action button {
      width: 100%;
      min-height: 2.25rem;
      background: #f97316;
    }
    .lf-plan-action {
      margin: 0.15rem 0 0.75rem;
    }
    .lf-plan-action button {
      width: 100%;
      min-height: 2.35rem;
      border: 0.0625rem solid #f97316;
      border-radius: 0.5rem;
      background: #fff7ed;
      color: #ea580c;
      font-size: 0.86rem;
      font-weight: 800;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
    }
    .lf-plan-action button:hover {
      background: #f97316;
      border-color: #f97316;
      color: #fff;
      transform: translateY(-0.0625rem);
    }
    .lf-toast {
      position: fixed;
      top: 5.75rem;
      left: var(--lf-toast-left, 50%);
      z-index: 12000;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.8rem;
      max-width: min(90vw, 34rem);
      padding: 1.15rem 1.55rem;
      border: 0.125rem solid #fb923c;
      border-radius: 1rem;
      background: linear-gradient(135deg, #fff7ed, #ffedd5);
      color: #9a3412;
      box-shadow: 0 1.35rem 3rem rgba(249, 115, 22, 0.24), 0 0 0 0.375rem rgba(255, 237, 213, 0.78);
      font-size: 1.2rem;
      font-weight: 900;
      opacity: 0;
      pointer-events: none;
      transform: translate(-50%, -0.45rem) scale(0.98);
      transition: opacity .18s ease, transform .18s ease;
    }
    .lf-toast.show {
      opacity: 1;
      transform: translate(-50%, 0) scale(1);
    }
    .lf-toast i {
      color: #f97316;
      font-size: 1.35rem;
    }
    .lf-toast.is-workbench-sync {
      border-color: #60a5fa;
      background: linear-gradient(135deg, #eff6ff, #dbeafe);
      color: #1d4ed8;
      box-shadow: 0 1.35rem 3rem rgba(37, 99, 235, 0.18), 0 0 0 0.375rem rgba(219, 234, 254, 0.72);
    }
    .lf-toast.is-workbench-sync i {
      color: #2563eb;
    }
    .xw-mini-toast {
      position: fixed;
      top: 5.2rem;
      left: 50%;
      z-index: 13000;
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.5rem 0.72rem;
      border-radius: 0.55rem;
      background: rgba(17, 24, 39, 0.94);
      color: #fff;
      box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.2);
      font-size: 0.86rem;
      line-height: 1;
      opacity: 0;
      pointer-events: none;
      transform: translate(-50%, -0.35rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    .xw-mini-toast.show {
      opacity: 1;
      transform: translate(-50%, 0);
    }
    .xw-mini-toast i {
      color: #34d399;
      font-size: 0.9rem;
    }
    .xw-mini-toast.is-error {
      background: rgba(153, 27, 27, 0.96);
      box-shadow: 0 0.75rem 1.5rem rgba(153, 27, 27, 0.22);
    }
    .xw-mini-toast.is-error i {
      color: #fecaca;
    }
    .lf-plan-summary {
      margin-top: 0.7rem;
      min-height: 13.5rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.65rem;
      background: #fffaf5;
      padding: 0.7rem;
      color: #111827;
    }
    .lf-plan-summary-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.85rem;
    }
    .lf-plan-summary-head strong {
      font-size: 1rem;
      color: #111827;
    }
    .lf-plan-summary-head span {
      color: #f97316;
      font-size: 0.78rem;
      font-weight: 700;
    }
    .lf-plan-summary-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.7rem;
      margin-bottom: 0.9rem;
    }
    .lf-plan-summary-stat {
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.55rem;
      background: #fff;
      padding: 0.7rem;
    }
    .lf-plan-summary-stat span {
      display: block;
      color: #94a3b8;
      font-size: 0.72rem;
      margin-bottom: 0.35rem;
    }
    .lf-plan-summary-stat b {
      color: #0f172a;
      font-size: 0.98rem;
    }
    .lf-plan-summary-content {
      margin: 0;
      white-space: pre-wrap;
      border: 0.0625rem dashed #fdba74;
      border-radius: 0.55rem;
      background: #fff;
      color: #334155;
      font-family: inherit;
      font-size: 0.84rem;
      line-height: 1.75;
      padding: 0.85rem;
    }
    .lf-plan-summary-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem 0.8rem;
      margin: 0.2rem 0 0.8rem;
      color: #334155;
      font-size: 0.8rem;
      line-height: 1.55;
    }
    .lf-plan-summary-meta span {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      min-height: 1.5rem;
      padding: 0 0.55rem;
      border-radius: 999rem;
      background: #fff7ed;
      color: #475569;
    }
    .lf-plan-summary-meta b {
      color: #111827;
      font-size: 0.82rem;
    }
    .lf-plan-summary-meta .wide {
      flex: 1 1 100%;
      justify-content: flex-start;
      border-radius: 0.5rem;
      background: #fff;
      border: 0.0625rem solid #ffedd5;
      padding: 0.4rem 0.6rem;
    }
    .lf-plan-tile-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(5.15rem, 1fr));
      gap: 0.6rem;
      margin-top: 0.65rem;
      align-items: stretch;
    }
    .lf-plan-tile-section {
      display: grid;
      gap: 0.5rem;
    }
    .lf-plan-tile-section-title {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      color: #ea580c;
      font-size: 0.82rem;
      font-weight: 900;
      line-height: 1.2;
    }
    .lf-plan-tile-section-title em {
      font-style: normal;
      color: #64748b;
      font-size: 0.72rem;
      font-weight: 800;
    }
    .lf-plan-tile-section .lf-plan-tile-grid {
      margin-top: 0;
    }
    .lf-plan-type-overview {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(1.5rem, 4rem) minmax(8.5rem, 13rem);
      align-items: start;
      gap: 0;
      margin-bottom: 0.75rem;
    }
    .lf-plan-type-group {
      display: grid;
      grid-template-columns: 4.25rem minmax(0, 1fr);
      align-items: center;
      gap: 0.45rem;
      min-width: 0;
    }
    .lf-plan-type-group-head {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.7rem;
      min-height: 4.3rem;
      padding: 0.45rem 0.35rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.55rem;
      background: #fffaf5;
      color: #111827;
      font-size: 0.98rem;
      font-weight: 900;
      line-height: 1.25;
      text-align: center;
    }
    .lf-plan-type-group-head span {
      color: #64748b;
      font-size: 0.78rem;
      font-weight: 800;
    }
    .lf-plan-type-spacer {
      min-height: 100%;
    }
    .lf-plan-type-grid {
      display: grid;
      gap: 0.45rem;
    }
    .lf-plan-type-grid.is-suite {
      grid-template-columns: repeat(7, minmax(4.4rem, 1fr));
    }
    .lf-plan-type-grid.is-aplus {
      grid-template-columns: 1fr;
    }
    .lf-plan-tile {
      aspect-ratio: 1 / 1;
      border: 0.0625rem dashed #fed7aa;
      border-radius: 0.65rem;
      background: linear-gradient(180deg, #fff, #fffaf5);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      color: #ea580c;
      font-size: 0.78rem;
      font-weight: 800;
      text-align: center;
      min-width: 0;
    }
    .lf-plan-type-grid .lf-plan-tile {
      aspect-ratio: auto;
      min-height: 4.3rem;
      padding: 0.45rem 0.35rem;
    }
    .lf-plan-type-grid .lf-plan-tile[data-lf-plan-jump] {
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    .lf-plan-type-grid .lf-plan-tile[data-lf-plan-jump]:hover {
      border-color: #fb923c;
      background: #fff7ed;
      box-shadow: 0 0.45rem 1rem rgba(249, 115, 22, .12);
      transform: translateY(-0.0625rem);
    }
    .lf-plan-tile em {
      font-style: normal;
      color: #94a3b8;
      font-size: 0.68rem;
      font-weight: 700;
    }
    .lf-plan-tile.is-aplus {
      border-style: solid;
      border-color: #fb923c;
      background: linear-gradient(135deg, #fff7ed, #ffedd5);
      box-shadow: inset 0 0 0 0.0625rem rgba(249, 115, 22, .1);
    }
    .lf-plan-tile-count {
      color: #64748b;
      font-size: 0.68rem;
      font-weight: 800;
    }
    .lf-plan-tile-empty {
      border: 0.0625rem dashed #fed7aa;
      border-radius: 0.65rem;
      background: #fff;
      color: #94a3b8;
      padding: 1rem;
      text-align: center;
      font-size: 0.82rem;
    }
    .lf-plan-type-group .lf-plan-tile-empty {
      min-height: 4.3rem;
      display: grid;
      place-items: center;
      padding: 0.55rem;
    }
    .lf-prompt-workspace {
      position: relative;
      display: grid;
      grid-template-columns: 3.15rem minmax(0, 1fr);
      align-items: start;
      gap: 0.7rem;
      perspective: 90rem;
    }
    .lf-prompt-switch {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.3rem;
      padding: 0.3rem;
      border: 0.0625rem solid #ffedd5;
      border-radius: 999px;
      background: #fff7ed;
      position: sticky;
      top: 3.65rem;
      width: 3.15rem;
    }
    .lf-prompt-switch button {
      min-height: 5.45rem;
      width: 2.5rem;
      border: 0;
      border-radius: 999px;
      background: transparent;
      color: #9a3412;
      font-size: 0.78rem;
      font-weight: 800;
      cursor: pointer;
      writing-mode: vertical-rl;
      text-orientation: mixed;
      letter-spacing: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1.2;
    }
    .lf-prompt-switch button:not(.visited) {
      background: #f1f5f9;
      color: #94a3b8;
      box-shadow: none;
    }
    .lf-prompt-switch button.active {
      background: #f97316;
      color: #fff;
      box-shadow: 0 0.35rem 0.85rem rgba(249, 115, 22, .2);
    }
    .lf-prompt-switch button.active.visited {
      background: #f97316;
      color: #fff;
      box-shadow: 0 0.35rem 0.85rem rgba(249, 115, 22, .2);
    }
    .lf-prompt-view {
      display: none;
      grid-column: 2;
      min-width: 0;
      backface-visibility: hidden;
      transform-style: preserve-3d;
    }
    .lf-prompt-view.active {
      display: block;
      animation: lfPromptFlipToPrompt .38s cubic-bezier(.2, .78, .24, 1) both;
      transform-origin: center center;
    }
    .lf-prompt-workspace[data-flip-target="plan"] .lf-prompt-view.active {
      animation-name: lfPromptFlipToPlan;
    }
    .lf-prompt-workspace[data-flip-target="prompt"] .lf-prompt-view.active {
      animation-name: lfPromptFlipToPrompt;
    }
    .lf-prompt-view .lf-plan-summary {
      margin-top: 0;
    }
    .lf-image-result-panel {
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.65rem;
      background: #fffaf5;
      padding: 0.7rem;
    }
    .lf-image-result-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-bottom: 0.85rem;
    }
    .lf-image-result-head strong {
      color: #111827;
      font-size: 1rem;
    }
    .lf-image-result-title-row {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      min-width: 0;
    }
    .lf-image-result-head span {
      color: #f97316;
      font-size: 0.78rem;
      font-weight: 800;
    }
    .lf-image-result-head-tools {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.5rem;
      flex-wrap: wrap;
    }
    .lf-image-batch-toggle,
    .lf-image-batch-action {
      min-height: 1.9rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.5rem;
      background: #fff;
      color: #ea580c;
      padding: 0 0.65rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.32rem;
      font-size: 0.78rem;
      font-weight: 900;
      cursor: pointer;
      white-space: nowrap;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .lf-image-batch-toggle:hover,
    .lf-image-batch-action:hover {
      border-color: #fb923c;
      background: #fff7ed;
      transform: translateY(-0.0625rem);
    }
    .lf-image-batch-toggle.active {
      border-color: #f97316;
      background: #f97316;
      color: #fff;
    }
    .lf-image-batch-toggle.warn {
      border-color: #fb923c;
      background: #fff7ed;
      color: #ea580c;
      box-shadow: 0 0.35rem 0.9rem rgba(249, 115, 22, 0.12);
    }
    .lf-image-batch-bar {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.65rem;
      margin: -0.25rem 0 0.65rem;
      padding: 0.55rem 0.65rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.58rem;
      background: #fff7ed;
    }
    .lf-image-batch-bar strong {
      color: #9a3412;
      font-size: 0.86rem;
      white-space: nowrap;
    }
    .lf-image-batch-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.45rem;
      flex-wrap: wrap;
    }
    .lf-image-batch-action.danger {
      border-color: #fecaca;
      color: #dc2626;
    }
    .lf-image-batch-action.danger:hover {
      border-color: #f87171;
      background: #fef2f2;
    }
    .lf-image-result-card.is-batch-mode .lf-image-thumb-tools,
    .lf-image-result-card.is-batch-mode .lf-image-result-actions {
      opacity: 0;
      pointer-events: none;
    }
    .lf-image-result-card.is-batch-selected {
      border-color: #0ea5e9;
      background: #f0f9ff;
      box-shadow: 0 0 0 0.125rem rgba(14, 165, 233, .16), 0 0.65rem 1.35rem rgba(14, 165, 233, .12);
    }
    .lf-image-batch-check {
      position: absolute;
      top: 0.46rem;
      left: 0.46rem;
      z-index: 14;
      width: 1.35rem;
      height: 1.35rem;
      border: 0.125rem solid #0ea5e9;
      border-radius: 0.32rem;
      background: rgba(255, 255, 255, .96);
      color: #fff;
      display: grid;
      place-items: center;
      cursor: pointer;
      box-shadow: 0 0.35rem 0.85rem rgba(15, 23, 42, .14);
      outline: none;
      transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .lf-image-batch-check::after {
      content: "";
      position: absolute;
      inset: -0.38rem;
    }
    .lf-image-batch-check:hover,
    .lf-image-batch-check:focus-visible {
      border-color: #0284c7;
      box-shadow: 0 0 0 0.18rem rgba(14, 165, 233, .16), 0 0.45rem 1rem rgba(15, 23, 42, .16);
      transform: translateY(-0.0625rem);
      outline: none;
    }
    .lf-image-batch-check i {
      opacity: 0;
      font-size: 0.78rem;
      line-height: 1;
    }
    .lf-image-result-card.is-batch-selected .lf-image-batch-check {
      background: #0ea5e9;
      border-color: #0ea5e9;
    }
    .lf-image-result-card.is-batch-selected .lf-image-batch-check i {
      opacity: 1;
    }
    .lf-image-result-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.6rem;
    }
    .lf-image-result-grid.is-single {
      grid-template-columns: minmax(16rem, 19rem);
      justify-content: center;
    }
    .lf-image-result-grid.is-pair {
      grid-template-columns: repeat(2, minmax(0, 19rem));
      justify-content: center;
    }
    .lf-image-result-card {
      position: relative;
      overflow: hidden;
      width: 100%;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.58rem;
      background: #fff;
      padding: 0.55rem;
      cursor: pointer;
      font: inherit;
      text-align: left;
      appearance: none;
      transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
    }
    .lf-image-result-card::after,
    .lf-image-preview-main::after {
      content: attr(data-watermark);
      position: absolute;
      right: 0.35rem;
      bottom: 0.22rem;
      color: rgba(249, 115, 22, 0.12);
      font-size: clamp(1.35rem, 2.2vw, 2.25rem);
      font-weight: 950;
      letter-spacing: 0.05em;
      line-height: 1;
      pointer-events: none;
      transform: rotate(-10deg);
      z-index: 0;
    }
    .lf-image-result-card > *,
    .lf-image-preview-main > * {
      position: relative;
      z-index: 1;
    }
    .lf-image-result-card:hover {
      border-color: #fb923c;
      box-shadow: 0 0.6rem 1.15rem rgba(249, 115, 22, .12);
      transform: translateY(-0.08rem);
    }
    .lf-image-result-card.is-active {
      border-color: #f97316;
      background: #fff7ed;
      box-shadow: 0 0 0 0.125rem rgba(249, 115, 22, 0.12), 0 0.65rem 1.35rem rgba(249, 115, 22, 0.16);
    }
    .lf-image-result-card.is-aplus {
      border-style: dashed;
      border-color: #fb923c;
      background: linear-gradient(135deg, #fff7ed, #fff);
      box-shadow: inset 0.18rem 0 0 #f97316;
    }
    .lf-image-result-card b {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.28rem;
      color: #111827;
      font-size: 0.95rem;
      margin-bottom: 0.22rem;
    }
    .lf-image-count-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1.18rem;
      height: 1.18rem;
      padding: 0 0.18rem;
      border-radius: 999rem;
      background: linear-gradient(135deg, #ff6b35, #ff9a3c);
      color: #fff;
      font-size: 0.74rem;
      font-weight: 950;
      line-height: 1;
      box-shadow: 0 0.22rem 0.55rem rgba(255, 107, 53, .24);
      white-space: nowrap;
    }
    .lf-image-inline-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1.12rem;
      height: 1.05rem;
      margin: 0 0.12rem;
      border-radius: 999rem;
      background: #fff7ed;
      color: #ea580c;
      border: 0.0625rem solid #fed7aa;
      font-size: 0.7rem;
      font-weight: 900;
      line-height: 1;
      vertical-align: middle;
    }
    .lf-image-result-card span {
      color: #64748b;
      font-size: 0.84rem;
      line-height: 1.5;
    }
    .lf-image-result-status {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      margin-top: 0.42rem;
      color: #f97316;
      font-size: 0.88rem;
      font-weight: 800;
    }
    .lf-image-result-status.success {
      color: #16a34a;
    }
    .lf-image-result-status.failed {
      color: #dc2626;
    }
    .lf-image-result-actions {
      display: inline-flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
      gap: 0.28rem;
    }
    .lf-image-result-card .lf-image-result-actions {
      position: static;
      z-index: 2;
      flex: 0 0 auto;
      opacity: 0;
      pointer-events: none;
      transform: translateY(0.18rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    .lf-image-result-card:hover .lf-image-result-actions,
    .lf-image-result-card .lf-image-result-actions:hover,
    .lf-image-result-card:focus-within .lf-image-result-actions {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .lf-image-result-card.pending .lf-image-result-actions,
    .lf-image-result-card.running .lf-image-result-actions,
    .lf-image-result-card.failed .lf-image-result-actions {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .lf-image-result-meta {
      display: grid;
      gap: 0.3rem;
      min-width: 0;
    }
    .lf-image-result-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.45rem;
      min-width: 0;
    }
    .lf-image-result-toolbar b {
      min-width: 0;
      margin-bottom: 0;
    }
    .lf-image-result-bottom {
      display: grid;
      gap: 0.42rem;
      min-width: 0;
    }
    .lf-image-result-text {
      display: grid;
      gap: 0.16rem;
      min-width: 0;
    }
    .lf-image-result-actions button {
      width: 1.72rem;
      height: 1.72rem;
      min-height: 1.72rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.5rem;
      background: #fff;
      color: #ea580c;
      padding: 0;
      font-size: 0.72rem;
      font-weight: 800;
      cursor: pointer;
      display: inline-grid;
      place-items: center;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .lf-image-result-actions button:hover {
      border-color: #fb923c;
      background: #fff7ed;
      transform: translateY(-0.0625rem);
    }
    .lf-image-result-actions button.danger {
      color: #ef4444;
      border-color: #fecaca;
    }
    .lf-image-result-actions button.danger:hover {
      background: #fef2f2;
      border-color: #f87171;
    }
    .lf-image-result-actions button.work {
      width: 1.72rem;
      min-width: 1.72rem;
    }
    .lf-image-result-actions button.work.is-added {
      border-color: #fb923c;
      background: #fff7ed;
      color: #f97316;
    }
    .lf-prompt-toggle-btn {
      min-height: 2.45rem;
      border: 0;
      border-radius: 999rem;
      background: linear-gradient(135deg, #ff6b35, #ff9a3c);
      color: #fff;
      padding: 0 1.25rem;
      font-size: 0.84rem;
      font-weight: 900;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.46rem;
      box-shadow: 0 0.5rem 1.15rem rgba(255, 107, 53, .28);
      transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
      white-space: nowrap;
    }
    .lf-prompt-toggle-btn:hover {
      background: linear-gradient(135deg, #ff5f24, #ff8f28);
      color: #fff;
      box-shadow: 0 0.7rem 1.35rem rgba(255, 107, 53, .36);
      transform: translateY(-0.1rem);
    }
    .lf-prompt-toggle-btn .lf-toggle-arrow {
      width: 0.48rem;
      height: 0.48rem;
      border-left: 0.125rem solid currentColor;
      border-top: 0.125rem solid currentColor;
      transform: rotate(45deg);
      transition: transform .18s ease;
      flex: 0 0 auto;
    }
    .lf-prompt-toggle-btn.is-result .lf-toggle-arrow {
      transform: rotate(225deg);
    }
    .lf-image-result-actions button.primary {
      border-color: #f97316;
      background: #f97316;
      color: #fff;
    }
    .lf-image-result-actions button.single-generate {
      width: auto;
      min-width: 4.65rem;
      padding: 0 0.65rem;
      display: inline-flex;
      gap: 0.32rem;
    }
    .lf-image-result-actions button:disabled {
      cursor: not-allowed;
      opacity: .5;
    }
    .lf3-record-modal {
      position: fixed;
      inset: 0;
      z-index: 560;
      display: none;
      background: rgba(15, 23, 42, .42);
      backdrop-filter: blur(0.25rem);
    }
    .lf3-record-modal.open {
      display: block;
    }
    .lf3-reuse-drawer {
      position: fixed;
      top: auto;
      bottom: 1rem;
      right: 1.35rem;
      z-index: 520;
      display: none;
      width: min(24rem, calc(100vw - 2rem));
      pointer-events: none;
    }
    .lf3-reuse-drawer.open {
      display: block;
    }
    .lf3-record-dialog {
      position: absolute;
      inset: 4.5vh max(2vw, 1.25rem);
      display: grid;
      grid-template-columns: minmax(22rem, 1.1fr) minmax(21rem, 0.9fr);
      gap: 0.85rem;
      max-width: 72rem;
      margin: 0 auto;
      border-radius: 1rem;
      background: #f8fafc;
      box-shadow: 0 1.35rem 3rem rgba(15, 23, 42, .2);
      overflow: hidden;
    }
    .lf3-record-preview {
      position: relative;
      padding: 1.25rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      background: #f3f4f6;
    }
    .lf3-record-badges {
      display: flex;
      gap: 0.35rem;
    }
    .lf3-record-badges span,
    .lf3-record-download {
      height: 1.55rem;
      border: 0;
      border-radius: 0.35rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 0.45rem;
      background: rgba(17, 24, 39, .56);
      color: #fff;
      font-size: 0.78rem;
      font-weight: 800;
    }
    .lf3-record-download {
      margin-left: auto;
      width: 1.75rem;
      padding: 0;
      cursor: pointer;
    }
    .lf3-record-download:disabled {
      cursor: not-allowed;
      opacity: .48;
    }
    .lf3-record-image {
      flex: 1;
      min-height: 18rem;
      display: grid;
      place-items: center;
      border-radius: 0.75rem;
      background: #fff;
      overflow: hidden;
    }
    .lf3-record-image img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      cursor: zoom-in;
    }
    .lf3-record-image i {
      color: #fb923c;
      font-size: 2rem;
    }
    .lf3-record-detail {
      position: relative;
      padding: 1.25rem 1rem;
      overflow-y: auto;
      background: #fff;
    }
    .lf3-record-close {
      position: absolute;
      top: 0.85rem;
      right: 0.85rem;
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.5rem;
      background: #fff;
      color: #94a3b8;
      font-size: 1.25rem;
      cursor: pointer;
      z-index: 8;
      box-shadow: 0 0.35rem 0.9rem rgba(15, 23, 42, .08);
    }
    .lf3-reuse-close {
      position: absolute;
      top: 0.85rem;
      right: 0.85rem;
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.5rem;
      background: transparent;
      color: #94a3b8;
      font-size: 1.25rem;
      cursor: pointer;
      z-index: 2;
    }
    .lf3-record-close:hover {
      background: #fef2f2;
      color: #ef4444;
    }
    .lf3-reuse-close:hover {
      background: #f1f5f9;
      color: #111827;
    }
    .lf3-record-section {
      border-bottom: 0.0625rem solid #eef2f7;
      padding: 0.75rem 0;
    }
    .lf3-record-section h4 {
      margin: 0;
      color: #0f172a;
      font-weight: 900;
      font-size: 1rem;
    }
    .lf3-record-section pre,
    .lf3-reuse-prompt {
      white-space: pre-wrap;
      word-break: break-word;
      margin: 0.65rem 0 0;
      color: #4b5563;
      font: 0.86rem/1.65 inherit;
    }
    .lf3-record-refs {
      margin-top: 0.65rem;
      display: flex;
      gap: 0.45rem;
      flex-wrap: wrap;
    }
    .lf3-record-ref-thumb {
      position: relative;
      display: inline-flex;
      width: 3.25rem;
      height: 3.25rem;
    }
    .lf3-record-refs img,
    .lf3-reuse-ref img {
      width: 3.25rem;
      height: 3.25rem;
      border-radius: 0.45rem;
      object-fit: cover;
      border: 0.0625rem solid #e5e7eb;
    }
    .lf3-record-refs img {
      cursor: zoom-in;
      transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    }
    .lf3-record-refs img:hover {
      transform: translateY(-0.125rem) scale(1.04);
      border-color: #fb923c;
      box-shadow: 0 0.5rem 1.2rem rgba(249, 115, 22, .18);
    }
    .lf3-record-ref-main {
      position: absolute;
      left: 0.16rem;
      bottom: 0.16rem;
      padding: 0.06rem 0.22rem;
      border-radius: 999rem;
      background: rgba(249, 115, 22, .95);
      color: #fff;
      font-size: 0.58rem;
      font-weight: 900;
      line-height: 1.15;
      box-shadow: 0 0.18rem 0.45rem rgba(249, 115, 22, .22);
      pointer-events: none;
    }
    .lf3-record-foot {
      position: sticky;
      bottom: 0;
      margin: 1rem -1rem -1.25rem;
      padding: 0.85rem 1rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.55rem;
      background: linear-gradient(180deg, rgba(255,255,255,.78), #fff 35%);
    }
    .lf3-record-foot button,
    .lf3-reuse-generate {
      min-height: 2.35rem;
      border: 0;
      border-radius: 0.6rem;
      padding: 0 0.85rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf3-record-foot button {
      background: #eff6ff;
      color: #2563eb;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease;
    }
    .lf3-record-foot button:hover {
      opacity: 0.88;
      transform: translateY(-0.0625rem);
      box-shadow: 0 0.35rem 0.9rem rgba(15, 23, 42, .08);
    }
    .lf3-record-foot button.edit {
      background: #ecfdf5;
      color: #16a34a;
    }
    .lf3-record-foot button.work {
      background: #fff7ed;
      color: #ea580c;
    }
    .lf3-record-foot button.work.is-added {
      background: #f97316;
      color: #fff;
    }
    .lf3-record-foot button.favorite {
      background: #fffbeb;
      color: #d97706;
    }
    .lf3-record-foot button.favorite.active {
      background: #f97316;
      color: #fff;
    }
    .lf3-record-foot button.danger {
      background: #fef2f2;
      color: #dc2626;
    }
    .lf3-record-sync-bar {
      flex: 1 0 100%;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.6rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.75rem;
      background: #fffaf5;
    }
    .lf3-record-foot button.sync-primary {
      flex: 1 1 auto;
      min-height: 2.55rem;
      background: linear-gradient(135deg, #f97316, #fb923c);
      color: #fff;
      box-shadow: 0 0.45rem 1rem rgba(249, 115, 22, .2);
    }
    .lf3-record-foot button.sync-other {
      flex: 0 0 auto;
      min-height: 2.3rem;
      background: transparent;
      color: #64748b;
      font-size: 0.78rem;
      font-weight: 700;
    }
    .lf-image-result-actions button.sync-source {
      border-color: #34d399;
      background: #ecfdf5;
      color: #047857;
    }
    .lf-image-batch-action.sync-source {
      border-color: #fb923c;
      background: #fff7ed;
      color: #c2410c;
    }
    #lf3WorkProductPickerModal {
      z-index: 590;
    }
    #lf3WorkProductPickerModal .lf-product-picker-dialog {
      grid-template-rows: auto auto minmax(0, 1fr);
      overflow: hidden;
    }
    #lf3WorkProductPickerModal .lf-product-picker-controls {
      padding-bottom: 0.75rem;
      border-bottom: 0.0625rem solid #eef2f7;
    }
    #lf3WorkProductPickerModal .lf-product-picker-list {
      min-height: 12rem;
    }
    #lf3WorkProductPickerModal .lf3-add-work-dialog {
      width: min(34rem, calc(100vw - 2rem));
      max-height: min(38rem, calc(100vh - 2.5rem));
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    #lf3WorkProductPickerModal .lf3-add-work-dialog.is-product-list {
      width: min(58rem, calc(100vw - 2rem));
      grid-template-rows: auto auto minmax(0, 1fr) auto;
    }
    .lf3-add-work-body {
      display: grid;
      gap: 0.75rem;
      padding: 1.1rem 1.25rem 1.25rem;
      overflow: auto;
    }
    .lf3-add-work-intro {
      margin: 0 0 0.15rem;
      color: #64748b;
      font-size: 0.86rem;
      line-height: 1.55;
    }
    .lf3-add-work-choice {
      width: 100%;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.8rem;
      padding: 0.95rem 1rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.8rem;
      background: #fff;
      color: #0f172a;
      text-align: left;
      cursor: pointer;
    }
    .lf3-add-work-choice:hover,
    .lf3-add-work-choice:focus-visible {
      border-color: #fb923c;
      background: #fffaf5;
      outline: none;
      box-shadow: 0 0 0 0.1875rem rgba(251, 146, 60, .14);
    }
    .lf3-add-work-radio {
      width: 1.08rem;
      height: 1.08rem;
      display: grid;
      place-items: center;
      border: 0.1rem solid #cbd5e1;
      border-radius: 50%;
      color: #fff;
    }
    .lf3-add-work-choice.is-selected {
      border-color: #fb923c;
      background: #fff7ed;
    }
    .lf3-add-work-choice.is-selected .lf3-add-work-radio {
      border-color: #f97316;
      box-shadow: inset 0 0 0 0.24rem #f97316;
    }
    .lf3-add-work-choice-copy {
      min-width: 0;
      display: grid;
      gap: 0.22rem;
    }
    .lf3-add-work-choice-copy strong {
      font-size: 0.95rem;
    }
    .lf3-add-work-choice-copy b {
      overflow: hidden;
      color: #334155;
      font-size: 0.86rem;
      font-weight: 700;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lf3-add-work-choice-copy small {
      color: #64748b;
      font-size: 0.78rem;
      line-height: 1.45;
    }
    .lf3-add-work-product-images {
      display: flex;
      flex: 0 0 auto;
      justify-content: flex-end;
      gap: 0.42rem;
    }
    .lf3-add-work-product-image {
      width: 3.15rem;
      height: 3.15rem;
      overflow: hidden;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.55rem;
      background: #fff;
      box-shadow: 0 0.12rem 0.32rem rgba(15, 23, 42, .08);
    }
    .lf3-add-work-product-image img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
    .lf3-add-work-choice > i {
      color: #94a3b8;
    }
    .lf3-add-work-footer {
      display: flex;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.9rem 1.25rem 1rem;
      border-top: 0.0625rem solid #eef2f7;
      background: #fff;
    }
    .lf3-add-work-footer button {
      min-width: 6.8rem;
      min-height: 2.5rem;
      padding: 0.55rem 1rem;
      border: 0.0625rem solid #dbe3ef;
      border-radius: 0.6rem;
      background: #fff;
      color: #475569;
      font-weight: 700;
      cursor: pointer;
    }
    .lf3-add-work-footer button.primary {
      border-color: #f97316;
      background: #f97316;
      color: #fff;
    }
    .lf3-add-work-footer button:disabled {
      opacity: 0.48;
      cursor: not-allowed;
    }
    #lf3WorkProductPickerModal .lf-product-picker-item.is-selected {
      border-color: #fb923c;
      background: #fff7ed;
      box-shadow: inset 0 0 0 0.0625rem #fb923c;
    }
    .lf3-sync-picker-summary {
      color: #64748b;
      font-size: 0.78rem;
      white-space: nowrap;
    }
    @media (max-width: 42rem) {
      .lf3-record-sync-bar {
        align-items: stretch;
        flex-direction: column;
      }
      .lf3-record-foot button.sync-other {
        width: 100%;
      }
      #lf3WorkProductPickerModal .lf-product-picker-controls {
        align-items: stretch;
        flex-direction: column;
      }
      #lf3WorkProductPickerModal .lf-product-picker-item {
        grid-template-columns: 1fr;
      }
      .lf3-add-work-choice.is-selected {
        grid-template-columns: auto minmax(0, 1fr);
      }
      .lf3-add-work-product-images {
        grid-column: 2 / -1;
        justify-content: flex-start;
      }
    }
    .lf3-reuse-panel {
      width: 100%;
      max-height: calc(100vh - 6.35rem);
      padding: 0.75rem;
      background: #fff;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.9rem;
      box-shadow: 0 0.6rem 1.6rem rgba(15, 23, 42, .1);
      display: flex;
      flex-direction: column;
      gap: 0.6rem;
      pointer-events: auto;
      overflow: hidden;
    }
    .lf3-reuse-title {
      padding-right: 2.25rem;
      color: #111827;
      font-weight: 900;
    }
    .lf3-reuse-refs {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      min-height: 3.25rem;
    }
    .lf3-reuse-ref,
    .lf3-reuse-upload {
      width: 3.25rem;
      height: 3.25rem;
      border-radius: 0.65rem;
      border: 0.0625rem dashed #bfdbfe;
      display: grid;
      place-items: center;
      color: #3b82f6;
      background: #f8fbff;
    }
    .lf3-reuse-prompt {
      flex: 0 1 auto;
      min-height: 9.5rem;
      max-height: 14rem;
      width: 100%;
      resize: none;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.7rem;
      padding: 0.85rem;
      color: #111827;
      background: #fbfdff;
      outline: none;
    }
    .lf3-reuse-meta {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.45rem;
      color: #64748b;
      font-size: 0.78rem;
    }
    .lf3-reuse-meta span {
      padding: 0.45rem 0.5rem;
      border-radius: 0.55rem;
      background: #f8fafc;
    }
    .lf3-reuse-generate {
      align-self: flex-end;
      min-width: 4rem;
      background: #2f7df4;
      color: #fff;
      border-radius: 0.85rem;
      font-size: 1.1rem;
    }
    .lf3-reuse-drawer {
      top: auto;
      bottom: 0.9rem;
      width: min(29rem, calc(100vw - 2rem));
    }
    .lf3-reuse-panel {
      height: min(50rem, calc(100vh - 6rem));
      min-height: 0;
      max-height: calc(100vh - 6rem);
      padding: 0.9rem;
      border-color: #fed7aa;
      border-radius: 0.95rem;
      gap: 0.55rem;
      overflow: hidden;
      display: grid;
      grid-template-rows: auto auto minmax(18rem, 1fr) auto auto auto;
    }
    .lf3-reuse-title {
      display: grid;
      gap: 0.18rem;
      padding-right: 2.2rem;
      line-height: 1.25;
    }
    .lf3-reuse-title strong {
      color: #111827;
      font-size: 1.12rem;
      font-weight: 900;
    }
    .lf3-reuse-title span {
      color: #64748b;
      font-size: 0.82rem;
      font-weight: 800;
    }
    .lf3-reuse-refs {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      justify-content: start;
      align-content: start;
      gap: 0.38rem;
      padding: 0.5rem;
      border: 0.0625rem dashed #bfdbfe;
      border-radius: 0.8rem;
      background: #fff;
      min-height: 0;
      flex: 0 0 auto;
    }
    .lf3-reuse-ref,
    .lf3-reuse-upload,
    .lf3-reuse-pick {
      position: relative;
      width: 100%;
      height: 3.25rem;
      aspect-ratio: auto;
      border-radius: 0.65rem;
      overflow: hidden;
    }
    .lf3-reuse-pick {
      border: 0.0625rem solid #dbeafe;
      background: #f8fafc;
      color: #64748b;
      display: grid;
      place-items: center;
      font-size: 0.74rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf3-reuse-pick:hover {
      border-color: #bfdbfe;
      background: #f1f5f9;
      color: #334155;
    }
    .lf3-reuse-ref img {
      width: 100%;
      height: 100%;
      border: 0;
      border-radius: inherit;
      object-fit: cover;
    }
    .lf3-reuse-ref-remove {
      position: absolute;
      top: 0.18rem;
      right: 0.18rem;
      width: 1.05rem;
      height: 1.05rem;
      border: 0;
      border-radius: 50%;
      background: rgba(15, 23, 42, .58);
      color: #fff;
      font-size: 0.68rem;
      cursor: pointer;
      display: grid;
      place-items: center;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-0.12rem) scale(.92);
      transition: opacity .16s ease, transform .16s ease, background .16s ease;
    }
    .lf3-reuse-ref:hover .lf3-reuse-ref-remove,
    .lf3-reuse-ref:focus-within .lf3-reuse-ref-remove {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0) scale(1);
    }
    .lf3-reuse-ref-remove:hover {
      background: rgba(239, 68, 68, .88);
    }
    .lf3-reuse-prompt-shell {
      position: relative;
      min-height: 0;
      height: 100%;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.85rem;
      background: rgba(255, 255, 255, .96);
      box-shadow: 0 0.55rem 1.45rem rgba(15, 23, 42, .08);
      overflow: hidden;
    }
    .lf3-reuse-prompt {
      height: 100%;
      min-height: 0;
      max-height: none;
      margin: 0;
      padding: 0.95rem 2.2rem 0.95rem 0.95rem;
      border: 0;
      border-radius: 0;
      background: transparent;
      font-size: 0.9rem;
      line-height: 1.58;
      overflow-y: auto;
    }
    .lf3-reuse-prompt-clear {
      position: absolute;
      top: 0.55rem;
      right: 0.55rem;
      width: 1.35rem;
      height: 1.35rem;
      border: 0;
      border-radius: 50%;
      background: transparent;
      color: #94a3b8;
      cursor: pointer;
      font-size: 1rem;
    }
    .lf3-reuse-prompt-clear:hover {
      background: #f1f5f9;
      color: #111827;
    }
    .lf3-reuse-prompt-tools {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 0;
    }
    .lf3-reuse-rewrite {
      min-width: 8.25rem;
      min-height: 2.55rem;
      border: 0.0625rem solid #fb923c;
      border-radius: 999rem;
      background: linear-gradient(180deg, #fff7ed, #fff);
      color: #f97316;
      padding: 0 1.35rem;
      font-size: 0.9rem;
      font-weight: 900;
      cursor: pointer;
      box-shadow: 0 0.36rem 0.95rem rgba(249, 115, 22, .14);
    }
    .lf3-reuse-rewrite:hover {
      background: linear-gradient(135deg, #f97316, #fb923c);
      border-color: #f97316;
      color: #fff;
      box-shadow: 0 0.5rem 1.15rem rgba(249, 115, 22, .22);
      transform: translateY(-0.0625rem);
    }
    .lf3-reuse-meta {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.38rem;
    }
    .lf3-reuse-meta span {
      padding: 0.45rem 0.5rem;
      font-size: 0.72rem;
    }
    .lf3-reuse-generate {
      width: 100%;
      min-height: 2.55rem;
      border-radius: 0.85rem;
      margin-top: 0;
    }
    .lf3-rewrite-modal {
      position: fixed;
      inset: 0;
      z-index: 610;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      background: rgba(15, 23, 42, .42);
    }
    .lf3-rewrite-modal.open {
      display: flex;
    }
    .lf3-rewrite-dialog {
      width: min(78rem, calc(100vw - 4rem));
      height: min(42rem, calc(100vh - 4rem));
      max-height: calc(100vh - 4rem);
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 0.85rem;
      padding: 1rem;
      border-radius: 0.75rem;
      background: #fff;
      box-shadow: 0 1.5rem 3.6rem rgba(15, 23, 42, .22);
      overflow: hidden;
    }
    .lf3-rewrite-dialog.is-prompt-inspect {
      width: min(88rem, calc(100vw - 3rem));
      height: min(44rem, calc(100vh - 3rem));
    }
    .lf3-rewrite-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
    }
    .lf3-rewrite-head strong {
      color: #111827;
      font-size: 1rem;
      font-weight: 900;
    }
    .lf3-rewrite-close {
      width: 2rem;
      height: 2rem;
      border: 0;
      border-radius: 0.45rem;
      background: transparent;
      color: #111827;
      cursor: pointer;
      font-size: 1.2rem;
    }
    .lf3-rewrite-body {
      display: grid;
      grid-template-columns: minmax(18rem, 1fr) 4.2rem minmax(18rem, 1fr);
      gap: 0.9rem;
      min-height: 0;
      min-width: 0;
      overflow: hidden;
    }
    .lf3-rewrite-body.is-prompt-inspect {
      grid-template-columns: minmax(0, 1.18fr) minmax(23rem, .82fr);
      gap: 1rem;
    }
    .lf3-rewrite-left-stack,
    .lf3-rewrite-side-stack {
      min-width: 0;
      min-height: 0;
      display: grid;
      gap: 0.85rem;
    }
    .lf3-rewrite-left-stack {
      grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    }
    .lf3-rewrite-side-stack {
      grid-template-rows: auto minmax(0, 1fr);
    }
    .lf3-rewrite-side-stack .lf3-rewrite-switch {
      grid-template-columns: 1fr;
      align-content: start;
      gap: 0.75rem;
    }
    .lf3-rewrite-side-stack .lf3-rewrite-switch button {
      width: 100%;
      min-height: 2.05rem;
    }
    .lf3-rewrite-body > * {
      min-height: 0;
      min-width: 0;
    }
    .lf3-rewrite-panel {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr) auto;
      gap: 0.5rem;
      min-width: 0;
      min-height: 0;
    }
    .lf3-rewrite-panel.is-english {
      grid-template-rows: auto minmax(0, 1fr) auto;
    }
    .lf3-rewrite-panel.is-actual {
      grid-template-rows: auto minmax(0, 1fr) auto;
      padding: 0.95rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 1rem;
      background:
        linear-gradient(180deg, rgba(248, 250, 252, .96), #fff),
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .12), transparent 12rem);
      box-shadow: 0 1rem 2.2rem rgba(15, 23, 42, .08);
    }
    .lf3-translate-shell {
      min-width: 0;
      min-height: 0;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      gap: 0.72rem;
      padding: 0.9rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1rem;
      background: #fbfcff;
      box-shadow: inset 0 0 0 0.0625rem rgba(255,255,255,.8);
    }
    .lf3-translate-title {
      display: flex;
      align-items: center;
      gap: 0.55rem;
      color: #0f172a;
      font-size: 0.96rem;
      font-weight: 900;
    }
    .lf3-translate-title::before {
      content: "";
      width: 0.48rem;
      height: 0.48rem;
      border-radius: 999rem;
      background: linear-gradient(135deg, #ff6b35, #ff9a3c);
      box-shadow: 0 0.25rem 0.55rem rgba(249, 115, 22, .22);
    }
    .lf3-translate-title small {
      color: #94a3b8;
      font-size: 0.72rem;
      font-weight: 800;
    }
    .lf3-translate-grid {
      min-width: 0;
      min-height: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 3.8rem minmax(0, 1fr);
      gap: 0.85rem;
    }
    .lf3-rewrite-label {
      color: #0f172a;
      font-size: 0.9rem;
      font-weight: 900;
    }
    .lf3-rewrite-mini-actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.45rem;
    }
    .lf3-rewrite-mini-actions button {
      min-width: 3.8rem;
      min-height: 1.8rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.45rem;
      background: #fff;
      color: #475569;
      font-size: 0.76rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf3-rewrite-mini-actions button:hover {
      border-color: #fb923c;
      color: #f97316;
      background: #fff7ed;
    }
    .lf3-rewrite-panel textarea {
      width: 100%;
      height: 100%;
      min-height: 0;
      max-height: 100%;
      box-sizing: border-box;
      display: block;
      resize: none;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.65rem;
      padding: 0.8rem;
      color: #111827;
      background: #fbfdff;
      font: 0.84rem/1.58 inherit;
      outline: none;
      overflow: auto;
      scrollbar-width: thin;
    }
    .lf3-rewrite-panel.is-actual textarea {
      border-color: #e2e8f0;
      border-radius: 0.85rem;
      background: #fff;
      padding: 0.95rem;
      font-size: 0.88rem;
      line-height: 1.72;
      box-shadow: inset 0 0 0 0.0625rem rgba(15, 23, 42, .02);
    }
    .lf3-rewrite-dialog .textarea-float-actions {
      display: none !important;
    }
    .lf3-rewrite-panel textarea::-webkit-scrollbar {
      width: 0.42rem;
    }
    .lf3-rewrite-panel textarea::-webkit-scrollbar-thumb {
      border-radius: 999rem;
      background: #94a3b8;
    }
    .lf3-rewrite-switch {
      display: grid;
      align-content: center;
      gap: 0.8rem;
      color: #64748b;
      font-size: 0.74rem;
      font-weight: 800;
      text-align: center;
    }
    .lf3-rewrite-switch button {
      min-width: 3.6rem;
      min-height: 2.05rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 999rem;
      background: #eff6ff;
      color: #2563eb;
      font-size: 0.72rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf3-rewrite-switch button.is-primary {
      border-color: #fed7aa;
      background: linear-gradient(135deg, #ff6b35, #ff8a1f);
      color: #fff;
      box-shadow: 0 0.45rem 0.85rem rgba(249, 115, 22, .18);
    }
    .lf3-rewrite-switch button:disabled {
      opacity: .62;
      cursor: wait;
    }
    .lf3-rewrite-foot {
      display: flex;
      justify-content: flex-end;
      gap: 0.75rem;
      margin-top: 0.1rem;
    }
    .lf3-rewrite-foot button {
      min-width: 4.8rem;
      min-height: 2.15rem;
      border: 0;
      border-radius: 0.45rem;
      font-size: 0.9rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf3-rewrite-copy {
      background: #fff;
      color: #ef4444;
      border: 0.18rem solid #0ea5e9 !important;
    }
    .lf3-rewrite-use {
      background: #2563eb;
      color: #fff;
    }
    .lf3-rewrite-dialog.is-inspect-tool {
      width: min(76.5rem, calc(100vw - 2rem));
      height: min(47rem, calc(100vh - 2rem));
      padding: 0;
      gap: 0;
      border-radius: 0.35rem;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-head {
      padding: 1rem 1.15rem;
      border-bottom: 0.0625rem solid #e5e7eb;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-body.is-prompt-inspect {
      grid-template-columns: minmax(0, 60%) minmax(0, 40%);
      gap: 1rem;
      padding: 1.15rem;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-left-stack {
      grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-left-stack .lf3-rewrite-panel {
      align-content: start;
      grid-template-rows: auto 11.25rem auto;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-side-stack {
      grid-template-rows: minmax(0, 1fr);
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel {
      gap: 0.72rem;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      min-width: 0;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel-head .lf3-rewrite-mini-actions {
      flex: 0 0 auto;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel.is-actual {
      grid-template-rows: auto minmax(0, 1fr) auto;
      padding: 1rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.625rem;
      background: #f3f4f6;
      box-shadow: none;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-actual-inner {
      min-height: 0;
      display: grid;
      grid-template-rows: minmax(18rem, 1fr) auto auto;
      gap: 0.72rem;
      padding: 1rem;
      border-radius: 0.55rem;
      background: #fff9f0;
      border: 0.0625rem solid #e5e7eb;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-label.is-orange {
      color: #ff6b00;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-label.is-blue {
      color: #3b82f6;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-label.is-green {
      color: #16a34a;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-mini-actions button {
      border: 0;
      background: #f5f5f5;
      color: #111827;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel textarea {
      height: 100% !important;
      max-height: 100% !important;
      border-color: #ffddb8;
      border-radius: 0.5rem;
      background: #fff9e8;
      padding: 1rem;
      overflow-y: auto !important;
      overflow-x: hidden !important;
      scrollbar-gutter: stable;
      scrollbar-width: thin;
      scrollbar-color: #ffc888 transparent;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel.is-actual textarea {
      min-height: 18rem;
      max-height: none;
      border-color: #ffddb8;
      border-radius: 0.5rem;
      background: #fff9e8;
      box-shadow: none;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel textarea::-webkit-scrollbar {
      display: initial !important;
      width: 0.45rem !important;
      height: 0.45rem !important;
      background: transparent;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel textarea::-webkit-scrollbar-track {
      background: transparent;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-panel textarea::-webkit-scrollbar-thumb {
      border-radius: 0.25rem;
      background: #ffc888;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-auto {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.38rem;
      color: #111827;
      font-size: 0.78rem;
      font-weight: 700;
      user-select: none;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-auto input {
      width: 0.85rem;
      height: 0.85rem;
      accent-color: #22c55e;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-primary-stack {
      display: grid;
      gap: 0.55rem;
      margin-top: 0.05rem;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-primary-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 0.5rem;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-final-translate,
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-regenerate-inline {
      width: 100%;
      min-height: 2.35rem;
      border: 0;
      border-radius: 0.32rem;
      color: #fff;
      font-size: 0.9rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-final-translate {
      background: #60a5fa;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-regenerate-inline {
      background: #ff8a33;
      box-shadow: 0 0.45rem 0.85rem rgba(249, 115, 22, .14);
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-use.is-wide {
      width: 100%;
      min-height: 2.65rem;
      margin-top: 0.05rem;
      background: #ff8a33;
      font-size: 1rem;
    }
    .lf3-rewrite-dialog.is-inspect-tool .lf3-rewrite-copy {
      background: #f5f5f5;
      color: #111827;
      border: 0 !important;
    }
    .lf3-rewrite-dialog.is-inspect-tool button:disabled {
      opacity: .62;
      cursor: wait;
    }
    .lf-image-mock-thumb {
      position: relative;
      width: 100%;
      aspect-ratio: 4 / 3;
      margin-bottom: 0.45rem;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.55rem;
      background:
        linear-gradient(135deg, rgba(249, 115, 22, .18), rgba(255, 255, 255, .8)),
        radial-gradient(circle at 68% 38%, rgba(15, 23, 42, .15), transparent 0.9rem),
        linear-gradient(180deg, #ffffff, #fff7ed);
      display: grid;
      place-items: center;
      color: #fb923c;
      font-size: 1.2rem;
      overflow: hidden;
    }
    .lf-image-result-card.pending .lf-image-mock-thumb {
      background:
        linear-gradient(135deg, rgba(255, 247, 237, .96), rgba(255, 255, 255, .9)),
        radial-gradient(circle at 70% 36%, rgba(251, 146, 60, .13), transparent 1.1rem),
        repeating-linear-gradient(-45deg, rgba(251, 146, 60, .055) 0 0.45rem, transparent 0.45rem 0.9rem);
      border-color: #fed7aa;
      color: rgba(249, 115, 22, .78);
    }
    .lf-image-result-card.pending .lf-image-mock-thumb::before {
      content: "待生图";
      position: absolute;
      inset: 0;
      z-index: 1;
      display: grid;
      place-items: center;
      color: rgba(249, 115, 22, .16);
      font-size: clamp(1.7rem, 3vw, 2.65rem);
      font-weight: 950;
      letter-spacing: 0.08em;
      pointer-events: none;
      transform: rotate(-10deg);
    }
    .lf-image-result-card.pending .lf-image-mock-thumb > i {
      opacity: .72;
    }
    .lf-image-mock-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.48rem;
      display: block;
      position: relative;
      z-index: 0;
      opacity: 1;
      transition: opacity .16s ease;
    }
    .lf-image-mock-thumb.is-loading-image img,
    .lf-image-stack-layer.is-loading-image img {
      opacity: 0;
    }
    .lf-image-mock-thumb.is-loading-image::after,
    .lf-image-stack-layer.is-loading-image::after,
    .lf-image-mock-thumb.is-image-error::after,
    .lf-image-stack-layer.is-image-error::after {
      position: absolute;
      inset: 0;
      z-index: 4;
      display: grid;
      place-items: center;
      color: #fb923c;
      font-size: 0.78rem;
      font-weight: 800;
      background:
        linear-gradient(135deg, rgba(249, 115, 22, .13), rgba(255, 255, 255, .75)),
        radial-gradient(circle at 68% 38%, rgba(15, 23, 42, .10), transparent 0.9rem),
        linear-gradient(180deg, #fffaf3, #fff7ed);
      pointer-events: none;
      content: "预览加载中";
    }
    .lf-image-mock-thumb.is-loading-image::before,
    .lf-image-stack-layer.is-loading-image::before {
      content: "";
      position: absolute;
      z-index: 5;
      top: 50%;
      left: 50%;
      width: 1.2rem;
      height: 1.2rem;
      border: 0.15rem solid rgba(251, 146, 60, .26);
      border-top-color: #fb923c;
      border-radius: 999rem;
      animation: spin .72s linear infinite;
      pointer-events: none;
      transform: translate(-50%, -2rem);
    }
    .lf-image-mock-thumb.is-image-error img,
    .lf-image-stack-layer.is-image-error img {
      display: none;
    }
    .lf-image-mock-thumb.is-image-error::after,
    .lf-image-stack-layer.is-image-error::after {
      color: #dc2626;
      background: linear-gradient(180deg, #fff7ed, #fff1f2);
      content: "图片加载失败";
    }
    .lf-image-mock-thumb > i {
      position: relative;
      z-index: 2;
    }
    .lf-image-time-badge {
      position: absolute;
      top: 0.42rem;
      left: 0.42rem;
      z-index: 11;
      min-width: 4.4rem;
      min-height: 1.15rem;
      padding: 0 0.36rem;
      border: 0.0625rem solid rgba(251, 146, 60, .22);
      border-radius: 999rem;
      background: rgba(255, 255, 255, .62);
      color: rgba(194, 65, 12, .58);
      font-size: 0.58rem;
      font-weight: 400;
      line-height: 1.15rem;
      text-align: center;
      box-shadow: none;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-0.18rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    .lf-image-result-card:hover .lf-image-time-badge,
    .lf-image-result-card:focus-within .lf-image-time-badge {
      opacity: 1;
      transform: translateY(0);
    }
    .lf-image-origin-badge {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 1.15rem;
      padding: 0 0.42rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 999rem;
      background: rgba(248, 250, 252, .94);
      color: #64748b;
      font-size: 0.66rem;
      font-weight: 700;
      line-height: 1.15rem;
      box-shadow: none;
      pointer-events: auto;
    }
    .lf-image-origin-badge.is-base-redraw {
      border-color: #bfdbfe;
      background: rgba(239, 246, 255, .94);
      color: #2563eb;
    }
    .lf-image-origin-badge.is-image-edit {
      border-color: #bbf7d0;
      background: rgba(240, 253, 244, .94);
      color: #16a34a;
    }
    .lf-image-origin-badge.is-layer-redraw {
      border-color: #ddd6fe;
      background: rgba(245, 243, 255, .94);
      color: #7c3aed;
    }
    .lf-image-thumb-tools {
      position: absolute;
      top: 0.42rem;
      right: 0.42rem;
      z-index: 12;
      display: inline-flex;
      align-items: center;
      gap: 0.32rem;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-0.18rem);
      transition: opacity .16s ease, transform .16s ease;
    }
    .lf-image-result-card:hover .lf-image-thumb-tools,
    .lf-image-result-card:focus-within .lf-image-thumb-tools,
    .lf-image-thumb-tools:hover {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
    .lf-image-result-card.is-batch-mode:hover .lf-image-thumb-tools,
    .lf-image-result-card.is-batch-mode:focus-within .lf-image-thumb-tools,
    .lf-image-result-card.is-batch-mode:hover .lf-image-result-actions,
    .lf-image-result-card.is-batch-mode:focus-within .lf-image-result-actions {
      opacity: 0;
      pointer-events: none;
      transform: none;
    }
    .lf-image-thumb-tool {
      width: 1.65rem;
      height: 1.65rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.5rem;
      background: rgba(255, 255, 255, .94);
      color: #f97316;
      display: inline-grid;
      place-items: center;
      font-size: 0.8rem;
      cursor: pointer;
      box-shadow: 0 0.35rem 0.8rem rgba(15, 23, 42, .08);
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .lf-image-thumb-tool:hover {
      background: #fff7ed;
      border-color: #fb923c;
      color: #ea580c;
      transform: translateY(-0.0625rem);
    }
    .lf-image-thumb-tool:disabled {
      cursor: not-allowed;
      opacity: .52;
      transform: none;
    }
    .lf-image-thumb-tool.is-favorited {
      background: #fffbeb;
      border-color: #f59e0b;
      color: #f59e0b;
    }
    .lf-image-thumb-tool.primary {
      background: #ff6b16;
      border-color: #ff6b16;
      color: #fff;
      box-shadow: 0 0.45rem 0.95rem rgba(249, 115, 22, .24);
    }
    .lf-image-thumb-tool.primary:hover {
      background: #ea580c;
      border-color: #ea580c;
      color: #fff;
    }
    .lf-image-mock-thumb.is-stacked {
      position: relative;
      aspect-ratio: 4 / 3;
      overflow: visible;
      border: 0;
      background: transparent;
      padding-top: 1rem;
      padding-right: 1.25rem;
    }
    .lf-image-stack-layer {
      position: absolute;
      inset: 1rem 1.25rem 0 0;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.55rem;
      background:
        linear-gradient(135deg, rgba(249, 115, 22, .18), rgba(255, 255, 255, .82)),
        radial-gradient(circle at 68% 38%, rgba(15, 23, 42, .12), transparent 0.9rem),
        linear-gradient(180deg, #ffffff, #fff7ed);
      color: #fb923c;
      display: grid;
      place-items: center;
      cursor: pointer;
      overflow: hidden;
      box-shadow: 0 0.55rem 1.1rem rgba(249, 115, 22, .12);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .lf-image-stack-layer img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0.48rem;
      display: block;
      opacity: 1;
      transition: opacity .16s ease;
    }
    .lf-image-stack-layer:hover {
      border-color: #f97316;
      box-shadow: 0 0.8rem 1.35rem rgba(249, 115, 22, .18);
    }
    .lf-image-stack-layer.layer-0 {
      z-index: 3;
      transform: translate(0, 0);
    }
    .lf-image-stack-layer.layer-1 {
      z-index: 2;
      transform: translate(0.7rem, -0.55rem) scale(.97);
    }
    .lf-image-stack-layer.layer-1:hover {
      transform: translate(0.82rem, -0.65rem) scale(.98);
    }
    .lf-image-stack-layer.layer-2 {
      z-index: 1;
      transform: translate(1.25rem, -1rem) scale(.94);
      opacity: .88;
    }
    .lf-image-stack-layer.layer-2:hover {
      transform: translate(1.38rem, -1.12rem) scale(.95);
      opacity: 1;
    }
    .lf-image-stack-count {
      position: absolute;
      right: 0.65rem;
      bottom: 0.55rem;
      z-index: 4;
      border-radius: 999rem;
      background: #f97316;
      color: #fff;
      padding: 0.15rem 0.55rem;
      font-size: 0.72rem;
      font-style: normal;
      font-weight: 900;
      box-shadow: 0 0.35rem 0.8rem rgba(249, 115, 22, .2);
      pointer-events: none;
    }
    .lf-image-result-card.failed .lf-image-mock-thumb {
      background: #fff1f2;
      color: #dc2626;
      border-color: #fecdd3;
    }
    .lf-image-result-card.running .lf-image-mock-thumb i {
      animation: lfMockSpin 1s linear infinite;
    }
    @keyframes lfMockSpin {
      to { transform: rotate(360deg); }
    }
    .lf-image-preview {
      display: none;
    }
    .lf-image-preview-prompt-toggle {
      grid-column: 3;
      grid-row: 1;
      justify-self: center;
      align-self: center;
      margin-bottom: 0.1rem;
      z-index: 3;
    }
    .lf-image-preview [data-lf-preview-prev] {
      grid-column: 1;
      grid-row: 2;
    }
    .lf-image-preview [data-lf-preview-left] {
      grid-column: 2;
      grid-row: 2;
    }
    .lf-image-preview [data-lf-preview-main] {
      grid-column: 3;
      grid-row: 2;
    }
    .lf-image-preview [data-lf-preview-right] {
      grid-column: 4;
      grid-row: 2;
    }
    .lf-image-preview [data-lf-preview-next] {
      grid-column: 5;
      grid-row: 2;
    }
    .lf-image-preview-nav {
      width: 2.35rem;
      height: 2.35rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff;
      color: #f97316;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
    }
    .lf-image-preview-nav:hover {
      border-color: #fb923c;
      box-shadow: 0 0.45rem 0.9rem rgba(249, 115, 22, .15);
      transform: translateY(-0.05rem);
    }
    .lf-image-preview-side {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      max-height: 16.5rem;
      overflow-y: auto;
      padding: 0.15rem;
      scrollbar-width: thin;
    }
    .lf-image-preview-thumb,
    .lf-image-preview-main {
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.65rem;
      background: #fff;
      color: #111827;
      transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
    }
    .lf-image-preview-thumb {
      width: 100%;
      border: 0.0625rem solid #fed7aa;
      min-height: 4.4rem;
      padding: 0.55rem;
      text-align: left;
      cursor: pointer;
      font: inherit;
      appearance: none;
      opacity: .82;
    }
    .lf-image-preview-thumb:hover {
      opacity: 1;
      border-color: #fb923c;
      box-shadow: 0 0.45rem 0.85rem rgba(249, 115, 22, .12);
      transform: translateY(-0.05rem);
    }
    .lf-image-preview-thumb b,
    .lf-image-preview-main b {
      display: block;
      font-size: 0.82rem;
      line-height: 1.35;
      margin-bottom: 0.25rem;
    }
    .lf-image-preview-thumb span,
    .lf-image-preview-main span {
      display: block;
      color: #64748b;
      font-size: 0.72rem;
      line-height: 1.45;
    }
    .lf-image-preview-main {
      min-height: 11rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      gap: 0.45rem;
      padding: 0.9rem;
      border: 0.125rem solid #f97316;
      background: #fffaf5;
      box-shadow: 0 0.8rem 1.75rem rgba(249, 115, 22, .16);
      animation: lfImagePreviewIn .3s ease both;
    }
    .lf-image-preview-stack {
      position: relative;
      width: min(20rem, 76%);
      min-height: 8.25rem;
      margin: 0.15rem 0 0.55rem;
    }
    .lf-image-preview-sheet {
      position: absolute;
      inset: 0;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.65rem;
      background:
        linear-gradient(135deg, rgba(249, 115, 22, .08), rgba(255, 255, 255, .9)),
        repeating-linear-gradient(90deg, rgba(251, 146, 60, .08) 0 0.35rem, transparent 0.35rem 0.7rem);
      box-shadow: 0 0.55rem 1.05rem rgba(249, 115, 22, .12);
      transition: transform .3s ease, opacity .3s ease;
    }
    .lf-image-preview-sheet:nth-child(1) {
      transform: translate(1.15rem, -0.7rem) rotate(2.6deg) scale(.94);
      opacity: .7;
    }
    .lf-image-preview-sheet:nth-child(2) {
      transform: translate(0.55rem, -0.35rem) rotate(1.1deg) scale(.97);
      opacity: .86;
    }
    .lf-image-preview-sheet:nth-child(3) {
      transform: translate(0, 0) rotate(0);
      opacity: 1;
      border-color: #f97316;
      background:
        linear-gradient(135deg, #fff7ed, #fff),
        repeating-linear-gradient(90deg, rgba(251, 146, 60, .1) 0 0.35rem, transparent 0.35rem 0.7rem);
    }
    .lf-image-preview-stack[data-count="1"] .lf-image-preview-sheet:nth-child(1),
    .lf-image-preview-stack[data-count="1"] .lf-image-preview-sheet:nth-child(2) {
      display: none;
    }
    .lf-image-preview-stack[data-count="2"] .lf-image-preview-sheet:nth-child(1) {
      display: none;
    }
    .lf-image-preview-stack[data-count="2"] .lf-image-preview-sheet:nth-child(2) {
      transform: translate(0.9rem, -0.65rem) rotate(2deg) scale(.96);
      opacity: .82;
    }
    .lf-image-preview-stack em {
      position: absolute;
      right: 0.55rem;
      bottom: 0.45rem;
      z-index: 2;
      border-radius: 999rem;
      background: #f97316;
      color: #fff;
      padding: 0.15rem 0.55rem;
      font-size: 0.72rem;
      font-style: normal;
      font-weight: 900;
      box-shadow: 0 0.35rem 0.8rem rgba(249, 115, 22, .2);
    }
    .lf-image-preview-main b {
      color: #111827;
      font-size: 1.05rem;
    }
    .lf-image-preview-main .lf-image-result-status {
      margin-top: 0.1rem;
    }
    .lf-image-preview-empty {
      min-height: 4.4rem;
      border: 0.0625rem dashed #fed7aa;
      border-radius: 0.65rem;
      color: #cbd5e1;
      display: grid;
      place-items: center;
      font-size: 0.76rem;
      font-weight: 800;
    }
    @keyframes lfImagePreviewIn {
      from {
        opacity: .72;
        transform: scale(.96);
      }
      to {
        opacity: 1;
        transform: scale(1);
      }
    }
    @keyframes lfPromptFlipToPlan {
      0% {
        opacity: .35;
        transform: rotateY(78deg) scale(.98);
      }
      62% {
        opacity: 1;
        transform: rotateY(-5deg) scale(1);
      }
      100% {
        opacity: 1;
        transform: rotateY(0) scale(1);
      }
    }
    @keyframes lfPromptFlipToPrompt {
      0% {
        opacity: .35;
        transform: rotateY(-78deg) scale(.98);
      }
      62% {
        opacity: 1;
        transform: rotateY(5deg) scale(1);
      }
      100% {
        opacity: 1;
        transform: rotateY(0) scale(1);
      }
    }
    @media (max-width: 56rem) {
      .lf-image-result-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .lf-image-result-grid.is-single {
        grid-template-columns: minmax(0, min(100%, 19rem));
      }
      .lf-image-result-grid.is-pair {
        grid-template-columns: repeat(2, minmax(0, 19rem));
      }
      .lf-image-preview-prompt-toggle {
        grid-column: 2;
      }
      .lf-image-preview [data-lf-preview-prev] {
        grid-column: 1;
      }
      .lf-image-preview [data-lf-preview-main] {
        grid-column: 2;
      }
      .lf-image-preview [data-lf-preview-next] {
        grid-column: 3;
      }
      .lf-image-preview-side {
        display: none;
      }
      .lf-prompt-workspace {
        grid-template-columns: 1fr;
      }
      .lf-prompt-switch {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        position: static;
        width: auto;
        border-radius: 0.65rem;
      }
      .lf-prompt-switch button {
        min-height: 2.2rem;
        width: auto;
        border-radius: 0.48rem;
        writing-mode: horizontal-tb;
      }
      .lf-plan-type-overview {
        grid-template-columns: 1fr;
        gap: 0.8rem;
      }
      .lf-plan-type-spacer {
        display: none;
      }
      .lf-plan-type-grid.is-suite {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .lf-prompt-view {
        grid-column: 1;
      }
    }
    .lf-plan-module-list {
      display: grid;
      gap: 0.85rem;
      margin-top: 0.9rem;
    }
    .lf-plan-carousel {
      position: relative;
      margin-top: 0.65rem;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.6rem;
      background: #fff;
      overflow: hidden;
    }
    .lf-plan-summary > .lf-plan-carousel {
      margin-top: 0;
    }
    .lf3-plan-summary.is-carousel-summary {
      min-height: 0;
      border: 0;
      background: transparent;
      padding: 0;
    }
    .lf3-plan-summary.is-carousel-summary > .lf-plan-carousel {
      border: 0;
      border-radius: 0;
      background: transparent;
      overflow: visible;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-carousel-head {
      position: sticky;
      top: 3.05rem;
      z-index: 32;
      padding-bottom: 0;
      border-bottom: 0;
      box-shadow: none;
      backdrop-filter: blur(0.45rem);
    }
    .lf-plan-carousel-head {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.55rem;
      padding: 0.62rem 0.72rem;
      border-bottom: 0.0625rem solid #fb923c;
      background:
        linear-gradient(180deg, rgba(255, 247, 237, .98), rgba(255, 255, 255, .98)),
        radial-gradient(circle at 8% 10%, rgba(249, 115, 22, .18), transparent 20rem);
    }
    .lf-plan-carousel-title {
      flex: 1 1 auto;
      min-width: 0;
    }
    .lf-plan-title-row {
      display: flex;
      justify-content: center;
      min-width: 0;
    }
    .lf-plan-module-strip {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(4.8rem, 6.2rem);
      align-items: center;
      justify-content: center;
      gap: 0.36rem;
      min-height: 2.9rem;
      min-width: 0;
      width: fit-content;
      max-width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      padding: 0.28rem;
      border: 0.0625rem solid #fb923c;
      border-radius: 0.72rem;
      background:
        linear-gradient(180deg, rgba(255, 237, 213, .92), rgba(255, 250, 245, .98)),
        repeating-linear-gradient(90deg, rgba(249, 115, 22, .08) 0, rgba(249, 115, 22, .08) 0.0625rem, transparent 0.0625rem, transparent 2.5rem);
      box-shadow:
        inset 0 0 0 0.0625rem rgba(255, 255, 255, .82),
        0 0.8rem 1.65rem rgba(249, 115, 22, .16);
      scrollbar-width: thin;
    }
    .lf-plan-module-strip::-webkit-scrollbar {
      height: 0.28rem;
    }
    .lf-plan-module-strip::-webkit-scrollbar-thumb {
      border-radius: 999rem;
      background: #fed7aa;
    }
    .lf-plan-module-tab {
      position: relative;
      min-height: 2.26rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.6rem;
      background: #fff;
      color: #475569;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.08rem;
      padding: 0.24rem 0.36rem;
      font: inherit;
      text-align: center;
      cursor: pointer;
      box-shadow: 0 0.3rem 0.7rem rgba(15, 23, 42, .05);
      transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease;
    }
    .lf-plan-module-tab.has-divider::before {
      content: "";
      position: absolute;
      left: -0.72rem;
      top: 50%;
      width: 0.58rem;
      height: 0.58rem;
      border: 0.12rem solid #f97316;
      border-radius: 999rem;
      background: #fffaf5;
      box-shadow: 0 0 0 0.14rem rgba(249, 115, 22, .08);
      transform: translate(-50%, -50%);
      pointer-events: none;
    }
    .lf-plan-module-tab.has-divider {
      margin-left: 1.44rem;
    }
    .lf-plan-module-tab.is-summary {
      border-color: #fb923c;
      background:
        linear-gradient(180deg, #ffffff 0%, #fffaf5 100%);
      color: #9a3412;
      box-shadow:
        0 0.28rem 0.68rem rgba(249, 115, 22, .10),
        inset 0 0 0 0.14rem rgba(255, 237, 213, .86);
    }
    .lf-plan-module-tab.is-summary strong {
      color: #9a3412;
    }
    .lf-plan-module-tab.is-summary .lf-plan-module-count {
      background: #f97316;
      border-color: #f97316;
      color: #fff;
      box-shadow: 0 0.16rem 0.42rem rgba(249, 115, 22, .18);
    }
    .lf-plan-module-tab.is-summary:hover {
      border-color: #ea580c;
      background:
        linear-gradient(180deg, #fffaf5 0%, #ffedd5 100%);
      box-shadow:
        0 0.48rem 1rem rgba(249, 115, 22, .18),
        inset 0 0 0 0.14rem rgba(254, 215, 170, .92);
    }
    .lf-plan-module-tab:hover {
      border-color: #fb923c;
      background: #fffaf5;
      box-shadow: 0 0.45rem 1rem rgba(249, 115, 22, .12);
      transform: translateY(-0.0625rem);
    }
    .lf-plan-module-tab.is-active {
      border-style: solid;
      border-color: #c2410c;
      background:
        linear-gradient(135deg, #ea580c 0%, #f97316 58%, #fb923c 100%);
      color: #fff;
      box-shadow:
        0 0.75rem 1.55rem rgba(249, 115, 22, .34),
        inset 0 0 0 0.0625rem rgba(255, 255, 255, .28);
      transform: translateY(-0.08rem) scale(1.02);
    }
    .lf-plan-module-tab.is-active::after {
      display: none;
      content: "";
      position: absolute;
      top: 0.2rem;
      right: 0.36rem;
      padding: 0.08rem 0.34rem;
      border: 0.0625rem solid rgba(249, 115, 22, .45);
      border-radius: 999rem;
      background: #fff;
      color: #ea580c;
      font-size: 0.58rem;
      font-weight: 950;
      line-height: 1.1;
      box-shadow: 0 0.28rem 0.7rem rgba(249, 115, 22, .18);
    }
    .lf-plan-module-tab.has-notice::after {
      display: block;
      content: "";
      position: absolute;
      top: 0.18rem;
      right: 0.22rem;
      width: 0.42rem;
      height: 0.42rem;
      border: 0.1rem solid #fff;
      border-radius: 999rem;
      background: #2588ff;
      box-shadow: 0 0.16rem 0.4rem rgba(37, 136, 255, .32);
      pointer-events: none;
    }
    .lf-plan-module-tab.is-active.has-notice::after {
      display: none;
    }
    .lf-plan-module-tab strong {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.12rem;
      color: #111827;
      font-size: 0.82rem;
      font-weight: 950;
      line-height: 1.05;
      white-space: nowrap;
    }
    .lf-plan-module-tab.is-active strong {
      color: #fff;
    }
    .lf-plan-module-tab span {
      color: #94a3b8;
      font-size: 0.64rem;
      font-weight: 800;
      line-height: 1.2;
    }
    .lf-plan-module-tab.is-active span {
      color: rgba(255, 255, 255, .86);
    }
    .lf-plan-module-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1rem;
      height: 1rem;
      padding: 0 0.2rem;
      border-radius: 999rem;
      background: #fff7ed;
      border: 0.0625rem solid #fb923c;
      color: #c2410c;
      font-size: 0.78rem;
      font-weight: 950;
      line-height: 1;
      box-shadow: 0 0.22rem 0.5rem rgba(249, 115, 22, .1);
      vertical-align: middle;
    }
    .lf-plan-module-tab.is-active .lf-plan-module-count {
      background: #fff;
      border-color: rgba(255, 255, 255, .86);
      color: #ea580c;
      box-shadow: 0 0.25rem 0.65rem rgba(124, 45, 18, .16);
    }
    .lf-plan-back-summary {
      display: none;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      min-height: 1.75rem;
      margin-top: 0.45rem;
      padding: 0 0.7rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff;
      color: #ea580c;
      font-size: 0.76rem;
      font-weight: 800;
      cursor: pointer;
      box-shadow: 0 0.35rem 0.85rem rgba(249, 115, 22, 0.08);
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .lf-plan-back-summary:hover {
      background: #fff7ed;
      border-color: #fb923c;
      color: #c2410c;
      transform: translateY(-0.0625rem);
    }
    .lf-plan-back-summary[hidden] {
      display: none;
    }
    .lf-plan-title-main > strong {
      display: block;
      color: #111827;
      font-size: 0.95rem;
      margin-bottom: 0;
    }
    .lf-plan-title-main > span {
      color: #f97316;
      font-size: 0.76rem;
      font-weight: 700;
    }
    .lf-plan-carousel-nav {
      width: 1.55rem;
      height: 1.55rem;
      margin-top: 0.05rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 50%;
      background: rgba(255, 255, 255, .82);
      color: #fb923c;
      cursor: pointer;
      display: inline-grid;
      place-items: center;
      font-size: 0.78rem;
      opacity: .78;
      box-shadow: none;
      transition: background .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease, transform .16s ease;
    }
    .lf-plan-carousel-nav:hover {
      background: #fff7ed;
      border-color: #fb923c;
      color: #ea580c;
      opacity: 1;
      transform: translateY(-0.0625rem);
    }
    .lf-plan-carousel-nav:disabled {
      cursor: not-allowed;
      opacity: .45;
    }
    .lf-plan-carousel-head .lf-plan-summary-meta {
      justify-content: center;
      margin: 0.45rem auto 0;
      max-width: 60rem;
      text-align: left;
    }
    .lf-plan-carousel-head .lf-plan-summary-meta[hidden] {
      display: none;
    }
    .lf-plan-reference-editor {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      justify-self: start;
      grid-column: auto;
      min-width: 0;
      max-width: min(21rem, 46vw);
      flex: 0 0 auto;
    }
    .lf-plan-reference-editor[hidden] {
      display: none;
    }
    .lf-plan-reference-label {
      color: #ea580c;
      font-size: 0.72rem;
      font-weight: 800;
      white-space: nowrap;
    }
    .lf-plan-reference-list {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
      gap: 0.35rem;
      min-width: 0;
      max-width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      padding: 0.1rem 0.1rem 0.2rem;
      scrollbar-width: thin;
    }
    .lf-plan-reference-list::-webkit-scrollbar {
      height: 0.28rem;
    }
    .lf-plan-reference-list::-webkit-scrollbar-thumb {
      border-radius: 999rem;
      background: #fed7aa;
    }
    .lf-plan-reference-thumb {
      position: relative;
      flex: 0 0 2.85rem;
      width: 2.85rem;
      height: 2.85rem;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.45rem;
      background: #fff7ed;
      overflow: hidden;
      cursor: zoom-in;
    }
    .lf-plan-reference-thumb.is-add {
      border-style: dashed;
      border-color: #c7d2fe;
      background: #fff;
      color: #94a3b8;
      cursor: pointer;
      display: grid;
      place-items: center;
      font-size: 1rem;
    }
    .lf-plan-reference-thumb.is-add:hover {
      border-color: #fb923c;
      color: #f97316;
      background: #fff7ed;
    }
    .lf-plan-reference-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .lf-plan-reference-remove {
      position: absolute;
      top: 0.1rem;
      right: 0.1rem;
      width: 0.95rem;
      height: 0.95rem;
      border: 0;
      border-radius: 50%;
      background: rgba(15, 23, 42, .58);
      color: #fff;
      font-size: 0.65rem;
      line-height: 1;
      cursor: pointer;
      display: grid;
      place-items: center;
      opacity: 0;
      transform: translateY(-0.1rem) scale(.92);
      pointer-events: none;
      transition: opacity .16s ease, transform .16s ease, background .16s ease;
    }
    .lf-plan-reference-thumb:hover .lf-plan-reference-remove,
    .lf-plan-reference-thumb:focus-within .lf-plan-reference-remove {
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }
    .lf-plan-reference-remove:hover {
      background: rgba(239, 68, 68, .88);
    }
    .lf-plan-reference-pick {
      grid-column: 1 / -1;
      width: 100%;
      min-height: 1.45rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.42rem;
      background: rgba(255, 255, 255, .88);
      color: #ea580c;
      font-size: 0.68rem;
      font-weight: 900;
      cursor: pointer;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .lf-plan-reference-pick:hover {
      border-color: #fb923c;
      background: #fff7ed;
      color: #c2410c;
      transform: translateY(-0.0625rem);
    }
    .lf-plan-module-list.is-carousel {
      display: block;
      margin-top: 0;
      overflow: hidden;
      overflow-x: clip;
      contain: layout paint;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-module-list.is-carousel {
      overflow: hidden;
      overflow-x: clip;
      contain: layout paint;
    }
    .lf-plan-sticky-prompt-pager {
      position: sticky;
      top: 7.85rem;
      z-index: 29;
      display: flex;
      justify-content: center;
      margin-top: -0.08rem;
      padding: 0.08rem 0.72rem 0.34rem;
      border-top: 0;
      border-bottom: 0.0625rem solid rgba(251, 146, 60, .32);
      background:
        linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(255, 250, 245, .98)),
        radial-gradient(circle at 50% 0, rgba(249, 115, 22, .12), transparent 18rem);
      box-shadow: 0 0.28rem 0.7rem rgba(15, 23, 42, .045);
      backdrop-filter: blur(0.45rem);
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-sticky-prompt-pager {
      top: 6.42rem;
      z-index: 31;
      margin-top: 0;
      padding: 0.18rem 0.72rem 0.26rem;
      border-top: 0.0625rem solid #fb923c;
      border-bottom: 0.0625rem solid rgba(251, 146, 60, .28);
      background: #fffaf5;
      box-shadow: 0 0.18rem 0.55rem rgba(15, 23, 42, .04);
    }
    .lf-plan-sticky-prompt-pager[hidden] {
      display: none;
    }
    .lf-plan-sticky-prompt-pager .lf-plan-prompt-pager {
      margin: 0 auto;
    }
    .lf-plan-prompt-pager-shell {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      justify-content: center;
      gap: 0.34rem;
      width: min(100%, 68rem);
      max-width: 100%;
      margin: 0 auto 0.38rem;
    }
    .lf-plan-sticky-prompt-pager .lf-plan-prompt-pager-shell {
      margin: 0 auto;
    }
    .lf-plan-card-editor-hint {
      width: min(100%, 68rem);
      max-width: 100%;
      margin: 0 auto 0.38rem;
      min-height: 2.125rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.65rem;
      padding: 0.28rem 0.85rem;
      border-top: 0.0625rem solid rgba(251, 146, 60, .36);
      border-bottom: 0.0625rem solid rgba(251, 146, 60, .28);
      color: #9a3412;
      background: rgba(255, 247, 237, .72);
      font-size: 0.8125rem;
      font-weight: 800;
      line-height: 1.35;
      text-align: center;
    }
    .lf-plan-card-editor-hint i {
      color: #fb923c;
      font-size: 0.8rem;
    }
    .lf-plan-card-editor-hint small {
      color: #64748b;
      font-size: 0.75rem;
      font-weight: 700;
    }
    .lf-plan-prompt-scroll {
      width: 1.55rem;
      height: 1.55rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 50%;
      background: rgba(255, 255, 255, .86);
      color: #fb923c;
      cursor: pointer;
      display: inline-grid;
      place-items: center;
      font-size: 0.75rem;
      opacity: .82;
      transition: background .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease, transform .16s ease;
    }
    .lf-plan-prompt-scroll:hover {
      background: #fff7ed;
      border-color: #fb923c;
      color: #ea580c;
      opacity: 1;
      transform: translateY(-0.0625rem);
    }
    .lf-plan-prompt-scroll:disabled {
      cursor: not-allowed;
      opacity: .36;
      transform: none;
    }
    .lf-plan-carousel-track {
      display: flex;
      width: 100%;
      transition: transform .24s ease;
      will-change: transform;
    }
    .lf-plan-carousel-track .lf-plan-module {
      flex: 0 0 100%;
      width: 100%;
      min-width: 0;
      max-width: 100%;
      overflow: hidden;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    .lf-plan-carousel-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      min-height: 1.45rem;
      padding: 0.22rem 0.9rem 0.32rem;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-carousel-dots {
      min-height: 1rem;
      padding: 0.14rem 0 0;
    }
    .lf-plan-carousel-dots button {
      width: 0.45rem;
      height: 0.45rem;
      border: 0;
      border-radius: 50%;
      background: #fed7aa;
      cursor: pointer;
    }
    .lf-plan-carousel-dots button.active {
      width: 1.15rem;
      border-radius: 999px;
      background: #f97316;
    }
    .lf-plan-module {
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #fff;
      padding: 0.56rem;
    }
    .lf-plan-module h4 {
      margin: 0 0 0.35rem;
      color: #111827;
      font-size: 0.95rem;
    }
    .lf-plan-module-note {
      margin: 0 0 0.65rem;
      color: #f97316;
      font-size: 0.76rem;
      font-weight: 700;
    }
    .lf-plan-prompt-stack {
      position: relative;
      display: block;
    }
    .lf-plan-prompt-pager {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: max-content;
      align-items: center;
      justify-content: flex-start;
      gap: 0.42rem;
      width: auto;
      min-width: 0;
      max-width: min(100%, 62rem);
      max-height: none;
      overflow-x: auto;
      overflow-y: hidden;
      margin: 0;
      padding: 0.28rem 0.38rem;
      border: 0.0625rem solid #fb923c;
      border-radius: 0.68rem;
      background:
        linear-gradient(180deg, rgba(255, 237, 213, .92), rgba(255, 250, 245, .98)),
        repeating-linear-gradient(90deg, rgba(249, 115, 22, .08) 0, rgba(249, 115, 22, .08) 0.0625rem, transparent 0.0625rem, transparent 2.5rem);
      box-shadow:
        inset 0 0 0 0.0625rem rgba(255, 255, 255, .82),
        0 0.58rem 1.2rem rgba(249, 115, 22, .13);
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-prompt-pager {
      position: relative;
      top: auto;
      z-index: 2;
      margin-bottom: 0.18rem;
      box-shadow:
        inset 0 0 0 0.0625rem rgba(255, 255, 255, .82),
        0 0.42rem 0.9rem rgba(249, 115, 22, .1);
      backdrop-filter: none;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-module .lf-plan-prompt-stack > .lf-plan-prompt-pager-shell,
    .lf3-plan-summary.is-carousel-summary .lf-plan-module .lf-plan-prompt-stack > .lf-plan-prompt-pager {
      display: none;
    }
    .lf-plan-prompt-pager::-webkit-scrollbar {
      display: none;
      width: 0;
      height: 0;
    }
    .lf-plan-prompt-pager::-webkit-scrollbar-thumb {
      border-radius: 999rem;
      background: #fed7aa;
    }
    .lf-plan-prompt-pager button {
      position: relative;
      overflow: hidden;
      width: auto;
      min-width: 3.65rem;
      min-height: 2.08rem;
      border: 0.0625rem solid #fdba74;
      border-radius: 0.52rem;
      background: #fff;
      color: #ea580c;
      padding: 0 0.86rem;
      font-size: 0.88rem;
      font-weight: 900;
      line-height: 1;
      cursor: pointer;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .lf-plan-prompt-pager button .lf-plan-page-nav-label {
      position: relative;
      z-index: 2;
    }
    .lf-plan-page-status-watermark {
      position: absolute;
      right: 0.18rem;
      bottom: 0.12rem;
      z-index: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #94a3b8;
      font-size: 0.55rem;
      font-weight: 950;
      letter-spacing: 0;
      opacity: 0.95;
      pointer-events: none;
      transform: none;
      padding: 0.05rem 0.18rem;
      border-radius: 999rem;
      background: rgba(255, 255, 255, .9);
      box-shadow: 0 0.08rem 0.22rem rgba(15, 23, 42, .08);
      text-shadow: none;
    }
    .lf-plan-prompt-pager button.is-status-success .lf-plan-page-status-watermark {
      color: #2563eb;
      background: rgba(219, 234, 254, .96);
      opacity: 1;
    }
    .lf-plan-prompt-pager button.is-status-failed .lf-plan-page-status-watermark,
    .lf-plan-prompt-pager button.is-status-running .lf-plan-page-status-watermark {
      color: #64748b;
      background: rgba(241, 245, 249, .96);
      opacity: 1;
    }
    .lf-plan-prompt-pager button.is-status-pending .lf-plan-page-status-watermark {
      color: #ef4444;
      background: rgba(254, 226, 226, .96);
      opacity: 1;
    }
    .lf-plan-prompt-pager button.is-active .lf-plan-page-status-watermark {
      color: #c2410c;
      background: rgba(255, 247, 237, .96);
      opacity: 1;
      text-shadow: none;
    }
    .lf-plan-prompt-pager button:hover {
      border-color: #f97316;
      background: #ffedd5;
      color: #c2410c;
    }
    .lf-plan-prompt-pager button.is-active {
      background: #f97316;
      border-color: #ea580c;
      color: #fff;
      box-shadow: 0 0.32rem 0.75rem rgba(249, 115, 22, .22);
    }
    .lf-plan-prompt-list {
      position: relative;
      display: block;
      min-height: 0;
      margin: 0;
      padding: 0 0.85rem 0.18rem;
      list-style: none;
      border: 0;
      background: transparent;
    }
    .lf-plan-prompt-list li {
      position: relative;
      order: 1;
      display: block;
      min-height: 0;
      max-height: none;
      margin: 0;
      overflow: visible;
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
      cursor: pointer;
      box-shadow: none;
      transform: none;
      transition: max-height .24s ease, min-height .24s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease;
    }
    .lf-plan-prompt-list li::before {
      display: none;
      content: "";
    }
    .lf-plan-prompt-list li::after {
      content: attr(data-plan-watermark);
      position: absolute;
      left: 50%;
      bottom: 1.45rem;
      color: rgba(249, 115, 22, 0.16);
      font-size: clamp(1.35rem, 2.2vw, 2.25rem);
      font-weight: 950;
      letter-spacing: 0.05em;
      line-height: 1;
      pointer-events: none;
      transform: translateX(-50%) rotate(-10deg);
      z-index: 3;
      display: block;
    }
    .lf-plan-prompt-list li > * {
      position: relative;
      z-index: 1;
    }
    .lf-plan-prompt-list li:hover {
      border-color: transparent;
      background: transparent;
      transform: none;
    }
    .lf-plan-prompt-list li.is-active {
      z-index: 2;
      order: 1;
      min-height: 0;
      max-height: none;
      margin: 0;
      background: transparent;
      border-color: transparent;
      cursor: default;
      box-shadow: none;
      transform: none;
      transform-origin: left top;
    }
    .lf-plan-prompt-list li.is-active::before {
      display: none;
    }
    .lf-plan-prompt-list b {
      color: #ea580c;
      font-size: 0.8rem;
    }
    .lf-plan-page-mark {
      display: none;
    }
    .lf-plan-page-title {
      display: none;
    }
    .lf-plan-prompt-side {
      display: none;
    }
    .lf-plan-prompt-side b {
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      width: auto;
      min-height: 1.2rem;
      padding-left: 0;
      border-radius: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }
    .lf-plan-prompt-list li.is-active .lf-plan-prompt-side b {
      background: transparent;
      border-color: transparent;
      color: #f97316;
      box-shadow: none;
    }
    .lf-plan-prompt-main {
      min-width: 0;
      display: grid;
      gap: 0;
      position: relative;
      align-self: stretch;
    }
    .lf-plan-prompt-editor-head {
      display: flex;
      align-items: center;
      gap: 0.58rem;
      min-width: 0;
      min-height: 2.25rem;
      padding-right: 0;
      margin-bottom: 0.28rem;
    }
    .lf-plan-prompt-editor-head > strong {
      flex: 0 0 auto;
      white-space: nowrap;
    }
    .lf-plan-prompt-editor-head .lf-plan-reference-editor {
      flex: 1 1 auto;
      max-width: min(33rem, 48vw);
    }
    .lf-plan-prompt-editor-head .lf-plan-reference-editor .lf-plan-reference-list {
      min-height: 2.58rem;
      padding: 0.12rem 0.16rem;
      border: 0.0625rem dashed #cbd5e1;
      border-radius: 0.55rem;
      background: rgba(248, 250, 252, .48);
    }
    .lf-plan-prompt-editor-head .lf-plan-prompt-actions {
      margin-left: auto;
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-reference-editor {
      display: none;
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-prompt-side {
      justify-content: center;
    }
    .lf-plan-prompt-list li:not(.is-active) {
      display: none;
    }
    .lf-plan-prompt-list li:not(.is-active)::before {
      left: auto;
      right: -0.08rem;
      top: 0.2rem;
      bottom: 0.2rem;
      width: 0.16rem;
      border-radius: 999rem;
      background: #fb923c;
    }
    .lf-plan-prompt-list li:not(.is-active):hover {
      opacity: 1;
      background: #ffedd5;
      transform: translateX(-0.08rem);
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-prompt-main,
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-prompt-actions {
      display: none;
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-prompt-edit {
      min-height: 2.42rem;
      max-height: 2.42rem;
      overflow: hidden;
      resize: none;
      pointer-events: none;
      color: #94a3b8;
      text-shadow: none;
      background: rgba(248, 250, 252, .74);
      border-color: rgba(226, 232, 240, .68);
      box-shadow: none;
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-prompt-main {
      opacity: .78;
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-prompt-side b {
      color: #f97316;
      background: transparent;
      writing-mode: vertical-rl;
      font-size: 0.68rem;
      line-height: 1;
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-page-title {
      display: none;
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-page-mark {
      display: inline;
    }
    .lf-plan-prompt-list li:not(.is-active) .lf-plan-prompt-actions {
      opacity: .38;
      pointer-events: none;
    }
    .lf-plan-prompt-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 0.75rem;
      min-width: 0;
    }
    .lf-plan-prompt-title {
      display: grid;
      gap: 0.22rem;
      min-width: 6.5rem;
    }
    .lf-plan-prompt-title strong {
      color: #111827;
      font-size: 0.92rem;
      line-height: 1.35;
    }
    .lf-plan-prompt-title span {
      color: #f97316;
      font-size: 0.76rem;
      font-weight: 800;
    }
    .lf-plan-prompt-main .lf-plan-reference-editor {
      grid-column: auto;
      justify-self: start;
    }
    .lf-plan-prompt-main .lf-plan-reference-list {
      justify-content: start;
    }
    .lf-plan-prompt-editor-head .lf-plan-reference-thumb {
      flex-basis: 2.35rem;
      width: 2.35rem;
      height: 2.35rem;
    }
    .lf-plan-prompt-editor-head .lf-plan-reference-pick {
      width: auto;
      min-width: 2.6rem;
      padding: 0 0.42rem;
      align-self: stretch;
      color: #64748b;
      border-color: #cbd5e1;
    }
    .lf-plan-prompt-list p {
      margin: 0;
      color: #334155;
      font-size: 0.82rem;
      line-height: 1.65;
    }
    .lf-plan-prompt-edit {
      height: 13.9rem;
      min-height: 13.9rem;
      max-height: 13.9rem;
      width: 100%;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.52rem;
      background: #fffaf5;
      color: #1f2937;
      padding: 0.68rem 2.15rem 1.35rem 0.72rem;
      font-size: 0.84rem;
      line-height: 1.72;
      resize: none;
      overflow-y: auto;
      scrollbar-width: thin;
      box-shadow: inset 0 0 0 0.0625rem rgba(14, 165, 233, .08);
    }
    .lf-plan-prompt-list li.is-active .lf-plan-prompt-edit {
      min-height: 13.9rem;
      border-color: #fed7aa;
      background: #fffaf5;
      box-shadow: none;
    }
    .lf-plan-prompt-edit::-webkit-scrollbar {
      width: 0.42rem;
    }
    .lf-plan-prompt-edit::-webkit-scrollbar-track {
      background: transparent;
    }
    .lf-plan-prompt-edit::-webkit-scrollbar-thumb {
      border-radius: 999rem;
      background: #94a3b8;
    }
    .lf-plan-prompt-edit:focus {
      border-color: #38bdf8;
      box-shadow: 0 0 0 0.15rem rgba(14, 165, 233, .13);
    }
    .lf-plan-prompt-actions {
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.38rem;
      min-height: 2.1rem;
      padding-left: 0.25rem;
      opacity: 1;
      pointer-events: auto;
      position: relative;
      z-index: 4;
      transform: none;
      transition: opacity .16s ease, transform .16s ease;
    }
    .lf-plan-prompt-list li:hover .lf-plan-prompt-actions,
    .lf-plan-prompt-list li:focus-within .lf-plan-prompt-actions {
      opacity: 1;
      pointer-events: auto;
      transform: none;
    }
    .lf-plan-prompt-actions button {
      width: auto;
      height: 1.92rem;
      min-width: 2rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff;
      color: #ea580c;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.22rem;
      padding: 0 0.62rem;
      font-size: 0.68rem;
      font-weight: 800;
      line-height: 1;
      cursor: pointer;
      transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    }
    .lf-plan-prompt-actions button i {
      font-size: 0.8rem;
    }
    .lf-plan-prompt-actions button span {
      white-space: nowrap;
    }
    .lf-plan-prompt-actions button:hover {
      border-color: #fb923c;
      background: #fff7ed;
      color: #ea580c;
      transform: translateY(-0.0625rem);
    }
    .lf-plan-prompt-actions button.is-primary {
      border-color: #f97316;
      background: #f97316;
      color: #fff;
      box-shadow: 0 0.5rem 1rem rgba(249, 115, 22, .22);
    }
    .lf-plan-prompt-actions button.is-primary:hover {
      border-color: #f97316;
      background: linear-gradient(135deg, #f97316, #fb923c);
      color: #fff;
      box-shadow: 0 0.38rem 0.86rem rgba(249, 115, 22, .18);
    }
    .lf-plan-prompt-actions button.is-active {
      border-color: #60a5fa;
      background: #eff6ff;
      color: #2563eb;
      box-shadow: 0 0.42rem 0.8rem rgba(96, 165, 250, .18);
    }
    .lf-main {
      min-width: 0;
      overflow-y: auto;
      padding: 0 0.875rem 1rem;
    }
    .lf-tabs {
      position: sticky;
      top: 0;
      z-index: 3;
      height: 3rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #eef0f5;
      border-bottom: 0.0625rem solid #dfe3eb;
    }
    .lf-tab-group {
      height: 100%;
      display: inline-flex;
      align-items: center;
      gap: 0.9rem;
    }
    .lf-tabs.lf-tabs-history-only {
      justify-content: flex-end;
    }
    .lf-tabs button {
      border: 0;
      background: transparent;
      color: #1f2937;
      font-weight: 700;
      padding: 0.65rem 0.5rem;
    }
    .lf-tabs .active {
      color: #f97316;
      border-bottom: 0.125rem solid #f97316;
    }
    .lf-tabs .history {
      color: #f97316;
      font-size: 0.78rem;
    }
    .lf3-workbench-actions {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.45rem;
    }
    .lf3-gallery-status-summary {
      flex: 1 1 auto;
      min-width: 0;
      max-width: 34rem;
      margin: 0 0.7rem 0 auto;
      padding: 0.22rem 0.58rem;
      border: 0.0625rem solid rgba(96, 165, 250, .7);
      border-radius: 999rem;
      background: rgba(239, 246, 255, .92);
      color: #2563eb;
      font-size: 0.76rem;
      font-weight: 800;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .lf3-gallery-status-summary[hidden] {
      display: none !important;
    }
    .lf3-workbench-actions .history {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
      white-space: nowrap;
    }
    .lf3-more-actions {
      position: relative;
      display: inline-flex;
    }
    .lf3-more-menu {
      position: absolute;
      top: calc(100% + 0.35rem);
      right: 0;
      z-index: 20;
      min-width: 10rem;
      padding: 0.35rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.65rem;
      background: #fff;
      box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, .14);
    }
    .lf3-more-menu[hidden] { display: none !important; }
    .lf3-more-menu button {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 0.45rem;
      padding: 0.6rem 0.7rem;
      border-radius: 0.45rem;
      color: #dc2626;
      text-align: left;
      white-space: nowrap;
    }
    .lf3-more-menu button:hover { background: #fef2f2; }
    .lf3-exit-modal {
      position: fixed;
      inset: 0;
      z-index: 10040;
      display: grid;
      place-items: center;
      padding: 1.25rem;
      background: rgba(15, 23, 42, .48);
      backdrop-filter: blur(0.25rem);
    }
    .lf3-exit-modal[hidden] { display: none !important; }
    .lf3-exit-dialog {
      width: min(30rem, 100%);
      padding: 1.35rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 1rem;
      background: #fff;
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .22);
    }
    .lf3-exit-dialog h3 { margin: 0; color: #111827; font-size: 1.05rem; }
    .lf3-exit-dialog > p { margin: 0.45rem 0 1.1rem; color: #64748b; font-size: 0.86rem; }
    .lf3-exit-name {
      display: grid;
      gap: 0.38rem;
      margin-bottom: 1rem;
      color: #334155;
      font-size: 0.78rem;
      font-weight: 700;
    }
    .lf3-exit-name input {
      width: 100%;
      min-width: 0;
      padding: 0.72rem 0.8rem;
      border: 0.0625rem solid #dbe1ea;
      border-radius: 0.65rem;
      outline: none;
      background: #fff;
      color: #111827;
      font: inherit;
      font-weight: 600;
    }
    .lf3-exit-name input:focus {
      border-color: #fb923c;
      box-shadow: 0 0 0 0.2rem rgba(249, 115, 22, .12);
    }
    .lf3-exit-name small { color: #94a3b8; font-weight: 500; }
    .lf3-exit-options { display: grid; gap: 0.6rem; }
    .lf3-exit-option {
      display: grid;
      grid-template-columns: 1.6rem 1fr auto;
      gap: 0.65rem;
      align-items: center;
      width: 100%;
      padding: 0.8rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.75rem;
      background: #fff;
      color: #111827;
      text-align: left;
    }
    .lf3-exit-option:hover { border-color: #fdba74; background: #fff7ed; }
    .lf3-exit-option i { color: #f97316; }
    .lf3-exit-option span { display: grid; gap: 0.16rem; }
    .lf3-exit-option strong { font-size: 0.88rem; }
    .lf3-exit-option small { color: #64748b; font-size: 0.74rem; }
    .lf3-exit-option em { color: #94a3b8; font-size: 0.72rem; font-style: normal; }
    .lf3-exit-option.is-danger i,
    .lf3-exit-option.is-danger strong { color: #dc2626; }
    .lf3-exit-option:disabled { cursor: not-allowed; opacity: .48; background: #f8fafc; }
    .lf3-exit-cancel {
      width: 100%;
      margin-top: 0.75rem;
      padding: 0.72rem;
      border: 0;
      background: transparent;
      color: #64748b;
    }
    body.theme-dark .lf3-more-menu,
    body.theme-dark .lf3-exit-dialog,
    body.theme-dark .lf3-exit-option { background: #172033; border-color: #334155; color: #e5e7eb; }
    body.theme-dark .lf3-exit-name { color: #cbd5e1; }
    body.theme-dark .lf3-exit-name input { background: #0f172a; border-color: #475569; color: #f8fafc; }
    body.theme-dark .lf3-more-menu button:hover,
    body.theme-dark .lf3-exit-option:hover { background: #2a211d; }
    body.theme-dark .lf3-exit-dialog h3 { color: #f8fafc; }
    .lf-tab-panel {
      display: none !important;
    }
    .lf-tab-panel.active {
      display: block !important;
    }
    .lf-tab-panel.lf-result-feed.active {
      display: grid !important;
    }
    .lf-tab-panel.lf-photopea-panel.active {
      display: flex !important;
    }
    .lf-tab-panel.lf-layer-lab-panel.active {
      display: block !important;
    }
    .lf-result-feed {
      display: grid;
      gap: 0.875rem;
      padding-top: 0.875rem;
    }
    .lf-prompt-result {
      padding-top: 0.875rem;
    }
    .lf-layer-lab-panel {
      padding-top: 0.875rem;
    }
    .lf-layer-lab-shell {
      min-height: 34rem;
      border: 0.0625rem solid #fde3c7;
      border-radius: 0.75rem;
      background: #fffaf4;
      overflow: hidden;
      box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, .045);
    }
    .lf-layer-lab-empty {
      min-height: 34rem;
      display: grid;
      place-items: center;
      align-content: center;
      gap: 0.55rem;
      color: #8aa0bd;
      text-align: center;
      border: 0.0625rem dashed #d6e4f5;
      border-radius: 0.75rem;
      background: #fff;
    }
    .lf-layer-lab-empty i {
      color: #60a5fa;
      font-size: 1.8rem;
    }
    .lf-layer-lab-empty strong {
      color: #334155;
      font-size: 1rem;
      font-weight: 900;
    }
    .lf-layer-lab-empty span {
      max-width: 28rem;
      color: #8aa0bd;
      font-size: 0.86rem;
      line-height: 1.6;
    }
    .lf-layer-lab-workspace {
      display: grid;
      grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr) minmax(16rem, 20rem);
      gap: 0.75rem;
      min-height: 34rem;
      padding: 0.75rem;
    }
    .lf-layer-lab-card {
      border: 0.0625rem solid #fde3c7;
      border-radius: 0.75rem;
      background: #fff;
      overflow: hidden;
      min-width: 0;
      box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, .04);
    }
    .lf-layer-lab-card header {
      min-height: 2.7rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.6rem;
      padding: 0.6rem 0.75rem;
      border-bottom: 0.0625rem solid #fee9d1;
      background: #fff7ed;
      color: #0f172a;
      font-weight: 900;
    }
    .lf-layer-lab-card header small {
      color: #f97316;
      font-size: 0.75rem;
      font-weight: 900;
      white-space: nowrap;
    }
    .lf-layer-list {
      display: grid;
      gap: 0.5rem;
      padding: 0.75rem;
    }
    .lf-layer-row {
      display: grid;
      grid-template-columns: 2rem minmax(0, 1fr) auto;
      gap: 0.55rem;
      align-items: center;
      padding: 0.55rem;
      border: 0.0625rem solid #e5eef8;
      border-radius: 0.625rem;
      background: #f8fbff;
      color: #334155;
      text-align: left;
      cursor: pointer;
      transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, opacity .15s ease;
    }
    .lf-layer-row.active {
      border-color: #f97316;
      background: #fff7ed;
      box-shadow: 0 0 0 0.12rem rgba(249, 115, 22, .16);
    }
    .lf-layer-row.is-hidden {
      opacity: .55;
    }
    .lf-layer-row.is-hidden strong,
    .lf-layer-row.is-hidden span {
      text-decoration: line-through;
    }
    .lf-layer-row.is-locked {
      border-style: dashed;
    }
    .lf-layer-row.is-locked strong::after {
      content: " 已锁定";
      color: #f97316;
      font-size: 0.68rem;
      font-weight: 900;
    }
    .lf-layer-row i {
      width: 2rem;
      height: 2rem;
      display: inline-grid;
      place-items: center;
      border-radius: 0.55rem;
      background: #fff7ed;
      color: #f97316;
    }
    .lf-layer-row strong {
      display: block;
      color: #0f172a;
      font-size: 0.86rem;
      font-weight: 900;
    }
    .lf-layer-row span {
      display: block;
      margin-top: 0.1rem;
      color: #64748b;
      font-size: 0.74rem;
      line-height: 1.35;
    }
    .lf-layer-row-actions {
      display: inline-flex;
      gap: 0.25rem;
    }
    .lf-layer-row-actions button {
      width: 1.75rem;
      height: 1.75rem;
      display: inline-grid;
      place-items: center;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.5rem;
      background: #fff;
      color: #f97316;
      cursor: pointer;
    }
    .lf-layer-row-actions button.is-on {
      border-color: #fdba74;
      background: #fff7ed;
      color: #f97316;
    }
    .lf-layer-lab-actions button.is-on {
      border-color: #fb923c;
      background: #fff7ed;
      color: #ea580c;
      box-shadow: 0 0.35rem 0.75rem rgba(249, 115, 22, .12);
    }
    .lf-layer-lab-actions button:disabled,
    .lf-layer-editor-actions button:disabled,
    .lf-layer-mode-row button:disabled {
      cursor: not-allowed;
      opacity: .58;
      transform: none;
      box-shadow: none;
    }
    .lf-layer-canvas {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      min-height: 34rem;
    }
    .lf-layer-canvas-stage {
      position: relative;
      min-height: 0;
      display: grid;
      place-items: center;
      padding: 1rem;
      background:
        linear-gradient(45deg, rgba(148, 163, 184, .12) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(148, 163, 184, .12) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(148, 163, 184, .12) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(148, 163, 184, .12) 75%);
      background-size: 1.25rem 1.25rem;
      background-position: 0 0, 0 0.625rem, 0.625rem -0.625rem, -0.625rem 0;
    }
    .lf-layer-canvas-stage img {
      max-width: 100%;
      max-height: 30rem;
      object-fit: contain;
      border-radius: 0.65rem;
      box-shadow: 0 0.9rem 2rem rgba(15, 23, 42, .15);
      background: #fff;
    }
    .lf-layer-canvas-stage.is-layer-disabled img {
      filter: grayscale(.24);
      opacity: .62;
    }
    .lf-layer-canvas-disabled-note {
      position: absolute;
      inset: auto 1.25rem 1.25rem 1.25rem;
      display: flex;
      justify-content: center;
      pointer-events: none;
      z-index: 3;
    }
    .lf-layer-canvas-disabled-note span {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      max-width: min(100%, 34rem);
      padding: 0.45rem 0.7rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.65rem;
      background: rgba(255, 247, 237, .94);
      color: #c2410c;
      font-size: 0.76rem;
      font-weight: 800;
      box-shadow: 0 0.7rem 1.4rem rgba(15, 23, 42, .1);
    }
    .lf-layer-canvas-badges {
      position: absolute;
      left: 1rem;
      top: 1rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.4rem;
      pointer-events: none;
    }
    .lf-layer-canvas-badges span {
      display: inline-flex;
      align-items: center;
      min-height: 1.65rem;
      padding: 0 0.55rem;
      border-radius: 999rem;
      background: rgba(15, 23, 42, .7);
      color: #fff;
      font-size: 0.72rem;
      font-weight: 900;
    }
    .lf-layer-source-meta {
      display: grid;
      gap: 0.55rem;
      padding: 0.75rem;
      color: #475569;
      font-size: 0.8rem;
      line-height: 1.55;
    }
    .lf-layer-source-meta p {
      margin: 0;
      padding: 0.65rem;
      border-radius: 0.55rem;
      background: #f8fafc;
      border: 0.0625rem solid #e5e7eb;
    }
    .lf-layer-source-meta b {
      color: #0f172a;
    }
    .lf-layer-editor {
      display: grid;
      gap: 0.65rem;
      padding: 0.75rem;
    }
    .lf-layer-editor-field {
      display: grid;
      gap: 0.35rem;
    }
    .lf-layer-editor-field label {
      color: #334155;
      font-size: 0.78rem;
      font-weight: 900;
    }
    .lf-layer-editor textarea {
      width: 100%;
      min-height: 6.5rem;
      resize: vertical;
      padding: 0.65rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.6rem;
      background: #f8fbff;
      color: #0f172a;
      font-size: 0.8rem;
      line-height: 1.55;
      outline: none;
    }
    .lf-layer-editor textarea:focus {
      border-color: #fb923c;
      box-shadow: 0 0 0 0.12rem rgba(249, 115, 22, .16);
    }
    .lf-layer-mode-row,
    .lf-layer-editor-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
    }
    .lf-layer-mode-row button,
    .lf-layer-editor-actions button {
      min-height: 2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.3rem;
      padding: 0 0.75rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff;
      color: #ea580c;
      font-size: 0.78rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf-layer-mode-row button.active {
      background: #f97316;
      border-color: #f97316;
      color: #fff;
    }
    .lf-layer-editor-actions button.primary {
      background: #ff7a1a;
      border-color: #ff7a1a;
      color: #fff;
    }
    .lf-layer-editor-actions button.secondary {
      border-color: #e5e7eb;
      background: #f8fafc;
      color: #475569;
    }
    .lf-layer-draft-list {
      display: grid;
      gap: 0.45rem;
      max-height: 9rem;
      overflow: auto;
      padding-right: 0.15rem;
    }
    .lf-layer-draft-item,
    .lf-layer-empty-note {
      padding: 0.55rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #f8fafc;
      color: #64748b;
      font-size: 0.76rem;
      line-height: 1.45;
    }
    .lf-layer-draft-item strong {
      display: block;
      color: #0f172a;
      font-size: 0.78rem;
      margin-bottom: 0.15rem;
    }
    .lf-layer-lab-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.45rem;
      padding: 0 0.75rem 0.75rem;
    }
    .lf-layer-lab-actions button {
      min-height: 2rem;
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      padding: 0 0.7rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff7ed;
      color: #ea580c;
      font-size: 0.78rem;
      font-weight: 900;
      cursor: default;
    }
    .lf-layer-side-panel {
      display: none;
      gap: 0.85rem;
    }
    #draw3.lf3-layer-active .lf-sidebar > .lf-workflow-section {
      display: none;
    }
    #draw3.lf3-layer-active .lf-layer-side-panel {
      display: grid;
    }
    .lf-layer-side-section {
      border: 0.0625rem solid #fde3c7;
      border-radius: 0.75rem;
      background: #fff;
      padding: 0.72rem;
      box-shadow: 0 0.45rem 1rem rgba(15, 23, 42, .035);
    }
    .lf-layer-side-section.is-active {
      border-color: #fdba74;
      background: #fffaf5;
      box-shadow: 0 0.55rem 1.2rem rgba(249, 115, 22, .08);
    }
    .lf-layer-side-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      margin-bottom: 0.65rem;
      color: #111827;
      font-size: 0.84rem;
      font-weight: 900;
    }
    .lf-layer-side-head span {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }
    .lf-layer-side-head span::before {
      content: "";
      width: 0.46rem;
      height: 0.46rem;
      border-radius: 50%;
      background: #f97316;
      box-shadow: 0 0 0 0.22rem #fff7ed;
    }
    .lf-layer-side-head small {
      color: #f97316;
      font-size: 0.68rem;
      font-weight: 900;
    }
    .lf-layer-side-head-tools {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
    }
    .lf-layer-side-icon-btn {
      width: 1.45rem;
      height: 1.45rem;
      display: inline-grid;
      place-items: center;
      border: 0.0625rem solid #fecaca;
      border-radius: 0.42rem;
      background: #fff;
      color: #ef4444;
      cursor: pointer;
    }
    .lf-layer-side-icon-btn:hover {
      background: #fef2f2;
      border-color: #fca5a5;
    }
    .lf-layer-side-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.45rem;
    }
    .lf-layer-side-actions .wide {
      grid-column: 1 / -1;
    }
    .lf-layer-side-actions button,
    .lf-layer-side-upload {
      min-height: 2.15rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.35rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.55rem;
      background: #fff;
      color: #64748b;
      font-size: 0.74rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf-layer-side-actions button:hover,
    .lf-layer-side-upload:hover {
      border-color: #fdba74;
      background: #fff7ed;
      color: #ea580c;
    }
    .lf-layer-side-actions button:disabled,
    .lf-layer-tool-grid button:disabled,
    .lf-layer-element-actions button:disabled {
      cursor: not-allowed;
      opacity: .55;
      transform: none;
      box-shadow: none;
    }
    .lf-layer-project-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.42rem;
    }
    .lf-layer-project-thumb {
      position: relative;
      aspect-ratio: 1;
      border: 0.0625rem dashed #dbe4ef;
      border-radius: 0.55rem;
      background: #f8fafc;
      overflow: hidden;
      cursor: pointer;
    }
    .lf-layer-project-thumb img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
    .lf-layer-project-thumb.active {
      border-style: solid;
      border-color: #f97316;
      box-shadow: 0 0 0 0.12rem rgba(249, 115, 22, .16);
    }
    .lf-layer-project-thumb span {
      position: absolute;
      left: 0.25rem;
      bottom: 0.25rem;
      max-width: calc(100% - 0.5rem);
      padding: 0.12rem 0.32rem;
      border-radius: 999rem;
      background: rgba(249, 115, 22, .92);
      color: #fff;
      font-size: 0.62rem;
      font-weight: 900;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .lf-layer-gallery-picker {
      display: grid;
      gap: 0.45rem;
      margin: 0 0 0.55rem;
      padding: 0.5rem;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.65rem;
      background: #fff7ed;
    }
    .lf-layer-gallery-picker-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.4rem;
      color: #9a3412;
      font-size: 0.72rem;
      font-weight: 900;
    }
    .lf-layer-gallery-picker-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.35rem;
      max-height: 11rem;
      overflow: auto;
      padding-right: 0.1rem;
    }
    .lf-layer-gallery-empty {
      padding: 0.55rem;
      border: 0.0625rem dashed #fed7aa;
      border-radius: 0.55rem;
      background: #fff;
      color: #9a3412;
      font-size: 0.72rem;
      line-height: 1.45;
    }
    .lf-layer-element-list {
      display: grid;
      gap: 0.45rem;
      max-height: 16rem;
      overflow: auto;
      padding-right: 0.1rem;
      scrollbar-width: thin;
    }
    .lf-layer-element-row {
      display: grid;
      grid-template-columns: 1.85rem minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.45rem;
      padding: 0.5rem;
      border: 0.0625rem solid #e5eef8;
      border-radius: 0.6rem;
      background: #f8fbff;
      cursor: pointer;
    }
    .lf-layer-element-row.active {
      border-color: #f97316;
      background: #fff7ed;
      box-shadow: 0 0 0 0.12rem rgba(249, 115, 22, .14);
    }
    .lf-layer-element-row.is-hidden {
      opacity: .55;
    }
    .lf-layer-element-icon {
      width: 1.85rem;
      height: 1.85rem;
      display: inline-grid;
      place-items: center;
      border-radius: 0.5rem;
      background: #fff7ed;
      color: #f97316;
    }
    .lf-layer-element-row strong {
      display: block;
      color: #0f172a;
      font-size: 0.78rem;
      font-weight: 900;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .lf-layer-element-row small {
      display: block;
      margin-top: 0.05rem;
      color: #64748b;
      font-size: 0.68rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .lf-layer-element-actions {
      display: inline-flex;
      gap: 0.2rem;
    }
    .lf-layer-element-actions button {
      width: 1.55rem;
      height: 1.55rem;
      display: inline-grid;
      place-items: center;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.45rem;
      background: #fff;
      color: #f97316;
      cursor: pointer;
    }
    .lf-layer-element-actions button.is-on {
      border-color: #fb923c;
      background: #fff7ed;
      color: #ea580c;
    }
    .lf-layer-tool-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.45rem;
    }
    .lf-layer-tool-grid button {
      min-height: 2.3rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.32rem;
      border: 0.0625rem solid #ffedd5;
      border-radius: 0.55rem;
      background: #fff7ed;
      color: #ea580c;
      font-size: 0.74rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf-layer-saved-assets {
      display: grid;
      gap: 0.4rem;
      max-height: 9rem;
      overflow: auto;
      color: #64748b;
      font-size: 0.72rem;
      line-height: 1.4;
    }
    .lf-layer-saved-asset {
      padding: 0.45rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.55rem;
      background: #f8fafc;
    }
    .lf-layer-lab-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.6rem;
      padding: 0.65rem 0.75rem;
      border-bottom: 0.0625rem solid #fee9d1;
      background: #fff7ed;
    }
    .lf-layer-lab-toolbar strong {
      color: #0f172a;
      font-size: 0.9rem;
      font-weight: 900;
      white-space: nowrap;
    }
    .lf-layer-mode-switch {
      display: inline-grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      min-width: 15rem;
      padding: 0.18rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff;
    }
    .lf-layer-mode-switch button {
      min-height: 2rem;
      border: 0;
      border-radius: 999rem;
      background: transparent;
      color: #64748b;
      font-size: 0.78rem;
      font-weight: 900;
      cursor: pointer;
    }
    .lf-layer-mode-switch button.active {
      background: #f97316;
      color: #fff;
      box-shadow: 0 0.45rem 0.95rem rgba(249, 115, 22, .18);
    }
    .lf-layer-lab-toolbar small {
      color: #f97316;
      font-size: 0.75rem;
      font-weight: 900;
      white-space: nowrap;
    }
    .lf-layer-lab-workspace.is-manual {
      grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem);
      padding: 0;
      gap: 0;
      min-height: 0;
    }
    .lf-layer-lab-workspace.is-manual .lf-layer-lab-card {
      border: 0;
      border-radius: 0;
      box-shadow: none;
      border-right: 0.0625rem solid #fee9d1;
    }
    .lf-layer-lab-workspace.is-manual .lf-layer-lab-card:last-child {
      border-right: 0;
    }
    .lf-manual-canvas {
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      min-height: 35rem;
    }
    .lf-manual-canvas-head {
      min-height: 2.6rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.6rem;
      padding: 0.55rem 0.75rem;
      border-bottom: 0.0625rem solid #fee9d1;
      background: #fffaf5;
      color: #0f172a;
      font-weight: 900;
    }
    .lf-manual-canvas-head small {
      color: #f97316;
      font-size: 0.72rem;
      font-weight: 900;
    }
    .lf-manual-canvas-stage {
      position: relative;
      min-height: 0;
      display: grid;
      place-items: center;
      padding: 1.2rem;
      overflow: auto;
      background:
        linear-gradient(45deg, rgba(148, 163, 184, .12) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(148, 163, 184, .12) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, rgba(148, 163, 184, .12) 75%),
        linear-gradient(-45deg, transparent 75%, rgba(148, 163, 184, .12) 75%);
      background-size: 1.25rem 1.25rem;
      background-position: 0 0, 0 0.625rem, 0.625rem -0.625rem, -0.625rem 0;
    }
    .lf-manual-artboard {
      position: relative;
      max-width: min(100%, 48rem);
      max-height: 32rem;
      display: inline-block;
      line-height: 0;
      user-select: none;
    }
    .lf-manual-artboard > img {
      max-width: 100%;
      max-height: 32rem;
      display: block;
      object-fit: contain;
      border-radius: 0.6rem;
      background: #fff;
      box-shadow: 0 0.9rem 2rem rgba(15, 23, 42, .15);
      pointer-events: none;
    }
    .lf-manual-element {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 20%;
      min-width: 1.5rem;
      min-height: 1.25rem;
      transform: translate(-50%, -50%);
      transform-origin: center;
      line-height: 1.2;
      cursor: move;
      pointer-events: auto;
      touch-action: none;
    }
    .lf-manual-element.is-hidden {
      display: none;
    }
    .lf-manual-element.is-locked {
      cursor: not-allowed;
    }
    .lf-manual-element img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      pointer-events: none;
      user-select: none;
    }
    .lf-manual-region {
      width: 100%;
      height: 100%;
      display: grid;
      place-items: center;
      border: 0.11rem dashed rgba(249, 115, 22, .78);
      border-radius: 0.5rem;
      background: rgba(255, 247, 237, .18);
      color: #ea580c;
      font-size: 0.8rem;
      font-weight: 900;
      line-height: 1.2;
      text-align: center;
      pointer-events: none;
    }
    .lf-manual-region span {
      padding: 0.22rem 0.45rem;
      border-radius: 999rem;
      background: rgba(255, 255, 255, .9);
      box-shadow: 0 0.25rem 0.6rem rgba(15, 23, 42, .12);
    }
    .lf-manual-measure,
    .lf-manual-callout {
      width: 100%;
      height: 100%;
      position: relative;
      pointer-events: none;
    }
    .lf-manual-measure::before,
    .lf-manual-measure::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.12rem;
      height: 58%;
      background: #111827;
      transform: translateY(-50%);
    }
    .lf-manual-measure::before { left: 0; }
    .lf-manual-measure::after { right: 0; }
    .lf-manual-measure-line {
      position: absolute;
      left: 0;
      right: 0;
      top: 50%;
      height: 0.11rem;
      background: #111827;
      transform: translateY(-50%);
    }
    .lf-manual-measure-line::before,
    .lf-manual-measure-line::after {
      content: "";
      position: absolute;
      top: 50%;
      width: 0.45rem;
      height: 0.45rem;
      border-top: 0.11rem solid #111827;
      border-left: 0.11rem solid #111827;
    }
    .lf-manual-measure-line::before {
      left: 0.08rem;
      transform: translateY(-50%) rotate(-45deg);
    }
    .lf-manual-measure-line::after {
      right: 0.08rem;
      transform: translateY(-50%) rotate(135deg);
    }
    .lf-manual-measure-label,
    .lf-manual-callout-label {
      position: absolute;
      left: 50%;
      top: 50%;
      padding: 0.12rem 0.42rem;
      border-radius: 999rem;
      background: #111827;
      color: #fff;
      font-size: 0.72rem;
      font-weight: 900;
      line-height: 1.2;
      white-space: nowrap;
      transform: translate(-50%, -50%);
      box-shadow: 0 0.3rem 0.7rem rgba(15, 23, 42, .18);
    }
    .lf-manual-callout-line {
      position: absolute;
      left: 8%;
      right: 24%;
      top: 68%;
      border-top: 0.12rem dashed #111827;
      transform: rotate(34deg);
      transform-origin: left center;
    }
    .lf-manual-callout-line::after {
      content: "";
      position: absolute;
      right: -0.15rem;
      top: -0.22rem;
      width: 0.42rem;
      height: 0.42rem;
      border-top: 0.12rem solid #111827;
      border-right: 0.12rem solid #111827;
      transform: rotate(45deg);
    }
    .lf-manual-callout-label {
      left: auto;
      right: 0;
      top: 25%;
      border-radius: 0.35rem;
      transform: none;
    }
    .lf-manual-text {
      width: 100%;
      min-height: 100%;
      display: grid;
      align-items: center;
      color: #0f172a;
      font-weight: 900;
      font-size: 1rem;
      line-height: 1.15;
      white-space: pre-wrap;
      word-break: break-word;
      pointer-events: none;
    }
    .lf-manual-element.is-editing .lf-manual-text,
    .lf-manual-element.is-text.is-selected .lf-manual-text[contenteditable="true"] {
      pointer-events: auto;
      cursor: text;
      outline: 0;
      background: rgba(255, 247, 237, .32);
    }
    .lf-manual-element.is-selected {
      outline: 0.125rem solid #f97316;
      outline-offset: 0.12rem;
      box-shadow: 0 0 0 0.22rem rgba(249, 115, 22, .13);
      z-index: 20 !important;
    }
    .lf-manual-handle {
      position: absolute;
      width: 0.7rem;
      height: 0.7rem;
      border: 0.11rem solid #f97316;
      border-radius: 999rem;
      background: #fff;
      box-shadow: 0 0.2rem 0.55rem rgba(15, 23, 42, .16);
      pointer-events: auto;
      z-index: 3;
    }
    .lf-manual-handle[data-handle="nw"] { left: -0.46rem; top: -0.46rem; cursor: nwse-resize; }
    .lf-manual-handle[data-handle="n"] { left: 50%; top: -0.46rem; transform: translateX(-50%); cursor: ns-resize; }
    .lf-manual-handle[data-handle="ne"] { right: -0.46rem; top: -0.46rem; cursor: nesw-resize; }
    .lf-manual-handle[data-handle="e"] { right: -0.46rem; top: 50%; transform: translateY(-50%); cursor: ew-resize; }
    .lf-manual-handle[data-handle="se"] { right: -0.46rem; bottom: -0.46rem; cursor: nwse-resize; }
    .lf-manual-handle[data-handle="s"] { left: 50%; bottom: -0.46rem; transform: translateX(-50%); cursor: ns-resize; }
    .lf-manual-handle[data-handle="sw"] { left: -0.46rem; bottom: -0.46rem; cursor: nesw-resize; }
    .lf-manual-handle[data-handle="w"] { left: -0.46rem; top: 50%; transform: translateY(-50%); cursor: ew-resize; }
    .lf-manual-rotate {
      position: absolute;
      left: 50%;
      top: -2.25rem;
      width: 1.45rem;
      height: 1.45rem;
      display: inline-grid;
      place-items: center;
      border: 0.11rem solid #f97316;
      border-radius: 999rem;
      background: #fff;
      color: #f97316;
      transform: translateX(-50%);
      box-shadow: 0 0.25rem 0.6rem rgba(15, 23, 42, .16);
      cursor: grab;
      pointer-events: auto;
      z-index: 4;
    }
    .lf-layer-property-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.55rem;
    }
    .lf-layer-property-grid label,
    .lf-layer-property-full {
      display: grid;
      gap: 0.3rem;
      color: #334155;
      font-size: 0.74rem;
      font-weight: 900;
    }
    .lf-layer-property-grid input,
    .lf-layer-property-full input,
    .lf-layer-property-full textarea,
    .lf-layer-property-full select {
      width: 100%;
      min-height: 2.15rem;
      border: 0.0625rem solid #e2e8f0;
      border-radius: 0.55rem;
      background: #f8fafc;
      color: #0f172a;
      padding: 0.45rem 0.55rem;
      font-size: 0.78rem;
      outline: none;
    }
    .lf-layer-property-full textarea {
      min-height: 6rem;
      resize: vertical;
      line-height: 1.45;
    }
    .lf-layer-property-grid input:focus,
    .lf-layer-property-full input:focus,
    .lf-layer-property-full textarea:focus {
      border-color: #fb923c;
      box-shadow: 0 0 0 0.12rem rgba(249, 115, 22, .14);
      background: #fff;
    }
    .lf-layer-context-menu {
      position: fixed;
      z-index: 9998;
      width: 12rem;
      display: none;
      padding: 0.35rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.65rem;
      background: #fff;
      box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .16);
    }
    .lf-layer-context-menu.open {
      display: grid;
    }
    .lf-layer-context-menu button {
      min-height: 2rem;
      display: flex;
      align-items: center;
      gap: 0.45rem;
      border: 0;
      border-radius: 0.45rem;
      background: transparent;
      color: #334155;
      font-size: 0.78rem;
      font-weight: 800;
      text-align: left;
      cursor: pointer;
    }
    .lf-layer-context-menu button:hover {
      background: #fff7ed;
      color: #ea580c;
    }
    .lf-layer-context-menu button.danger {
      color: #ef4444;
    }
    @media (max-width: 1180px) {
      .lf-layer-lab-workspace {
        grid-template-columns: minmax(0, 1fr);
      }
      .lf-layer-lab-workspace.is-manual {
        grid-template-columns: minmax(0, 1fr);
      }
      .lf-layer-canvas {
        min-height: 28rem;
      }
    }
    .lf-photopea-panel {
      height: calc(100% - 3rem);
      min-height: 34rem;
      padding-top: 0.75rem;
    }
    .lf-photopea-shell {
      width: 100%;
      height: 100%;
      min-height: 0;
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      border: 0.0625rem solid #dfe3eb;
      border-radius: 0.75rem;
      background: #fff;
      overflow: hidden;
      box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, .06);
    }
    .lf-photopea-head {
      min-height: 3rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.55rem 0.75rem;
      border-bottom: 0.0625rem solid #e5e7eb;
      background: #fbfcfe;
    }
    .lf-photopea-title {
      min-width: 0;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      color: #111827;
      font-size: 0.9rem;
      font-weight: 800;
      white-space: nowrap;
    }
    .lf-photopea-title i {
      color: #f97316;
    }
    .lf-photopea-tools {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
    }
    .lf-photopea-tools button {
      min-height: 2rem;
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      padding: 0 0.7rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 999rem;
      background: #fff;
      color: #f97316;
      font-size: 0.78rem;
      font-weight: 800;
      white-space: nowrap;
    }
    .lf-photopea-tools button:hover {
      border-color: #fdba74;
      background: #fff7ed;
      color: #ea580c;
    }
    .lf-photopea-frame-wrap {
      min-height: 0;
      background: #171717;
    }
    .lf-photopea-frame {
      width: 100%;
      height: 100%;
      display: block;
      border: 0;
      background: #171717;
    }
    .lf-photopea-shell:fullscreen,
    .lf-photopea-shell.is-app-fullscreen {
      width: 100vw;
      height: 100vh;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }
    .lf-photopea-shell.is-app-fullscreen {
      position: fixed;
      inset: 0;
      z-index: 9999;
    }
    .lf-photopea-shell:fullscreen .lf-photopea-frame-wrap,
    .lf-photopea-shell.is-app-fullscreen .lf-photopea-frame-wrap {
      height: 100%;
    }
    #draw3.lf3-refine-active .lf-suite {
      grid-template-columns: minmax(0, 1fr);
    }
    #draw3.lf3-refine-active .lf-sidebar {
      display: none;
    }
    #draw3.lf3-refine-active .lf-main {
      overflow: hidden;
    }
    #draw3.lf3-refine-active .lf3-gallery-status-summary,
    #draw3.lf3-refine-active .lf3-workbench-actions {
      display: none !important;
    }
    .lf-prompt-card {
      border-radius: 0.6rem;
      background: #fff;
      padding: 1rem;
      color: #111827;
    }
    .lf-prompt-card-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding-bottom: 0.875rem;
      border-bottom: 0.0625rem solid #eef2f7;
    }
    .lf-prompt-card-head h3 {
      margin: 0;
      font-size: 1rem;
      line-height: 1.35;
    }
    .lf-prompt-card-head span {
      color: #94a3b8;
      font-size: 0.78rem;
    }
    .lf-prompt-selling {
      margin-top: 0.875rem;
      border: 0.0625rem solid #dbeafe;
      border-radius: 0.5rem;
      background: #fbfdff;
      padding: 0.75rem;
    }
    .lf-prompt-selling strong {
      display: block;
      margin-bottom: 0.4rem;
      color: #64748b;
      font-size: 0.75rem;
    }
    .lf-prompt-selling p {
      margin: 0;
      color: #111827;
      font-size: 0.86rem;
      line-height: 1.6;
      white-space: pre-wrap;
    }
    .lf-prompt-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.625rem;
      margin-top: 0.875rem;
    }
    .lf-prompt-field {
      position: relative;
      min-height: 5.75rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fbfdff;
      padding: 0.75rem;
    }
    .lf-prompt-field strong {
      display: block;
      margin-bottom: 0.4rem;
      padding-right: 3.5rem;
      color: #64748b;
      font-size: 0.75rem;
    }
    .lf-prompt-field p {
      margin: 0;
      color: #111827;
      font-size: 0.82rem;
      line-height: 1.55;
      white-space: pre-wrap;
    }
    .lf-prompt-field-edit-input {
      width: 100%;
      min-height: 3.7rem;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.4rem;
      background: #fff;
      color: #111827;
      font: inherit;
      font-size: 0.82rem;
      line-height: 1.5;
      padding: 0.5rem 0.55rem;
      resize: vertical;
      outline: none;
      box-shadow: 0 0 0 0.125rem rgba(249, 115, 22, .08);
    }
    .lf-prompt-field-inline-input {
      min-height: 2.85rem;
      border-color: transparent;
      background: transparent;
      padding: 0;
      resize: none;
      box-shadow: none;
      overflow: hidden;
    }
    .lf-prompt-field-inline-input:hover,
    .lf-prompt-field-inline-input:focus {
      border-color: #bfdbfe;
      background: #fff;
      padding: 0.45rem 0.5rem;
      box-shadow: 0 0 0 0.125rem rgba(59, 130, 246, .08);
      resize: vertical;
      overflow: auto;
    }
    .lf-prompt-add-card {
      min-height: 5.75rem;
      border: 0.125rem dashed #38bdf8;
      border-radius: 0.5rem;
      background: #fff;
      color: #0ea5e9;
      display: grid;
      place-items: center;
      gap: 0.35rem;
      padding: 0.75rem;
      cursor: pointer;
      font-weight: 800;
    }
    .lf-prompt-add-card i {
      font-size: 1.1rem;
    }
    .lf-prompt-add-card span {
      font-size: 0.82rem;
    }
    .lf-prompt-add-card:hover {
      border-color: #0ea5e9;
      background: #f0f9ff;
    }
    .lf-prompt-custom-card {
      position: relative;
      min-height: 5.75rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.5rem;
      background: #fbfdff;
      padding: 0.75rem;
      display: grid;
      gap: 0.5rem;
    }
    .lf-prompt-custom-card input,
    .lf-prompt-custom-card textarea {
      width: 100%;
      border: 0.0625rem solid #dbe3ee;
      border-radius: 0.4rem;
      background: #fff;
      color: #111827;
      font: inherit;
      font-size: 0.82rem;
      box-shadow: none;
    }
    .lf-prompt-custom-card input {
      min-height: 2rem;
      padding: 0 2rem 0 0.55rem;
      font-weight: 800;
    }
    .lf-prompt-custom-card textarea {
      min-height: 4.25rem;
      padding: 0.5rem 0.55rem;
      line-height: 1.5;
      resize: vertical;
    }
    .lf-prompt-delete-card {
      position: absolute;
      top: 0.45rem;
      right: 0.45rem;
      width: 1.35rem;
      height: 1.35rem;
      border: 0;
      border-radius: 999rem;
      background: #fef2f2;
      color: #ef4444;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      font-size: 0.75rem;
      opacity: 0;
      transform: translateY(-0.125rem);
      transition: opacity .16s ease, transform .16s ease, background .16s ease;
    }
    .lf-prompt-field:hover .lf-prompt-delete-card,
    .lf-prompt-field.editing .lf-prompt-delete-card,
    .lf-prompt-custom-card:hover .lf-prompt-delete-card,
    .lf-prompt-delete-card:focus-visible {
      opacity: 1;
      transform: translateY(0);
    }
    .lf-prompt-delete-card:hover {
      background: #fee2e2;
    }
    .lf-prompt-edit-card {
      position: absolute;
      top: 0.45rem;
      right: 2.05rem;
      width: 1.35rem;
      height: 1.35rem;
      border: 0;
      border-radius: 999rem;
      background: #eff6ff;
      color: #2563eb;
      display: inline-grid;
      place-items: center;
      cursor: pointer;
      font-size: 0.75rem;
      opacity: 0;
      transform: translateY(-0.125rem);
      transition: opacity .16s ease, transform .16s ease, background .16s ease;
    }
    .lf-prompt-field:hover .lf-prompt-edit-card,
    .lf-prompt-field.editing .lf-prompt-edit-card,
    .lf-prompt-edit-card:focus-visible {
      opacity: 1;
      transform: translateY(0);
    }
    .lf-prompt-edit-card:hover {
      background: #dbeafe;
    }
    .lf-prompt-field.editing {
      border-color: #fed7aa;
      background: #fff;
    }
    .lf-prompt-output {
      margin-top: 0.875rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.625rem;
      background: #fff7ed;
      padding: 0.875rem;
    }
    .lf-prompt-card > .lf-prompt-output:first-child {
      margin-top: 0;
    }
    .lf-prompt-output strong {
      display: block;
      margin-bottom: 0.5rem;
      color: #c2410c;
      font-size: 0.875rem;
    }
    .lf-prompt-output pre {
      margin: 0;
      color: #111827;
      font-family: inherit;
      font-size: 0.86rem;
      line-height: 1.7;
      white-space: pre-wrap;
      word-break: break-word;
    }
    .lf-plan-generated-prompt {
      margin-top: 0.85rem;
    }
    .lf-plan-generated-prompt pre {
      max-height: 12rem;
      overflow-y: auto;
      scrollbar-width: thin;
    }
    .lf-plan-overview-prompt-collapse {
      display: block;
      cursor: default;
    }
    .lf-plan-overview-prompt-collapse summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin: -0.875rem;
      padding: 0.875rem;
      color: #c2410c;
      font-size: 0.875rem;
      font-weight: 900;
      cursor: pointer;
      list-style: none;
    }
    .lf-plan-overview-prompt-collapse summary::-webkit-details-marker {
      display: none;
    }
    .lf-plan-overview-prompt-collapse summary::after {
      content: "展开查看";
      flex: 0 0 auto;
      color: #f97316;
      font-size: 0.76rem;
      font-weight: 900;
    }
    .lf-plan-overview-prompt-collapse[open] summary {
      margin-bottom: 0.5rem;
      border-bottom: 0.0625rem solid rgba(251, 146, 60, .35);
    }
    .lf-plan-overview-prompt-collapse[open] summary::after {
      content: "收起";
    }
    .lf-plan-prompt-editor {
      margin-top: 0;
      height: auto;
      min-height: 0;
      max-height: none;
      display: grid;
      grid-template-rows: auto auto;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit {
      height: 14.25rem;
      min-height: 14.25rem;
      max-height: 14.25rem;
      padding: 0.78rem 1rem 1.2rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.52rem;
      background: #fffaf5;
      box-shadow: none;
      resize: none;
      color: #111827;
      font-family: inherit;
      font-size: 0.86rem;
      line-height: 1.7;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: rgba(249, 115, 22, .62) transparent;
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit::-webkit-scrollbar {
      width: 0.42rem;
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit::-webkit-scrollbar-track {
      background: transparent;
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit::-webkit-scrollbar-thumb {
      border-radius: 999rem;
      background: rgba(249, 115, 22, .62);
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit:focus {
      outline: none;
      box-shadow: none;
    }
    .lf-prompt-empty {
      min-height: 18rem;
      display: grid;
      place-items: center;
      border: 0.0625rem dashed #dbe3ee;
      border-radius: 0.6rem;
      background: rgba(255, 255, 255, .72);
      color: #94a3b8;
      font-weight: 800;
      text-align: center;
      line-height: 1.7;
    }
    .lf3-plan-summary.is-loading-with-backdrop {
      position: relative;
      min-height: 18rem;
      overflow: hidden;
      border-radius: 0.6rem;
    }
    .lf3-plan-loading-backdrop {
      filter: blur(0.22rem);
      opacity: .46;
      transform: scale(1.01);
      pointer-events: none;
      user-select: none;
    }
    .lf3-plan-loading-mask {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      padding: 1rem;
      border: 0.0625rem dashed #dbe3ee;
      border-radius: 0.6rem;
      background: rgba(255, 255, 255, .68);
      color: #8090a8;
      font-weight: 900;
      text-align: center;
      line-height: 1.75;
      backdrop-filter: blur(0.08rem);
    }
    .lf-result-item {
      min-height: 30rem;
      border-radius: 0.6rem;
      background: #fff;
      padding: 1rem;
    }
    .lf-result-head {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      color: #596273;
      font-size: 0.78rem;
      flex-wrap: wrap;
    }
    .lf-thumbs {
      display: inline-flex;
      gap: 0.18rem;
    }
    .lf-thumbs span {
      width: 1.6rem;
      height: 1.35rem;
      border-radius: 0.2rem;
      background: linear-gradient(135deg, #ddd, #f7f7f7);
      border: 0.0625rem solid #e5e7eb;
    }
    .lf-result-actions {
      margin-left: auto;
      display: inline-flex;
      gap: 0.5rem;
    }
    .lf-result-actions button {
      height: 2rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.35rem;
      background: #fff;
      color: #111827;
      padding: 0 0.65rem;
    }
    .lf-time {
      margin-top: 0.55rem;
      color: #a0a8b5;
      font-size: 0.72rem;
    }
    .lf-chip {
      display: inline-flex;
      margin: 1rem 0 0.6rem;
      border-radius: 0.25rem;
      background: #ffedd5;
      color: #f97316;
      font-size: 0.72rem;
      padding: 0.15rem 0.35rem;
    }
    .lf-artboard {
      width: 21.25rem;
      height: 21.25rem;
      position: relative;
      overflow: hidden;
      background: #edf4f1;
    }
    .lf-artboard.teal {
      display: grid;
      grid-template-columns: 62% 38%;
    }
    .lf-photo {
      background: linear-gradient(160deg, #f7f4ee, #d6e0d8 52%, #fff);
    }
    .lf-copy {
      padding: 2.7rem 0.75rem 0;
      color: #0f2f4f;
      background: #f8fbfb;
    }
    .lf-copy h3 {
      margin: 0 0 0.6rem;
      line-height: 1.02;
      font-size: 1.25rem;
      font-weight: 900;
    }
    .lf-copy p {
      margin: 0;
      font-size: 0.56rem;
      line-height: 1.35;
    }
    .lf-product-shot {
      position: absolute;
      right: 0.5rem;
      bottom: 0.85rem;
      width: 6.5rem;
      height: 8.1rem;
      border-radius: 0.2rem;
      background: linear-gradient(140deg, #e5e7eb, #fff);
      box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, .12);
    }
    .lf-artboard b {
      position: absolute;
      left: 7.5rem;
      bottom: 0.55rem;
      color: #fff;
      font-size: 0.72rem;
    }
    .lf-artboard.small {
      width: 21.25rem;
      height: 11.25rem;
      padding: 1.25rem;
      background: #eef7f9;
      color: #067981;
    }
    .lf-artboard.small h3 {
      margin: 0;
      font-size: 1.1rem;
      line-height: 1.1;
    }
    .lf-modal-mask {
      position: fixed;
      inset: 0;
      z-index: 120;
      display: none;
      align-items: center;
      justify-content: center;
      background: rgba(15, 23, 42, 0.56);
    }
    .lf-modal-mask.open { display: flex; }
    .lf-layout-modal {
      width: min(67rem, calc(100vw - 4rem));
      height: min(46.5rem, calc(100vh - 4rem));
      display: grid;
      grid-template-rows: 3rem minmax(0, 1fr) 3.5rem;
      overflow: hidden;
      border-radius: 0.38rem;
      background: #fff;
      box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.28);
    }
    .lf-layout-modal header,
    .lf-layout-modal footer {
      display: flex;
      align-items: center;
      padding: 0 1rem;
      border-bottom: 0.0625rem solid #eef0f5;
    }
    .lf-layout-modal header h3 {
      margin: 0;
      font-size: 0.88rem;
      font-weight: 600;
    }
    .lf-layout-modal header button {
      margin-left: auto;
      border: 0;
      background: transparent;
      color: #8b95a5;
      font-size: 1rem;
    }
    .lf-layout-modal footer {
      justify-content: flex-end;
      border-top: 0.0625rem solid #eef0f5;
      border-bottom: 0;
    }
    .lf-layout-modal footer .primary {
      min-height: 2rem;
      padding: 0 1.2rem;
      border: 0;
      border-radius: 0.3rem;
      color: #fff;
      background: #f97316;
      font-weight: 700;
    }
    .lf3-gallery-choice-mask {
      position: fixed;
      inset: 0;
      z-index: 12150;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      background: rgba(15, 23, 42, 0.42);
      backdrop-filter: blur(0.25rem);
    }
    .lf3-gallery-choice-mask.open {
      display: flex;
    }
    .lf3-gallery-choice-dialog {
      width: min(35rem, calc(100vw - 3rem));
      overflow: hidden;
      border: 0.0625rem solid #fed7aa;
      border-radius: 0.85rem;
      background: #fff;
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, 0.22);
      color: #111827;
    }
    .lf3-gallery-choice-head {
      display: flex;
      align-items: center;
      gap: 0.7rem;
      padding: 1.1rem 1.2rem 0.9rem;
      border-bottom: 0.0625rem solid #ffedd5;
      background: linear-gradient(180deg, #fff7ed, #fff);
    }
    .lf3-gallery-choice-head i {
      width: 2rem;
      height: 2rem;
      display: inline-grid;
      place-items: center;
      border-radius: 999rem;
      background: #ff6b35;
      color: #fff;
      box-shadow: 0 0.5rem 1.2rem rgba(249, 115, 22, 0.22);
    }
    .lf3-gallery-choice-head h3 {
      margin: 0;
      font-size: 1rem;
      font-weight: 800;
      letter-spacing: 0;
    }
    .lf3-gallery-choice-body {
      display: grid;
      gap: 0.75rem;
      padding: 1rem 1.2rem 0.25rem;
    }
    .lf3-gallery-choice-option {
      position: relative;
      width: 100%;
      display: grid;
      grid-template-columns: 1.45rem minmax(0, 1fr);
      gap: 0.7rem;
      align-items: start;
      padding: 0.9rem 0.95rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.65rem;
      background: #fff;
      color: #334155;
      text-align: left;
      cursor: pointer;
      transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .lf3-gallery-choice-option:hover {
      transform: translateY(-0.0625rem);
      border-color: #fdba74;
      box-shadow: 0 0.65rem 1.35rem rgba(249, 115, 22, 0.1);
    }
    .lf3-gallery-choice-option.active {
      border-color: #ff6b35;
      background: #fff7ed;
      box-shadow: 0 0 0 0.18rem rgba(249, 115, 22, 0.12);
    }
    .lf3-gallery-choice-radio {
      width: 1.25rem;
      height: 1.25rem;
      margin-top: 0.08rem;
      border: 0.125rem solid #cbd5e1;
      border-radius: 999rem;
      background: #fff;
    }
    .lf3-gallery-choice-option.active .lf3-gallery-choice-radio {
      border-color: #ff6b35;
      box-shadow: inset 0 0 0 0.22rem #fff;
      background: #ff6b35;
    }
    .lf3-gallery-choice-copy strong {
      display: block;
      color: #111827;
      font-size: 0.92rem;
      line-height: 1.35;
    }
    .lf3-gallery-choice-copy span {
      display: block;
      margin-top: 0.3rem;
      color: #64748b;
      font-size: 0.78rem;
      line-height: 1.5;
    }
    .lf3-gallery-choice-actions {
      display: flex;
      justify-content: flex-end;
      gap: 0.65rem;
      padding: 1rem 1.2rem 1.15rem;
    }
    .lf3-gallery-choice-actions button {
      min-width: 5.8rem;
      height: 2.25rem;
      border: 0.0625rem solid #fed7aa;
      border-radius: 999rem;
      background: #fff;
      color: #ea580c;
      font-weight: 800;
      cursor: pointer;
    }
    .lf3-gallery-choice-actions .primary {
      border-color: transparent;
      background: linear-gradient(135deg, #ff6b35, #ff9a3c);
      color: #fff;
      box-shadow: 0 0.7rem 1.3rem rgba(249, 115, 22, 0.2);
    }
    .lf3-generation-confirm-dialog {
      width: min(39.5rem, calc(100vw - 2.5rem));
      border: 0;
      border-radius: 1rem;
      background: #fffdfb;
      box-shadow: 0 1.75rem 5rem rgba(15, 23, 42, .26), 0 0 0 0.0625rem rgba(255, 255, 255, .8);
    }
    #lf3GenerationConfirmModal {
      background: rgba(15, 23, 42, .48);
      backdrop-filter: blur(0.42rem);
    }
    #lf3GenerationConfirmModal .lf3-gallery-choice-head {
      padding: 1.45rem 1.55rem 1.15rem;
      border-bottom: 0.0625rem solid #f1f5f9;
      background: linear-gradient(180deg, #fffdf9, #fff);
    }
    #lf3GenerationConfirmModal .lf3-gallery-choice-head i {
      width: 2.35rem;
      height: 2.35rem;
      border-radius: 0.8rem;
      background: linear-gradient(135deg, #ff7a1a, #ff4d2d);
      box-shadow: 0 0.8rem 1.6rem rgba(249, 115, 22, .22);
    }
    #lf3GenerationConfirmModal .lf3-gallery-choice-head h3 {
      color: #0f172a;
      font-size: 1.08rem;
      font-weight: 900;
    }
    #lf3GenerationConfirmModal .lf3-gallery-choice-body {
      gap: 1rem;
      padding: 1.15rem 1.55rem 0.65rem;
    }
    #lf3GenerationConfirmModal .lf3-gallery-choice-actions {
      align-items: center;
      padding: 1rem 1.55rem 1.45rem;
    }
    .lf3-generation-confirm-sub {
      margin: 0.25rem 0 0;
      color: #64748b;
      font-size: 0.82rem;
      line-height: 1.5;
    }
    .lf3-generation-detail-list {
      display: grid;
      gap: 0.65rem;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .lf3-generation-detail-list li {
      display: grid;
      grid-template-columns: 2.25rem minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.85rem;
      min-height: 4.05rem;
      padding: 0.8rem 0.95rem;
      border: 0.0625rem solid #f1f5f9;
      border-radius: 0.75rem;
      background: #fff;
      box-shadow: 0 0.65rem 1.4rem rgba(15, 23, 42, .045);
    }
    .lf3-generation-detail-icon {
      width: 2.25rem;
      height: 2.25rem;
      display: inline-grid;
      place-items: center;
      border-radius: 0.65rem;
      background: #fff7ed;
      color: #f97316;
      box-shadow: inset 0 0 0 0.0625rem #fed7aa;
    }
    .lf3-generation-detail-copy {
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 0.2rem;
    }
    .lf3-generation-detail-copy strong {
      color: #111827;
      font-size: 0.92rem;
      line-height: 1.3;
    }
    .lf3-generation-detail-copy span {
      overflow: hidden;
      color: #64748b;
      font-size: 0.76rem;
      line-height: 1.35;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lf3-generation-detail-count {
      min-width: 4rem;
      height: 2rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999rem;
      background: #fff7ed;
      color: #f05f1d;
      font-size: 0.86rem;
      font-weight: 900;
      box-shadow: inset 0 0 0 0.0625rem #fed7aa;
    }
    .lf3-generation-detail-total {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.65rem;
      padding-top: 0.1rem;
    }
    .lf3-generation-detail-total span {
      min-width: 0;
      padding: 0.75rem 0.8rem;
      border: 0.0625rem solid #eef2f7;
      border-radius: 0.75rem;
      background: #f8fafc;
      color: #64748b;
      font-size: 0.73rem;
      line-height: 1.35;
    }
    .lf3-generation-detail-total b {
      display: block;
      margin-top: 0.22rem;
      overflow: hidden;
      color: #111827;
      font-size: 0.96rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    #lf3GenerationConfirmModal .lf3-gallery-choice-actions button {
      min-width: 6.75rem;
      height: 2.55rem;
      border-radius: 999rem;
      border-color: #fed7aa;
      background: #fff;
      color: #f05f1d;
      font-size: 0.9rem;
      box-shadow: none;
    }
    #lf3GenerationConfirmModal .lf3-gallery-choice-actions .primary {
      min-width: 8.5rem;
      border-color: transparent;
      background: linear-gradient(135deg, #ff7a1a, #ff5b2e);
      color: #fff;
      box-shadow: 0 0.85rem 1.8rem rgba(249, 115, 22, .26);
    }
    @media (max-width: 40rem) {
      .lf3-generation-detail-total {
        grid-template-columns: 1fr;
      }
    }
    .lf-layout-body {
      min-height: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 16.75rem;
    }
    .lf-layout-library {
      min-width: 0;
      overflow-y: auto;
      padding: 0.9rem 0.9rem 1rem;
    }
    .lf-layout-tabs {
      display: flex;
      gap: 1rem;
      margin-bottom: 0.8rem;
    }
    .lf-layout-tabs button {
      border: 0;
      background: transparent;
      color: #6b7280;
      font-weight: 700;
    }
    .lf-layout-tabs .active {
      color: #f97316;
      text-decoration: underline;
      text-underline-offset: 0.45rem;
    }
    .lf-template-title {
      margin-bottom: 0.65rem;
      color: #4b5563;
      font-size: 0.8rem;
      font-weight: 700;
    }
    .lf-layout-tip {
      margin-bottom: 0.75rem;
      padding: 0.48rem 0.6rem;
      border-radius: 0.25rem;
      background: #fff8db;
      color: #d97706;
      font-size: 0.72rem;
    }
    .lf-template-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.75rem;
    }
    .lf-template-upload,
    .lf-template-card {
      height: 7.95rem;
      overflow: hidden;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.35rem;
      background: #f8fafc;
      color: #fff;
      text-align: left;
      font-weight: 800;
    }
    .lf-template-upload {
      display: grid;
      place-items: center;
      border-style: dashed;
      border-color: #f97316;
      color: #f97316;
      background: #fff;
      text-align: center;
    }
    .lf-template-upload i { font-size: 1.1rem; }
    .lf-template-card {
      position: relative;
      padding: 0.8rem;
      background-size: cover;
      background-position: center;
    }
    .lf-template-card.selected {
      border-color: #f97316;
      box-shadow: 0 0 0 0.125rem rgba(249, 115, 22, 0.16);
    }
    .lf-template-card.selected::before {
      content: "\f00c";
      position: absolute;
      top: 0.45rem;
      right: 0.45rem;
      z-index: 2;
      width: 1.3rem;
      height: 1.3rem;
      display: grid;
      place-items: center;
      border-radius: 999rem;
      background: #f97316;
      color: #fff;
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      font-size: 0.72rem;
    }
    .lf-template-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(15, 23, 42, 0.55), rgba(255, 255, 255, 0));
    }
    .lf-template-card span {
      position: relative;
      z-index: 1;
      display: block;
      max-width: 70%;
      font-size: 0.86rem;
      line-height: 1.15;
    }
    .lf-template-card.blender { background: linear-gradient(135deg, #ece7df, #9ca3af 48%, #f8fafc); }
    .lf-template-card.mower { background: linear-gradient(135deg, #22311d, #c4a35a 54%, #eef2ff); }
    .lf-template-card.orchid { background: linear-gradient(135deg, #f8fafc, #ece7e0 45%, #d1d5db); }
    .lf-template-card.kitchen { background: linear-gradient(135deg, #fafafa, #d1d5db 45%, #111827); }
    .lf-template-card.beauty { background: linear-gradient(135deg, #ffedd5, #fff 52%, #fde68a); }
    .lf-template-card.kayak { background: linear-gradient(135deg, #111827, #991b1b 42%, #86efac); }
    .lf-template-card.mountain { background: linear-gradient(135deg, #e5e7eb, #f59e0b 43%, #1e3a8a); }
    .lf-template-card.vacuum { background: linear-gradient(135deg, #f8fafc, #cbd5e1 48%, #f97316); }
    .lf-selected-layouts {
      display: grid;
      grid-template-rows: auto 1fr;
      padding: 1rem;
      border-left: 0.0625rem solid #eef0f5;
      color: #111827;
    }
    .lf-selected-layouts span {
      color: #8b95a5;
      font-weight: 400;
    }
    .lf-empty-layout {
      display: grid;
      place-items: center;
      align-content: center;
      gap: 0.5rem;
      color: #a1a8b3;
      font-size: 0.82rem;
    }
    .lf-empty-layout i {
      font-size: 2rem;
      color: #d1d5db;
    }
    .lf-selected-list {
      display: grid;
      align-content: start;
      gap: 0.55rem;
      margin-top: 0.85rem;
    }
    .lf-selected-chip {
      min-height: 2.4rem;
      display: grid;
      grid-template-columns: 2.75rem minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.55rem;
      padding: 0.35rem;
      border: 0.0625rem solid #e5e7eb;
      border-radius: 0.35rem;
      background: #fff;
    }
    .lf-selected-thumb {
      width: 2.75rem;
      height: 1.6rem;
      border-radius: 0.25rem;
      background: linear-gradient(135deg, #ede9fe, #f8fafc);
    }
    .lf-selected-chip strong {
      display: block;
      overflow: hidden;
      color: #374151;
      font-size: 0.76rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .lf-selected-chip button {
      width: 1.5rem;
      height: 1.5rem;
      border: 0;
      border-radius: 999rem;
      background: #f3f4f6;
      color: #9ca3af;
    }
    @media (max-width: 55rem) {
      .lf-suite {
        grid-template-columns: 1fr;
        height: auto;
      }
      .lf-sidebar,
      .lf-main {
        max-height: none;
        overflow: visible;
      }
      .lf-result-actions {
        width: 100%;
        margin-left: 0;
      }
      .lf-prompt-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .lf-brand-popover {
        left: 1rem;
        right: 1rem;
        top: 6rem;
        width: auto;
      }
      .lf-layout-modal {
        width: calc(100vw - 1rem);
        height: calc(100vh - 1rem);
      }
      .lf-layout-body {
        grid-template-columns: 1fr;
      }
      .lf-selected-layouts {
        min-height: 8rem;
        border-left: 0;
        border-top: 0.0625rem solid #eef0f5;
      }
      .lf-template-grid {
        grid-template-columns: 1fr;
      }
    }
    textarea:not(.textarea-editor-input) {
      resize: none !important;
      overflow: hidden !important;
      scrollbar-width: none !important;
    }
    textarea:not(.textarea-editor-input)::-webkit-scrollbar {
      display: none !important;
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit {
      overflow-y: scroll !important;
      scrollbar-gutter: stable;
      scrollbar-width: thin !important;
      scrollbar-color: rgba(148, 163, 184, .82) transparent !important;
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit::-webkit-scrollbar {
      display: block !important;
      width: 0.38rem !important;
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit::-webkit-scrollbar-track {
      background: transparent !important;
    }
    .lf-plan-prompt-editor .lf-plan-prompt-edit::-webkit-scrollbar-thumb {
      border-radius: 999rem !important;
      background: rgba(249, 115, 22, .68) !important;
    }
    .prompt-text-box textarea,
    .prompt-text-box > .textarea-expand-wrap > textarea,
    .prompt-skill-box textarea,
    .prompt-skill-box > .textarea-expand-wrap > textarea {
      overflow-y: hidden !important;
      overscroll-behavior: contain;
      scrollbar-gutter: stable;
      scrollbar-width: thin !important;
      scrollbar-color: rgba(148, 163, 184, .82) transparent !important;
    }
    .prompt-text-box > .textarea-expand-wrap,
    .prompt-skill-box > .textarea-expand-wrap {
      overflow-y: scroll !important;
      overscroll-behavior: contain;
      scrollbar-gutter: stable;
      scrollbar-width: thin !important;
      scrollbar-color: rgba(249, 115, 22, .68) transparent !important;
    }
    .prompt-text-box > .textarea-expand-wrap::-webkit-scrollbar,
    .prompt-skill-box > .textarea-expand-wrap::-webkit-scrollbar {
      display: block !important;
      width: 0.38rem !important;
    }
    .prompt-text-box > .textarea-expand-wrap::-webkit-scrollbar-track,
    .prompt-skill-box > .textarea-expand-wrap::-webkit-scrollbar-track {
      background: transparent !important;
    }
    .prompt-text-box > .textarea-expand-wrap::-webkit-scrollbar-thumb,
    .prompt-skill-box > .textarea-expand-wrap::-webkit-scrollbar-thumb {
      border-radius: 999rem !important;
      background: rgba(148, 163, 184, .82) !important;
    }
    .prompt-text-box textarea::-webkit-scrollbar,
    .prompt-text-box > .textarea-expand-wrap > textarea::-webkit-scrollbar,
    .prompt-skill-box textarea::-webkit-scrollbar,
    .prompt-skill-box > .textarea-expand-wrap > textarea::-webkit-scrollbar {
      display: block !important;
      width: 0.38rem !important;
    }
    .prompt-text-box textarea::-webkit-scrollbar-track,
    .prompt-text-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-track,
    .prompt-skill-box textarea::-webkit-scrollbar-track,
    .prompt-skill-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-track {
      background: transparent !important;
    }
    .prompt-text-box textarea::-webkit-scrollbar-thumb,
    .prompt-text-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-thumb,
    .prompt-skill-box textarea::-webkit-scrollbar-thumb,
    .prompt-skill-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-thumb {
      border-radius: 999rem !important;
      background: rgba(148, 163, 184, .82) !important;
    }
    .prompt-text-box > .textarea-expand-wrap::-webkit-scrollbar-thumb:hover,
    .prompt-skill-box > .textarea-expand-wrap::-webkit-scrollbar-thumb:hover,
    .prompt-text-box textarea::-webkit-scrollbar-thumb:hover,
    .prompt-text-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-thumb:hover,
    .prompt-skill-box textarea::-webkit-scrollbar-thumb:hover,
    .prompt-skill-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-thumb:hover {
      background: rgba(100, 116, 139, .9) !important;
    }
    .prompt-text-box > .textarea-expand-wrap::-webkit-scrollbar-button:vertical,
    .prompt-skill-box > .textarea-expand-wrap::-webkit-scrollbar-button:vertical,
    .prompt-text-box textarea::-webkit-scrollbar-button:vertical,
    .prompt-text-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-button:vertical,
    .prompt-skill-box textarea::-webkit-scrollbar-button:vertical,
    .prompt-skill-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-button:vertical {
      display: block !important;
      width: 0.38rem !important;
      height: 0.55rem !important;
      background-color: transparent !important;
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: 0.42rem 0.42rem !important;
    }
    .prompt-text-box > .textarea-expand-wrap::-webkit-scrollbar-button:vertical:decrement,
    .prompt-skill-box > .textarea-expand-wrap::-webkit-scrollbar-button:vertical:decrement,
    .prompt-text-box textarea::-webkit-scrollbar-button:vertical:decrement,
    .prompt-text-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-button:vertical:decrement,
    .prompt-skill-box textarea::-webkit-scrollbar-button:vertical:decrement,
    .prompt-skill-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-button:vertical:decrement {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1 7 5H1z' fill='%2394a3b8'/%3E%3C/svg%3E") !important;
    }
    .prompt-text-box > .textarea-expand-wrap::-webkit-scrollbar-button:vertical:increment,
    .prompt-skill-box > .textarea-expand-wrap::-webkit-scrollbar-button:vertical:increment,
    .prompt-text-box textarea::-webkit-scrollbar-button:vertical:increment,
    .prompt-text-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-button:vertical:increment,
    .prompt-skill-box textarea::-webkit-scrollbar-button:vertical:increment,
    .prompt-skill-box > .textarea-expand-wrap > textarea::-webkit-scrollbar-button:vertical:increment {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7 1 3h6z' fill='%2394a3b8'/%3E%3C/svg%3E") !important;
    }
    .lf3-reuse-panel {
      height: min(50rem, calc(100vh - 5.25rem));
      max-height: calc(100vh - 5.25rem);
      grid-template-rows: auto auto minmax(19rem, 1fr) auto auto auto;
    }
    .lf3-reuse-drawer {
      top: 13.5rem !important;
      bottom: 0.9rem !important;
      height: auto !important;
    }
    .lf3-reuse-drawer .lf3-reuse-panel {
      height: 100% !important;
      max-height: 100% !important;
    }
    .lf3-reuse-prompt-shell {
      min-height: 12rem;
    }
    .lf3-reuse-scrollbar {
      position: absolute;
      top: 2.35rem;
      right: 0.45rem;
      bottom: 0.55rem;
      width: 0.32rem;
      border-radius: 999rem;
      background: transparent;
      pointer-events: none;
      z-index: 3;
    }
    .lf3-reuse-scrollbar[hidden] {
      display: none !important;
    }
    .lf3-reuse-scrollbar-thumb {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      min-height: 2.25rem;
      border-radius: 999rem;
      background: rgba(100, 116, 139, .58);
    }
    .lf3-reuse-prompt {
      position: absolute !important;
      inset: 0 !important;
      display: block !important;
      box-sizing: border-box !important;
      width: 100% !important;
      height: 100% !important;
      min-height: 100% !important;
      max-height: 100% !important;
      margin: 0 !important;
      padding-right: 1.5rem !important;
      overflow-y: scroll !important;
      scrollbar-gutter: stable;
      scrollbar-width: thin !important;
      scrollbar-color: rgba(100, 116, 139, .58) transparent !important;
      z-index: 1;
    }
    .lf3-reuse-prompt::-webkit-scrollbar {
      display: block !important;
      width: 0.42rem !important;
      height: 0.42rem !important;
    }
    .lf3-reuse-prompt::-webkit-scrollbar-track {
      background: transparent !important;
      margin: 0.75rem 0 !important;
    }
    .lf3-reuse-prompt::-webkit-scrollbar-thumb {
      border-radius: 999rem !important;
      background: rgba(100, 116, 139, .58) !important;
      min-height: 2.25rem !important;
    }
    .lf3-reuse-prompt-clear {
      z-index: 6 !important;
      pointer-events: auto !important;
    }
    .lf3-reuse-prompt-expand {
      position: absolute;
      right: 0.55rem;
      bottom: 0.55rem;
      z-index: 6;
      width: 1.75rem;
      height: 1.75rem;
      border: 0.0625rem solid #dbe3ef;
      border-radius: 0.5rem;
      background: #fff;
      color: #64748b;
      display: grid;
      place-items: center;
      box-shadow: 0 0.32rem 0.85rem rgba(15, 23, 42, .12);
      cursor: pointer;
    }
    .lf3-reuse-prompt-expand:hover {
      background: #f8fafc;
      border-color: #cbd5e1;
      color: #2563eb;
    }
    .lf3-reuse-drawer .lf3-reuse-panel {
      display: flex !important;
      flex-direction: column !important;
      gap: 0.62rem !important;
      overflow-y: auto !important;
      overflow-x: hidden !important;
    }
    .lf3-reuse-drawer .lf3-reuse-title,
    .lf3-reuse-drawer .lf3-reuse-refs,
    .lf3-reuse-drawer .lf3-reuse-prompt-tools,
    .lf3-reuse-drawer .lf3-reuse-meta,
    .lf3-reuse-drawer .lf3-reuse-generate {
      flex: 0 0 auto !important;
    }
    .lf3-reuse-drawer .lf3-reuse-refs {
      position: relative !important;
      z-index: 2 !important;
      min-height: 3.55rem !important;
      margin: 0 !important;
      overflow: visible !important;
    }
    .lf3-reuse-drawer .lf3-reuse-prompt-shell {
      position: relative !important;
      z-index: 1 !important;
      flex: 1 1 17rem !important;
      height: auto !important;
      min-height: 15rem !important;
      margin-top: 0.1rem !important;
    }
    .lf3-reuse-drawer .lf3-reuse-prompt {
      margin: 0 !important;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-carousel.is-overview .lf-plan-carousel-track {
      display: block !important;
      transform: none !important;
      transition: none !important;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-carousel.is-overview .lf-plan-carousel-track > .lf-plan-module {
      display: none !important;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-carousel.is-overview .lf-plan-carousel-track > .lf-plan-overview-slide {
      display: block !important;
      width: 100% !important;
      min-height: 0 !important;
    }
    .lf3-plan-summary.is-carousel-summary .lf-plan-carousel.is-overview .lf-plan-module-list.is-carousel {
      contain: none !important;
    }
    /* Dark theme final overrides. Keep this near the end so late light-theme rules do not win. */
    body.theme-dark,
    body.theme-dark.authed {
      background: #0b1220;
      color: #e5e7eb;
    }
    body.theme-dark.authed .main-wrap,
    body.theme-dark .content,
    body.theme-dark .content.pick-locked,
    body.theme-dark .panel,
    body.theme-dark .panel.active,
    body.theme-dark .pick-ai-main,
    body.theme-dark .pick-ai-main.chat-mode,
    body.theme-dark .pick-pool-page,
    body.theme-dark .pool-workbench,
    body.theme-dark #pickPool,
    body.theme-dark #pickHistory,
    body.theme-dark #monitorCenter,
    body.theme-dark #asset,
    body.theme-dark #agent,
    body.theme-dark #productLibrary {
      background: #0b1220 !important;
      background-color: #0b1220 !important;
      color: #e5e7eb !important;
      background-image: none !important;
    }
    body.theme-dark .sidebar {
      background: #0b1220 !important;
      border-right-color: #223047 !important;
      box-shadow: none !important;
    }
    body.theme-dark .sidebar-top h2,
    body.theme-dark .brand-copy h2 {
      color: #f8fafc !important;
    }
    body.theme-dark .sidebar-top p,
    body.theme-dark .brand-tagline,
    body.theme-dark .sidebar-note {
      color: #94a3b8 !important;
    }
    body.theme-dark .sidebar-note {
      background: #111827 !important;
      border: 0.0625rem solid #26344d !important;
      box-shadow: none !important;
    }
    body.theme-dark .menu-parent,
    body.theme-dark .child-item {
      background: transparent !important;
      color: #8fa3c1 !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    body.theme-dark .menu-parent i,
    body.theme-dark .child-item i {
      color: #6f85a8 !important;
    }
    body.theme-dark .menu-parent:hover,
    body.theme-dark .menu-parent.active,
    body.theme-dark .child-item:hover,
    body.theme-dark .child-item.active {
      background: #eaf1ff !important;
      color: #111827 !important;
      border-color: #eaf1ff !important;
    }
    body.theme-dark .menu-parent:hover i,
    body.theme-dark .menu-parent.active i,
    body.theme-dark .child-item:hover i,
    body.theme-dark .child-item.active i {
      color: #2563eb !important;
    }
    body.theme-dark .topbar {
      background: #0b1220 !important;
      border-bottom-color: #223047 !important;
      box-shadow: none !important;
    }
    body.theme-dark .topbar-actions .notebook-top-tabs,
    body.theme-dark .topbar-actions .top-product-nav {
      background: #101827 !important;
      border-color: #26344d !important;
      box-shadow: 0 0.875rem 2rem rgba(2, 6, 23, .28) !important;
    }
    body.theme-dark .topbar-actions .top-nav-link,
    body.theme-dark .topbar-actions .top-menu-btn,
    body.theme-dark .topbar-actions .notebook-top-tabs .top-nav-link {
      background: transparent !important;
      color: #dbeafe !important;
      border-color: transparent !important;
      opacity: 1 !important;
    }
    body.theme-dark .topbar-actions .top-nav-link:hover,
    body.theme-dark .topbar-actions .top-nav-link.active,
    body.theme-dark .topbar-actions .top-menu-btn:hover,
    body.theme-dark .topbar-actions .top-menu-btn.active {
      background: #fff7ed !important;
      color: #ea580c !important;
    }
    body.theme-dark .account-btn {
      background: #ff7a1a !important;
      color: #fff !important;
      border-color: transparent !important;
    }
    body.theme-dark .pick-hero h1,
    body.theme-dark .pick-hero .hero-title,
    body.theme-dark #pageTitle,
    body.theme-dark .section-title h2 {
      color: #f8fafc !important;
    }
    body.theme-dark .pick-hero p,
    body.theme-dark .page-desc,
    body.theme-dark .tip-desc,
    body.theme-dark .muted,
    body.theme-dark small {
      color: #93a4bd !important;
    }
    body.theme-dark .ai-command-box {
      background: #101827 !important;
      border-color: #26344d !important;
      box-shadow: 0 1.5rem 3.25rem rgba(2, 6, 23, .38) !important;
    }
    body.theme-dark .composer-input-wrap,
    body.theme-dark .ai-toolbar {
      background: #101827 !important;
      border-color: #26344d !important;
    }
    body.theme-dark .composer-highlight {
      color: #dbeafe !important;
    }
    body.theme-dark .composer-at-token {
      color: #fb923c !important;
    }
    body.theme-dark .ai-command-box textarea {
      caret-color: #f8fafc !important;
      color: transparent !important;
    }
    body.theme-dark .ai-command-box textarea::placeholder {
      color: #64748b !important;
    }
    body.theme-dark .ai-toolbar {
      color: #cbd5e1 !important;
    }
    body.theme-dark .tool-chip,
    body.theme-dark .native-trace-toggle,
    body.theme-dark .mode-select,
    body.theme-dark .composer-clear-btn,
    body.theme-dark .send-btn,
    body.theme-dark .prompt-favorite-btn,
    body.theme-dark .composer-attach-btn,
    body.theme-dark .prompt-polish-trigger {
      background: #1f2937 !important;
      color: #dbeafe !important;
      border-color: #2f3d56 !important;
      box-shadow: none !important;
    }
    body.theme-dark .send-btn.ready,
    body.theme-dark .send-btn:not(:disabled) {
      background: #94a3b8 !important;
      color: #0f172a !important;
    }
    body.theme-dark .mode-select {
      background: #0f172a !important;
      color: #f8fafc !important;
    }
    body.theme-dark .native-trace-toggle.active {
      background: #f97316 !important;
      border-color: #fb923c !important;
      color: #fff !important;
    }
    body.theme-dark .scene-tools,
    body.theme-dark .tool-category-strip,
    body.theme-dark .prompt-filter-bar {
      background: transparent !important;
      color: #cbd5e1 !important;
    }
    body.theme-dark .scene-tools button,
    body.theme-dark .tool-category-strip button,
    body.theme-dark .prompt-filter-btn {
      background: #101827 !important;
      border-color: #26344d !important;
      color: #cbd5e1 !important;
      box-shadow: none !important;
    }
    body.theme-dark .scene-tools button:hover,
    body.theme-dark .scene-tools button.active,
    body.theme-dark .tool-category-strip button:hover,
    body.theme-dark .tool-category-strip button.active,
    body.theme-dark .prompt-filter-btn:hover,
    body.theme-dark .prompt-filter-btn.active {
      background: #1d283a !important;
      border-color: #3b4a64 !important;
      color: #f8fafc !important;
    }
    body.theme-dark .prompt-card,
    body.theme-dark .add-prompt-card,
    body.theme-dark .panel-card,
    body.theme-dark .card-box,
    body.theme-dark .table-card,
    body.theme-dark .monitor-content-card,
    body.theme-dark .asset-card,
    body.theme-dark .pool-table-card,
    body.theme-dark .pool-workbench-toolbar,
    body.theme-dark .pool-library-bar,
    body.theme-dark .output-panel,
    body.theme-dark .quick-drawer,
    body.theme-dark .account-panel,
    body.theme-dark .settings-dialog,
    body.theme-dark .profile-dialog,
    body.theme-dark .admin-dialog,
    body.theme-dark .modal-card,
    body.theme-dark .soft-confirm-card {
      background: #101827 !important;
      border-color: #26344d !important;
      color: #e5e7eb !important;
      box-shadow: 0 1rem 2.25rem rgba(2, 6, 23, .28) !important;
    }
    body.theme-dark .prompt-card p,
    body.theme-dark .prompt-card footer,
    body.theme-dark .prompt-card small,
    body.theme-dark .card-box p,
    body.theme-dark .panel-card p,
    body.theme-dark .pool-muted,
    body.theme-dark .pick-pool-empty {
      color: #94a3b8 !important;
    }
    body.theme-dark .prompt-card strong,
    body.theme-dark .card-title,
    body.theme-dark .panel-card h3,
    body.theme-dark .panel-card strong,
    body.theme-dark .card-box strong {
      color: #f8fafc !important;
    }
    body.theme-dark input,
    body.theme-dark textarea,
    body.theme-dark select,
    body.theme-dark .settings-readonly {
      background: #0f172a !important;
      border-color: #334155 !important;
      color: #e5e7eb !important;
    }
    body.theme-dark input:focus,
    body.theme-dark textarea:focus,
    body.theme-dark select:focus {
      border-color: #60a5fa !important;
      box-shadow: 0 0 0 0.1875rem rgba(96, 165, 250, .16) !important;
    }
    body.theme-dark .settings-nav,
    body.theme-dark .settings-content,
    body.theme-dark .profile-body,
    body.theme-dark .admin-body {
      background: #101827 !important;
      color: #e5e7eb !important;
    }
    body.theme-dark .settings-nav button {
      color: #cbd5e1 !important;
    }
    body.theme-dark .settings-nav button:hover,
    body.theme-dark .settings-nav button.active {
      background: #1d283a !important;
      color: #fb923c !important;
    }
    body.theme-dark .appearance-options button {
      background: #0f172a !important;
      border-color: #334155 !important;
      color: #cbd5e1 !important;
    }
    body.theme-dark .appearance-options button.active {
      background: rgba(249, 115, 22, .14) !important;
      border-color: #fb923c !important;
      color: #fb923c !important;
    }
    body.theme-dark #chat,
    body.theme-dark .content.chat-workspace,
    body.theme-dark .consultant-workbench,
    body.theme-dark .consultant-home,
    body.theme-dark .consultant-chat-stage,
    body.theme-dark .consultant-chat-box {
      background: #0b1220 !important;
      background-color: #0b1220 !important;
      background-image: none !important;
      color: #e5e7eb !important;
    }
    body.theme-dark .consultant-title,
    body.theme-dark .consultant-chat-title,
    body.theme-dark .consultant-message,
    body.theme-dark .conversation-turn {
      color: #f8fafc !important;
    }
    body.theme-dark .consultant-composer {
      background: #101827 !important;
      border: 0.0625rem solid #26344d !important;
      box-shadow: 0 1.5rem 3.25rem rgba(2, 6, 23, .38) !important;
    }
    body.theme-dark .consultant-input-wrap,
    body.theme-dark .consultant-toolbar {
      background: #101827 !important;
      border-color: #26344d !important;
      color: #dbeafe !important;
    }
    body.theme-dark .consultant-input-wrap textarea {
      background: transparent !important;
      color: #dbeafe !important;
      caret-color: #f8fafc !important;
    }
    body.theme-dark .consultant-input-wrap textarea::placeholder {
      color: #64748b !important;
    }
    body.theme-dark .consultant-hint-marquee {
      background: transparent !important;
      color: #fb923c !important;
    }
    body.theme-dark .consultant-tool-chip,
    body.theme-dark .consultant-clear,
    body.theme-dark .consultant-send,
    body.theme-dark .consultant-mode-select,
    body.theme-dark .consultant-quick-row button,
    body.theme-dark .consultant-new-chat-btn,
    body.theme-dark .output-panel-toggle {
      background: #1f2937 !important;
      border-color: #2f3d56 !important;
      color: #dbeafe !important;
      box-shadow: none !important;
    }
    body.theme-dark .consultant-tool-chip:hover,
    body.theme-dark .consultant-clear:hover,
    body.theme-dark .consultant-quick-row button:hover,
    body.theme-dark .consultant-new-chat-btn:hover,
    body.theme-dark .output-panel-toggle:hover {
      background: #26344d !important;
      border-color: #42526c !important;
      color: #f8fafc !important;
    }
    body.theme-dark .consultant-send.ready,
    body.theme-dark .consultant-send:not(:disabled) {
      background: #94a3b8 !important;
      border-color: #94a3b8 !important;
      color: #0f172a !important;
    }
    body.theme-dark .consultant-mode-select {
      background: #0f172a !important;
      color: #f8fafc !important;
    }
    body.theme-dark .consultant-chat-head {
      background: #0b1220 !important;
      color: #e5e7eb !important;
    }
    body.theme-dark .conversation-user .user-bubble,
    body.theme-dark .consultant-message.user .bubble {
      background: #1d4ed8 !important;
      border-color: #2563eb !important;
      color: #eff6ff !important;
    }
    body.theme-dark .agent-answer,
    body.theme-dark .agent-message,
    body.theme-dark .consultant-message.assistant .bubble {
      background: transparent !important;
      color: #e5e7eb !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    body.theme-dark .agent-message p,
    body.theme-dark .agent-message li,
    body.theme-dark .agent-message td,
    body.theme-dark .agent-message th,
    body.theme-dark .agent-message .muted {
      color: #e5e7eb !important;
    }
    body.theme-dark .agent-message h3,
    body.theme-dark .agent-message strong,
    body.theme-dark .agent-message a {
      color: #f8fafc !important;
    }
    body.theme-dark .agent-message table {
      border-color: #334155 !important;
    }
    body.theme-dark .agent-message th,
    body.theme-dark .agent-message td {
      border-color: #334155 !important;
    }
    body.theme-dark .agent-message th {
      background: #111827 !important;
    }
    body.theme-dark .answer-actions button,
    body.theme-dark .user-actions button {
      background: #1f2937 !important;
      border-color: #334155 !important;
      color: #cbd5e1 !important;
    }
    body.theme-dark .consultant-attachment-chip {
      background: #111827 !important;
      border-color: #334155 !important;
      color: #cbd5e1 !important;
    }
    body.theme-dark .consultant-workbench.chat-active .consultant-composer::before {
      background: #0b1220 !important;
      box-shadow: 0 -1rem 2.5rem rgba(2, 6, 23, .42) !important;
    }
    body.theme-dark .chat-box,
    body.theme-dark .bubble,
    body.theme-dark .thinking-pill,
    body.theme-dark .output-panel-body,
    body.theme-dark .output-empty,
    body.theme-dark .output-card,
    body.theme-dark .output-item {
      background: #101827 !important;
      border-color: #26344d !important;
      color: #e5e7eb !important;
      box-shadow: none !important;
    }
    body.theme-dark .bubble.user {
      background: #1d4ed8 !important;
      border-color: #2563eb !important;
      color: #eff6ff !important;
    }
    body.theme-dark .output-panel-header,
    body.theme-dark .output-panel-title,
    body.theme-dark .output-card strong,
    body.theme-dark .output-item strong {
      color: #f8fafc !important;
    }
    body.theme-dark .output-panel p,
    body.theme-dark .output-card p,
    body.theme-dark .output-item p {
      color: #94a3b8 !important;
    }
    body.theme-dark .consultant-workbench.chat-active .consultant-composer,
    body.theme-dark .consultant-workbench.chat-active .consultant-input-wrap,
    body.theme-dark .consultant-workbench.chat-active .consultant-toolbar {
      border-color: #26344d !important;
      background: #101827 !important;
    }
    body.theme-dark .consultant-workbench.chat-active .consultant-chat-head {
      background: #0b1220 !important;
    }
    body.theme-dark .consultant-tool-chip.active {
      background: #334155 !important;
      color: #f8fafc !important;
    }
    body.theme-dark .consultant-clear.ready {
      background: #334155 !important;
      color: #f8fafc !important;
      cursor: pointer !important;
    }
    body.theme-dark .settings-about h3,
    body.theme-dark .settings-about-item strong {
      color: #f8fafc !important;
    }
    body.theme-dark .settings-about p,
    body.theme-dark .settings-about-lead,
    body.theme-dark .settings-about-item span {
      color: #cbd5e1 !important;
    }
    body.theme-dark .settings-about-item {
      background: #0f172a !important;
      border-color: #334155 !important;
    }
    body.theme-dark .settings-about-item i {
      background: rgba(249, 115, 22, .16) !important;
      color: #fb923c !important;
    }
    body.theme-dark .settings-about-footer {
      background: rgba(249, 115, 22, .12) !important;
      border-color: rgba(251, 146, 60, .45) !important;
      color: #fed7aa !important;
    }
    body.theme-dark .profile-nick-display {
      background: #0f172a !important;
      border-color: #334155 !important;
      color: #f8fafc !important;
    }
    body.theme-dark .soft-confirm-modal {
      background: rgba(2, 6, 23, .58) !important;
    }
    body.theme-dark .soft-confirm-card {
      background: linear-gradient(180deg, #111827 0%, #0f172a 100%) !important;
      border-color: rgba(251, 146, 60, .42) !important;
      color: #e5e7eb !important;
      box-shadow: 0 1.5rem 4rem rgba(2, 6, 23, .42), 0 0 0 0.25rem rgba(249, 115, 22, .08) !important;
    }
    body.theme-dark .soft-confirm-card::before {
      background: rgba(249, 115, 22, .14) !important;
      color: #fb923c !important;
      box-shadow: inset 0 0 0 0.0625rem rgba(251, 146, 60, .45) !important;
    }
    body.theme-dark .soft-confirm-card h3 {
      color: #f8fafc !important;
    }
    body.theme-dark .soft-confirm-card p,
    body.theme-dark .soft-confirm-subtitle {
      color: #cbd5e1 !important;
    }
    body.theme-dark .soft-confirm-actions .secondary {
      background: #0f172a !important;
      border-color: #334155 !important;
      color: #e5e7eb !important;
    }
    body.theme-dark .soft-confirm-actions .secondary:hover {
      background: #1d283a !important;
    }
    body.theme-dark .admin-body {
      background: #0b1220 !important;
    }
    body.theme-dark .admin-user-table-wrap,
    body.theme-dark .admin-user-card,
    body.theme-dark .admin-user-basic,
    body.theme-dark .admin-permission-section,
    body.theme-dark .admin-permission-group,
    body.theme-dark .admin-kpi {
      background: #101827 !important;
      border-color: #334155 !important;
      color: #e5e7eb !important;
    }
    body.theme-dark .admin-permission-table th {
      background: #172033 !important;
      border-color: #334155 !important;
      color: #e5e7eb !important;
    }
    body.theme-dark .admin-permission-table td {
      background: #101827 !important;
      border-color: #334155 !important;
      color: #e5e7eb !important;
    }
    body.theme-dark .admin-permission-row:hover td {
      background: #111c2d !important;
    }
    body.theme-dark .admin-user-card:hover {
      background: #111c2d !important;
    }
    body.theme-dark .admin-user-identity strong,
    body.theme-dark .admin-summary-chip strong,
    body.theme-dark .admin-credit-cell strong,
    body.theme-dark .admin-permission-group-head label,
    body.theme-dark .admin-permission-group-head strong {
      color: #f8fafc !important;
    }
    body.theme-dark .admin-user-identity small,
    body.theme-dark .admin-credit-cell,
    body.theme-dark .admin-credit-cell small,
    body.theme-dark .admin-permission-desc,
    body.theme-dark .admin-permission-count {
      color: #94a3b8 !important;
    }
    body.theme-dark .admin-summary-chip,
    body.theme-dark .admin-row-actions button,
    body.theme-dark .admin-expand-btn,
    body.theme-dark .admin-permission-toolbar button,
    body.theme-dark .admin-permission-count,
    body.theme-dark .admin-permission-item {
      background: #0f172a !important;
      border-color: #334155 !important;
      color: #cbd5e1 !important;
    }
    body.theme-dark .admin-row-actions button:hover,
    body.theme-dark .admin-expand-btn:hover,
    body.theme-dark .admin-permission-toolbar button:hover {
      background: #1d283a !important;
    }
    body.theme-dark .asset-batch-btn,
    body.theme-dark .asset-batch-bar button {
      background: #0f172a !important;
      border-color: #334155 !important;
      color: #cbd5e1 !important;
    }
    body.theme-dark .asset-batch-btn:hover,
    body.theme-dark .asset-batch-btn.active {
      background: rgba(249, 115, 22, .14) !important;
      border-color: rgba(251, 146, 60, .58) !important;
      color: #fed7aa !important;
    }
    body.theme-dark .asset-batch-bar {
      background: rgba(249, 115, 22, .12) !important;
      border-color: rgba(251, 146, 60, .45) !important;
      color: #fed7aa !important;
    }
    body.theme-dark .asset-batch-bar button.primary {
      background: #ff6b1a !important;
      border-color: #ff6b1a !important;
      color: #fff !important;
    }
    body.theme-dark .asset-select-box {
      background: #111827 !important;
    }
    body.theme-dark .topbar-actions .notebook-top-tabs .top-nav-link:hover,
    body.theme-dark .topbar-actions .notebook-top-tabs .top-nav-link.active,
    body.theme-dark .topbar-actions .top-menu-btn:hover,
    body.theme-dark .topbar-actions .top-menu-btn.active {
      background: #1d283a !important;
      color: #f8fafc !important;
    }
    body.theme-dark .topbar-actions .top-menu-btn:disabled,
    body.theme-dark .topbar-actions .top-menu-btn[disabled] {
      color: #64748b !important;
      opacity: .58 !important;
    }

    .system-update-overlay {
      position: fixed;
      inset: 0;
      z-index: 10020;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      background: rgba(15, 23, 42, .48);
      backdrop-filter: blur(2px);
    }
    .system-update-overlay.open { display: flex; }
    body.system-update-open { overflow: hidden; }
    .system-update-dialog {
      width: min(70rem, calc(100vw - 3rem));
      max-height: min(48rem, calc(100vh - 3rem));
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background: #f8fafc;
      border-radius: 0.75rem;
      box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .28);
      border: 1px solid rgba(226, 232, 240, .9);
    }
    .system-update-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem 1.35rem;
      background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 52%, #0ea5e9 100%);
      color: #fff;
    }
    .system-update-title {
      display: flex;
      align-items: center;
      gap: .7rem;
      margin: 0;
      font-size: 1.25rem;
      font-weight: 800;
      letter-spacing: 0;
    }
    .system-update-badge {
      display: inline-flex;
      align-items: center;
      height: 1.6rem;
      padding: 0 .7rem;
      border-radius: 999rem;
      background: rgba(255, 255, 255, .86);
      color: #1d4ed8;
      font-size: .82rem;
      font-weight: 800;
    }
    .system-update-close {
      width: 2rem;
      height: 2rem;
      display: inline-grid;
      place-items: center;
      border: 0;
      border-radius: .5rem;
      color: #fff;
      background: rgba(255,255,255,.14);
      cursor: pointer;
    }
    .system-update-close:hover { background: rgba(255,255,255,.24); }
    .system-update-body { overflow: auto; padding: 1rem 1.35rem 1.25rem; }
    .system-update-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-bottom: .9rem; }
    .system-update-card,
    .system-update-section { border: 1px solid #e2e8f0; border-radius: .65rem; background: #fff; }
    .system-update-card { padding: .85rem .95rem; min-height: 6.8rem; }
    .system-update-card:nth-child(1) { background: #eff6ff; border-color: #bfdbfe; }
    .system-update-card:nth-child(2) { background: #f0fdf4; border-color: #bbf7d0; }
    .system-update-card:nth-child(3) { background: #fff7ed; border-color: #fed7aa; }
    .system-update-card strong,
    .system-update-section h4 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .38rem; color: #0f172a; font-size: .92rem; }
    .system-update-card p { margin: 0; color: #475569; font-size: .82rem; line-height: 1.55; }
    .system-update-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .85rem; }
    .system-update-section { padding: .85rem .95rem; }
    .system-update-section ul { margin: 0; padding: 0; list-style: none; }
    .system-update-section li { position: relative; margin: .45rem 0 0; padding-left: .85rem; color: #334155; font-size: .82rem; line-height: 1.52; }
    .system-update-section li::before { content: ""; position: absolute; left: 0; top: .55rem; width: .28rem; height: .28rem; border-radius: 999rem; background: #94a3b8; }
    .system-update-new { display: inline-flex; align-items: center; height: 1.05rem; margin-left: .28rem; padding: 0 .34rem; border-radius: .25rem; background: #ffedd5; color: #ea580c; font-size: .66rem; font-weight: 800; vertical-align: .08rem; }
    .system-update-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1.35rem; border-top: 1px solid #e2e8f0; background: rgba(255,255,255,.92); }
    .system-update-time { color: #64748b; font-size: .78rem; }
    .system-update-actions { display: flex; align-items: center; gap: .6rem; }
    .system-update-actions button { min-width: 5.5rem; height: 2.15rem; border-radius: .5rem; border: 1px solid #dbe3ef; background: #fff; color: #334155; font-weight: 700; cursor: pointer; }
    .system-update-actions button.primary { border-color: #2563eb; background: #2563eb; color: #fff; }
    .system-update-actions button.notice-edit { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
    body.theme-dark .system-update-dialog { background: #0f172a; border-color: #334155; }
    body.theme-dark .system-update-card,
    body.theme-dark .system-update-section,
    body.theme-dark .system-update-foot { background: #111827; border-color: #334155; }
    body.theme-dark .system-update-card:nth-child(1) { background: rgba(37,99,235,.14); }
    body.theme-dark .system-update-card:nth-child(2) { background: rgba(22,163,74,.14); }
    body.theme-dark .system-update-card:nth-child(3) { background: rgba(249,115,22,.14); }
    body.theme-dark .system-update-card strong,
    body.theme-dark .system-update-section h4 { color: #f8fafc; }
    body.theme-dark .system-update-card p,
    body.theme-dark .system-update-section li { color: #cbd5e1; }
    body.theme-dark .system-update-time { color: #94a3b8; }
    body.theme-dark .system-update-actions button { background: #0f172a; border-color: #334155; color: #e2e8f0; }
    body.theme-dark .system-update-actions button.primary { background: #2563eb; border-color: #2563eb; color: #fff; }
    body.theme-dark .system-update-actions button.notice-edit { background: rgba(37,99,235,.16); border-color: rgba(96,165,250,.45); color: #bfdbfe; }

    .system-update-tabs {
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      padding: .25rem;
      margin-bottom: .9rem;
      border: 1px solid #dbeafe;
      border-radius: .65rem;
      background: #eff6ff;
    }
    .system-update-tab {
      height: 2rem;
      padding: 0 .9rem;
      border: 0;
      border-radius: .5rem;
      background: transparent;
      color: #1e40af;
      font-size: .84rem;
      font-weight: 800;
      cursor: pointer;
    }
    .system-update-tab.active {
      background: #2563eb;
      color: #fff;
      box-shadow: 0 .35rem .9rem rgba(37,99,235,.18);
    }
    .system-update-intro {
      margin: 0 0 .85rem;
      padding: .85rem 1rem;
      border: 1px solid #e2e8f0;
      border-radius: .65rem;
      background: #fff;
      color: #475569;
      font-size: .86rem;
      line-height: 1.6;
    }
    .system-update-card.is-admin:nth-child(1) { background: #f0f9ff; border-color: #bae6fd; }
    .system-update-card.is-admin:nth-child(2) { background: #f8fafc; border-color: #cbd5e1; }
    .system-update-card.is-admin:nth-child(3) { background: #fefce8; border-color: #fde68a; }
    .system-notice-version-stack {
      display: grid;
      grid-template-columns: 1fr;
      gap: .9rem;
      max-height: min(46vh, 30rem);
      overflow-y: auto;
      padding-right: .35rem;
      overscroll-behavior: contain;
    }
    .system-notice-version-stack::-webkit-scrollbar { width: .45rem; }
    .system-notice-version-stack::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999rem; }
    .system-notice-version-block {
      border: 1px solid #dbe3ef;
      border-radius: .75rem;
      background: #fff;
      overflow: hidden;
    }
    .system-notice-version-block.is-current { border-color: #bfdbfe; box-shadow: 0 .65rem 1.4rem rgba(37,99,235,.08); }
    .system-notice-version-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: .85rem 1rem;
      border-bottom: 1px solid #e2e8f0;
      background: #f8fafc;
    }
    .system-notice-version-block.is-current .system-notice-version-head { background: #eff6ff; }
    .system-notice-version-title {
      display: flex;
      align-items: center;
      gap: .55rem;
      margin: 0;
      color: #0f172a;
      font-size: 1rem;
      font-weight: 900;
    }
    .system-notice-version-title i { color: #2563eb; }
    .system-notice-version-meta { color: #64748b; font-size: .78rem; white-space: nowrap; }
    .system-notice-row-list { display: grid; grid-template-columns: 1fr !important; }
    .system-notice-row {
      display: grid;
      grid-template-columns: 1.9rem minmax(0, 1fr) auto;
      gap: .75rem;
      align-items: start;
      padding: .9rem 1rem;
      border-top: 1px solid #edf2f7;
      background: #fff;
    }
    .system-notice-row.has-image { grid-template-columns: 1.9rem minmax(0, 1fr) 4.4rem auto; }
    .system-notice-row:first-child { border-top: 0; }
    .system-notice-row:hover { background: #f8fafc; }
    .system-notice-row-icon {
      width: 1.6rem;
      height: 1.6rem;
      display: grid;
      place-items: center;
      border-radius: 999rem;
      background: #0f172a;
      color: #fff;
      font-size: .72rem;
      margin-top: .08rem;
    }
    .system-notice-row-title { display: flex; align-items: center; gap: .42rem; margin: 0 0 .28rem; color: #0f172a; font-size: .9rem; font-weight: 900; line-height: 1.45; }
    .system-notice-row-text { margin: 0; color: #475569; font-size: .82rem; line-height: 1.62; white-space: pre-wrap; }
    .system-notice-row-type { height: 1.45rem; display: inline-flex; align-items: center; padding: 0 .55rem; border-radius: 999rem; background: #eff6ff; color: #1d4ed8; font-size: .72rem; font-weight: 900; white-space: nowrap; }
    .system-notice-thumb {
      width: 4.15rem;
      aspect-ratio: 4 / 3;
      border: 1px solid #dbe3ef;
      border-radius: .55rem;
      background: #f8fafc;
      padding: 0;
      overflow: hidden;
      cursor: zoom-in;
    }
    .system-notice-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
    .system-notice-image-preview {
      position: fixed;
      z-index: 100000;
      display: none;
      width: min(22rem, calc(100vw - 2rem));
      padding: .45rem;
      border: 1px solid #dbe3ef;
      border-radius: .75rem;
      background: #fff;
      box-shadow: 0 1rem 2.4rem rgba(15,23,42,.24);
      pointer-events: none;
    }
    .system-notice-image-preview.active { display: block; }
    .system-notice-image-preview img { width: 100%; max-height: 18rem; display: block; object-fit: contain; border-radius: .5rem; }
    .system-notice-image-preview span { display: block; margin-top: .38rem; color: #475569; font-size: .76rem; line-height: 1.45; }
    .system-notice-image-lightbox {
      position: fixed;
      inset: 0;
      z-index: 100001;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 2rem;
      background: rgba(15,23,42,.72);
    }
    .system-notice-image-lightbox.open { display: flex; }
    .system-notice-image-lightbox-inner { position: relative; max-width: min(74rem, 96vw); max-height: 92vh; display: grid; gap: .65rem; }
    .system-notice-image-lightbox img { max-width: 100%; max-height: calc(92vh - 3rem); object-fit: contain; border-radius: .75rem; background: #fff; box-shadow: 0 1.3rem 3rem rgba(0,0,0,.32); }
    .system-notice-image-lightbox span { color: #fff; font-size: .86rem; line-height: 1.5; text-align: center; }
    .system-notice-image-lightbox button { position: absolute; top: -.9rem; right: -.9rem; width: 2rem; height: 2rem; border: 0; border-radius: 999rem; background: #fff; color: #0f172a; cursor: pointer; }
    .system-notice-empty { padding: 1rem; color: #64748b; font-size: .84rem; }
    body.theme-dark .system-update-tabs { background: #0f172a; border-color: #334155; }
    body.theme-dark .system-update-tab { color: #bfdbfe; }
    body.theme-dark .system-update-tab.active { color: #fff; background: #2563eb; }
    body.theme-dark .system-update-intro { background: #111827; border-color: #334155; color: #cbd5e1; }
    body.theme-dark .system-notice-version-block,
    body.theme-dark .system-notice-row { background: #111827; border-color: #334155; }
    body.theme-dark .system-notice-version-head { background: #0f172a; border-color: #334155; }
    body.theme-dark .system-notice-version-block.is-current .system-notice-version-head { background: rgba(37,99,235,.16); }
    body.theme-dark .system-notice-version-title,
    body.theme-dark .system-notice-row-title { color: #f8fafc; }
    body.theme-dark .system-notice-row-text { color: #cbd5e1; }
    body.theme-dark .system-notice-version-meta,
    body.theme-dark .system-notice-empty { color: #94a3b8; }
    body.theme-dark .system-notice-row:hover { background: #0f172a; }
    body.theme-dark .system-notice-row-type { background: rgba(37,99,235,.18); color: #bfdbfe; }
    body.theme-dark .system-notice-version-stack::-webkit-scrollbar-thumb { background: #475569; }
    body.theme-dark .system-notice-thumb,
    body.theme-dark .system-notice-image-preview { background: #111827; border-color: #334155; }
    body.theme-dark .system-notice-image-preview span { color: #cbd5e1; }
    .system-notice-editor-dialog { width: min(64rem, calc(100vw - 3rem)); }
    .system-notice-editor-form { display: grid; gap: 1rem; }
    .system-notice-editor-meta {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
      gap: .75rem;
    }
    .system-notice-editor-block {
      border: 1px solid #e2e8f0;
      border-radius: .7rem;
      background: #fff;
      overflow: hidden;
    }
    .system-notice-editor-block > h4 {
      display: flex;
      align-items: center;
      gap: .5rem;
      margin: 0;
      padding: .8rem 1rem;
      border-bottom: 1px solid #e2e8f0;
      background: #f8fafc;
      color: #0f172a;
      font-size: .95rem;
    }
    .system-notice-editor-panel { display: grid; gap: .75rem; padding: .9rem 1rem 1rem; }
    .system-notice-editor-field { display: grid; gap: .38rem; }
    .system-notice-editor-field label {
      color: #334155;
      font-size: .8rem;
      font-weight: 800;
    }
    .system-notice-editor-field input,
    .system-notice-editor-field textarea,
    .system-notice-editor-field select {
      width: 100%;
      border: 1px solid #cbd5e1;
      border-radius: .55rem;
      background: #fff;
      color: #0f172a;
      font: inherit;
      font-size: .86rem;
      outline: none;
    }
    .system-notice-editor-field input,
    .system-notice-editor-field select { height: 2.35rem; padding: 0 .75rem; }
    .system-notice-editor-field textarea { min-height: 5.8rem; padding: .7rem .75rem; resize: vertical; line-height: 1.55; }
    .system-notice-editor-field input:focus,
    .system-notice-editor-field textarea:focus,
    .system-notice-editor-field select:focus { border-color: #2563eb; box-shadow: 0 0 0 .18rem rgba(37,99,235,.12); }
    .system-notice-editor-row { display: grid; grid-template-columns: minmax(10rem, .34fr) minmax(0, 1fr); gap: .75rem; }
    .system-notice-editor-tip { color: #64748b; font-size: .76rem; line-height: 1.5; }
    .system-notice-editor-subhead {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: .75rem;
      margin-top: .1rem;
    }
    .system-notice-editor-subhead strong { color: #0f172a; font-size: .84rem; }
    .system-notice-editor-list { display: grid; gap: .75rem; }
    .system-notice-editor-row.is-actionable {
      grid-template-columns: minmax(9rem, .28fr) minmax(0, 1fr) auto;
      align-items: end;
      padding: .75rem;
      border: 1px solid #e2e8f0;
      border-radius: .65rem;
      background: #f8fafc;
    }
    .system-notice-editor-add,
    .system-notice-editor-remove {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .35rem;
      height: 2.25rem;
      padding: 0 .75rem;
      border-radius: .55rem;
      border: 1px solid #dbe3ef;
      background: #fff;
      color: #334155;
      font-weight: 800;
      font-size: .8rem;
      cursor: pointer;
    }
    .system-notice-editor-add { border-color: #bfdbfe; color: #1d4ed8; background: #eff6ff; }
    .system-notice-editor-remove { border-color: #fecaca; color: #b91c1c; background: #fff7f7; }
    .system-notice-editor-add:hover { background: #dbeafe; }
    .system-update-actions button.ai-polish { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
    .system-update-actions button.ai-polish:disabled { opacity: .65; cursor: wait; }
    .system-notice-editor-remove:hover { background: #fee2e2; }
    .system-notice-editor-field input[readonly] { background: #f8fafc; color: #64748b; }
    .system-notice-editor-base {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
      gap: .65rem;
      margin-bottom: .9rem;
      padding: .85rem;
      border: 1px solid #e2e8f0;
      border-radius: .65rem;
      background: #fff;
    }
    .system-notice-editor-page { display: none; }
    .system-notice-editor-page.active { display: block; }
    .system-notice-editor-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: .75rem;
      margin: .7rem 0 .55rem;
      color: #334155;
      font-size: .84rem;
      font-weight: 800;
    }
    .system-notice-editor-tab-name {
      max-width: 12rem;
      height: 2rem;
      margin-left: .45rem;
      padding: 0 .55rem;
      border: 1px solid #bfdbfe;
      border-radius: .5rem;
      background: #fff;
      color: #1e40af;
      font-size: .82rem;
      font-weight: 800;
    }
    .system-notice-editor-intro {
      width: 100%;
      min-height: 3.1rem;
      resize: vertical;
      outline: none;
      font: inherit;
    }
    .system-notice-editor-summary .system-update-card,
    .system-notice-editor-grid .system-update-section {
      position: relative;
      overflow: visible;
    }
    .system-notice-editor-card-tools,
    .system-notice-editor-section-tools {
      position: absolute;
      top: .55rem;
      right: .55rem;
      display: flex;
      gap: .35rem;
      z-index: 1;
    }
    .system-notice-editor-icon-remove {
      width: 1.8rem;
      height: 1.8rem;
      display: inline-grid;
      place-items: center;
      border: 1px solid #fecaca;
      border-radius: .5rem;
      background: #fff7f7;
      color: #b91c1c;
      cursor: pointer;
    }
    .system-notice-editor-card .system-notice-editor-field,
    .system-notice-editor-section .system-notice-editor-field { display: grid; gap: .35rem; }
    .system-notice-editor-card .system-notice-editor-field + .system-notice-editor-field,
    .system-notice-editor-section .system-notice-editor-field + .system-notice-editor-field { margin-top: .55rem; }
    .system-notice-editor-card label,
    .system-notice-editor-section label { color: #64748b; font-size: .72rem; font-weight: 800; }
    .system-notice-editor-card input,
    .system-notice-editor-card textarea,
    .system-notice-editor-section input,
    .system-notice-editor-section textarea {
      width: 100%;
      border: 1px solid #cbd5e1;
      border-radius: .5rem;
      background: rgba(255,255,255,.82);
      color: #0f172a;
      font: inherit;
      font-size: .82rem;
      line-height: 1.5;
      outline: none;
    }
    .system-notice-editor-card input,
    .system-notice-editor-section input { height: 2rem; padding: 0 .55rem; font-weight: 800; }
    .system-notice-editor-card textarea,
    .system-notice-editor-section textarea { min-height: 4.6rem; padding: .55rem; resize: vertical; }
    .system-notice-editor-section h4 { padding-right: 2.1rem; }
    .system-notice-editor-section h4 input { font-size: .88rem; }
    .system-notice-editor-summary { margin-bottom: .75rem; }
    .system-notice-editor-version-list { display: grid; gap: .85rem; }
    .system-notice-editor-version-block { margin-top: .75rem; }
    .system-notice-editor-version-head .system-notice-editor-add { height: 2rem; }
    .system-notice-version-title-wrap { display: flex; align-items: center; gap: .75rem; min-width: 0; }
    .system-notice-version-actions { display: flex; align-items: center; gap: .45rem; }
    .system-notice-editor-version-badge {
      width: 10.5rem;
      height: 2rem;
      padding: 0 .65rem;
      border: 1px solid #bfdbfe;
      border-radius: .55rem;
      background: #fff;
      color: #1d4ed8;
      font: inherit;
      font-size: .82rem;
      font-weight: 900;
      outline: none;
    }
    .system-notice-editor-version-badge:focus { border-color: #2563eb; box-shadow: 0 0 0 .18rem rgba(37,99,235,.12); }
    .system-notice-editor-version-delete {
      width: 2rem;
      height: 2rem;
      display: inline-grid;
      place-items: center;
      border: 1px solid #fecaca;
      border-radius: .55rem;
      background: #fff7f7;
      color: #b91c1c;
      cursor: pointer;
    }
    .system-notice-editor-notice-row { position: relative; grid-template-columns: 1.9rem minmax(0, 1fr) 10rem auto; }
    .system-notice-editor-row-main { display: grid; gap: .5rem; }
    .system-notice-editor-row-side { display: grid; gap: .5rem; align-content: start; }
    .system-notice-editor-row-main label,
    .system-notice-editor-row-side label { color: #64748b; font-size: .72rem; font-weight: 800; }
    .system-notice-editor-row-main input,
    .system-notice-editor-row-main textarea,
    .system-notice-editor-row-side input {
      width: 100%;
      border: 1px solid #cbd5e1;
      border-radius: .5rem;
      background: rgba(255,255,255,.9);
      color: #0f172a;
      font: inherit;
      font-size: .82rem;
      line-height: 1.5;
      outline: none;
    }
    .system-notice-editor-row-main input,
    .system-notice-editor-row-side input { height: 2rem; padding: 0 .55rem; font-weight: 800; }
    .system-notice-editor-row-main textarea { min-height: 3.8rem; padding: .55rem; resize: vertical; }
    .system-notice-editor-row-delete { align-self: start; width: 1.85rem; height: 1.85rem; display: inline-grid; place-items: center; border: 1px solid #fecaca; border-radius: .5rem; background: #fff7f7; color: #b91c1c; cursor: pointer; }
    .system-notice-editor-image-tools { display: flex; flex-wrap: wrap; gap: .35rem; }
    .system-notice-editor-image-tools button {
      height: 1.85rem;
      padding: 0 .52rem;
      border: 1px solid #bfdbfe;
      border-radius: .48rem;
      background: #eff6ff;
      color: #1d4ed8;
      font-size: .72rem;
      font-weight: 800;
      cursor: pointer;
    }
    .system-notice-editor-image-tools button.danger { border-color: #fecaca; background: #fff7f7; color: #b91c1c; }
    .system-notice-editor-image-preview {
      min-height: 4.6rem;
      display: grid;
      place-items: center;
      border: 1px dashed #cbd5e1;
      border-radius: .55rem;
      background: #f8fafc;
      color: #94a3b8;
      font-size: .76rem;
      line-height: 1.45;
      overflow: hidden;
    }
    .system-notice-editor-image-preview.has-image { border-style: solid; background: #fff; }
    .system-notice-editor-image-preview img { width: 100%; height: 5.2rem; object-fit: cover; display: block; }
    .system-notice-editor-help strong { color: #9a3412; }
    body.theme-dark .system-notice-editor-block { background: #111827; border-color: #334155; }
    body.theme-dark .system-notice-editor-block > h4 { background: #0f172a; border-color: #334155; color: #f8fafc; }
    body.theme-dark .system-notice-editor-field label { color: #cbd5e1; }
    body.theme-dark .system-notice-editor-field input,
    body.theme-dark .system-notice-editor-field textarea,
    body.theme-dark .system-notice-editor-field select { background: #0f172a; border-color: #334155; color: #e2e8f0; }
    body.theme-dark .system-notice-editor-tip { color: #94a3b8; }
    body.theme-dark .system-notice-editor-subhead strong { color: #f8fafc; }
    body.theme-dark .system-notice-editor-row.is-actionable { background: #0f172a; border-color: #334155; }
    body.theme-dark .system-notice-editor-add { background: rgba(37,99,235,.16); border-color: rgba(96,165,250,.45); color: #bfdbfe; }
    body.theme-dark .system-notice-editor-remove { background: rgba(185,28,28,.14); border-color: rgba(248,113,113,.42); color: #fecaca; }
    body.theme-dark .system-notice-editor-field input[readonly] { background: #111827; color: #94a3b8; }
    body.theme-dark .system-notice-editor-base { background: #111827; border-color: #334155; }
    body.theme-dark .system-notice-editor-toolbar { color: #cbd5e1; }
    body.theme-dark .system-notice-editor-tab-name,
    body.theme-dark .system-notice-editor-card input,
    body.theme-dark .system-notice-editor-card textarea,
    body.theme-dark .system-notice-editor-section input,
    body.theme-dark .system-notice-editor-section textarea,
    body.theme-dark .system-notice-editor-intro { background: #0f172a; border-color: #334155; color: #e2e8f0; }
    body.theme-dark .system-notice-editor-card label,
    body.theme-dark .system-notice-editor-section label { color: #94a3b8; }
    body.theme-dark .system-notice-editor-icon-remove { background: rgba(185,28,28,.14); border-color: rgba(248,113,113,.42); color: #fecaca; }
    body.theme-dark .system-notice-editor-row-main input,
    body.theme-dark .system-notice-editor-row-main textarea,
    body.theme-dark .system-notice-editor-row-side input { background: #0f172a; border-color: #334155; color: #e2e8f0; }
    body.theme-dark .system-notice-editor-version-badge { background: #0f172a; border-color: #334155; color: #bfdbfe; }
    body.theme-dark .system-notice-editor-version-delete { background: rgba(185,28,28,.14); border-color: rgba(248,113,113,.42); color: #fecaca; }
    body.theme-dark .system-notice-editor-row-main label,
    body.theme-dark .system-notice-editor-row-side label { color: #94a3b8; }
    body.theme-dark .system-notice-editor-row-delete { background: rgba(185,28,28,.14); border-color: rgba(248,113,113,.42); color: #fecaca; }
    body.theme-dark .system-notice-editor-image-tools button { background: rgba(37,99,235,.16); border-color: rgba(96,165,250,.45); color: #bfdbfe; }
    body.theme-dark .system-notice-editor-image-tools button.danger { background: rgba(185,28,28,.14); border-color: rgba(248,113,113,.42); color: #fecaca; }
    body.theme-dark .system-notice-editor-image-preview { background: #0f172a; border-color: #334155; color: #94a3b8; }
    body.theme-dark .system-notice-editor-image-preview.has-image { background: #111827; }
    body.theme-dark .system-update-actions button.ai-polish { background: rgba(37,99,235,.16); border-color: rgba(96,165,250,.45); color: #bfdbfe; }
    .system-notice-editor-help {
      margin: 0 0 .75rem;
      padding: .75rem .9rem;
      border: 1px solid #fde68a;
      border-radius: .6rem;
      background: #fffbeb;
      color: #92400e;
      font-size: .82rem;
      line-height: 1.55;
    }
    .system-notice-editor-textarea {
      width: 100%;
      min-height: 24rem;
      resize: vertical;
      padding: .9rem 1rem;
      border: 1px solid #cbd5e1;
      border-radius: .65rem;
      background: #fff;
      color: #0f172a;
      font-family: Consolas, "Microsoft YaHei", monospace;
      font-size: .82rem;
      line-height: 1.55;
      outline: none;
    }
    .system-notice-editor-textarea:focus { border-color: #2563eb; box-shadow: 0 0 0 .18rem rgba(37,99,235,.12); }
    .system-notice-editor-error {
      margin-top: .65rem;
      padding: .65rem .8rem;
      border: 1px solid #fecaca;
      border-radius: .55rem;
      background: #fef2f2;
      color: #b91c1c;
      font-size: .82rem;
    }
    .system-notice-editor-error[hidden] { display: none; }
    .system-update-actions button.danger { border-color: #fecaca; color: #b91c1c; background: #fff7f7; }
    body.theme-dark .system-notice-editor-help { background: rgba(217,119,6,.14); border-color: rgba(251,191,36,.45); color: #fde68a; }
    body.theme-dark .system-notice-editor-textarea { background: #0f172a; border-color: #334155; color: #e2e8f0; }
    body.theme-dark .system-notice-editor-error { background: rgba(185,28,28,.16); border-color: rgba(248,113,113,.45); color: #fecaca; }
    body.theme-dark .system-update-actions button.danger { background: rgba(185,28,28,.14); border-color: rgba(248,113,113,.42); color: #fecaca; }
    @media (max-width: 920px) {
      .system-update-overlay { padding: .8rem; }
      .system-update-dialog { width: calc(100vw - 1.2rem); max-height: calc(100vh - 1.2rem); }
      .system-update-summary,
      .system-update-grid { grid-template-columns: 1fr; }
      .system-update-foot { align-items: stretch; flex-direction: column; }
      .system-update-actions { justify-content: flex-end; }
      .system-notice-row.has-image { grid-template-columns: 1.9rem minmax(0, 1fr) auto; }
      .system-notice-thumb { grid-column: 2; width: 5.2rem; }
      .system-notice-row.has-image .system-notice-row-type { grid-column: 3; grid-row: 1; }
      .system-notice-editor-notice-row { grid-template-columns: 1.9rem minmax(0, 1fr) auto; }
      .system-notice-editor-row-side { grid-column: 2 / span 2; }
      .system-notice-editor-version-head { align-items: stretch; flex-direction: column; }
      .system-notice-version-title-wrap { align-items: flex-start; flex-direction: column; gap: .5rem; }
      .system-notice-version-actions { align-items: stretch; justify-content: flex-end; }
      .system-notice-editor-version-badge { width: 100%; }
    }
  
    #pickPool .pool-creator-filter { width:auto; min-width:7rem; max-width:10.5rem; padding-right:2rem; cursor:pointer; }
    #pickPool .pool-creator-filter.has-value { border-color:#bfdbfe; background-color:#eff6ff; color:#2563eb; }
    #pickPool .pool-creator-cell { color:#475569; white-space:nowrap; text-overflow:ellipsis; }
    #pickPool .pool-creator-cell span { display:block; overflow:hidden; text-overflow:ellipsis; }
    #pickPool .pool-bullets, #pickPool .pool-bullets .pool-edit-text { max-width:10.75rem; }