.json-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:12px 16px;background:linear-gradient(135deg, #f8fafc, #fff);border-radius:60px;border:1px solid var(--gray-200)}.tool-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.indent-buttons{display:flex;gap:8px;background:var(--gray-100);padding:4px;border-radius:60px}.indent-btn{background:transparent;border:none;padding:6px 16px;border-radius:40px;cursor:pointer;font-size:0.8rem;transition:all 0.2s}.indent-btn.active{background:var(--primary-color);color:white;box-shadow:0 2px 6px rgba(59,130,246,0.3)}.json-editor-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.editor-panel{background:white;border-radius:24px;overflow:hidden;border:1px solid var(--gray-200);transition:box-shadow .2s}.editor-panel:focus-within{box-shadow:0 4px 20px rgba(0,0,0,0.08);border-color:var(--primary-light)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-weight:500}.panel-actions{display:flex;gap:12px}.action-icon{background:transparent;border:none;cursor:pointer;color:var(--gray-500);font-size:0.9rem;transition:color 0.2s}.action-icon:hover{color:var(--primary-color)}.json-textarea,.json-output{width:100%;min-height:400px;padding:20px;font-family:'Monaco','Menlo',monospace;font-size:13px;line-height:1.5;border:none;resize:vertical;background:#1a1a2e;color:#e0e0e0}.json-textarea:focus{outline:none}.json-output{margin:0;white-space:pre-wrap;word-break:break-all;overflow:auto}.panel-footer{padding:8px 20px;background:var(--gray-50);border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;font-size:0.7rem;color:var(--gray-500)}.find-modal{position:fixed;top:80px;right:30px;background:white;border-radius:48px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.15);border:1px solid var(--gray-200);z-index:1000}.find-modal-content{display:flex;align-items:center;gap:8px;padding:8px 16px}.find-modal-content input{padding:8px 12px;border:1px solid var(--gray-300);border-radius:40px;width:200px}.find-btn{background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:30px;transition:all 0.2s}.find-btn:hover{background:var(--gray-100);color:var(--primary-color)}@media (max-width:900px){.json-editor-container{grid-template-columns:1fr}.json-toolbar{flex-direction:column;border-radius:24px}}