.json-diff-module__0cuhmG__page{background-color:var(--bg);background-image:radial-gradient(circle,var(--border)1px,transparent 1px);height:100dvh;font-family:var(--font-mono);color:var(--text);background-size:28px 28px;flex-direction:column;padding:20px;display:flex;overflow:hidden}.json-diff-module__0cuhmG__header{margin-bottom:16px}.json-diff-module__0cuhmG__eyebrow{letter-spacing:.2em;color:var(--accent);text-transform:uppercase;gap:.4em;margin-bottom:8px;font-size:10px;display:flex}.json-diff-module__0cuhmG__title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 4px;font-size:20px;font-weight:700}.json-diff-module__0cuhmG__tagline{color:var(--muted);letter-spacing:.02em;margin:0;font-size:12px}.json-diff-module__0cuhmG__divider{border:none;border-top:1px solid var(--border);margin:0 0 16px}.json-diff-module__0cuhmG__icon{margin-right:4px}.json-diff-module__0cuhmG__docsLink{color:var(--muted);align-items:center;transition:color .15s;display:flex}.json-diff-module__0cuhmG__docsLink:hover{color:var(--accent)}.json-diff-module__0cuhmG__domainLink{color:var(--accent);align-items:center;transition:color .15s;display:flex}.json-diff-module__0cuhmG__body{flex-direction:column;flex:1;gap:12px;margin-bottom:16px;display:flex;overflow:hidden}.json-diff-module__0cuhmG__inputs{flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;height:200px;display:grid}.json-diff-module__0cuhmG__inputPanel{border:1px solid var(--border);background:var(--card-bg);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.json-diff-module__0cuhmG__inputHeader{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.json-diff-module__0cuhmG__inputLabel{text-transform:uppercase;color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:600}.json-diff-module__0cuhmG__error{color:#f87171;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.json-diff-module__0cuhmG__textarea{width:100%;color:var(--text);font-family:var(--font-mono);resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;padding:12px 14px;font-size:13px;line-height:1.5}.json-diff-module__0cuhmG__textarea::placeholder{color:var(--muted);opacity:.35}.json-diff-module__0cuhmG__diffPanel{border:1px solid var(--border);background:var(--card-bg);border-radius:8px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.json-diff-module__0cuhmG__diffHeader{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.json-diff-module__0cuhmG__diffTitle{text-transform:uppercase;color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:600}.json-diff-module__0cuhmG__diffSummary{align-items:center;gap:6px;display:flex}.json-diff-module__0cuhmG__badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.json-diff-module__0cuhmG__badgeAdded{color:#22c55e;background:#22c55e18;border-color:#22c55e33}.json-diff-module__0cuhmG__badgeRemoved{color:#f87171;background:#f8717118;border-color:#f8717133}.json-diff-module__0cuhmG__badgeChanged{color:#fbbf24;background:#fbbf2418;border-color:#fbbf2433}.json-diff-module__0cuhmG__badgeEqual{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--accent)}.json-diff-module__0cuhmG__diffList{flex:1;padding:4px 0;overflow-y:auto}.json-diff-module__0cuhmG__emptyHint{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:16px 14px;font-size:11px;display:block}.json-diff-module__0cuhmG__diffEntry{border-bottom:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:90px 1fr;align-items:start;gap:0 12px;padding:7px 14px;display:grid}.json-diff-module__0cuhmG__diffEntry:last-child{border-bottom:none}.json-diff-module__0cuhmG__diffBadge{letter-spacing:.08em;text-transform:uppercase;padding-top:1px;font-size:10px;font-weight:700}.json-diff-module__0cuhmG__added .json-diff-module__0cuhmG__diffBadge{color:#22c55e}.json-diff-module__0cuhmG__removed .json-diff-module__0cuhmG__diffBadge{color:#f87171}.json-diff-module__0cuhmG__changed .json-diff-module__0cuhmG__diffBadge{color:#fbbf24}.json-diff-module__0cuhmG__type-changed .json-diff-module__0cuhmG__diffBadge{color:#c084fc}.json-diff-module__0cuhmG__diffPath{color:var(--text);word-break:break-all;font-size:13px;font-weight:600}.json-diff-module__0cuhmG__diffValues{flex-wrap:wrap;grid-column:2;align-items:center;gap:6px;margin-top:2px;display:flex}.json-diff-module__0cuhmG__diffOld{color:#f87171;word-break:break-all;font-size:12px}.json-diff-module__0cuhmG__diffNew{color:#22c55e;word-break:break-all;font-size:12px}.json-diff-module__0cuhmG__arrow{color:var(--muted);font-size:11px}.json-diff-module__0cuhmG__permalinkRow{align-items:center;gap:8px;margin-bottom:16px;display:flex}.json-diff-module__0cuhmG__fieldLabel{text-transform:uppercase;color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:600}.json-diff-module__0cuhmG__permalinkUrl{color:var(--text);background-color:var(--bg);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-family:var(--font-mono);border-radius:4px;flex:1;padding:6px 10px;overflow:hidden}.json-diff-module__0cuhmG__copyBtn{background-color:var(--accent-subtle);border:1px solid var(--accent-border);font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;cursor:pointer;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:10px;font-weight:700;transition:background-color .15s}.json-diff-module__0cuhmG__copyBtn:hover{background-color:var(--accent-hover)}.json-diff-module__0cuhmG__copyBtn.json-diff-module__0cuhmG__copied{background-color:var(--accent);border-color:var(--accent);color:var(--bg)}.json-diff-module__0cuhmG__resetBtn{font-family:var(--font-mono);letter-spacing:.12em;color:#ef4444;text-transform:uppercase;cursor:pointer;background-color:#ef444418;border:1px solid #ef444433;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:10px;font-weight:700;transition:background-color .15s}.json-diff-module__0cuhmG__resetBtn:hover{background-color:#ef444430}