/* 面具预设：复用 parent-page / global drawer / global modal，不建立平行页面模板。 */
    .mask-preset-page .parent-page-list {
      gap: var(--global-page-content-gap);
    }

    .mask-preset-card {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: stretch;
      overflow: hidden;
      border: 0;
      box-shadow: none;
    }

    .mask-preset-select {
      min-width: 0;
      min-height: 88px;
      padding: 16px 10px 16px var(--global-page-row-inline);
      border: 0;
      outline: 0;
      display: grid;
      grid-template-columns: 56px minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      background: transparent;
      color: var(--parent-text);
      text-align: left;
      cursor: pointer;
    }

    .mask-preset-avatar {
      width: 56px;
      height: 56px;
      overflow: hidden;
      border-radius: 50%;
      display: grid;
      place-items: center;
      align-self: center;
      justify-self: center;
      background: var(--ui-surface-secondary);
      color: var(--ui-muted);
    }

    .mask-preset-avatar img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: 50% 50%;
    }

    .mask-preset-avatar svg {
      width: 20px;
      height: 20px;
    }

    .mask-preset-copy {
      min-width: 0;
      display: grid;
      gap: 4px;
    }

    .mask-preset-name-line {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .mask-preset-nickname {
      min-width: 0;
      overflow: hidden;
      color: var(--parent-text);
      font-size: calc(15px * var(--user-font-size-scale) * var(--display-scale));
      font-weight: 700;
      line-height: 1.2;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .mask-preset-real-name,
    .mask-preset-summary {
      min-width: 0;
      overflow: hidden;
      color: var(--ui-muted);
      font-size: calc(11px * var(--user-font-size-scale) * var(--display-scale));
      font-weight: 500;
      line-height: 1.35;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .mask-preset-card-actions {
      display: flex;
      align-items: center;
      gap: 4px;
      padding: 0 10px 0 2px;
    }

    .mask-preset-icon-button {
      width: 34px;
      height: 34px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: transparent;
      color: var(--ui-muted);
      cursor: pointer;
      transition: transform .16s ease, background-color .16s ease, color .16s ease;
    }

    .mask-preset-icon-button:hover {
      background: var(--ui-surface-secondary);
      color: var(--ui-text);
    }

    .mask-preset-icon-button.is-danger:hover {
      color: var(--ui-danger);
    }

    .mask-preset-icon-button:active,
    .mask-preset-select:active {
      transform: scale(.97);
    }

    .mask-preset-icon-button svg {
      width: 14px;
      height: 14px;
    }

    .mask-preset-empty {
      min-height: 118px;
      padding: 22px;
      display: grid;
      place-items: center;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      text-align: center;
      color: var(--ui-muted);
      font-size: calc(12px * var(--display-scale));
      font-weight: 600;
      line-height: 1.55;
    }

    @media (max-width: 390px) {
      .mask-preset-select {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 11px;
        padding-inline-start: 15px;
      }
      .mask-preset-avatar { width: 52px; height: 52px; border-radius: 50%; }
      .mask-preset-card-actions { gap: 1px; padding-right: 7px; }
      .mask-preset-icon-button { width: 31px; height: 31px; }
    }