body{margin:0;padding:0;font-family:Outfit,sans-serif}.file-viewer{position:relative;width:100%;height:100%;min-height:200px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.file-viewer__preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.file-viewer__preview-image{max-width:100%;max-height:100%;object-fit:contain}.file-viewer__preview-pdf{width:100%;height:100%;border:none}.file-viewer__loading,.file-viewer__error,.file-viewer__empty,.file-viewer__no-preview{padding:20px;text-align:center;color:#666}.file-viewer__error{color:#d32f2f}.file-viewer__download-icon{position:absolute;top:12px;left:12px;width:40px;height:40px;border-radius:50%;background-color:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000026;z-index:10}.file-viewer__download-icon:hover{background-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.file-viewer__download-icon:disabled{opacity:.5;cursor:not-allowed}.file-viewer__download-icon svg{color:#1976d2}.sticky-wrapper{will-change:transform,opacity,position;backface-visibility:hidden;transform:translateZ(0)}.sticky-wrapper.sticky-active{box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(10px);background:#fffffff2}.sticky-wrapper.sticky-visible{transform:translateY(0);opacity:1;pointer-events:auto}.sticky-wrapper.sticky-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.sticky-wrapper{transition:all .3s ease-in-out}@media (max-width: 768px){.sticky-wrapper{transition-duration:.2s}.sticky-wrapper.sticky-active{box-shadow:0 1px 4px #00000026}}.sticky-wrapper{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000}.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}}