*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{padding:10px 0 64px}.page-constrained{max-width:1200px;margin:0 auto;padding:0 24px}.page-header h1{margin:0 0 4px;font-size:28px;font-weight:800}.page-header p{color:#6b7280;margin:0 0 24px}.editor-card,.result-card{background:#fff;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000000f}.result-card{border-radius:0;width:100%;margin-bottom:0;padding:20px 24px}.editor-resizable{resize:vertical;border:1px solid #e5e7eb;border-radius:10px;height:320px;min-height:160px;display:flex;overflow:hidden}.editor-resizable>div{width:100%;height:100%}.editor-resizable .cm-editor{border:none;border-radius:10px;height:100%;max-height:100%}.editor-resizable .cm-scroller{height:100%;overflow:auto!important}.validity-line{margin-top:8px;font-size:13px;font-weight:600}.validity-line.valid{color:#16a34a}.validity-line.invalid{color:#dc2626}.toolbar{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.toolbar-left,.toolbar-right{gap:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:filter .15s}.btn:hover{filter:brightness(.95)}.btn-amber{color:#fff;background:#f59e0b}.btn-pink{color:#dc2626;background:#fee2e2}.btn-blue{color:#fff;background:#2563eb}.btn-icon{background:#fff;border:1px solid #e5e7eb;width:38px;padding:0;font-size:16px}.result-card h2{margin:0 0 16px;font-size:18px}.error-text{color:#dc2626;font-weight:600}.table-wrapper{overflow-x:auto}.json-block{vertical-align:top;border:1px solid #d1d5db;display:inline-block}.block-header{background:#f9fafb;border-bottom:1px solid #d1d5db;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.block-label{font-weight:700}.block-meta{color:#9ca3af;margin-left:4px;font-size:11px}.collapse-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:0;font-size:13px;line-height:1}.json-table{border-collapse:collapse;font-size:14px}.json-table th,.json-table td{text-align:left;vertical-align:top;white-space:nowrap;border:1px solid #e5e7eb;padding:3px 5px}.cell-string,.cell-number,.cell-bool,.cell-null{white-space:normal;overflow-wrap:break-word;word-break:normal;max-width:500px;display:inline-block}.json-table th{color:#374151;background:#f9fafb;font-weight:700}.index-cell{color:#6b7280;font-weight:600}.object-table .object-key-cell{color:#374151;background:#f9fafb;font-weight:700}.cell-string{color:#111827}.cell-number{color:#d2691e}.cell-bool{color:#00f}.cell-null{color:#9ca3af;font-style:italic}.cell-empty{color:#9ca3af}.cell-primitive-array{white-space:normal}