/* ===== DNS 查询 / 抛硬币 / 决策转盘 三个页面共用的基础小件 =====
   单独成文件而不并进 tools.css，免得影响工具箱里其它无关页面的同名类 */

    /* ===== 通用小件 ===== */
    .center { text-align: center; }
    .kv { display: grid; grid-template-columns: 92px 1fr; row-gap: 9px; column-gap: 12px; align-items: start; }
    .kv .k { color: var(--t-dim); font-size: 13px; padding-top: 2px; }
    .kv .v { font-size: 14.5px; word-break: break-all; }
    .mono { font-family: ui-monospace, Consolas, "Courier New", monospace; }
    .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .fld label { display: block; font-size: 13px; color: var(--t-dim); margin-bottom: 5px; }
    .chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
    .chips button {
      border: 1px solid var(--t-border); background: var(--t-card); color: var(--t-dim);
      border-radius: 999px; padding: 3px 11px; font-size: 12px; cursor: pointer; font-family: inherit;
    }
    .chips button:active { border-color: var(--t-accent); color: var(--t-accent); }
    .spinner {
      display: inline-block; width: 12px; height: 12px; vertical-align: -1px; margin-right: 6px;
      border: 2px solid var(--t-accent-weak); border-top-color: var(--t-accent);
      border-radius: 50%; animation: spin .7s linear infinite;
    }
    @keyframes spin { to { transform: rotate(360deg); } }