.tool-free-page{--color-bg-1:#060918;--color-bg-2:rgba(16,18,46,.95);--color-bg-3:rgba(30,33,66,.9);--color-bg-4:rgba(42,47,73,.85);--color-bg-glass:rgba(16,18,46,.6);--color-border:rgba(46,52,89,.6);--color-border-hover:rgba(37,99,235,.4);--color-white:#fff;--color-gray-100:#e2e8f0;--color-gray-200:#94a3b8;--color-gray-300:#64748b;--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-primary-glow:rgba(59,130,246,.3);--color-accent:#8b5cf6;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 3px rgba(0,0,0,.12);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.2);--shadow-glow:0 0 20px var(--color-primary-glow);--blur-glass:blur(12px)}.tool-free-page .ant-breadcrumb{padding:0 var(--space-16)}@media(max-width:768px){.tool-free-page .ant-breadcrumb{padding:0 var(--space-12)}}.tool-free-page .tool-free-row{max-width:100%;margin:0 auto;width:100%;padding:0}@media(max-width:576px){.tool-free-page .tool-free-row{padding:0 8px}}.tool-free-page .tool-free-menu{background:var(--color-bg-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.tool-free-page .tool-free-menu .ant-menu-item{margin:var(--space-2) 0;padding:10px 14px!important;height:auto!important;line-height:1.4!important;font-size:13px;font-weight:500;color:var(--color-gray-200)!important;border-radius:var(--radius-md)!important;transition:var(--transition-smooth);will-change:transform,background-color}.tool-free-page .tool-free-menu .ant-menu-item:hover{background:var(--color-bg-4)!important;color:var(--color-white)!important;transform:translateX(3px)}.tool-free-page .tool-free-menu .ant-menu-item.ant-menu-item-selected{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))!important;color:var(--color-white)!important;font-weight:600;box-shadow:var(--shadow-glow);transform:translateX(3px)}@media(max-width:767px){.tool-free-page .tool-free-menu{position:relative;top:0;max-height:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:var(--space-6);padding:var(--space-8) var(--space-4);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.tool-free-page .tool-free-menu::-webkit-scrollbar{display:none}.tool-free-page .tool-free-menu .ant-menu-item{flex:0 0 auto;margin:0!important;padding:8px 12px!important;white-space:nowrap;font-size:12px;scroll-snap-align:start}.tool-free-page .tool-free-menu .ant-menu-item.ant-menu-item-selected,.tool-free-page .tool-free-menu .ant-menu-item:hover{transform:translateY(-2px)}}.tool-free-page .tool-free-content{background:var(--color-bg-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-20);min-height:380px;transition:var(--transition-smooth)}@media(max-width:768px){.tool-free-page .tool-free-content{padding:var(--space-16);min-height:320px}}@media(max-width:576px){.tool-free-page .tool-free-content{padding:var(--space-12);min-height:280px;border-radius:var(--radius-md)}}.tool-free-page .tool-label{font-size:13px;font-weight:600;margin-bottom:var(--space-6);color:var(--color-gray-100)}.tool-free-page .ant-input,.tool-free-page .ant-input-textarea,.tool-free-page textarea.ant-input{background:var(--color-bg-3)!important;border:1px solid var(--color-border)!important;color:var(--color-white)!important;border-radius:var(--radius-sm)!important;font-size:13px;transition:var(--transition-fast)}.tool-free-page .ant-input-textarea::placeholder,.tool-free-page .ant-input::placeholder,.tool-free-page textarea.ant-input::placeholder{color:var(--color-gray-300)}.tool-free-page .ant-input-textarea:hover,.tool-free-page .ant-input:hover,.tool-free-page textarea.ant-input:hover{border-color:var(--color-border-hover)!important}.tool-free-page .ant-input-textarea:focus,.tool-free-page .ant-input:focus,.tool-free-page textarea.ant-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary-glow)!important}@media(max-width:576px){.tool-free-page .ant-input,.tool-free-page .ant-input-textarea,.tool-free-page textarea.ant-input{font-size:14px;padding:10px 12px!important}}.tool-free-page .ant-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))!important;border:none!important;font-size:13px;font-weight:600;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.tool-free-page .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}.tool-free-page .ant-btn-primary:active{transform:translateY(0)}@media(max-width:576px){.tool-free-page .ant-btn-primary{width:100%;padding:10px 16px!important;height:auto!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-size:13px;font-weight:500;border-radius:var(--radius-sm);transition:var(--transition-fast)}.tool-free-page .ant-btn-default:hover{background:var(--color-bg-4)!important;color:var(--color-white)!important;border-color:var(--color-border-hover)!important}@media(max-width:576px){.tool-free-page .ant-btn-default{width:100%}}.tool-free-page .ant-radio-group{display:flex;flex-wrap:wrap;gap:var(--space-4)}.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;font-size:12px;transition:var(--transition-fast)}.tool-free-page .ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)!important}.tool-free-page .ant-radio-group .ant-radio-button-wrapper:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0!important}.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.ant-radio-button-wrapper-checked{background:var(--color-primary)!important;color:var(--color-white)!important;border-color:var(--color-primary)!important}@media(max-width:576px){.tool-free-page .ant-radio-group .ant-radio-button-wrapper{flex:1 1;text-align:center;padding:6px 10px!important}}.tool-free-page .view-all-tools-wrapper{margin-top:var(--space-12);padding:0 var(--space-4)}@media(max-width:767px){.tool-free-page .view-all-tools-wrapper{display:none}}.tool-free-page .view-all-tools-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-6);width:100%;padding:10px 14px;font-size:13px;font-weight:600;color:var(--color-gray-100);text-decoration:none;border-radius:var(--radius-md);background:var(--color-bg-3);border:1px solid var(--color-border);transition:var(--transition-smooth)}.tool-free-page .view-all-tools-btn .btn-icon{font-size:14px;transition:transform var(--transition-smooth)}.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(-2px);box-shadow:var(--shadow-glow)}.tool-free-page .view-all-tools-btn:hover .btn-icon{transform:translateX(3px)}.tool-free-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-free-page .tool-free-content>*{animation:fadeIn .3s ease-out}.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}