.jf-view-toggle{gap:.5rem;margin-bottom:.75rem;display:flex}.jf-view-btn[aria-pressed=true]{background:var(--surface-alt);border-color:var(--ink-900)}.jf-panes{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:.75rem;display:grid}.jf-pane{flex-direction:column;gap:.4rem;min-width:0;display:flex}.jf-pane__label{color:var(--ink-500);font-size:.9rem}.jf-textarea{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);width:100%;min-height:220px;color:var(--ink-900);font-family:var(--font-mono,ui-monospace, monospace);resize:vertical;white-space:pre;padding:.75rem;font-size:.9rem;line-height:1.45}.jf-indent-picker{border:1px solid var(--line);border-radius:var(--radius-md);flex-wrap:wrap;gap:.5rem 1.25rem;margin:.75rem 0 0;padding:.75rem;display:flex}.jf-indent-picker legend{padding:0 .25rem;font-size:.9rem}.jf-choice{align-items:center;gap:.4rem;display:inline-flex}.jf-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.jf-empty{color:var(--ink-500);margin-top:.75rem}.jf-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.jf-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.jf-item span{color:var(--ink-500);font-size:.9rem}.jf-item--savings strong{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.jf-dup-info{color:var(--ink-900);margin-top:.75rem;font-weight:500}@media (width<=640px){body.jf-mobile--input .jf-pane--output,body.jf-mobile--output .jf-pane--input{display:none}}