body{margin:0;padding:0;font-family:Outfit,sans-serif}.jsoneditor-root{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;background:#f5f7fa;color:#222;min-height:100vh}.jsoneditor-editorContainer{width:100%;max-width:900px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012;padding:32px 24px 24px;margin:32px 0;overflow:auto}.jsoneditor-headerRow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem}.jsoneditor-titleText{font-size:2rem;font-weight:600;color:teal}.jsoneditor-beautifyBtnWrap{margin-left:1rem}.jsoneditor-beautifyButton{background:teal;color:#fff;border:none;border-radius:4px;padding:8px 18px;font-size:1rem;cursor:pointer;margin-right:1rem;transition:background .2s}.jsoneditor-beautifyButton:hover{background:#066}.jsoneditor-validator{display:flex;align-items:center;margin-top:.5rem}.jsoneditor-successIcon{color:green;font-size:1.5rem;margin-right:.5rem}.jsoneditor-errorIcon{color:#d32f2f;font-size:1.5rem;margin-right:.5rem}.jsoneditor-validatorText{font-size:1rem}.jsoneditor-valid{color:teal}.jsoneditor-invalid{color:#d32f2f}.jsoneditor-textArea{width:100%;min-height:320px;max-height:70vh;padding:16px;font-size:16px;font-family:monospace;border:1px solid #e0e0e0;border-radius:4px;resize:vertical;margin:1.5rem 0;background:#f9f9f9;color:#222;box-sizing:border-box}.jsoneditor-footerRow{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem}.jsoneditor-saveButton{background:teal;color:#fff;border:none;border-radius:4px;padding:10px 28px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .2s}.jsoneditor-saveButton:hover{background:#066}.jsoneditor-extra{margin-left:1.5rem}@media(max-width:600px){.jsoneditor-editorContainer{padding:12px 4px 16px}.jsoneditor-titleText{font-size:1.3rem}.jsoneditor-footerRow{flex-direction:column;align-items:stretch;gap:1rem}}.notification-sound-floating-button{position:fixed;z-index:10000;background:#ff4d4f;color:#fff;padding:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 4px 15px #ff4d4f66;animation:slideInNotificationSound .4s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s ease,background .2s ease,box-shadow .2s ease;user-select:none;touch-action:none}.notification-sound-floating-button:hover{transform:translateY(-2px) scale(1.02);background:#ff7875;box-shadow:0 6px 20px #ff4d4f80}.notification-sound-floating-button:active{cursor:grabbing}.sound-icon{display:flex;align-items:center;justify-content:center;animation:pulseNotificationSound 1.5s infinite ease-in-out}@keyframes slideInNotificationSound{0%{transform:translateY(100px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pulseNotificationSound{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.audio-context-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;backdrop-filter:blur(4px);z-index:11000;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeInNotificationSound .3s ease-out}.overlay-content{background:#fff;padding:40px;border-radius:24px;text-align:center;box-shadow:0 20px 40px #0003;max-width:420px;width:90%;animation:scaleUpNotificationSound .4s cubic-bezier(.175,.885,.32,1.275)}.overlay-icon{font-size:64px;margin-bottom:20px;animation:bounceNotificationSound 2s infinite ease-in-out}.enable-audio-btn{margin-top:24px;padding:14px 40px;background:#ff4d4f;color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 15px #ff4d4f4d}.enable-audio-btn:hover{transform:scale(1.05);background:#ff7875}@keyframes fadeInNotificationSound{0%{opacity:0}to{opacity:1}}@keyframes scaleUpNotificationSound{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceNotificationSound{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}