*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root,body{height:100vh}#root{display:flex;flex-direction:column}.left-panel{border-right:1px solid #e0e0e0;flex:1 1;min-width:300px}.right-panel{background:#fff;display:flex;flex:1 1;flex-direction:column;min-width:300px;transition:all .3s ease}.right-panel.hidden{flex:0 1;min-width:0;overflow:hidden;width:0}@media (max-width:768px){.main-content{flex-direction:column}.left-panel,.right-panel{min-width:0;min-width:auto}.resize-handle{display:none}}.app{background:#f8f9fa;display:flex;flex-direction:column;height:100vh}.main-content{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative}.editor-container{align-items:stretch;display:flex;height:100%;overflow:hidden;width:100%}.main-content>.json-compare{display:flex;flex-direction:column;height:100%;width:100%}.left-panel:not(.left-panel-full),.right-panel{border-right:1px solid #e0e0e0;flex-grow:0;flex-shrink:0;min-width:200px}.left-panel,.left-panel:not(.left-panel-full),.right-panel{background:#fff;display:flex;flex-direction:column;overflow:hidden}.right-panel{border-left:1px solid #e0e0e0;border-right:none}.left-panel-full{border-left:none!important;border-right:none!important;flex-basis:100%!important;flex-grow:1!important;flex-shrink:1!important;min-width:100%!important;width:100%!important}.panel-header{background:#f8f9fa;padding:12px 16px}.panel-content{display:flex;flex-direction:column;overflow:hidden}.resize-handle{transition:background .2s;-webkit-user-select:none;user-select:none;z-index:10}.resize-handle:after{background:#999;border-radius:1px;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.compare-info{color:#666;line-height:1.6;padding:20px}.compare-info h3{color:#333;font-size:16px;margin-bottom:12px}.compare-info p{font-size:14px;margin-bottom:8px}@media (prefers-color-scheme:dark){.app{background:#1a1a1a}.left-panel:not(.left-panel-full),.right-panel{background:#1a1a1a;border-right-color:#333}.left-panel{background:#1a1a1a}.right-panel{border-left-color:#333}.panel-header{background:#2a2a2a;border-bottom-color:#333;color:#e0e0e0}.resize-handle{background:#333}.resize-handle:hover{background:#007bff}.resize-handle:after{background:#666}.compare-info{color:#ccc}.compare-info h3{color:#e0e0e0}}@media (prefers-contrast:high){.app{background:#fff}.left-panel:not(.left-panel-full),.right-panel{background:#fff;border-right-color:#000}.left-panel{background:#fff}.right-panel{border-left-color:#000}.panel-header{background:#f0f0f0;border-bottom-color:#000;color:#000;font-weight:600}.resize-handle,.resize-handle:after,.resize-handle:hover{background:#000}.compare-info{color:#000}.compare-info h3{color:#000;font-weight:600}}@media (max-width:768px){.main-content{flex-direction:column}.left-panel,.right-panel{border-bottom:1px solid #e0e0e0;border-left:none;border-right:none;width:100%!important}.resize-handle{display:none}.compare-container{flex-direction:column}}.json-editor{height:100vh}.editor-header,.json-editor{display:flex;flex-direction:column}.editor-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;flex-shrink:0;gap:8px;padding:8px 16px}.string-type-indicator{align-items:center;animation:slideIn .3s ease-out;background:#e3f2fd;border:1px solid #2196f3;border-radius:4px;color:#1976d2;display:flex;font-size:13px;gap:6px;padding:6px 12px}.indicator-icon{font-size:14px}.indicator-text{font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.editor-title{color:#333;font-size:14px;font-weight:500;margin-right:16px}.editor-controls{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:flex-end}.view-mode-selector{background:#f5f5f5;border:1px solid #d0d0d0}.mode-btn{border-radius:3px;color:#333;font-size:13px;font-weight:500;padding:6px 12px}.mode-btn:hover{background:#e0e0e0}.action-buttons{gap:4px}.action-buttons,.tree-controls{align-items:center;display:flex}.tree-controls{border-right:1px solid #e0e0e0;gap:2px;margin-right:8px;padding-right:8px}.btn-small{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-small:hover{background:#f5f5f5;border-color:#999}.btn-small.danger{background:#dc3545;border-color:#dc3545;color:#fff}.btn-small.danger:hover{background:#c82333;border-color:#c82333}.editor-status{align-items:center;display:flex;gap:8px;margin-left:auto}.toggle-btn{background:none;border:none;border-radius:3px;color:#666;cursor:pointer;font-size:16px;padding:4px;transition:all .2s}.toggle-btn:hover{background:#f0f0f0;color:#333}.editor-container{flex:1 1;min-height:0;overflow:auto;position:relative}.textarea-container{height:100%;overflow:hidden;position:relative;width:100%}.editor-with-lines{display:flex;height:100%;width:100%}.textarea-wrapper{flex:1 1;height:100%;overflow:hidden;position:relative}.json-textarea{word-wrap:normal;bottom:0;box-sizing:border-box;left:0;line-height:20px;min-height:100%;overflow-x:auto;padding:16px 16px 16px 8px;position:absolute;right:0;top:0;white-space:pre}.json-textarea.default-gray{background:#fafafa;color:#666}.editor-footer{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -1px 3px #0000000d;flex-shrink:0;padding:8px 16px}.editor-info{color:#555;display:flex;font-size:12px;gap:16px}.editor-info span{white-space:nowrap}.tree-view{background:#fff;box-sizing:border-box;width:100%}.json-editor:has(.left-panel-full) .tree-view,.left-panel-full .tree-view{box-sizing:border-box!important;max-width:100%!important;padding:16px!important;width:100%!important}.tree-view .react-json-view{background:#0000!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:14px!important;max-width:100%!important;width:100%!important}.left-panel-full .tree-view .react-json-view{max-width:100%!important;min-width:100%!important;width:100%!important}.tree-view .react-json-view .string-value{color:green!important}.tree-view .react-json-view .number-value{color:#06c!important}.tree-view .react-json-view .boolean-value{color:#c60!important}.tree-view .react-json-view .null-value{color:#999!important;font-style:italic!important}.tree-view .react-json-view .object-key{color:#06c!important;font-weight:500!important}.tree-view .react-json-view .object-key-val{color:#06c!important}.tree-view .react-json-view .brace,.tree-view .react-json-view .bracket{color:#333!important;font-weight:700!important}.tree-view .react-json-view .colon,.tree-view .react-json-view .comma{color:#333!important}.tree-view .react-json-view .icon-container{cursor:pointer!important;margin-right:4px!important}.tree-view .react-json-view .icon-container:hover{background:#f0f0f0!important;border-radius:2px!important}.tree-view .react-json-view .object-size{color:#666!important;font-size:12px!important;font-style:italic!important;margin-left:8px!important}.timestamp-value{background:linear-gradient(135deg,#fef9e7,#fcf3cf)!important;border:1px solid #f39c12!important;border-bottom:2px solid #e67e22!important;border-radius:4px!important;box-shadow:0 1px 3px #e67e221a!important;color:#e67e22!important;cursor:help!important;display:inline-block!important;font-size:13px!important;font-weight:600!important;margin-left:4px!important;padding:3px 8px!important;position:relative!important;text-shadow:0 1px 1px #fffc!important;transition:all .3s ease!important}.timestamp-value:hover{background:linear-gradient(135deg,#fcf3cf,#f7dc6f)!important;border-bottom-width:3px!important;border-color:#e67e22!important;box-shadow:0 4px 8px #e67e224d!important;transform:translateY(-2px)!important}.timestamp-value[title]:hover:after{word-wrap:break-word;animation:tooltipFadeIn .2s ease-out;background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #34495e;border-radius:8px;box-shadow:0 6px 20px #0006;color:#fff;content:attr(title);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;margin-bottom:8px;max-width:350px;padding:12px 16px;white-space:nowrap;white-space:normal}.timestamp-value[title]:hover:after,.timestamp-value[title]:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.timestamp-value[title]:hover:before{border:6px solid #0000;border-top-color:#2c3e50;content:"";margin-bottom:-6px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.json-empty{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:4px;color:#999;font-style:italic;padding:40px 20px;text-align:center}.json-error{margin:8px 0}.error-tooltip{animation:slideInRight .3s ease-out;max-width:400px;position:absolute;right:20px;top:20px;z-index:1000}.error-tooltip-content{background:#fff;border:1px solid #dc3545;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:13px;line-height:1.4;padding:16px}.error-tooltip-header{align-items:center;color:#dc3545;display:flex;font-weight:600;margin-bottom:8px}.error-icon{font-size:16px;margin-right:8px}.error-title{font-size:14px}.error-message{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin-bottom:8px;padding:8px;word-break:break-word}.sidebar-popup{animation:sidebarPopupSlideIn .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:calc(100% - 40px);position:absolute;right:20px;top:20px;width:320px;z-index:1000}@keyframes sidebarPopupSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.sidebar-popup.success{border:1px solid #28a745}.sidebar-popup.success .sidebar-popup-header{background:#28a745;color:#fff}.sidebar-popup.success .sidebar-popup-message{color:#155724}.sidebar-popup.success .sidebar-popup-jump-btn{background:#28a745;color:#fff}.sidebar-popup.success .sidebar-popup-jump-btn:hover{background:#218838}.sidebar-popup.error{border:1px solid #dc3545}.sidebar-popup.error .sidebar-popup-header{background:#dc3545;color:#fff}.sidebar-popup.error .sidebar-popup-message{color:#721c24}.sidebar-popup.error .sidebar-popup-jump-btn{background:#dc3545;color:#fff}.sidebar-popup.error .sidebar-popup-jump-btn:hover{background:#c82333}.sidebar-popup.warning{border:1px solid #ffc107}.sidebar-popup.warning .sidebar-popup-header{background:#ffc107;color:#212529}.sidebar-popup.warning .sidebar-popup-message{color:#856404}.sidebar-popup.warning .sidebar-popup-jump-btn{background:#ffc107;color:#212529}.sidebar-popup.warning .sidebar-popup-jump-btn:hover{background:#e0a800}.sidebar-popup.info{border:1px solid #17a2b8}.sidebar-popup.info .sidebar-popup-header{background:#17a2b8;color:#fff}.sidebar-popup.info .sidebar-popup-message{color:#0c5460}.sidebar-popup.info .sidebar-popup-jump-btn{background:#17a2b8;color:#fff}.sidebar-popup.info .sidebar-popup-jump-btn:hover{background:#138496}.sidebar-popup-header{align-items:center;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.sidebar-popup-title{font-size:14px;font-weight:600}.sidebar-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.sidebar-popup-close:hover{background:#0000001a}.sidebar-popup-content{padding:16px}.sidebar-popup-message{font-size:13px;line-height:1.4;margin-bottom:12px;word-break:break-word}.sidebar-popup-actions{display:flex;justify-content:flex-end}.sidebar-popup-jump-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s}.error-position{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#6c757d;font-size:12px;margin-bottom:12px;padding:8px 12px;transition:all .2s ease}.error-position:hover{background:#e9ecef;border-left-color:#c82333;transform:translateX(2px)}.error-suggestions{border-top:1px solid #e9ecef;padding-top:12px}.suggestion-title{color:#495057;font-size:12px;font-weight:600;margin-bottom:8px}.error-suggestions ul{color:#6c757d;margin:0;padding-left:16px}.error-suggestions li{font-size:12px;line-height:1.3;margin-bottom:4px}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.json-editor.light{background:#fff}.json-editor.light .editor-header{background:#fff;border-bottom-color:#e0e0e0;box-shadow:0 1px 3px #0000000d}.json-editor.light .editor-title{color:#333}.json-editor.light .view-mode-selector{background:#f8f9fa}.json-editor.light .mode-btn{color:#333}.json-editor.light .mode-btn:hover{background:#e9ecef}.json-editor.light .mode-btn.active{background:#007bff;color:#fff}.json-editor.light .btn-small{background:#fff;border-color:#dee2e6;color:#333}.json-editor.light .btn-small:hover{background:#f8f9fa;border-color:#adb5bd}.json-editor.light .btn-small.danger{background:#dc3545;border-color:#dc3545;color:#fff}.json-editor.light .btn-small.danger:hover{background:#c82333;border-color:#c82333}.json-editor.light .tree-controls{border-right-color:#dee2e6}.json-editor.light .toggle-btn{color:#333}.json-editor.light .toggle-btn:hover{background:#f8f9fa}.json-editor.light .status-indicator.valid{background:#d4edda;color:#155724}.json-editor.light .status-indicator.invalid{background:#f8d7da;color:#721c24}.json-editor.light .json-empty{color:#6c757d}.json-editor.light .json-error{color:#dc3545}@media (prefers-color-scheme:dark){.editor-header,.json-editor{background:#1a1a1a}.editor-header{border-bottom-color:#333;box-shadow:0 1px 3px #0000004d}.editor-title{color:#e0e0e0}.view-mode-selector{background:#2a2a2a;border-color:#444}.mode-btn{color:#e0e0e0}.mode-btn:hover{background:#3a3a3a}.mode-btn.active{background:#007bff;color:#fff}.btn-small{background:#2a2a2a;border-color:#444;color:#e0e0e0}.btn-small:hover{background:#3a3a3a;border-color:#666}.btn-small.danger{background:#dc3545;border-color:#dc3545;color:#fff}.btn-small.danger:hover{background:#c82333;border-color:#c82333}.tree-controls{border-right-color:#444}.toggle-btn{color:#e0e0e0}.toggle-btn:hover{background:#3a3a3a;color:#fff}.editor-footer{background:#1a1a1a;border-top-color:#333;box-shadow:0 -1px 3px #0000004d}.editor-info{color:#ccc}.json-textarea{background:#1a1a1a;color:#e0e0e0}.json-textarea.default-gray{background:#2a2a2a;color:#999}.json-textarea.invalid{background:#2a1a1a;border-left-color:#dc3545}.json-textarea::placeholder{color:#666}.tree-view{background:#1a1a1a}.json-empty{background:#2a2a2a;border-color:#444;color:#999}.json-error{background:#2a1a1a;border-color:#dc3545;color:#dc3545}.error-tooltip-content{background:#2a2a2a;border-color:#dc3545;color:#e0e0e0}.error-tooltip-header{color:#dc3545}.error-message{background:#2a1a1a;color:#f8d7da}.error-position{background:#2a2a2a;border-color:#444;color:#ccc}.error-position:hover{background:#3a3a3a;border-left-color:#c82333}.suggestion-title{color:#e0e0e0}.error-suggestions ul{color:#ccc}.sidebar-popup{background:#2a2a2a;border-color:#444}.sidebar-popup.success{border-color:#28a745}.sidebar-popup.error{border-color:#dc3545}.sidebar-popup.warning{border-color:#ffc107}.sidebar-popup.info{border-color:#17a2b8}.sidebar-popup-message{color:#e0e0e0}.sidebar-popup.success .sidebar-popup-message{color:#d4edda}.sidebar-popup.error .sidebar-popup-message{color:#f8d7da}.sidebar-popup.warning .sidebar-popup-message{color:#fff3cd}.sidebar-popup.info .sidebar-popup-message{color:#d1ecf1}.json-textarea::-webkit-scrollbar-track,.tree-view::-webkit-scrollbar-track{background:#2a2a2a}.json-textarea::-webkit-scrollbar-thumb,.tree-view::-webkit-scrollbar-thumb{background:#555}.json-textarea::-webkit-scrollbar-thumb:hover,.tree-view::-webkit-scrollbar-thumb:hover{background:#777}}@media (prefers-contrast:high){.editor-header,.json-editor{background:#fff}.editor-header{border-bottom-color:#000;box-shadow:0 1px 3px #00000080}.editor-title{color:#000;font-weight:600}.view-mode-selector{background:#f0f0f0;border-color:#000}.mode-btn{color:#000;font-weight:600}.mode-btn:hover{background:#e0e0e0}.mode-btn.active{background:#000;color:#fff}.btn-small{background:#fff;border-color:#000;color:#000;font-weight:600}.btn-small:hover{background:#f0f0f0}.btn-small.danger{background:#000;border-color:#000;color:#fff}.btn-small.danger:hover{background:#333}.tree-controls{border-right-color:#000}.toggle-btn{color:#000}.toggle-btn:hover{background:#f0f0f0}.editor-footer{background:#fff;border-top-color:#000;box-shadow:0 -1px 3px #00000080}.editor-info{color:#000;font-weight:600}.json-textarea{background:#fff;color:#000}.json-textarea.default-gray{background:#f8f8f8;color:#333}.json-textarea.invalid{background:#fff5f5;border-left-color:#000}.json-textarea::placeholder{color:#666}.tree-view{background:#fff}.json-empty{background:#f8f8f8;border-color:#000;color:#333}.json-error{background:#fff5f5;border-color:#000;color:#000}}.json-editor.light-theme{background:#fff;color:#333}.json-editor.light-theme .editor-header{background:#fff;border-bottom-color:#e0e0e0;box-shadow:0 1px 3px #0000000d}.json-editor.light-theme .editor-title{color:#333}.json-editor.light-theme .view-mode-selector{background:#f5f5f5;border-color:#d0d0d0}.json-editor.light-theme .mode-btn{color:#333}.json-editor.light-theme .mode-btn:hover{background:#e0e0e0}.json-editor.light-theme .mode-btn.active{background:#007bff;color:#fff}.json-editor.light-theme .action-buttons{border-left-color:#e0e0e0}.json-editor.light-theme .btn-small{background:#fff;border-color:#d0d0d0;color:#333}.json-editor.light-theme .btn-small:hover{background:#f5f5f5;border-color:#999}.json-editor.light-theme .btn-small.danger{background:#dc3545;border-color:#dc3545;color:#fff}.json-editor.light-theme .btn-small.danger:hover{background:#c82333}.json-editor.light-theme .tree-controls{border-right-color:#e0e0e0}.json-editor.light-theme .toggle-btn{color:#333}.json-editor.light-theme .toggle-btn:hover{background:#e0e0e0}.json-editor.light-theme .editor-footer{background:#fff;border-top-color:#e0e0e0;box-shadow:0 -1px 3px #0000000d}.json-editor.light-theme .editor-info{color:#333}.json-editor.light-theme .json-textarea{background:#fff;border-color:#d0d0d0;color:#333}.json-editor.light-theme .json-textarea.default-gray{background:#f8f8f8;color:#333}.json-editor.light-theme .json-textarea.invalid{background:#fff5f5;border-left-color:#dc3545}.json-editor.light-theme .json-textarea::placeholder{color:#999}.json-editor.light-theme .tree-view{background:#fff}.json-editor.light-theme .json-empty{background:#f8f8f8;border-color:#d0d0d0;color:#333}.json-editor.light-theme .json-error{background:#fff5f5;border-color:#dc3545;color:#dc3545}.json-editor.dark-theme{background:#1e1e1e;color:#d4d4d4}.json-editor.dark-theme .editor-header{background:#2d2d30;border-bottom-color:#3e3e42;box-shadow:0 1px 3px #0000004d}.json-editor.dark-theme .editor-title{color:#ccc}.json-editor.dark-theme .view-mode-selector{background:#3c3c3c;border-color:#464647}.json-editor.dark-theme .mode-btn{color:#ccc}.json-editor.dark-theme .mode-btn:hover{background:#464647}.json-editor.dark-theme .mode-btn.active{background:#007acc;color:#fff}.json-editor.dark-theme .action-buttons{border-left-color:#3e3e42}.json-editor.dark-theme .btn-small{background:#0e639c;border-color:#17b;color:#fff}.json-editor.dark-theme .btn-small:hover{background:#17b}.json-editor.dark-theme .btn-small.danger{background:#d73a49;border-color:#d73a49;color:#fff}.json-editor.dark-theme .btn-small.danger:hover{background:#b31d28}.json-editor.dark-theme .tree-controls{border-right-color:#3e3e42}.json-editor.dark-theme .toggle-btn{color:#ccc}.json-editor.dark-theme .toggle-btn:hover{background:#464647}.json-editor.dark-theme .editor-footer{background:#2d2d30;border-top-color:#3e3e42;box-shadow:0 -1px 3px #0000004d}.json-editor.dark-theme .editor-info{color:#ccc}.json-editor.dark-theme .json-textarea{background:#1e1e1e;border-color:#3e3e42;color:#d4d4d4}.json-editor.dark-theme .json-textarea.default-gray{background:#252526;color:#ccc}.json-editor.dark-theme .json-textarea.invalid{background:#2d1b1b;border-left-color:#d73a49}.json-editor.dark-theme .json-textarea::placeholder{color:#858585}.json-editor.dark-theme .tree-view{background:#1e1e1e}.json-editor.dark-theme .json-empty{background:#252526;border-color:#3e3e42;color:#ccc}.json-editor.dark-theme .json-error{background:#2d1b1b;border-color:#d73a49;color:#f48771}.json-editor.dark-theme .string-type-indicator{background:#1a237e;border-color:#3f51b5;color:#90caf9}.json-editor.hc-theme{background:#000;color:#fff}.json-editor.hc-theme .editor-header{background:#000;border-bottom-color:#fff;box-shadow:0 1px 3px #ffffff4d}.json-editor.hc-theme .editor-title{color:#fff}.json-editor.hc-theme .view-mode-selector{background:#000;border-color:#fff}.json-editor.hc-theme .mode-btn{color:#fff}.json-editor.hc-theme .mode-btn:hover{background:#333}.json-editor.hc-theme .mode-btn.active{background:#fff;color:#000}.json-editor.hc-theme .action-buttons{border-left-color:#fff}.json-editor.hc-theme .btn-small{background:#fff;border-color:#fff;color:#000}.json-editor.hc-theme .btn-small:hover{background:#ccc}.json-editor.hc-theme .btn-small.danger{background:red;border-color:red;color:#fff}.json-editor.hc-theme .btn-small.danger:hover{background:#c00}.json-editor.hc-theme .tree-controls{border-right-color:#fff}.json-editor.hc-theme .toggle-btn{color:#fff}.json-editor.hc-theme .toggle-btn:hover{background:#333}.json-editor.hc-theme .editor-footer{background:#000;border-top-color:#fff;box-shadow:0 -1px 3px #ffffff4d}.json-editor.hc-theme .editor-info{color:#fff}.json-editor.hc-theme .json-textarea{background:#000;border-color:#fff;color:#fff}.json-editor.hc-theme .string-type-indicator{background:#000;border-color:#ff0;color:#ff0}.json-editor.hc-theme .json-textarea.default-gray{background:#000;color:#fff}.json-editor.hc-theme .json-textarea.invalid{background:#300;border-left-color:red}.json-editor.hc-theme .json-textarea::placeholder{color:#ccc}.json-editor.hc-theme .tree-view{background:#000}.json-editor.hc-theme .json-empty{background:#000;border-color:#fff;color:#fff}.json-editor.hc-theme .json-error{background:#300;border-color:red;color:red}.json-viewer{background:#fff;display:flex;flex-direction:column;height:100%}.viewer-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 16px}.viewer-title{color:#555;font-size:14px;font-weight:500}.viewer-controls{align-items:center;display:flex;gap:12px}.view-mode-selector{background:#e9ecef;border-radius:4px;display:flex;gap:2px;padding:2px}.mode-btn{background:#0000;border:none;border-radius:2px;color:#666;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.mode-btn:hover{background:#dee2e6;color:#333}.mode-btn.active{background:#007bff;color:#fff}.viewer-status{align-items:center;display:flex;gap:8px}.status-indicator{border-radius:3px;font-size:12px;font-weight:500;padding:2px 6px}.status-indicator.valid{background:#d4edda;color:#155724}.status-indicator.invalid{background:#f8d7da;color:#721c24}.viewer-content{flex:1 1;overflow:hidden;position:relative}.tree-view{line-height:1.6}.json-textarea,.tree-view{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;height:100%;overflow-y:auto;padding:16px}.json-textarea{background:#fff;border:none;color:#333;line-height:1.5;outline:none;resize:none;width:100%}.json-textarea.invalid{background:#fff5f5;border-left:3px solid #dc3545}.json-textarea::placeholder{color:#999;font-style:italic}.viewer-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;flex-shrink:0;padding:8px 16px}.viewer-info{color:#666;display:flex;font-size:12px;gap:16px}.viewer-info span{white-space:nowrap}.json-array,.json-item,.json-object{margin:2px 0}.json-item{align-items:flex-start;display:flex;gap:4px}.json-key{color:#06c;flex-shrink:0;font-weight:500}.json-string{color:green}.json-number{color:#06c}.json-boolean{color:#c60}.json-null,.json-undefined{color:#999;font-style:italic}.json-bracket{color:#333;font-weight:700}.json-comma{color:#333;margin-left:4px}.json-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;padding:8px}.json-unknown{color:#666}.json-textarea::-webkit-scrollbar,.tree-view::-webkit-scrollbar{width:8px}.json-textarea::-webkit-scrollbar-track,.tree-view::-webkit-scrollbar-track{background:#f1f1f1}.json-textarea::-webkit-scrollbar-thumb,.tree-view::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.json-textarea::-webkit-scrollbar-thumb:hover,.tree-view::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.viewer-controls{align-items:flex-end;flex-direction:column;gap:8px}.viewer-info{flex-direction:column;gap:4px}}.json-compare{display:flex;flex-direction:column;height:100%}.compare-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.compare-title{font-size:16px}.compare-stats{align-items:center;display:flex;gap:12px}.diff-count{background:#007bff;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.compare-content{display:flex;flex:1 1;overflow:hidden}.compare-content.three-column{align-items:stretch;display:flex}.compare-panel{border-right:1px solid #e0e0e0;display:flex;flex-direction:column;min-width:0}.compare-panel:last-child{border-right:none}.resize-handle{background:#e0e0e0;cursor:col-resize;flex-shrink:0;position:relative;transition:background-color .2s ease;width:4px}.resize-handle:hover{background:#007bff}.resize-handle:active{background:#0056b3}.diff1-panel,.diff2-panel{background:#fafafa}.details-panel{background:#f8f9fa}.panel-header{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#555;display:flex;flex-shrink:0;font-size:14px;font-weight:500;justify-content:space-between;padding:8px 16px}.panel-header-actions{align-items:center;display:flex;gap:8px}.edit-actions{display:flex;gap:6px}.btn-cancel,.btn-edit,.btn-save{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.btn-edit{background:#007bff;border-color:#007bff;color:#fff}.btn-edit:hover{background:#0056b3;border-color:#0056b3}.btn-save{background:#28a745;border-color:#28a745;color:#fff}.btn-save:hover{background:#1e7e34;border-color:#1e7e34}.btn-cancel{background:#6c757d;border-color:#6c757d;color:#fff}.btn-cancel:hover{background:#545b62;border-color:#545b62}.error-indicator{background:#dc3545;border-radius:3px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.panel-content{flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;overflow:auto;padding:16px}.json-content{white-space:pre}.edit-content{display:flex;flex-direction:column;height:100%}.json-editor{background:#0000;border:none;color:inherit;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;margin:0;outline:none;padding:0;resize:none;width:100%}.edit-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-family:inherit;font-size:12px;margin-top:8px;padding:8px 12px}.json-line{margin:0;padding:1px 0}.diff-line{margin-left:-8px;padding-left:8px}.diff-line.diff-added{background:#28a74526;border-left:3px solid #28a745}.diff-line.diff-removed{background:#dc354526;border-left:3px solid #dc3545}.diff-line.diff-modified{background:#ffc10726;border-left:3px solid #ffc107}.empty-message{color:#999;font-style:italic;padding:40px 20px;text-align:center}.error-message{border-radius:4px;font-family:inherit;padding:12px;white-space:pre-wrap}.diff-count-small{background:#007bff;border-radius:8px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.differences-content{height:100%;overflow-y:auto;padding:0}.difference-item{border:1px solid #e9ecef;border-radius:6px;font-size:13px;margin-bottom:8px;padding:12px 16px;position:relative;transition:all .2s ease}.difference-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.difference-item:last-child{margin-bottom:0}.diff-path{align-items:center;border-left:3px solid #007bff;border-radius:4px;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:600;gap:8px;margin-bottom:8px;padding:4px 8px}.diff-type-badge{background:#007bff;border-radius:3px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.diff-left_missing .diff-type-badge{background:#28a745}.diff-right_missing .diff-type-badge{background:#dc3545}.diff-modified .diff-type-badge{background:#ffc107;color:#212529}.diff-values{display:flex;flex-direction:column;gap:8px;margin-top:6px}.diff-left_missing{border:1px solid #c3e6cb;border-radius:4px}.diff-left_missing,.diff-right_missing{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin-bottom:4px;padding:6px 8px}.diff-right_missing{border:1px solid #f5c6cb;border-radius:4px}.diff-label{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;opacity:.9;text-transform:uppercase}.diff-value{border-radius:2px;display:block;font-size:12px;line-height:1.4;margin-top:2px;padding:2px 4px;word-break:break-all}.differences-list::-webkit-scrollbar,.panel-content::-webkit-scrollbar{width:8px}.differences-list::-webkit-scrollbar-track,.panel-content::-webkit-scrollbar-track{background:#f1f1f1}.differences-list::-webkit-scrollbar-thumb,.panel-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.differences-list::-webkit-scrollbar-thumb:hover,.panel-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.json-compare{background:#fff;color:#333}.compare-header{background:#f8f9fa;border-bottom-color:#e0e0e0}.compare-title{color:#333;font-weight:600}.json-editor,.panel-content{background:#fff;color:#333}.difference-item{background:#fafafa;border-color:#e9ecef;color:#333}.diff-path{background:#0000000d;color:#495057}.diff-left_missing{background:#d4edda;border-color:#c3e6cb;color:#155724}.diff-right_missing{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.diff-value{background:#ffffff4d;color:#333}.json-compare.dark-theme{background:#1a1a1a}.json-compare.dark-theme .compare-header{background:#2a2a2a;border-bottom-color:#333}.json-compare.dark-theme .compare-title{color:#e0e0e0}.json-compare.dark-theme .compare-content{background:#1a1a1a}.json-compare.dark-theme .compare-panel{border-right-color:#333}.json-compare.dark-theme .diff1-panel,.json-compare.dark-theme .diff2-panel{background:#2a2a2a}.json-compare.dark-theme .details-panel{background:#1a1a1a}.json-compare.dark-theme .panel-header{background:#2a2a2a;border-bottom-color:#333;color:#e0e0e0}.json-compare.dark-theme .btn-cancel,.json-compare.dark-theme .btn-edit,.json-compare.dark-theme .btn-save{background:#2a2a2a;border-color:#444;color:#e0e0e0}.json-compare.dark-theme .btn-cancel:hover,.json-compare.dark-theme .btn-edit:hover,.json-compare.dark-theme .btn-save:hover{background:#3a3a3a;border-color:#666}.json-compare.dark-theme .json-editor,.json-compare.dark-theme .panel-content{background:#1a1a1a;color:#e0e0e0}.json-compare.dark-theme .edit-error{background:#2a1a1a;border-color:#dc3545;color:#f8d7da}.json-compare.dark-theme .empty-message{color:#999}.json-compare.dark-theme .error-message{background:#2a1a1a;border-color:#dc3545;color:#f8d7da}.json-compare.dark-theme .difference-item{background:#2a2a2a;border-color:#444}.json-compare.dark-theme .difference-item:hover{box-shadow:0 2px 8px #0000004d}.json-compare.dark-theme .diff-path{background:#ffffff1a;color:#e0e0e0}.json-compare.dark-theme .diff-left_missing{background:#1a2a1a;border-color:#28a745;color:#d4edda}.json-compare.dark-theme .diff-right_missing{background:#2a1a1a;border-color:#dc3545;color:#f8d7da}.json-compare.dark-theme .diff-value{background:#ffffff1a}.json-compare.dark-theme .differences-list::-webkit-scrollbar-track,.json-compare.dark-theme .panel-content::-webkit-scrollbar-track{background:#2a2a2a}.json-compare.dark-theme .differences-list::-webkit-scrollbar-thumb,.json-compare.dark-theme .panel-content::-webkit-scrollbar-thumb{background:#555}.json-compare.dark-theme .differences-list::-webkit-scrollbar-thumb:hover,.json-compare.dark-theme .panel-content::-webkit-scrollbar-thumb:hover{background:#777}.json-compare.hc-theme{background:#fff}.json-compare.hc-theme .compare-header{background:#f0f0f0;border-bottom-color:#000}.json-compare.hc-theme .compare-title{color:#000;font-weight:600}.json-compare.hc-theme .compare-content{background:#fff}.json-compare.hc-theme .compare-panel{border-right-color:#000}.json-compare.hc-theme .diff1-panel,.json-compare.hc-theme .diff2-panel{background:#f8f8f8}.json-compare.hc-theme .details-panel{background:#fff}.json-compare.hc-theme .panel-header{background:#f0f0f0;border-bottom-color:#000;color:#000;font-weight:600}.json-compare.hc-theme .btn-cancel,.json-compare.hc-theme .btn-edit,.json-compare.hc-theme .btn-save{background:#fff;border-color:#000;color:#000;font-weight:600}.json-compare.hc-theme .btn-cancel:hover,.json-compare.hc-theme .btn-edit:hover,.json-compare.hc-theme .btn-save:hover{background:#f0f0f0;border-color:#000}.json-compare.hc-theme .json-editor,.json-compare.hc-theme .panel-content{background:#fff;color:#000}.json-compare.hc-theme .edit-error{background:#fff5f5;border-color:#000;color:#000}.json-compare.hc-theme .empty-message{color:#333}.json-compare.hc-theme .error-message{background:#fff5f5;border-color:#000;color:#000}.json-compare.hc-theme .difference-item{background:#f8f8f8;border-color:#000}.json-compare.hc-theme .difference-item:hover{box-shadow:0 2px 8px #00000080}.json-compare.hc-theme .diff-path{background:#0000001a;color:#000;font-weight:600}.json-compare.hc-theme .diff-left_missing{background:#f0fff0;border-color:#000;color:#000}.json-compare.hc-theme .diff-right_missing{background:#fff5f5;border-color:#000;color:#000}.json-compare.hc-theme .diff-value{background:#0000001a}@media (max-width:768px){.compare-content.three-column{flex-direction:column}.compare-panel{border-bottom:1px solid #e0e0e0;border-right:none;width:100%!important}.compare-panel:last-child{border-bottom:none}.resize-handle{display:none}.diff-values{flex-direction:column;gap:8px}.diff-left,.diff-right{min-width:0;min-width:auto}}.filter-page{background:#f5f5f5;display:flex;flex:1 1;flex-direction:column;min-height:calc(100vh - 140px);overflow-y:auto}.filter-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:12px 20px}.filter-header-left{align-items:center;display:flex;gap:12px}.back-btn{background:#f8f9fa;border-color:#d0d0d0;color:#666;font-weight:500}.back-btn:hover:not(:disabled){background:#e9ecef;border-color:#999;color:#333}.filter-header h1{color:#333;font-size:18px;font-weight:600;margin:0}.filter-actions{display:flex;flex-wrap:wrap;gap:8px}.btn{align-items:center;display:inline-flex;gap:4px}.btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.primary:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.btn.danger:hover:not(:disabled){background:#c82333;border-color:#c82333}.btn.small{font-size:12px;padding:4px 8px}.filter-content{display:flex;flex:1 1;gap:0;overflow:visible}.filter-left,.filter-right{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.filter-divider{background:#e0e0e0;flex-shrink:0;width:4px}.filter-section{border-bottom:1px solid #e0e0e0;display:flex;flex:1 1;flex-direction:column}.filter-section:last-child{border-bottom:none}.section-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:12px 16px}.section-header h3{color:#555;font-size:14px;font-weight:500;margin:0}.section-info{gap:12px}.query-examples,.section-info{color:#666;display:flex;flex-wrap:wrap;font-size:12px}.query-examples{align-items:center;gap:6px}.example-btn{background:#fff;border:1px solid #d0d0d0;border-radius:3px;color:#007bff;cursor:pointer;font-size:11px;padding:2px 6px;transition:all .2s;white-space:nowrap}.example-btn:hover{background:#f0f8ff;border-color:#007bff}.query-history{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;padding:8px 16px}.history-btn{background:#fff;border:1px solid #d0d0d0;border-radius:3px;color:#666;cursor:pointer;font-size:11px;max-width:200px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.history-btn:hover{background:#f0f0f0;border-color:#999}.templates-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));min-height:200px;overflow-x:auto;overflow-y:auto;padding:16px}.template-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:12px;transition:all .2s}.template-item:hover{background:#f8f9ff;border-color:#007bff}.template-name{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.template-query{background:#f1f3f4;border-radius:3px;color:#d63384;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;margin-bottom:6px;padding:4px 6px;word-break:break-all}.template-desc{color:#666;font-size:12px;line-height:1.4;margin-bottom:8px}.template-btn{background:#007bff;border:1px solid #007bff;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.template-btn:hover{background:#0056b3;border-color:#0056b3}.result-actions{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:8px;padding:8px 16px}.json-textarea,.result-textarea{flex:1 1;line-height:1.5;min-height:200px;overflow-x:auto;position:relative;z-index:1}.json-textarea,.query-input,.result-textarea{background:#fff;border:none;color:#333;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;outline:none;overflow-y:auto;padding:16px;resize:vertical}.query-input{border-top:1px solid #e0e0e0;max-height:150px;min-height:50px;width:100%}.query-input:focus{background:#f8f9fa}.syntax-help{color:#666;flex:1 1;font-size:12px;line-height:1.6;min-height:200px;overflow-x:auto;overflow-y:auto;padding:16px}.syntax-category{margin-bottom:16px}.syntax-category h4{border-bottom:1px solid #e0e0e0;color:#333;font-size:13px;font-weight:600;margin:0 0 8px;padding-bottom:4px}.syntax-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:6px}.syntax-item code{background:#f1f3f4;border-radius:3px;color:#d63384;flex-shrink:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;min-width:120px;padding:2px 6px;word-break:break-all}.syntax-item span{flex:1 1;font-size:11px}.json-textarea::-webkit-scrollbar,.result-textarea::-webkit-scrollbar,.syntax-help::-webkit-scrollbar,.templates-grid::-webkit-scrollbar{width:8px}.json-textarea::-webkit-scrollbar-track,.result-textarea::-webkit-scrollbar-track,.syntax-help::-webkit-scrollbar-track,.templates-grid::-webkit-scrollbar-track{background:#f1f1f1}.json-textarea::-webkit-scrollbar-thumb,.result-textarea::-webkit-scrollbar-thumb,.syntax-help::-webkit-scrollbar-thumb,.templates-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.json-textarea::-webkit-scrollbar-thumb:hover,.result-textarea::-webkit-scrollbar-thumb:hover,.syntax-help::-webkit-scrollbar-thumb:hover,.templates-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.filter-content{flex-direction:column}.filter-divider{height:4px;width:100%}.filter-actions{flex-wrap:wrap;gap:4px}.btn{font-size:12px;padding:6px 12px}.templates-grid{grid-template-columns:1fr}.query-examples,.query-history{align-items:flex-start;flex-direction:column;gap:4px}.section-info{flex-direction:column;gap:4px}}.filter-page.dark-theme{background:#1a1a1a}.filter-page.dark-theme .filter-header{background:#1a1a1a;border-bottom-color:#333;box-shadow:0 2px 4px #0000004d}.filter-page.dark-theme .back-btn{background:#2a2a2a;border-color:#444;color:#ccc}.filter-page.dark-theme .back-btn:hover:not(:disabled){background:#3a3a3a;border-color:#666;color:#e0e0e0}.filter-page.dark-theme .filter-header h1{color:#e0e0e0}.filter-page.dark-theme .btn{background:#2a2a2a;border-color:#444;color:#e0e0e0}.filter-page.dark-theme .btn:hover:not(:disabled){background:#3a3a3a;border-color:#666}.filter-page.dark-theme .btn.primary{background:#007bff;border-color:#007bff;color:#fff}.filter-page.dark-theme .btn.primary:hover:not(:disabled){background:#0056b3;border-color:#0056b3}.filter-page.dark-theme .btn.danger{background:#dc3545;border-color:#dc3545;color:#fff}.filter-page.dark-theme .btn.danger:hover:not(:disabled){background:#c82333;border-color:#c82333}.filter-page.dark-theme .filter-left,.filter-page.dark-theme .filter-right{background:#1a1a1a}.filter-page.dark-theme .filter-divider{background:#333}.filter-page.dark-theme .section-header{background:#2a2a2a;border-bottom-color:#333}.filter-page.dark-theme .section-header h3{color:#e0e0e0}.filter-page.dark-theme .query-examples,.filter-page.dark-theme .section-info{color:#ccc}.filter-page.dark-theme .example-btn{background:#2a2a2a;border-color:#444;color:#007bff}.filter-page.dark-theme .example-btn:hover{background:#3a3a3a;border-color:#007bff}.filter-page.dark-theme .query-history{background:#2a2a2a;border-top-color:#333;color:#ccc}.filter-page.dark-theme .history-btn{background:#2a2a2a;border-color:#444;color:#ccc}.filter-page.dark-theme .history-btn:hover{background:#3a3a3a;border-color:#666}.filter-page.dark-theme .template-item{background:#2a2a2a;border-color:#444}.filter-page.dark-theme .template-item:hover{background:#2a2a3a;border-color:#007bff}.filter-page.dark-theme .template-name{color:#e0e0e0}.filter-page.dark-theme .template-query{background:#1a1a1a;color:#ff6b9d}.filter-page.dark-theme .template-desc{color:#ccc}.filter-page.dark-theme .result-actions{background:#2a2a2a;border-bottom-color:#333}.filter-page.dark-theme .json-textarea,.filter-page.dark-theme .result-textarea{background:#1a1a1a;color:#e0e0e0}.filter-page.dark-theme .query-input{background:#1a1a1a;border-top-color:#333;color:#e0e0e0}.filter-page.dark-theme .query-input:focus{background:#2a2a2a}.filter-page.dark-theme .syntax-help{color:#ccc}.filter-page.dark-theme .syntax-category h4{border-bottom-color:#333;color:#e0e0e0}.filter-page.dark-theme .syntax-item code{background:#1a1a1a;color:#ff6b9d}.filter-page.dark-theme .json-textarea::-webkit-scrollbar-track,.filter-page.dark-theme .result-textarea::-webkit-scrollbar-track,.filter-page.dark-theme .syntax-help::-webkit-scrollbar-track,.filter-page.dark-theme .templates-grid::-webkit-scrollbar-track{background:#2a2a2a}.filter-page.dark-theme .json-textarea::-webkit-scrollbar-thumb,.filter-page.dark-theme .result-textarea::-webkit-scrollbar-thumb,.filter-page.dark-theme .syntax-help::-webkit-scrollbar-thumb,.filter-page.dark-theme .templates-grid::-webkit-scrollbar-thumb{background:#555}.filter-page.dark-theme .json-textarea::-webkit-scrollbar-thumb:hover,.filter-page.dark-theme .result-textarea::-webkit-scrollbar-thumb:hover,.filter-page.dark-theme .syntax-help::-webkit-scrollbar-thumb:hover,.filter-page.dark-theme .templates-grid::-webkit-scrollbar-thumb:hover{background:#777}.filter-page.hc-theme{background:#fff}.filter-page.hc-theme .filter-header{background:#fff;border-bottom-color:#000;box-shadow:0 2px 4px #00000080}.filter-page.hc-theme .back-btn{background:#fff;border-color:#000;color:#000;font-weight:600}.filter-page.hc-theme .back-btn:hover:not(:disabled){background:#f0f0f0;border-color:#000;color:#000}.filter-page.hc-theme .filter-header h1{color:#000;font-weight:600}.filter-page.hc-theme .btn{background:#fff;border-color:#000;color:#000;font-weight:600}.filter-page.hc-theme .btn:hover:not(:disabled){background:#f0f0f0;border-color:#000}.filter-page.hc-theme .btn.primary{background:#000;border-color:#000;color:#fff}.filter-page.hc-theme .btn.primary:hover:not(:disabled){background:#333;border-color:#000}.filter-page.hc-theme .btn.danger{background:#000;border-color:#000;color:#fff}.filter-page.hc-theme .btn.danger:hover:not(:disabled){background:#333;border-color:#000}.filter-page.hc-theme .filter-left,.filter-page.hc-theme .filter-right{background:#fff}.filter-page.hc-theme .filter-divider{background:#000}.filter-page.hc-theme .section-header{background:#f0f0f0;border-bottom-color:#000}.filter-page.hc-theme .query-examples,.filter-page.hc-theme .section-header h3,.filter-page.hc-theme .section-info{color:#000;font-weight:600}.filter-page.hc-theme .example-btn{background:#fff;border-color:#000;color:#000;font-weight:600}.filter-page.hc-theme .example-btn:hover{background:#f0f0f0;border-color:#000}.filter-page.hc-theme .query-history{background:#f0f0f0;border-top-color:#000;color:#000;font-weight:600}.filter-page.hc-theme .history-btn{background:#fff;border-color:#000;color:#000;font-weight:600}.filter-page.hc-theme .history-btn:hover{background:#f0f0f0;border-color:#000}.filter-page.hc-theme .template-item{background:#f8f8f8;border-color:#000}.filter-page.hc-theme .template-item:hover{background:#f0f0f0;border-color:#000}.filter-page.hc-theme .template-name{color:#000;font-weight:600}.filter-page.hc-theme .template-query{background:#fff;border:1px solid #000;color:#000}.filter-page.hc-theme .template-desc{color:#000;font-weight:600}.filter-page.hc-theme .result-actions{background:#f0f0f0;border-bottom-color:#000}.filter-page.hc-theme .json-textarea,.filter-page.hc-theme .result-textarea{background:#fff;color:#000}.filter-page.hc-theme .query-input{background:#fff;border-top-color:#000;color:#000}.filter-page.hc-theme .query-input:focus{background:#f0f0f0}.filter-page.hc-theme .syntax-help{color:#000;font-weight:600}.filter-page.hc-theme .syntax-category h4{border-bottom-color:#000;color:#000;font-weight:600}.filter-page.hc-theme .syntax-item code{background:#fff;border:1px solid #000;color:#000;font-weight:600}@media (max-width:480px){.filter-header{padding:8px 12px}.filter-header,.filter-header-left{align-items:flex-start;flex-direction:column;gap:8px}.filter-header-left{width:100%}.filter-actions{justify-content:flex-start;width:100%}.btn{font-size:11px;padding:4px 8px}.json-textarea,.result-textarea{max-height:calc(100vh - 150px);min-height:150px}.syntax-help,.templates-grid{max-height:calc(100vh - 200px);min-height:150px}}.right-alert{background:#fff;border-left:4px solid;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #00000026;max-width:calc(100vw - 40px);opacity:0;position:fixed;right:20px;transform:translateX(100%);transition:all .3s ease-out;width:320px;z-index:1000}.right-alert.show{opacity:1;transform:translateX(0)}.right-alert.success{border:1px solid #28a745}.right-alert.success .right-alert-header{background:#28a745;color:#fff}.right-alert.success .right-alert-message{color:#155724}.right-alert.success .right-alert-actions button{background:#28a745;color:#fff}.right-alert.success .right-alert-actions button:hover{background:#218838}.right-alert.error{border:1px solid #dc3545}.right-alert.error .right-alert-header{background:#dc3545;color:#fff}.right-alert.error .right-alert-message{color:#721c24}.right-alert.error .right-alert-actions button{background:#dc3545;color:#fff}.right-alert.error .right-alert-actions button:hover{background:#c82333}.right-alert.warning{border:1px solid #ffc107}.right-alert.warning .right-alert-header{background:#ffc107;color:#212529}.right-alert.warning .right-alert-message{color:#856404}.right-alert.warning .right-alert-actions button{background:#ffc107;color:#212529}.right-alert.warning .right-alert-actions button:hover{background:#e0a800}.right-alert.info{border:1px solid #17a2b8}.right-alert.info .right-alert-header{background:#17a2b8;color:#fff}.right-alert.info .right-alert-message{color:#0c5460}.right-alert.info .right-alert-actions button{background:#17a2b8;color:#fff}.right-alert.info .right-alert-actions button:hover{background:#138496}.right-alert-header{align-items:center;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.right-alert-title{font-size:14px;font-weight:600}.right-alert-close{align-items:center;background:none;border:none;border-radius:4px;color:inherit;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:4px;transition:background-color .2s;width:24px}.right-alert-close:hover{background:#0000001a}.right-alert-close:focus{outline:2px solid #ffffff80;outline-offset:2px}.right-alert-content{padding:16px}.right-alert-message{font-size:13px;line-height:1.4;margin-bottom:0;word-break:break-word}.right-alert-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.right-alert-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s}.right-alert-actions button:focus{outline:2px solid #ffffff80;outline-offset:2px}@media (max-width:768px){.right-alert{bottom:10px;right:10px;width:calc(100vw - 20px)}}@media (prefers-color-scheme:dark){.right-alert{background:#2a2a2a;border-color:#444}.right-alert.success{border-color:#28a745}.right-alert.error{border-color:#dc3545}.right-alert.warning{border-color:#ffc107}.right-alert.info{border-color:#17a2b8}.right-alert-message{color:#e0e0e0}.right-alert.success .right-alert-message{color:#d4edda}.right-alert.error .right-alert-message{color:#f8d7da}.right-alert.warning .right-alert-message{color:#fff3cd}.right-alert.info .right-alert-message{color:#d1ecf1}}@media (prefers-contrast:high){.right-alert{border-width:2px}.right-alert-actions button,.right-alert-close{border:1px solid}}.header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;gap:12px;padding:12px 20px;z-index:100}.header h1{color:#333;font-size:18px;font-weight:600;margin-right:auto}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.btn{background:#fff;border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn:hover{background:#f5f5f5;border-color:#999}.btn.primary{background:#007bff;border-color:#007bff;color:#fff}.btn.primary:hover{background:#0056b3;border-color:#0056b3}.btn.danger{background:#dc3545;border-color:#dc3545;color:#fff}.btn.danger:hover{background:#c82333;border-color:#c82333}.header.light-theme{background:#fff;border-bottom-color:#e0e0e0;box-shadow:0 2px 4px #0000001a}.header.light-theme h1{color:#333}.header.light-theme .btn{background:#fff;border-color:#d0d0d0;color:#333}.header.light-theme .btn:hover{background:#f5f5f5;border-color:#999}.header.light-theme .btn.primary{background:#007bff;border-color:#007bff;color:#fff}.header.light-theme .btn.primary:hover{background:#0056b3;border-color:#0056b3}.header.light-theme .btn.danger{background:#dc3545;border-color:#dc3545;color:#fff}.header.light-theme .btn.danger:hover{background:#c82333;border-color:#c82333}.header.dark-theme{background:#1a1a1a;border-bottom-color:#333;box-shadow:0 2px 4px #0000004d}.header.dark-theme h1{color:#e0e0e0}.header.dark-theme .btn{background:#2a2a2a;border-color:#444;color:#e0e0e0}.header.dark-theme .btn:hover{background:#3a3a3a;border-color:#666}.header.dark-theme .btn.primary{background:#007bff;border-color:#007bff;color:#fff}.header.dark-theme .btn.primary:hover{background:#0056b3;border-color:#0056b3}.header.dark-theme .btn.danger{background:#dc3545;border-color:#dc3545;color:#fff}.header.dark-theme .btn.danger:hover{background:#c82333;border-color:#c82333}.header.hc-theme{background:#fff;border-bottom-color:#000;box-shadow:0 2px 4px #00000080}.header.hc-theme .btn,.header.hc-theme h1{color:#000;font-weight:600}.header.hc-theme .btn{background:#fff;border-color:#000}.header.hc-theme .btn:hover{background:#f0f0f0;border-color:#000}.header.hc-theme .btn.primary{background:#000;border-color:#000;color:#fff}.header.hc-theme .btn.primary:hover{background:#333;border-color:#000}.header.hc-theme .btn.danger{background:#000;border-color:#000;color:#fff}.header.hc-theme .btn.danger:hover{background:#333;border-color:#000}@media (max-width:768px){.header{flex-wrap:wrap;padding:8px 12px}.header h1{font-size:16px;margin-right:8px}.header-actions{gap:4px}.btn{font-size:12px;padding:6px 12px}}.footer{background:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;display:block;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;padding:12px 16px;position:relative;visibility:visible;z-index:10}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-center,.footer-left,.footer-right{align-items:center;display:flex;min-width:0}.footer-left{flex:0 0 auto}.footer-center{flex:1 1;justify-content:center}.footer-right{flex:0 0 auto}.footer-text,.icp-link{color:#6c757d;white-space:nowrap}.icp-link{text-decoration:none;transition:color .2s ease}.icp-link:hover{color:#007bff;text-decoration:underline}.icp-link:focus{border-radius:2px;outline:2px solid #007bff;outline-offset:2px}@media (max-width:768px){.footer{font-size:11px;padding:8px 12px}.footer-content{flex-direction:column;gap:4px;text-align:center}.footer-center,.footer-left,.footer-right{justify-content:center;width:100%}}@media (max-width:480px){.footer{font-size:10px;padding:6px 8px}.footer-content{gap:2px}}.footer.dark-theme{background:#2d3748;border-top-color:#4a5568;color:#a0aec0}.footer.dark-theme .footer-text,.footer.dark-theme .icp-link{color:#a0aec0}.footer.dark-theme .icp-link:hover{color:#63b3ed}.footer.dark-theme .icp-link:focus{outline-color:#63b3ed}.footer.hc-theme{background:#fff;border-top-color:#000;color:#333}.footer.hc-theme .footer-text{color:#333}.footer.hc-theme .icp-link{color:#333;font-weight:500}.footer.hc-theme .icp-link:hover{color:#000;font-weight:600}.footer.hc-theme .icp-link:focus{outline-color:#000}@media (prefers-color-scheme:dark){.footer{background:#2d3748;border-top-color:#4a5568}.footer,.footer-text,.icp-link{color:#a0aec0}.icp-link:hover{color:#63b3ed}.icp-link:focus{outline-color:#63b3ed}}@media (prefers-contrast:high){.footer{background:#fff;border-top-color:#000}.footer,.footer-text,.icp-link{color:#333}.icp-link{font-weight:500}.icp-link:hover{color:#000;font-weight:600}.icp-link:focus{outline-color:#000}}.timestamp-page{background:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.timestamp-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:20px;width:100%}.timestamp-header{background:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:16px;margin-bottom:20px;padding:12px 20px}.back-button,.timestamp-header{align-items:center;display:flex}.back-button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#e9ecef;border-color:#adb5bd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.back-button:active{transform:translateY(0)}.timestamp-header h1{color:#333;flex:1 1;font-size:24px;font-weight:600;margin:0}.timestamp-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.current-timestamp-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.current-timestamp-section h3{color:#495057;font-size:18px;font-weight:600;margin:0 0 15px}.current-timestamp{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;gap:8px;padding:12px 20px}.timestamp-label{font-size:14px;opacity:.9}.timestamp-value{cursor:pointer;font-size:16px;font-weight:600;transition:all .2s}.timestamp-value:hover{text-shadow:0 0 8px #ffffff80;transform:scale(1.05)}.timestamp-unit{font-size:14px;opacity:.8}.timestamp-tools{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.timestamp-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .3s ease}.timestamp-section:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h4{color:#495057;font-size:16px;font-weight:600;margin:0}.unit-selector{display:flex;gap:12px}.unit-selector label{align-items:center;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:4px 8px;transition:all .2s}.unit-selector label:hover{background:#e9ecef}.unit-selector input[type=radio]{accent-color:#007bff;margin:0}.input-group{display:flex;gap:10px;margin-bottom:15px}.datetime-input,.timestamp-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;padding:12px 16px;transition:all .2s}.datetime-input:focus,.timestamp-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.timestamp-input::placeholder{color:#adb5bd;font-style:italic}.convert-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 2px 4px #007bff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s;white-space:nowrap}.convert-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 8px #007bff66;transform:translateY(-1px)}.convert-btn:active{transform:translateY(0)}.result-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:15px}.result-section h5{color:#495057;font-size:14px;font-weight:600;margin:0 0 10px}.result-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.result-item:last-child{border-bottom:none}.result-label{color:#6c757d;font-size:13px;font-weight:500;min-width:120px}.result-value{background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#007bff;cursor:pointer;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:4px 8px;transition:all .2s;word-break:break-all}.result-value:hover{background:#e3f2fd;box-shadow:0 2px 4px #007bff33;color:#0056b3;transform:scale(1.02)}.error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;display:flex;font-size:14px;gap:8px;margin-top:15px;padding:12px 16px}.current-time-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:20px}.current-time-info h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 15px}.time-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.time-info-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px;transition:all .2s}.time-info-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.info-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{border-radius:4px;color:#333;cursor:pointer;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:4px 8px;transition:all .2s;word-break:break-all}.info-value:hover{background:#f8f9fa;color:#007bff;transform:scale(1.02)}@media (max-width:768px){.timestamp-container{padding:15px}.timestamp-tools{gap:15px;grid-template-columns:1fr}.timestamp-header{align-items:stretch;flex-direction:column;gap:15px}.current-timestamp{justify-content:center}.input-group{flex-direction:column}.convert-btn{width:100%}.time-info-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:10px}.unit-selector{justify-content:center}.result-item{align-items:stretch;flex-direction:column;gap:8px}.result-label{min-width:auto}}.timestamp-page.dark-theme{background:#1a1a1a;color:#e0e0e0}.timestamp-page.dark-theme .timestamp-container{background:#1a1a1a}.timestamp-page.dark-theme .timestamp-header{background:#2a2a2a;border-bottom-color:#444}.timestamp-page.dark-theme .timestamp-header h1{color:#e0e0e0}.timestamp-page.dark-theme .back-button{background:#3a3a3a;border-color:#555;color:#e0e0e0}.timestamp-page.dark-theme .back-button:hover{background:#4a4a4a;border-color:#666}.timestamp-page.dark-theme .current-timestamp-section,.timestamp-page.dark-theme .timestamp-section{background:#2a2a2a;border-color:#444}.timestamp-page.dark-theme .current-timestamp-section h3,.timestamp-page.dark-theme .section-header h4{color:#e0e0e0}.timestamp-page.dark-theme .unit-selector label{color:#ccc}.timestamp-page.dark-theme .unit-selector label:hover{background:#4a4a4a}.timestamp-page.dark-theme .datetime-input,.timestamp-page.dark-theme .timestamp-input{background:#1a1a1a;border-color:#555;color:#e0e0e0}.timestamp-page.dark-theme .datetime-input:focus,.timestamp-page.dark-theme .timestamp-input:focus{border-color:#007bff}.timestamp-page.dark-theme .result-section{background:#3a3a3a;border-color:#555}.timestamp-page.dark-theme .result-section h5{color:#e0e0e0}.timestamp-page.dark-theme .result-label{color:#ccc}.timestamp-page.dark-theme .result-value{background:#2a2a2a;border-color:#555;color:#4dabf7}.timestamp-page.dark-theme .result-value:hover{background:#3a3a3a;color:#4dabf7}.timestamp-page.dark-theme .error-message{background:#4a2a2a;border-color:#6a3a3a;color:#f8d7da}.timestamp-page.dark-theme .current-time-info{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);border-color:#555}.timestamp-page.dark-theme .current-time-info h4{color:#e0e0e0}.timestamp-page.dark-theme .time-info-item{background:#2a2a2a;border-color:#555}.timestamp-page.dark-theme .info-label{color:#ccc}.timestamp-page.dark-theme .info-value{background:#1a1a1a;color:#e0e0e0}.timestamp-page.dark-theme .info-value:hover{background:#3a3a3a;color:#4dabf7}.timestamp-page.hc-theme{background:#000;color:#fff}.timestamp-page.hc-theme .timestamp-container{background:#000}.timestamp-page.hc-theme .timestamp-header{background:#000;border:2px solid #fff}.timestamp-page.hc-theme .timestamp-header h1{color:#fff;font-weight:700}.timestamp-page.hc-theme .back-button{background:#000;border:2px solid #fff;color:#fff;font-weight:700}.timestamp-page.hc-theme .back-button:hover{background:#333;border-color:#fff}.timestamp-page.hc-theme .current-timestamp-section,.timestamp-page.hc-theme .timestamp-section{background:#000;border:2px solid #fff}.timestamp-page.hc-theme .current-timestamp-section h3,.timestamp-page.hc-theme .section-header h4,.timestamp-page.hc-theme .unit-selector label{color:#fff;font-weight:700}.timestamp-page.hc-theme .unit-selector label:hover{background:#333}.timestamp-page.hc-theme .datetime-input,.timestamp-page.hc-theme .timestamp-input{background:#000;border:2px solid #fff;color:#fff;font-weight:600}.timestamp-page.hc-theme .datetime-input:focus,.timestamp-page.hc-theme .timestamp-input:focus{border-color:#ff0;box-shadow:0 0 0 3px #ffff004d}.timestamp-page.hc-theme .convert-btn{background:#000;border:2px solid #fff;color:#fff;font-weight:700}.timestamp-page.hc-theme .convert-btn:hover{background:#333;border-color:#fff}.timestamp-page.hc-theme .result-section{background:#000;border:2px solid #fff}.timestamp-page.hc-theme .result-label,.timestamp-page.hc-theme .result-section h5{color:#fff;font-weight:700}.timestamp-page.hc-theme .result-value{background:#f0f0f0;border:2px solid #000;color:#000;font-weight:700}.timestamp-page.hc-theme .result-value:hover{background:#e0e0e0;color:#000}.timestamp-page.hc-theme .error-message{background:maroon;border:2px solid red;color:#fff;font-weight:700}.timestamp-page.hc-theme .current-time-info{background:#000;border:2px solid #fff}.timestamp-page.hc-theme .current-time-info h4{color:#fff;font-weight:700}.timestamp-page.hc-theme .time-info-item{background:#000;border:2px solid #fff}.timestamp-page.hc-theme .info-label{color:#fff;font-weight:700}.timestamp-page.hc-theme .info-value{background:#f0f0f0;color:#000;font-weight:700}.timestamp-page.hc-theme .info-value:hover{background:#e0e0e0;color:#000}.toolbar{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;display:flex;flex-shrink:0;justify-content:space-between;min-height:52px;padding:12px 20px}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:16px}.toolbar-section{align-items:center;display:flex;gap:8px}.toolbar-label{color:#555;font-size:13px;font-weight:500;white-space:nowrap}.toolbar-buttons{display:flex;gap:6px}.toolbar-btn{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.toolbar-btn:hover{background:#f5f5f5;border-color:#999;color:#333}.toolbar-btn.active{background:#007bff;border-color:#007bff;color:#fff}.toolbar-btn.active:hover{background:#0056b3;border-color:#0056b3}.toolbar-btn-icon{font-size:14px;line-height:1}.toolbar-btn-label{font-weight:500}.theme-selector{align-items:center;display:flex}.theme-select{background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.theme-select:hover{background:#f5f5f5;border-color:#999}.theme-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.toolbar.light-theme{background:#fff;border-bottom-color:#e0e0e0;box-shadow:0 1px 3px #0000000d}.toolbar.light-theme .toolbar-label{color:#555}.toolbar.light-theme .toolbar-btn{background:#fff;border-color:#d0d0d0;color:#333}.toolbar.light-theme .toolbar-btn:hover{background:#f5f5f5;border-color:#999;color:#333}.toolbar.light-theme .toolbar-btn.active{background:#007bff;border-color:#007bff;color:#fff}.toolbar.light-theme .toolbar-btn.active:hover{background:#0056b3;border-color:#0056b3}.toolbar.light-theme .theme-select{background:#fff;border-color:#d0d0d0;color:#333}.toolbar.light-theme .theme-select:hover{background:#f5f5f5;border-color:#999}.toolbar.light-theme .theme-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.toolbar.dark-theme{background:#1a1a1a;border-bottom-color:#333;box-shadow:0 1px 3px #0000004d}.toolbar.dark-theme .toolbar-label{color:#ccc}.toolbar.dark-theme .toolbar-btn{background:#2a2a2a;border-color:#444;color:#e0e0e0}.toolbar.dark-theme .toolbar-btn:hover{background:#3a3a3a;border-color:#666;color:#fff}.toolbar.dark-theme .toolbar-btn.active{background:#007bff;border-color:#007bff;color:#fff}.toolbar.dark-theme .toolbar-btn.active:hover{background:#0056b3;border-color:#0056b3}.toolbar.dark-theme .theme-select{background:#2a2a2a;border-color:#444;color:#e0e0e0}.toolbar.dark-theme .theme-select:hover{background:#3a3a3a;border-color:#666}.toolbar.dark-theme .theme-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.toolbar.hc-theme{background:#fff;border-bottom-color:#000;box-shadow:0 1px 3px #00000080}.toolbar.hc-theme .toolbar-label{color:#000;font-weight:600}.toolbar.hc-theme .toolbar-btn{background:#fff;border-color:#000;color:#000;font-weight:600}.toolbar.hc-theme .toolbar-btn:hover{background:#f0f0f0;border-color:#000}.toolbar.hc-theme .toolbar-btn.active{background:#000;color:#fff}.toolbar.hc-theme .toolbar-btn.active:hover{background:#333}.toolbar.hc-theme .theme-select{background:#fff;border-color:#000;color:#000;font-weight:600}.toolbar.hc-theme .theme-select:hover{background:#f0f0f0}@media (max-width:768px){.toolbar{flex-wrap:wrap;gap:8px;padding:6px 12px}.toolbar-left,.toolbar-right{gap:8px}.toolbar-section{gap:6px}.toolbar-buttons{gap:4px}.toolbar-btn{font-size:11px;padding:4px 8px}.toolbar-btn-label{display:none}.toolbar-btn-icon{font-size:16px}.theme-select,.toolbar-label{font-size:11px}.theme-select{padding:3px 6px}}@media (max-width:480px){.toolbar{min-height:40px;padding:4px 8px}.toolbar-left,.toolbar-right{gap:6px}.toolbar-section{gap:4px}.toolbar-buttons{gap:2px}.toolbar-btn{justify-content:center;min-width:32px;padding:3px 6px}.toolbar-label{display:none}}.language-selector{align-items:center;display:flex;position:relative}.language-selector-button{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;min-width:80px;padding:6px 12px;transition:all .2s ease}.language-selector-button:hover{background:#f5f5f5;border-color:#999}.language-selector-button:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.language-flag{font-size:14px;line-height:1}.language-name{font-weight:500;white-space:nowrap}.dropdown-arrow{color:#666;font-size:10px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 4px 12px #00000026;max-height:300px;min-width:160px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.language-dropdown-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#666;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px}.globe-icon{font-size:14px;line-height:1}.language-option{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.language-option:hover{background:#f5f5f5}.language-option.active{background:#e3f2fd;color:#1976d2}.language-option.active:hover{background:#bbdefb}.checkmark{color:#1976d2;font-weight:700;margin-left:auto}.toolbar.dark-theme .language-selector-button{background:#2a2a2a;border-color:#444;color:#e0e0e0}.toolbar.dark-theme .language-selector-button:hover{background:#3a3a3a;border-color:#666}.toolbar.dark-theme .language-selector-button:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.toolbar.dark-theme .dropdown-arrow{color:#999}.toolbar.dark-theme .language-dropdown{background:#2a2a2a;border-color:#444;box-shadow:0 4px 12px #0000004d}.toolbar.dark-theme .language-dropdown-header{background:#1a1a1a;border-bottom-color:#444;color:#ccc}.toolbar.dark-theme .language-option{color:#e0e0e0}.toolbar.dark-theme .language-option:hover{background:#3a3a3a}.toolbar.dark-theme .language-option.active{background:#1e3a5f;color:#64b5f6}.toolbar.dark-theme .language-option.active:hover{background:#2d4a6b}.toolbar.dark-theme .checkmark{color:#64b5f6}.toolbar.hc-theme .language-selector-button{background:#fff;border-color:#000;color:#000;font-weight:600}.toolbar.hc-theme .language-selector-button:hover{background:#f0f0f0}.toolbar.hc-theme .language-selector-button:focus{border-color:#000;box-shadow:0 0 0 2px #00000080}.toolbar.hc-theme .dropdown-arrow{color:#000}.toolbar.hc-theme .language-dropdown{background:#fff;border-color:#000;box-shadow:0 4px 12px #00000080}.toolbar.hc-theme .language-dropdown-header{background:#f0f0f0;border-bottom-color:#000;color:#000;font-weight:700}.toolbar.hc-theme .language-option{color:#000;font-weight:600}.toolbar.hc-theme .language-option:hover{background:#f0f0f0}.toolbar.hc-theme .language-option.active{background:#000;color:#fff}.toolbar.hc-theme .language-option.active:hover{background:#333}.toolbar.hc-theme .checkmark{color:#fff;font-weight:700}@media (max-width:768px){.language-selector-button{font-size:11px;min-width:60px;padding:4px 8px}.language-name{display:none}.language-flag{font-size:16px}.language-dropdown{min-width:140px}}@media (max-width:480px){.language-selector-button{min-width:40px;padding:3px 6px}.language-dropdown{min-width:120px}}.status-bar{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;color:#495057;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;height:28px;justify-content:space-between;padding:0 16px;position:relative;-webkit-user-select:none;user-select:none;z-index:10}.status-bar-left{flex:0 0 auto;gap:8px}.status-bar-center,.status-bar-left{align-items:center;display:flex;min-width:0}.status-bar-center{flex:1 1;gap:12px;justify-content:center}.status-bar-right{align-items:center;display:flex;flex:0 0 auto;gap:12px;min-width:0}.status-title{color:#212529;font-weight:500}.status-info{color:#6c757d;white-space:nowrap}.status-validity{font-size:14px;font-weight:700}.status-validity.valid{color:#28a745}.status-validity.invalid{color:#dc3545}.dual-panel-info{gap:12px}.dual-panel-info,.panel-info{align-items:center;display:flex}.panel-info{gap:6px}.panel-label{color:#495057;font-size:11px;font-weight:500}.panel-stats{color:#6c757d;font-size:11px}.panel-validity{font-size:12px;font-weight:700}.panel-validity.valid{color:#28a745}.panel-validity.invalid{color:#dc3545}.panel-separator{color:#dee2e6;font-weight:700}.single-panel-info{align-items:center;display:flex;gap:16px}@media (max-width:768px){.status-bar{font-size:11px;padding:0 8px}.dual-panel-info,.status-bar-center,.status-bar-right{gap:8px}.single-panel-info{gap:12px}.panel-info{gap:4px}}@media (max-width:480px){.status-bar{flex-direction:column;gap:2px;height:auto;padding:4px 8px}.status-bar-center,.status-bar-left,.status-bar-right{justify-content:center;width:100%}.dual-panel-info,.single-panel-info{flex-direction:column;gap:4px}}@media (prefers-color-scheme:dark){.status-bar{background:#2d3748;border-bottom-color:#4a5568;border-top-color:#4a5568;color:#e2e8f0}.status-title{color:#f7fafc}.status-info{color:#a0aec0}.panel-label{color:#e2e8f0}.panel-stats{color:#a0aec0}.panel-separator{color:#4a5568}}@media (prefers-contrast:high){.status-bar{background:#fff;border-bottom-color:#000;border-top-color:#000;color:#000}.status-title{color:#000;font-weight:600}.status-info{color:#333}.panel-label{color:#000;font-weight:600}.panel-stats{color:#333}.panel-separator{color:#000}}
/*# sourceMappingURL=main.9d9261fd.css.map*/