.dashboard-container{max-width:1600px;margin:0 auto;padding:24px 1.5rem 3rem}.breadcrumb{color:var(--text-dim,#88a);margin-bottom:8px;font-size:.78rem}.breadcrumb a{color:var(--text-dim,#88a);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#22d3ee}.breadcrumb .sep{opacity:.5;margin:0 6px}.tool-hero{text-align:center;margin-bottom:28px}.tool-hero__title{color:#fff;margin-bottom:8px;font-size:2rem;font-weight:800}.tool-hero__title .accent{color:#22d3ee}.tool-hero__subtitle{color:#88a;max-width:680px;margin:0 auto;font-size:.92rem;line-height:1.6}.or-divider{color:#666;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin:16px 0;font-size:.78rem;font-weight:700;display:flex}.or-divider:before,.or-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.sample-bar{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sample-bar .tool-label{margin-bottom:0}.tool-btn--sm{border-radius:16px;padding:4px 12px;font-size:.75rem;line-height:1.4}.file-chip{color:#22d3ee;text-overflow:ellipsis;white-space:nowrap;background:#22d3ee12;border:1px solid #22d3ee33;border-radius:20px;align-items:center;gap:6px;max-width:100%;margin-bottom:10px;padding:4px 12px;font-size:.78rem;display:inline-flex;overflow:hidden}.options-row{gap:16px;margin-top:14px;display:flex}.options-row--wrap{flex-wrap:wrap}.option-group{flex:1;min-width:140px}@media (width<=500px){.options-row{flex-direction:column;gap:10px}}.indent-chips,.empty-val-chips{flex-wrap:wrap;gap:6px;display:flex}.indent-btn,.empty-val-btn{color:var(--text-dim,#88a);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;padding:5px 13px;font-family:inherit;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.indent-btn:hover,.empty-val-btn:hover{color:#22d3ee;border-color:#22d3ee59}.indent-btn.active,.empty-val-btn.active{color:#22d3ee;background:#22d3ee1f;border-color:#22d3ee80}.checkbox-row{color:var(--text-dim,#88a);cursor:pointer;user-select:none;align-items:center;gap:8px;font-size:.85rem;display:flex}.checkbox-row input[type=checkbox]{accent-color:#22d3ee;cursor:pointer;flex-shrink:0;width:16px;height:16px}.option-hint{color:#666;font-size:.75rem;font-weight:400}.option-hint code{color:#a0a0c0;background:#ffffff0f;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.72rem}.preview-section{margin-top:24px}.preview-title{color:#fff;align-items:center;gap:10px;margin-bottom:12px;font-size:.95rem;font-weight:700;display:flex}.preview-badge{color:#22d3ee;background:#22d3ee1a;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:600}.preview-table-wrap{border:1px solid #ffffff0f;border-radius:10px;overflow-x:auto}.preview-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem}.preview-table th{color:#22d3ee;text-align:left;white-space:nowrap;background:#22d3ee14;border-bottom:1px solid #ffffff14;padding:10px 14px;font-weight:700}.preview-table td{color:#ccc;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ffffff08;max-width:250px;padding:8px 14px;overflow:hidden}.preview-table tr:hover td{background:#ffffff08}.type-badge{vertical-align:middle;letter-spacing:.01em;border-radius:4px;margin-left:5px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700;display:inline-block}.type-badge--number{color:#f59e0b;background:#f59e0b2e}.type-badge--string{color:#22d3ee;background:#22d3ee1f}.type-badge--boolean{color:#10b981;background:#10b98126}.type-badge--mixed{color:#a855f7;background:#a855f726}.type-badge--null{color:#666;background:#ffffff0f}.section-heading{color:#fff;margin-bottom:20px;font-size:1.3rem;font-weight:800}.how-section{margin-top:48px}.how-steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=700px){.how-steps{grid-template-columns:minmax(0,1fr);overflow:hidden}}.how-step{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.how-step__num{color:#22d3ee;background:#22d3ee1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;font-size:.85rem;font-weight:800;display:inline-flex}.how-step__title{color:#fff;margin-bottom:6px;font-size:.92rem;font-weight:700}.how-step__desc{color:#88a;font-size:.82rem;line-height:1.6}.faq-section{margin-top:48px}.faq-list{flex-direction:column;display:flex}.faq-item-enhanced{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:#fff;user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";color:#88a;flex-shrink:0;margin-left:16px;font-family:JetBrains Mono,monospace;font-size:1.1rem;transition:color .2s}.faq-item-enhanced[open] .faq-item__question:after{content:"−";color:#22d3ee}.faq-item__question:hover{color:#22d3ee}.faq-item__answer{color:#88a;padding:0 4px 14px;font-size:.85rem;line-height:1.75}.faq-item__answer code{color:#22d3ee;background:#ffffff12;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.82rem}.inspector-placeholder{text-align:center;color:var(--text-dim,#88a);padding:4rem 2rem}.insp-placeholder-icon{margin-bottom:14px;font-size:2.5rem}.insp-placeholder-title{color:#fff;margin-bottom:8px;font-size:1.05rem;font-weight:700}.insp-placeholder-desc{max-width:420px;margin:0 auto;font-size:.88rem;line-height:1.6}.insp-placeholder-desc strong{color:#22d3ee}.inspector-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.inspector-source-badge{color:var(--text-dim,#88a);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.78rem}.inspector-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width<=500px){.inspector-grid{grid-template-columns:1fr 1fr}}.inspector-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:16px}.inspector-stat__val{color:#22d3ee;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800}.inspector-stat__lbl{color:var(--text-dim,#88a);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:.72rem}.col-table{border-collapse:collapse;width:100%;font-size:.82rem}.col-table th{text-align:left;color:var(--text-dim,#88a);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#22d3ee0d;border-bottom:1px solid #ffffff12;padding:9px 12px;font-size:.75rem;font-weight:700}.col-table td{color:#ccc;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:9px 12px}.col-table tr:hover td{background:#ffffff06}.col-samples{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-family:JetBrains Mono,monospace;font-size:.76rem;overflow:hidden;color:var(--text-dim,#88a)!important}.fill-bar{vertical-align:middle;background:#ffffff14;border-radius:3px;flex-shrink:0;width:52px;height:6px;margin-right:6px;display:inline-block;overflow:hidden}.fill-bar__inner{border-radius:3px;height:100%;transition:width .3s}[data-theme=light] body{background:#e8edf5}[data-theme=light] .breadcrumb,[data-theme=light] .breadcrumb a{color:#64748b}[data-theme=light] .breadcrumb a:hover{color:#0891b2}[data-theme=light] .tool-hero__title{color:#0f172a}[data-theme=light] .tool-hero__title .accent{color:#0891b2}[data-theme=light] .tool-hero__subtitle{color:#475569}[data-theme=light] .or-divider{color:#94a3b8}[data-theme=light] .or-divider:before,[data-theme=light] .or-divider:after{background:#0000001a}[data-theme=light] .file-chip{color:#0891b2;background:#0891b212;border-color:#0891b240}[data-theme=light] .indent-btn,[data-theme=light] .empty-val-btn{color:#475569;background:#f0f4f9;border-color:#00000026}[data-theme=light] .indent-btn:hover,[data-theme=light] .empty-val-btn:hover{color:#0891b2;background:#e8edf5;border-color:#0891b266}[data-theme=light] .indent-btn.active,[data-theme=light] .empty-val-btn.active{color:#0891b2;background:#0891b21a;border-color:#0891b280}[data-theme=light] .checkbox-row{color:#475569}[data-theme=light] .checkbox-row input[type=checkbox]{accent-color:#0891b2}[data-theme=light] .option-hint{color:#94a3b8}[data-theme=light] .option-hint code{color:#475569;background:#0000000f}[data-theme=light] .preview-title{color:#0f172a}[data-theme=light] .preview-badge{color:#0891b2;background:#0891b21a}[data-theme=light] .preview-table-wrap{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .preview-table th{color:#0891b2;background:#f0f4f9;border-bottom-color:#00000014}[data-theme=light] .preview-table td{color:#334155;border-bottom-color:#0000000a}[data-theme=light] .preview-table tr:hover td{background:#f8fafc}[data-theme=light] .type-badge--number{color:#0891b2;background:#0891b21f}[data-theme=light] .type-badge--string{color:#0891b2;background:#0891b21a}[data-theme=light] .type-badge--boolean{color:#065f46;background:#065f461a}[data-theme=light] .type-badge--mixed{color:#7c3aed;background:#7c3aed1a}[data-theme=light] .type-badge--null{color:#94a3b8;background:#0000000f}[data-theme=light] .section-heading{color:#0f172a}[data-theme=light] .how-step{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .how-step__num{color:#0891b2;background:#0891b21a}[data-theme=light] .how-step__title{color:#0f172a}[data-theme=light] .how-step__desc{color:#475569}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item-enhanced{background:#fff;border:1px solid #0000001a;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item-enhanced:hover{border-color:#0891b259;box-shadow:0 2px 10px #0891b214}[data-theme=light] .faq-item-enhanced[open]{border-color:#0891b266 #0891b266 #0891b266 #0891b2;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #0891b21a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item-enhanced[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#0891b2}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}[data-theme=light] .faq-item__answer code{color:#0891b2;background:#0000000f}[data-theme=light] .insp-placeholder-title{color:#0f172a}[data-theme=light] .insp-placeholder-desc{color:#475569}[data-theme=light] .insp-placeholder-desc strong{color:#0891b2}[data-theme=light] .inspector-source-badge{color:#64748b;background:#f0f4f9;border-color:#0000001a}[data-theme=light] .inspector-stat{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .inspector-stat__val{color:#0891b2}[data-theme=light] .inspector-stat__lbl{color:#64748b}[data-theme=light] .col-table th{color:#64748b;background:#f0f4f9;border-bottom-color:#00000014}[data-theme=light] .col-table td{color:#334155;border-bottom-color:#0000000d}[data-theme=light] .col-table tr:hover td{background:#f8fafc}[data-theme=light] .col-samples{color:#64748b!important}[data-theme=light] .fill-bar{background:#00000014}