.feature-card{border:1px solid var(--bi-border);border-radius:8px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s ease}.feature-card:hover{box-shadow:0 4px 12px #00000014}html[data-theme=dark] .feature-card{background:var(--bi-surface);box-shadow:0 1px 3px #0000004d}html[data-theme=dark] .feature-card:hover{box-shadow:0 4px 12px #0006}.feature-card .card-header{background:var(--bi-surface-2);border-bottom:1px solid var(--bi-border);padding:1rem 1.25rem}.feature-card .card-header h5{font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem;color:var(--bi-text)}.feature-card .card-header i{font-size:1.1rem;color:var(--bi-text)}.toolbar{padding:.75rem;background:var(--bi-surface-2);border-radius:6px;border:1px solid var(--bi-border)}.toolbar .btn{font-weight:500}.toolbar .btn-primary{background:var(--brand-fill);border-color:var(--brand-fill)}.toolbar .btn-primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.json-container{min-height:calc(100vh - 300px)}.json-container>.col-md-5,.json-container>.col-md-7{display:flex;flex-direction:column}.input-panel,.output-panel{background:var(--bi-surface);border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;display:flex;flex-direction:column;height:100%}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bi-surface-2);border-bottom:1px solid var(--bi-border)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bi-surface-2);border:1px solid var(--bi-border);border-bottom:none;border-radius:6px 6px 0 0}.panel-title{font-weight:600;color:var(--bi-text)}.json-textarea{flex:1;min-height:calc(100vh - 380px);resize:none;border-radius:0 0 6px 6px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;background:var(--bi-surface)}.json-textarea:focus{border-color:var(--brand-fill);box-shadow:0 0 0 .2rem rgba(var(--brand-rgb),.15)}.json-output{flex:1;border:1px solid var(--bi-border);border-radius:0 0 6px 6px;padding:1rem;overflow:auto;background:var(--bi-surface);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6}.placeholder-text{display:flex;align-items:center;justify-content:center;height:100%;color:var(--bi-text-muted);font-size:1rem;gap:.5rem}.json-key{color:#d73a49;font-weight:600}.json-string{color:#22863a}.json-number{color:#005cc5}.json-boolean{color:#005cc5;font-weight:600}.json-null{color:#6f42c1;font-weight:600}.json-brace,.json-bracket{color:#24292e;font-weight:600}.json-colon,.json-comma{color:#6a737d}.collapsible-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:4px;font-size:10px;color:var(--bi-text-muted);background:#e1e4e8;border-radius:3px;user-select:none}.collapsible-btn:hover{background:#d1d5da}.collapsible-btn.collapsed:before{content:"+"}.collapsible-btn.expanded:before{content:"-"}.collapsible-content{margin-left:20px}.collapsible-content.collapsed{display:none}.json-tree{white-space:pre}.json-line{position:relative}.json-line:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:transparent}.json-line[data-indent="1"]{border-left:1px solid #e1e4e8}.json-line[data-indent="2"]{border-left:1px solid #d1d5da}.json-line[data-indent="3"]{border-left:1px solid #c6cbd1}.json-line[data-indent="4"]{border-left:1px solid #959da5}.json-error{color:#dc3545;padding:1rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.json-error-title{font-weight:600;margin-bottom:.5rem}.json-error-message{font-family:monospace;font-size:13px}.status-success{color:#28a745}.status-error{color:#dc3545}@media (max-width: 768px){.json-container{min-height:auto}.json-textarea,.json-output{min-height:300px;font-size:13px}.toolbar .btn-group{flex-wrap:wrap}.toolbar .btn{min-height:36px;padding:6px 12px;font-size:13px}.panel-header{padding:.4rem .6rem}.panel-title{font-size:13px}}@media (max-width: 575px){.json-container>.col-md-5,.json-container>.col-md-7{margin-bottom:1rem}.json-textarea,.json-output{min-height:250px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-card{animation:fadeIn .4s ease}html[data-theme=dark] .collapsible-btn{background:#2f3b52}html[data-theme=dark] .collapsible-btn:hover{background:#3d4a63}html[data-theme=dark] .json-key{color:#ff7b72}html[data-theme=dark] .json-string{color:#a5d6ff}html[data-theme=dark] .json-number,html[data-theme=dark] .json-boolean{color:#79c0ff}html[data-theme=dark] .json-null{color:#d2a8ff}html[data-theme=dark] .json-brace{color:#c9d1d9}