.detail-preview-panel[data-v-f39b986c]{align-items:center;background:radial-gradient(circle at top left,rgb(var(--ui-primary)/.08),transparent 35%),rgb(var(--ui-bg-muted)/.55);border:1px solid rgb(var(--ui-border)/.7);border-radius:1rem;display:flex;justify-content:center}.detail-compare-panel[data-v-f39b986c],.detail-preview-panel[data-v-f39b986c]{min-height:520px;overflow:hidden;position:relative}.detail-compare-panel[data-v-f39b986c]{height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.detail-compare-badge[data-v-f39b986c]{border:0;border-radius:999px;box-shadow:0 10px 25px #0f172a2e;color:#fff;font-size:.75rem;font-weight:600;padding:.45rem .8rem;position:absolute;top:1rem;z-index:10}.detail-compare-badge-left[data-v-f39b986c]{background:linear-gradient(90deg,#0ea5e9,#22d3ee);left:1rem}.detail-compare-badge-right[data-v-f39b986c]{background:linear-gradient(90deg,#f59e0b,#fb7185);right:1rem}.detail-compare-hint[data-v-f39b986c]{background:#0f172aa6;bottom:1rem;font-size:.75rem;left:50%;padding:.5rem .9rem;transform:translate(-50%);z-index:10}.detail-compare-hint[data-v-f39b986c],.detail-compare-nav[data-v-f39b986c]{backdrop-filter:blur(8px);border-radius:999px;color:#fff;position:absolute}.detail-compare-nav[data-v-f39b986c]{align-items:center;background:#0f172a85;border:0;display:flex;height:2.5rem;justify-content:center;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:2.5rem;z-index:12}.detail-compare-nav[data-v-f39b986c]:hover{background:#0f172ab8}.detail-compare-nav-left[data-v-f39b986c]{left:1rem}.detail-compare-nav-right[data-v-f39b986c]{right:1rem}.comparison-slider-handle[data-v-f39b986c]{cursor:ew-resize;pointer-events:none;width:4px;z-index:20}.comparison-slider-handle[data-v-f39b986c],.handle-line[data-v-f39b986c]{bottom:0;position:absolute;top:0;transform:translate(-50%)}.handle-line[data-v-f39b986c]{background:#fff;box-shadow:0 0 12px #0f172a59;left:50%;width:2px}.handle-circle[data-v-f39b986c]{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 24px #0f172a33;color:#0f172a;display:flex;height:44px;justify-content:center;left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease;width:44px}.handle-circle[data-v-f39b986c]:hover{box-shadow:0 10px 28px #0f172a47;transform:translate(-50%,-50%) scale(1.06)}.handle-circle[data-v-f39b986c]:active{transform:translate(-50%,-50%) scale(.96)}[data-v-f39b986c] .dark .handle-circle{background:#111827;border:1px solid hsla(0,0%,100%,.12);color:#fff}.json-preview-content[data-v-f39b986c]{max-height:70vh;white-space:pre-wrap;word-break:break-all}