.tool-free-page{--color-bg-1:#060923;--color-bg-2:#10122e;--color-bg-3:#1e2142;--color-bg-4:#2a2f49;--color-border:#2e3459;--color-white:#fff;--color-gray-100:#d1d5f0;--color-gray-200:#a8b0d3;--color-gray-300:#6b729b;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--border-radius:10px;--transition-speed:0.3s;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.2);--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-42:42px}@media(max-width:992px){.tool-free-page .ant-breadcrumb{padding-left:12px}}@media(max-width:768px){.tool-free-page .ant-breadcrumb{padding-left:16px}}@media(max-width:576px){.tool-free-page .ant-breadcrumb{padding-left:20px}}.tool-free-page .tool-free{background:var(--color-bg-1);padding:var(--space-42) 0}.tool-free-page .tool-free__title{font-size:32px;font-weight:700;color:var(--color-white);margin-bottom:var(--space-8)}.tool-free-page .tool-free__subtitle{font-size:16px;color:var(--color-gray-200);margin-bottom:var(--space-24)}.tool-free-page .tool-free-row{max-width:1400px;margin:0 auto;width:100%;padding:0 var(--space-16)}.tool-free-page .tool-free-menu{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-speed) ease;padding:var(--space-8) var(--space-6)}.tool-free-page .tool-free-menu:hover{box-shadow:var(--shadow-md)}.tool-free-page .tool-free-menu .ant-menu-item{margin:var(--space-4) 0;padding:14px 20px!important;font-weight:600;color:var(--color-gray-200)!important;border-radius:var(--border-radius)!important;transition:all var(--transition-speed) ease}.tool-free-page .tool-free-menu .ant-menu-item:hover{background:var(--color-bg-4)!important;color:var(--color-white)!important;transform:translateX(5px)}.tool-free-page .tool-free-menu .ant-menu-item.ant-menu-item-selected{background:linear-gradient(45deg,var(--color-primary),var(--color-primary-dark))!important;color:var(--color-white)!important;font-weight:700;box-shadow:var(--shadow-sm);transform:translateX(5px)}.tool-free-page .tool-free-content{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-24);padding-bottom:calc(var(--space-24) + 4px);min-height:420px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-speed) ease}.tool-free-page .tool-free-content:hover{box-shadow:var(--shadow-md)}.tool-free-page .tool-label{font-weight:600;margin-bottom:var(--space-6);color:var(--color-gray-100)}.tool-free-page .ant-input,.tool-free-page .ant-input-textarea{background:var(--color-bg-3)!important;border:1px solid var(--color-border)!important;color:var(--color-white)!important;border-radius:calc(var(--border-radius)/2);transition:all var(--transition-speed) ease}.tool-free-page .ant-input-textarea::placeholder,.tool-free-page .ant-input::placeholder{color:var(--color-gray-300)}.tool-free-page .ant-input-textarea:focus,.tool-free-page .ant-input-textarea:hover,.tool-free-page .ant-input:focus,.tool-free-page .ant-input:hover{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px rgba(37,99,235,.25)}.tool-free-page .ant-btn-primary{background:linear-gradient(45deg,var(--color-primary),var(--color-primary-dark))!important;border:none!important;font-weight:600;border-radius:calc(var(--border-radius)/2);box-shadow:var(--shadow-sm);transition:all var(--transition-speed) ease}.tool-free-page .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-free-page .ant-btn-primary:active{transform:translateY(0)}@media(max-width:992px){.tool-free-page .tool-free{padding:var(--space-32) var(--space-16)}}.tool-free-page .ant-radio-group .ant-radio-button-wrapper{background:var(--color-bg-3)!important;color:var(--color-gray-200)!important;border:1px solid var(--color-border)!important;transition:all var(--transition-speed) ease}.tool-free-page .ant-radio-group .ant-radio-button-wrapper:hover{color:var(--color-white)!important;background:var(--color-bg-4)!important}.tool-free-page .ant-radio-group .ant-radio-button-wrapper-checked{background:var(--color-primary)!important;color:var(--color-white)!important;border-color:var(--color-primary)!important;box-shadow:var(--shadow-sm)}.tool-free-page .ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{background:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important;color:var(--color-white)!important}.tool-free-page .ant-radio-button-wrapper:first-child{border-radius:calc(var(--border-radius)/2) 0 0 calc(var(--border-radius)/2)!important}.tool-free-page .ant-radio-button-wrapper:last-child{border-radius:0 calc(var(--border-radius)/2) calc(var(--border-radius)/2) 0!important}.tool-free-page .ant-btn-default{background:var(--color-bg-3)!important;color:var(--color-gray-200)!important;border:1px solid var(--color-border)!important;font-weight:600!important;border-radius:calc(var(--border-radius)/2);transition:all var(--transition-speed) ease}.tool-free-page .ant-btn-default:hover{background:var(--color-bg-4)!important;color:var(--color-white)!important;border-color:var(--color-primary)!important;transform:translateY(-1px)}.tool-free-page .ant-btn.ant-btn-primary{background:linear-gradient(45deg,var(--color-primary),var(--color-primary-dark))!important;border-color:transparent!important;color:var(--color-white)!important}.tool-free-page .ant-btn.ant-btn-primary:hover{background:linear-gradient(45deg,var(--color-primary-dark),var(--color-primary))!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.tool-free-page .view-all-tools-wrapper{margin-top:var(--space-16);padding:0 var(--space-6)}.tool-free-page .view-all-tools-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-8);width:100%;padding:14px 20px;font-weight:600;color:var(--color-white);text-decoration:none;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--color-bg-3),var(--color-bg-4));border:1px solid rgba(37,99,235,.2);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.tool-free-page .view-all-tools-btn .btn-icon{font-size:16px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.tool-free-page .view-all-tools-btn:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);color:var(--color-white);transform:translateY(-3px);box-shadow:0 8px 25px rgba(37,99,235,.4)}.tool-free-page .view-all-tools-btn:hover .btn-icon{transform:translateX(4px)}.jp-content{color:#d6e4ff;padding:5px;display:flex;flex-direction:column;gap:10px;width:100%}.jp-header{margin-bottom:8px;margin-top:-5px}.jp-title{color:#4da6ff!important;margin-bottom:0!important;font-weight:700;text-align:left!important;padding-bottom:10px;border-bottom:1px solid rgba(77,166,255,.2)}.jp-input-container{display:flex;flex-direction:column;gap:12px;width:100%}.jp-input textarea{background:#111a2c!important;border:1px solid #1e2a44!important;color:#fff!important;border-radius:8px;font-family:Courier New,monospace;transition:all .3s ease;width:100%}.jp-input textarea:focus{border-color:#4da6ff!important;box-shadow:0 0 0 2px rgba(77,166,255,.2)!important}.jp-parse-button{background:linear-gradient(90deg,#1677ff,#0050b3);border:none;height:42px;font-weight:600;font-size:16px;border-radius:8px;transition:all .3s ease}.jp-parse-button:hover{background:linear-gradient(90deg,#4096ff,#1677ff);transform:translateY(-2px);box-shadow:0 4px 12px rgba(22,119,255,.4)}.jp-result-container{display:flex;flex-direction:column;gap:16px;width:100%}.jp-tree-wrapper{position:relative;background:#0f1a30;border-radius:10px;border:1px solid #1f2d48;max-height:440px;overflow:hidden;box-shadow:inset 0 2px 8px rgba(0,0,0,.2);width:100%}.jp-pathbar-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:linear-gradient(90deg,#13203b,#0f1a30);padding:10px 12px;border-bottom:1px solid #2a3a55;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.2);width:100%}.jp-pathbar-content{display:flex;justify-content:space-between;align-items:center;width:100%}.jp-path-label{color:#4da6ff!important}.jp-path-text{color:#d6e4ff}.jp-copy-button{color:#4da6ff;transition:all .3s ease}.jp-copy-button:hover{color:#fff;background:rgba(77,166,255,.1)}.jp-tree-box{padding:16px;max-height:380px;overflow-y:auto;width:100%}.jp-modal-container{height:100%;display:flex;flex-direction:column;width:100%}.jp-modal-tree{padding:16px;flex:1 1;overflow-y:auto;width:100%}.jp-view-full-button{background:linear-gradient(90deg,#00a8ff,#0080cc);border:none;height:44px;font-weight:600;font-size:16px;border-radius:8px;color:#fff;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,168,255,.4)}.jp-view-full-button:hover{background:linear-gradient(90deg,#00b8ff,#0090e0);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,168,255,.6)}.jp-node{margin-left:6px;transition:all .2s ease}.jp-node-header{display:flex;align-items:center;cursor:pointer;padding:4px 0;border-radius:4px;transition:all .2s ease}.jp-node-header:hover{background:rgba(77,166,255,.05)}.jp-arrow{color:#4da6ff;font-size:13px;margin-right:6px;transition:transform .2s ease}.jp-node-title{color:#7af;font-weight:600}.jp-empty-array-indicator{color:#888;font-style:italic;padding:2px 0 2px 20px;font-size:14px}.jp-children{padding-left:18px;margin-top:4px;border-left:1px dashed rgba(77,166,255,.2)}.jp-row{display:flex;gap:8px;margin:3px 0;padding:2px 0;border-radius:4px;transition:all .2s ease}.jp-row:hover{background:rgba(77,166,255,.05)}.jp-key{color:#4da6ff;font-weight:500;flex-shrink:0}.jp-value-inline{cursor:pointer;color:#fff;padding:2px 4px;border-radius:4px;transition:all .2s ease}.jp-value-inline:hover{color:#4da6ff;background:rgba(77,166,255,.1)}.jp-null-value{color:#ff7875;font-style:italic}.jp-placeholder{color:#556;padding:20px;text-align:center;font-style:italic}.jp-modal-tree::-webkit-scrollbar,.jp-tree-box::-webkit-scrollbar{width:8px}.jp-modal-tree::-webkit-scrollbar-track,.jp-tree-box::-webkit-scrollbar-track{background:#0a1628;border-radius:4px}.jp-modal-tree::-webkit-scrollbar-thumb,.jp-tree-box::-webkit-scrollbar-thumb{background:#2a3a55;border-radius:4px}.jp-modal-tree::-webkit-scrollbar-thumb:hover,.jp-tree-box::-webkit-scrollbar-thumb:hover{background:#3a4a65}