#homeView[hidden],
    #chatPanel[hidden] {
      display: none;
    }

    .home-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      max-width: 520px;
      margin: 24px auto 0;
    }

    dialog {
      width: min(460px, calc(100vw - 28px));
      max-width: 460px;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 0;
      background: var(--panel);
      color: var(--text);
    }

    dialog::backdrop {
      background: rgba(0, 0, 0, .5);
    }

    .dialog-body {
      padding: 18px;
    }

    .dialog-title {
      margin: 0 0 14px;
      font-size: 18px;
    }

    .dialog-field {
      margin-top: 11px;
    }

    .dialog-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: 16px;
    }

    .dialog-note {
      margin-top: 9px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.5;
    }

    .saved-key-state {
      margin-top: 7px;
      min-height: 18px;
      font-size: 12px;
      color: var(--muted);
    }

    @media (max-width: 520px) {
      .home-actions,
      .dialog-actions {
        grid-template-columns: 1fr;
      }
    }