.jc-output{display:none;margin-top:var(--spacing-gutter)}.jc-output.show{display:block}.jc-output-inner{font-family:var(--font-body);overflow:hidden;background:#0f172a;color:#e2e8f0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl)}.jc-diff-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;font-family:var(--font-body)}.jc-summary{display:flex;gap:16px}.jc-summary-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.jc-summary-item .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.dot-added{background:#22c55e}.dot.dot-removed{background:#ef4444}.dot.dot-changed{background:#eab308}.jc-diff-count{font-size:12px;color:#94a3b8;font-weight:400}.jc-diff-list{max-height:480px;overflow-y:auto;font-family:var(--font-code);font-size:13px}.jc-diff-line{display:flex;padding:5px 16px;border-bottom:1px solid rgba(255,255,255,.05);align-items:flex-start}.jc-diff-line:last-child{border-bottom:none}.jc-diff-line:hover{background:#ffffff08}.jc-diff-lineno{width:28px;min-width:28px;text-align:right;padding-right:10px;color:var(--color-outline);-webkit-user-select:none;user-select:none;font-size:11px;line-height:20px}.jc-diff-content{flex:1;min-width:0;line-height:1.6}.jc-diff-content .diff-path{color:#94a3b8;font-size:12px;font-family:var(--font-code)}.jc-diff-content .diff-label{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-right:6px}.jc-diff-added{border-left:3px solid #22c55e}.jc-diff-added .diff-label{color:#22c55e}.jc-diff-removed{border-left:3px solid #ef4444}.jc-diff-removed .diff-label{color:#ef4444}.jc-diff-changed{border-left:3px solid #eab308}.jc-diff-changed .diff-label{color:#eab308}.diff-old{display:block;color:#ef4444;font-size:12px;padding-left:12px}.diff-new{display:block;color:#22c55e;font-size:12px;padding-left:12px}.diff-value{font-family:var(--font-code);font-size:12px;word-break:break-all}.diff-arrow{opacity:.5;margin-right:4px}.jc-match-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 24px;color:#22c55e;font-size:16px;font-weight:600;font-family:var(--font-body)}.ws-panel textarea.editor{background:var(--color-surface-container-lowest);color:var(--color-on-surface)}html.dark .ws-panel textarea.editor{background:#0f172a;color:#e2e8f0}#jc-grid.ws-grid{grid-template-columns:1fr 1fr}@media (max-width: 768px){#jc-grid.ws-grid{grid-template-columns:1fr}}.tool-hero{text-align:center;padding:64px 20px 32px}.tool-hero h1{font-family:var(--font-headline);font-size:var(--text-headline-xl);font-weight:700;line-height:var(--text-headline-xl-line);letter-spacing:-.02em;color:var(--color-on-background);margin:0 0 16px}.tool-hero .hero-sub{font-size:var(--text-body-lg);line-height:var(--text-body-lg-line);color:var(--color-secondary);max-width:42rem;margin:0 auto 32px}.ws-label .icon-primary{color:var(--color-primary)}.ws-label .icon-tertiary{color:var(--color-tertiary)}.jt-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--color-border-subtle)}.jt-segmented{display:inline-flex;padding:4px;background:var(--color-surface-container);border-radius:var(--radius-xl);gap:2px}.jt-seg-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:none;border-radius:var(--radius-xl);background:transparent;color:var(--color-on-surface-variant);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-body)}.jt-seg-btn:hover{color:var(--color-on-surface);background:var(--color-surface-bright)}.jt-seg-btn .material-symbols-outlined{font-size:16px}.jt-seg-btn.jt-seg-active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 1px 3px #00000026}.jt-seg-btn.jt-seg-active:hover{opacity:.9;background:var(--color-primary)}.jt-vdivider{width:1px;height:24px;background:var(--color-border-subtle);flex-shrink:0}.jt-pill-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.jt-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-container-lowest);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font-body);color:var(--color-on-surface-variant)}.jt-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:#2346d50a}.jt-pill .material-symbols-outlined{font-size:14px}.jt-pill.jt-pill-convert{background:#2346d50d;color:var(--color-primary);border-color:#2346d52e}.jt-pill.jt-pill-convert:hover{background:#2346d51a}.ws-grid{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 768px){.ws-grid{grid-template-columns:1fr}}.ws-panel{display:flex;flex-direction:column;overflow:hidden}.ws-panel+.ws-panel{border-left:1px solid var(--color-border-subtle)}html.dark .ws-panel+.ws-panel{border-left-color:var(--color-outline-variant)}.ws-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--color-surface-bright);border-bottom:1px solid var(--color-border-subtle)}.ws-panel-header .ws-label{font-family:var(--font-code);font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.03em}.ws-panel-header .ws-actions{display:flex;gap:4px}.ws-panel-header .ws-actions button{padding:6px;border:none;background:none;cursor:pointer;border-radius:var(--radius-lg);color:var(--color-on-surface-variant);transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center}.ws-panel-header .ws-actions button:hover{background:var(--color-surface-container);color:var(--color-primary)}.ws-panel-output{background:#0f172a}.ws-panel-output .ws-panel-header{background:var(--color-surface-container-highest);border-color:var(--color-outline)}.ws-panel-output .ws-panel-header .ws-label{color:var(--color-on-background)}html.dark .ws-panel-output .ws-panel-header{background:var(--color-surface-container);border-color:var(--color-outline-variant)}html.dark .ws-panel-output .ws-panel-header .ws-label{color:var(--color-on-surface)}@media (max-width: 768px){.tool-hero{padding:40px 16px 24px}.tool-hero h1{font-size:32px;line-height:40px}#jc-grid.ws-grid{grid-template-columns:1fr}.jt-action-bar{gap:8px;padding:12px}.jt-segmented{flex-wrap:wrap}.jt-seg-btn{padding:5px 12px;font-size:12px}.jt-pill-group{gap:4px}.jt-pill{padding:4px 8px;font-size:11px}.jt-vdivider{display:none}}@media (max-width: 640px){.jt-action-bar{gap:6px;padding:10px 8px}.jt-seg-btn{padding:4px 10px;font-size:11px;gap:4px}.jt-seg-btn .material-symbols-outlined{font-size:14px}.jt-pill{padding:3px 6px;font-size:10px}.jt-pill .material-symbols-outlined{font-size:12px}}.feat-section{padding:80px 0 16px}.feat-section .feat-heading{font-family:var(--font-headline);font-size:var(--text-headline-lg);font-weight:600;text-align:center;margin:0 0 48px;color:var(--color-on-surface)}.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-gutter)}@media (max-width: 1024px){.feat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.feat-grid{grid-template-columns:1fr}}.feat-card{padding:32px;background:var(--color-surface-bright);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.feat-card:hover{box-shadow:0 4px 24px #2346d512;border-color:var(--color-primary)}.feat-card .feat-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feat-card .feat-icon.feat-primary{background:var(--color-primary-fixed);color:var(--color-primary)}.feat-card .feat-icon.feat-tertiary{background:var(--color-tertiary-fixed);color:var(--color-tertiary)}.feat-card .feat-icon.feat-secondary{background:var(--color-secondary-fixed);color:var(--color-on-secondary-fixed)}.feat-card .feat-icon.feat-error{background:var(--color-error-container);color:var(--color-on-error-container)}.feat-card h3{font-family:var(--font-headline);font-size:var(--text-title-md);font-weight:600;line-height:var(--text-title-md-line);margin:0 0 12px;color:var(--color-on-surface)}.feat-card p{font-size:var(--text-body-md);color:var(--color-on-surface-variant);margin:0;line-height:var(--text-body-md-line)}.faq-section-v3{padding:64px 0 0}.faq-section-v3 h2{font-family:var(--font-headline);font-size:var(--text-headline-lg);font-weight:600;line-height:var(--text-headline-lg-line);letter-spacing:-.01em;color:var(--color-on-surface);margin:0 0 48px}.faq-section-v3 .faq-cat-title{font-family:var(--font-headline);font-size:var(--text-title-md);font-weight:600;color:var(--color-on-surface);margin:32px 0 16px}.faq-section-v3 details{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface-container-low);margin-bottom:8px}.faq-section-v3 details summary{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;font-family:var(--font-headline);font-size:var(--text-title-md);font-weight:600;color:var(--color-on-surface);list-style:none}.faq-section-v3 details summary::-webkit-details-marker{display:none}.faq-section-v3 details summary .mat-icon{transition:transform var(--transition-normal);color:var(--color-outline)}.faq-section-v3 details[open] summary .mat-icon{transform:rotate(180deg)}.faq-section-v3 details .det-content{padding:0 24px 24px;color:var(--color-on-surface-variant);font-size:var(--text-body-md);line-height:var(--text-body-md-line);border-top:1px solid var(--color-border-subtle);margin:0 24px}