*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-card:#141414;--bg-hover:#1a1a1a;--border-color:#2a2a2a;--border-subtle:#1f1f1f;--text-primary:#ededed;--text-secondary:#a1a1a1;--text-muted:#666;--preview-bg:#141414;--preview-text:#d1d5db;--preview-heading:#f3f4f6;--preview-code-bg:#1f2937;--preview-border:#374151;--preview-link:#60a5fa;--preview-muted:#9ca3af;--accent-blue:#0070f3;--accent-cyan:#00d4ff;--accent-pink:#ff0080;--accent-purple:#7928ca;--accent-green:#50e3c2;--accent-yellow:#f5a623;--accent-red:#f44;--glow-pink:#ff008066;--glow-cyan:#00d4ff66;--glow-purple:#7928ca66;--glow-green:#50e3c266;--gradient-bg:radial-gradient(ellipse 80% 50% at 50% -20%, #7928ca26, transparent), radial-gradient(ellipse 60% 40% at 80% 0%, #ff00801a, transparent), radial-gradient(ellipse 60% 40% at 20% 0%, #00d4ff1a, transparent);--radius-sm:6px;--radius-md:8px;--radius-lg:12px}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--bg-card:#fff;--bg-hover:#f0f0f0;--border-color:#e5e5e5;--border-subtle:#ebebeb;--text-primary:#171717;--text-secondary:#525252;--text-muted:#a3a3a3;--preview-bg:#fff;--preview-text:#374151;--preview-heading:#111827;--preview-code-bg:#f3f4f6;--preview-border:#e5e7eb;--preview-link:#2563eb;--preview-muted:#6b7280;--accent-cyan:#0891b2;--accent-pink:#db2777;--accent-purple:#7c3aed;--glow-pink:#db277733;--glow-cyan:#0891b233;--glow-purple:#7c3aed33;--gradient-bg:radial-gradient(ellipse 80% 50% at 50% -20%, #7c3aed14, transparent), radial-gradient(ellipse 60% 40% at 80% 0%, #db27770d, transparent), radial-gradient(ellipse 60% 40% at 20% 0%, #0891b20d, transparent)}html,body,#root{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}body:before{content:"";background:var(--gradient-bg);pointer-events:none;z-index:0;height:600px;transition:background .3s;position:fixed;top:0;left:0;right:0}.theme-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.theme-toggle-track{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;width:56px;height:28px;transition:all .3s;position:relative}.theme-toggle-track:hover{border-color:var(--accent-purple)}.theme-toggle-thumb{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute;top:2px;left:2px}.theme-toggle-thumb.dark{background:linear-gradient(135deg,#1e1b4b,#312e81);left:2px;box-shadow:0 0 10px #6366f180}.theme-toggle-thumb.light{background:linear-gradient(135deg,#fbbf24,#f59e0b);left:30px;box-shadow:0 0 10px #fbbf2480}.theme-icon{color:#fff;width:14px;height:14px}.theme-toggle-icons{pointer-events:none;justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:absolute;inset:0}.icon-sun,.icon-moon{opacity:.3;width:14px;height:14px;transition:opacity .3s}.icon-sun{color:#fbbf24}.icon-moon{color:#818cf8}[data-theme=light] .icon-sun,[data-theme=dark] .icon-moon{opacity:0}.ant-layout{background:var(--bg-primary)!important}.ant-radio-button-wrapper{transition:all .2s;background:var(--bg-card)!important;border-color:var(--border-color)!important;height:28px!important;color:var(--text-secondary)!important;padding:0 12px!important;font-size:12px!important;font-weight:500!important;line-height:26px!important}.ant-radio-button-wrapper:hover{color:var(--text-primary)!important;border-color:var(--accent-purple)!important}.ant-radio-button-wrapper-checked{box-shadow:0 0 12px var(--glow-purple);background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink))!important;border-color:var(--accent-purple)!important;color:#fff!important}.ant-radio-button-wrapper-checked:hover{color:#fff!important}.ant-radio-button-wrapper-checked:before{background:var(--accent-purple)!important}.ant-btn{border-radius:6px!important;height:28px!important;padding:0 12px!important;font-size:12px!important;line-height:26px!important}.ant-btn-sm,.ant-btn-lg{height:28px!important;padding:0 12px!important;font-size:12px!important;line-height:26px!important}.ant-btn-primary{box-shadow:0 0 20px var(--glow-purple);font-weight:500;transition:all .2s;background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink))!important;color:#fff!important;border:none!important}.ant-btn-primary:hover{box-shadow:0 0 30px var(--glow-pink);transform:translateY(-1px)}.ant-btn-primary:disabled{box-shadow:none;background:var(--bg-hover)!important;color:var(--text-muted)!important}.ant-btn-default{box-shadow:0 0 20px var(--glow-purple);font-weight:500;transition:all .2s;background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink))!important;color:#fff!important;border:none!important}.ant-btn-default:hover{box-shadow:0 0 30px var(--glow-pink);transform:translateY(-1px);color:#fff!important}.ant-btn-default:disabled{box-shadow:none;background:var(--bg-hover)!important;color:var(--text-muted)!important}.toggle-group{border:1px solid var(--border-color);border-radius:6px;display:inline-flex;overflow:hidden}.toggle-btn{border:none;border-right:1px solid var(--border-color);background:var(--bg-card);height:28px;color:var(--text-secondary);cursor:pointer;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500;line-height:26px;transition:all .2s}.toggle-btn:last-child{border-right:none}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn-active{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));color:#fff;box-shadow:0 0 12px var(--glow-purple)}.stepper{border:1px solid var(--border-color);background:var(--bg-card);border-radius:6px;align-items:center;display:inline-flex;overflow:hidden}.stepper-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:all .15s;display:flex}.stepper-btn>span{position:relative;top:-2px}.stepper-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.stepper-btn:disabled{opacity:.3;cursor:default}.stepper-input{border:none;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);width:36px;height:28px;color:var(--text-primary);text-align:center;background:0 0;outline:none;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;font-weight:600}.toggle-btn-active:hover{color:#fff}.neon-checkbox{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.neon-checkbox input{display:none}.neon-checkbox-box{border:1px solid var(--border-color);background:var(--bg-card);color:#0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.neon-checkbox-box svg{width:12px;height:12px}.neon-checkbox input:checked+.neon-checkbox-box{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));border-color:var(--accent-purple);color:#fff;box-shadow:0 0 10px var(--glow-purple)}.neon-checkbox:hover .neon-checkbox-box{border-color:var(--accent-purple)}.neon-checkbox-label{color:var(--text-secondary);transition:color .15s}.neon-checkbox:hover .neon-checkbox-label{color:var(--text-primary)}.ant-message-notice-content{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.ant-tooltip-inner{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:0 4px 12px #00000026!important}.ant-tooltip-arrow-content{background:var(--bg-card)!important}[data-theme=light] .ant-tooltip-inner{color:#fff!important;background:#000000d9!important;border:1px solid #000000e6!important}[data-theme=light] .ant-tooltip-arrow-content{background:#000000d9!important}.app-layout{background:var(--bg-primary);z-index:1;flex-direction:column;height:100vh;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.app-header{border-bottom:1px solid var(--border-color);z-index:10;background:0 0;justify-content:center;align-items:center;height:64px;transition:border-color .3s;display:flex;position:relative}.header-content{justify-content:space-between;align-items:center;width:100%;padding:0 32px;display:flex}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;width:260px;min-width:260px;height:100%;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.sidebar-collapsed{width:56px;min-width:56px}.sidebar-search{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 16px;display:flex}.sidebar-search-icon{color:var(--text-muted);flex-shrink:0;font-size:16px}.sidebar-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-nav{flex:1;padding:8px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.sidebar-category{padding:4px 0}.sidebar-category-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 16px 4px;font-size:11px;font-weight:600;display:block}.sidebar-no-results{color:var(--text-muted);padding:8px 16px;font-size:13px;display:block}.sidebar-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;overflow:hidden}.sidebar-collapsed .sidebar-item{justify-content:center;padding:10px 0}.sidebar-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-item-active{color:var(--text-primary);box-shadow:inset -2px 0 0 var(--accent-purple);background:linear-gradient(135deg,#7928ca26,#ff008026)}.sidebar-item-active:hover{background:linear-gradient(135deg,#7928ca33,#ff008033)}.sidebar-item-icon{flex-shrink:0;align-items:center;font-size:18px;display:flex}.sidebar-item-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-star{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:14px;transition:all .15s;display:flex}.sidebar-item:hover .sidebar-star{opacity:.5}.sidebar-star:hover{color:var(--accent-yellow);opacity:1!important}.sidebar-star-active{opacity:1;color:var(--accent-yellow)}.sidebar-item:hover .sidebar-star-active{opacity:1}.sidebar-footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:8px;display:flex}.sidebar-collapse-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.sidebar-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-collapsed .sidebar-footer{justify-content:center}.sidebar-mobile-toggle{z-index:30;border:1px solid var(--border-color);background:var(--bg-card);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000026}.sidebar-overlay{display:none}.tool-grid-page{flex:1;padding:8px 0;overflow-y:auto}.tool-grid-heading{color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:700}.tool-grid-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:15px}.tool-grid-section{margin-bottom:32px}.tool-grid-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:14px;font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:flex-start;gap:14px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.tool-card:hover{border-color:var(--accent-purple);box-shadow:0 0 30px var(--glow-purple);transform:translateY(-1px)}.tool-card-icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent-purple);background:linear-gradient(135deg,#7928ca26,#ff008026);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.tool-card-content{flex:1;min-width:0}.tool-card-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.tool-card-description{color:var(--text-secondary);font-size:12px;line-height:1.4}.tool-card-wrapper{display:flex;position:relative}.tool-card-wrapper .tool-card{flex:1}.tool-card-star{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:16px;transition:all .15s;display:flex;position:absolute;top:10px;right:10px}.tool-card-wrapper:hover .tool-card-star{opacity:.5}.tool-card-star:hover{color:var(--accent-yellow);opacity:1!important}.tool-card-star-active{opacity:1;color:var(--accent-yellow)}.tool-card-wrapper:hover .tool-card-star-active{opacity:1}.qr-options{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.qr-option-row{align-items:center;gap:12px;display:flex}.qr-option-label{color:var(--text-muted);min-width:100px;font-size:12px}@media (width<=640px){.qr-option-row{flex-direction:column;align-items:flex-start;gap:6px}.qr-option-label{min-width:auto}}.tool-loading{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.tool-heading{color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:22px;font-weight:700}.app-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-decoration:none;color:var(--text-primary)!important;margin:0!important;font-size:20px!important;font-weight:700!important}.app-content{z-index:1;flex-direction:column;flex:1;min-height:0;padding:32px;display:flex;position:relative;overflow:hidden}.converter-container{flex-direction:column;flex:1;gap:24px;min-height:0;display:flex}.top-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.mode-selector{align-items:center;gap:12px;display:flex}.mode-label{color:var(--text-secondary);font-size:14px;font-weight:500}.copy-button-container{align-items:center;gap:12px;margin-left:auto;display:flex}.editor-grid{flex:1;grid-template-columns:1fr 1fr;gap:24px;min-height:400px;display:grid}.editor-panel{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.editor-panel .panel-card{flex-direction:column;flex:1;min-height:0;display:flex}.panel-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.panel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.editor-panel:first-child .panel-card{border-color:#00d4ff33;box-shadow:0 0 40px #00d4ff0d,inset 0 1px #00d4ff1a}.editor-panel:first-child .panel-card:focus-within{border-color:#00d4ff66;box-shadow:0 0 60px #00d4ff1a,inset 0 1px #00d4ff33}.editor-panel:first-child .panel-title{color:var(--accent-cyan)}.editor-panel:last-child .panel-card{border-color:#ff008033;box-shadow:0 0 40px #ff00800d,inset 0 1px #ff00801a}.editor-panel:last-child .panel-title{color:var(--accent-pink)}[data-theme=light] .editor-panel:first-child .panel-card{border-color:#0891b24d;box-shadow:0 0 40px #0891b20d}[data-theme=light] .editor-panel:last-child .panel-card{border-color:#db27774d;box-shadow:0 0 40px #db27770d}.panel-card-error{border-color:var(--accent-red)!important;box-shadow:0 0 40px #ff444426!important}.error-message{color:var(--accent-red);white-space:pre-wrap;word-break:break-word;padding:20px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.7}.json-viewer-container{flex-direction:column;flex:1;min-height:200px;padding:20px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;display:flex;overflow:auto}.json-viewer-placeholder{min-height:200px;color:var(--text-muted);padding:20px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px}.json-output-spinner,.json-output-spinner .ant-spin-container{flex-direction:column;flex:1;min-height:200px;display:flex}.json-tree-virtualized{flex:1;min-height:300px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.5;overflow:hidden}.json-tree-virtualized [role=tree],.json-tree-virtualized [role=treeitem]{outline:none}.jv-node{cursor:default;white-space:nowrap;align-items:center;padding-left:4px;display:flex}.jv-node:hover{background:var(--bg-hover)}.jv-container{line-height:1.5;background:0 0!important}.jv-basic{margin:0;padding:0 0 0 16px}.jv-label{color:#c586c0;margin-right:6px}.jv-string{color:#6a9955}.jv-number{color:#569cd6}.jv-boolean{color:#ce9178}.jv-null,.jv-undefined{color:#569cd6}.jv-other{color:var(--text-secondary)}.jv-punctuation{color:#d4d4d4}.jv-collapse-icon,.jv-expand-icon,.jv-icon-spacer{flex-shrink:0;width:12px;display:inline-block}.jv-collapse-icon,.jv-expand-icon{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--accent-pink)}.jv-collapse-icon:after{content:"▾"}.jv-expand-icon:after{content:"▸"}.jv-collapsed{color:var(--text-muted)}.jv-value,.jv-open-bracket{margin-left:6px}.jv-copy-icon{opacity:.2;cursor:pointer;color:var(--text-secondary);margin-left:8px;font-size:11px;transition:opacity .15s}.jv-copy-icon:hover{opacity:1;color:var(--accent-cyan)}.jv-node:hover .jv-copy-icon{opacity:.5}.jv-node:hover .jv-copy-icon:hover{opacity:1}.jv-label.jv-light{color:#000}.jv-string.jv-light{color:#22863a}.jv-number.jv-light{color:#0550ae}.jv-boolean.jv-light{color:#cf222e}.jv-null.jv-light,.jv-undefined.jv-light{color:#6e7781}.jv-punctuation.jv-light{color:#24292f}.jv-collapsed.jv-light{color:#6e7781}.panel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.editor-textarea{resize:none;background:var(--bg-card);width:100%;min-height:200px;color:var(--text-primary);border:none;border-radius:0;outline:none;flex:1;padding:20px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:14px;line-height:1.7;overflow:auto}.editor-textarea::placeholder{color:var(--text-muted)}.editor-textarea:focus{outline:none}.output-textarea{background:var(--bg-secondary)}.preview-container{background:var(--preview-bg);width:100%;min-height:200px;color:var(--preview-text);overflow-wrap:break-word;word-break:break-word;border-radius:0;flex:1;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;overflow:auto}.preview-container h1,.preview-container h2,.preview-container h3,.preview-container h4,.preview-container h5,.preview-container h6{color:var(--preview-heading);margin-top:1.25em;margin-bottom:.5em;font-weight:600}.preview-container h1:first-child,.preview-container h2:first-child,.preview-container h3:first-child{margin-top:0}.preview-container h1{font-size:1.5em}.preview-container h2{font-size:1.25em}.preview-container h3{font-size:1.1em}.preview-container p{margin-bottom:.75em}.preview-container strong{color:var(--preview-heading);font-weight:600}.preview-container em{font-style:italic}.preview-container ul,.preview-container ol{margin-bottom:.75em;padding-left:1.5em}.preview-container li{margin-bottom:.25em}.preview-container code{background:var(--preview-code-bg);color:var(--preview-heading);border-radius:3px;padding:.2em .4em;font-family:SFMono-Medium,SF Mono,Segoe UI Mono,monospace;font-size:.85em}.preview-container pre{background:var(--preview-code-bg);border:1px solid var(--preview-border);border-radius:6px;margin-bottom:.75em;padding:12px 16px;overflow-x:auto}.preview-container pre code{background:0 0;padding:0}.preview-container blockquote{border-left:2px solid var(--preview-border);color:var(--preview-muted);margin:0 0 .75em;padding:.5em 1em}.preview-container table{border-collapse:collapse;width:100%;margin-bottom:.75em}.preview-container th,.preview-container td{border:1px solid var(--preview-border);text-align:left;padding:8px 12px}.preview-container th{background:var(--preview-code-bg);color:var(--preview-heading);font-weight:600}.preview-container hr{border:none;border-top:1px solid var(--preview-border);margin:1.5em 0}.preview-container a{color:var(--preview-link);text-decoration:none}.preview-container a:hover{text-decoration:underline}.preview-container input[type=checkbox]{margin-right:6px}.preview-container::-webkit-scrollbar{width:6px;height:6px}.preview-container::-webkit-scrollbar-track{background:0 0}.preview-container::-webkit-scrollbar-thumb{background:var(--preview-border);border-radius:3px}.preview-container::-webkit-scrollbar-thumb:hover{background:var(--preview-muted)}@media (width<=1024px){.editor-grid{grid-template-columns:1fr}.editor-panel{min-height:400px}.top-bar{flex-direction:column;align-items:stretch;gap:12px}.copy-button-container{justify-content:flex-end}}@media (width<=768px){.sidebar{z-index:30;height:calc(100vh - 64px);transition:left .25s;position:fixed;top:64px;left:-260px;box-shadow:4px 0 12px #0003}.sidebar-collapsed{left:-56px}.sidebar-mobile-open{width:260px!important;min-width:260px!important;left:0!important}.sidebar-mobile-toggle{display:flex}.sidebar-overlay{z-index:25;background:#00000080;display:block;position:fixed;inset:64px 0 0}.tool-grid{grid-template-columns:1fr}}@media (width<=640px){.app-content{padding:16px}.header-content{padding:0 16px}.top-bar{flex-direction:column;align-items:stretch;gap:10px}.mode-selector{flex-direction:column;align-items:flex-start;gap:8px}.copy-button-container{flex-wrap:wrap;gap:8px}.app-title{font-size:16px!important}.tool-grid-heading{font-size:22px}.tool-heading{font-size:18px}.editor-grid,.editor-panel{min-height:auto}}.json-search-input{width:200px;background:var(--bg-secondary)!important;border-color:var(--border-color)!important;border-radius:var(--radius-sm)!important}.json-search-input input{font-size:12px;color:var(--text-primary)!important;background:0 0!important}.json-search-input input::placeholder{color:var(--text-muted)!important}.json-search-input .ant-input-prefix{color:var(--text-muted)}.json-search-input:focus-within{border-color:var(--accent-pink)!important;box-shadow:0 0 0 2px #ff00801a!important}.json-search-clear{color:var(--text-muted);cursor:pointer;transition:color .15s}.json-search-clear:hover{color:var(--accent-red)}.jv-highlight{background:#ff00804d;border-radius:2px;padding:0 1px}.jv-highlight.jv-light{background:#db277740}[data-theme=light] .json-search-input{background:var(--bg-card)!important}[data-theme=light] .json-search-input:focus-within{border-color:var(--accent-pink)!important;box-shadow:0 0 0 2px #db27771a!important}