:root{--bg-dark: #090D16;--bg-card: rgba(19, 26, 42, .65);--bg-card-hover: rgba(30, 41, 64, .75);--bg-input: rgba(13, 18, 30, .85);--overlay-bg: rgba(4, 7, 13, .65);--border-glass: rgba(255, 255, 255, .08);--border-glass-bright: rgba(56, 189, 248, .3);--color-text-primary: #F8FAFC;--color-text-secondary: #CBD5E1;--color-text-muted: #94A3B8;--accent-cyan: #38BDF8;--accent-indigo: #818CF8;--accent-emerald: #34D399;--accent-purple: #A78BFA;--accent-rose: #FB7185;--accent-amber: #FBBF24;--gradient-glow: linear-gradient(135deg, rgba(56, 189, 248, .15) 0%, rgba(129, 140, 248, .15) 100%);--gradient-accent: linear-gradient(135deg, #38BDF8 0%, #818CF8 100%);--gradient-button: linear-gradient(135deg, #2563EB 0%, #4F46E5 100%);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-neon: 0 0 20px rgba(56, 189, 248, .2);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--font-mono: "Fira Code", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px}:root.light-theme{--bg-dark: #F8FAFC;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(241, 245, 249, .95);--bg-input: rgba(241, 245, 249, 1);--overlay-bg: rgba(255, 255, 255, .55);--border-glass: rgba(15, 23, 42, .15);--border-glass-bright: rgba(2, 132, 199, .4);--color-text-primary: #0F172A;--color-text-secondary: #334155;--color-text-muted: #475569;--accent-cyan: #0284C7;--accent-indigo: #4338CA;--accent-emerald: #059669;--accent-purple: #7C3AED;--accent-rose: #E11D48;--accent-amber: #D97706;--gradient-glow: linear-gradient(135deg, rgba(2, 132, 199, .08) 0%, rgba(67, 56, 202, .08) 100%);--shadow-glass: 0 4px 24px 0 rgba(15, 23, 42, .08);--shadow-neon: 0 0 15px rgba(2, 132, 199, .15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--color-text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;line-height:1.5;background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(129,140,248,.08) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(167,139,250,.04) 0px,transparent 50%);background-attachment:fixed}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.site-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-glass);padding:.5rem;display:flex;align-items:center;justify-content:space-between;max-width:calc(1400px - 4rem);margin:0 auto;border-radius:999px;box-shadow:0 4px 30px #0003}.hero-bg-grid{position:relative;z-index:1}.hero-bg-grid:before{content:"";position:absolute;inset:-100px 0 -50px;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;background-position:center top;-webkit-mask-image:linear-gradient(to bottom,black 20%,transparent 100%);mask-image:linear-gradient(to bottom,black 20%,transparent 100%);pointer-events:none;z-index:-1}.brand-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.35rem;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;text-decoration:none}.mega-menu-link:hover{color:var(--accent-cyan)!important;background:#38bdf81a}.mega-card-link:hover{border-color:var(--border-glass-bright)!important;background:var(--bg-card-hover)!important;box-shadow:0 0 10px #38bdf826}.text-tool-dropdown-item{color:var(--color-text-secondary)!important}.text-tool-dropdown-item:hover{color:var(--accent-cyan)!important;background:var(--bg-card-hover)!important;text-shadow:0 0 8px rgba(56,189,248,.3)}.text-tool-dropdown-item:hover svg{transform:scale(1.15);color:var(--color-text-primary)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.category-count{font-size:.7rem;padding:.15rem .55rem;border-radius:999px;background:#a78bfa26;border:1px solid rgba(167,139,250,.35);color:var(--accent-purple);font-weight:700;letter-spacing:.3px}.nav-link-btn{font-family:var(--font-sans)}.nav-link-btn.active,.nav-link-btn:hover{background:var(--bg-card)!important;border-color:var(--border-glass-bright)!important;color:var(--accent-cyan)!important}.badge-xml{background:#34d3991f;color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}.privacy-badge{display:flex;align-items:center;gap:.35rem;background:#34d3991a;border:1px solid rgba(52,211,153,.3);color:var(--accent-emerald);padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600}.search-trigger{display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--border-glass);color:var(--color-text-secondary);padding:.45rem .9rem;border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;transition:all .2s ease;min-width:240px}.search-trigger:hover{border-color:var(--border-glass-bright);color:var(--color-text-primary);box-shadow:0 0 12px #38bdf826}.kbd-shortcut{background:#ffffff1a;padding:.15rem .4rem;border-radius:4px;font-size:.75rem;font-family:var(--font-mono);margin-left:auto}.header-search-trigger{display:flex;align-items:center;gap:.5rem;background:var(--accent-cyan);color:#090d16;border:none;font-weight:700;padding:.55rem 1.25rem;border-radius:999px;min-width:auto;box-shadow:0 0 15px #38bdf859;cursor:pointer;transition:all .2s ease}.header-search-trigger:hover{transform:translateY(-1px);box-shadow:0 0 20px #38bdf88c}.header-search-trigger .kbd-shortcut{background:#090d162e;color:#090d16;border:1px solid rgba(9,13,22,.25);font-weight:700;border-radius:4px;padding:.15rem .45rem;font-size:.75rem}:root.light-theme .header-search-trigger{background:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c74d}:root.light-theme .header-search-trigger .kbd-shortcut{background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.4)}.main-layout{display:flex;flex:1}.content-area{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-top:1.25rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent);opacity:0;transition:opacity .25s ease}.glass-card:hover{transform:translateY(-3px);background:var(--bg-card-hover);border-color:var(--border-glass-bright);box-shadow:var(--shadow-glass),var(--shadow-neon)}.glass-card:hover:before{opacity:1}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.card-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-text-primary)}.card-desc{font-size:.825rem;color:var(--color-text-muted);line-height:1.4;margin-bottom:1rem}.card-badge{font-size:.7rem;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.badge-code{background:#a78bfa26;color:var(--accent-purple);border:1px solid rgba(167,139,250,.3)}.badge-text{background:#38bdf826;color:var(--accent-cyan);border:1px solid rgba(56,189,248,.3)}.badge-media{background:#34d39926;color:var(--accent-emerald);border:1px solid rgba(52,211,153,.3)}.badge-fonts{background:#fbbf2426;color:var(--accent-amber);border:1px solid rgba(251,191,36,.3)}.badge-random,.badge-seo{background:#fb718526;color:var(--accent-rose);border:1px solid rgba(251,113,133,.3)}.workspace-container{display:flex;flex-direction:column;gap:1.25rem}.workspace-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-glass);padding:1.25rem 1.5rem;border-radius:var(--radius-lg)}.back-button{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--color-text-secondary);padding:.5rem .9rem;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.85rem;transition:all .2s ease}.back-button:hover{color:var(--color-text-primary);border-color:var(--border-glass-bright)}.editors-split{display:flex;flex-direction:row;align-items:stretch;gap:0}@media (max-width: 900px){.editors-split{flex-direction:column}.editors-split .editor-box{width:100%!important}}.workspace-splitter{width:16px;background:transparent;cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s;flex-shrink:0}.workspace-splitter:hover,.workspace-splitter.active{background:#38bdf80d}.workspace-splitter:after{content:"";width:4px;height:40px;background:var(--border-glass-bright);border-radius:4px}@media (max-width: 900px){.workspace-splitter{width:100%;height:16px;cursor:row-resize}.workspace-splitter:after{width:40px;height:4px}}.dropzone-overlay{position:absolute;inset:0;background:var(--bg-input);backdrop-filter:blur(8px);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--accent-cyan);border-radius:var(--radius-lg);color:var(--accent-cyan);font-family:var(--font-heading);font-size:1.25rem;pointer-events:none}.workspace-toast{position:fixed;bottom:2rem;right:2rem;background:var(--bg-input);backdrop-filter:blur(16px);border:1px solid var(--accent-emerald);padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 10px 40px #00000080,0 0 20px #34d39933;display:flex;align-items:center;gap:.75rem;z-index:99999;color:var(--color-text-primary);font-weight:500;font-size:.95rem;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideIn{0%{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.workspace-action-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:.75rem 1.25rem;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem}.action-bar-wrap-start{justify-content:flex-start!important}.action-bar-group{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.workspace-action-bar.floating-bottom{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:10000;box-shadow:var(--shadow-glass);background:var(--bg-input);backdrop-filter:blur(16px);border:1px solid var(--border-glass-bright);padding:.85rem 1.5rem;width:max-content;max-width:90vw;margin-bottom:0}.workspace-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:var(--bg-dark);padding:1.5rem;display:flex;flex-direction:column}.workspace-fullscreen .editors-split{flex:1;height:100%}.workspace-fullscreen .editor-box{height:100%}.action-bar-group{display:flex;align-items:center;gap:.75rem}.action-bar-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:#ffffff0d;border:1px solid var(--border-glass);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:.825rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-bar-btn:hover{background:var(--gradient-accent);color:#fff;border-color:transparent;box-shadow:0 0 10px #38bdf840}.action-bar-btn.btn-outline{background:transparent}.action-bar-btn.btn-outline:hover{border-color:var(--accent-cyan);background:#38bdf81a;color:var(--color-text-primary)}.action-bar-select{padding:.4rem .75rem;background:var(--bg-input);color:var(--color-text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);font-size:.8rem;outline:none;cursor:pointer}.editor-box{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{background:var(--bg-card);border-bottom:1px solid var(--border-glass);padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between}.editor-title{font-weight:600;font-size:.85rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.4rem}.action-btn{background:var(--bg-input);border:1px solid var(--border-glass);color:var(--color-text-primary);padding:.35rem .65rem;border-radius:var(--radius-sm);font-size:.775rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.action-btn:hover{background:var(--gradient-accent);color:#fff;border-color:transparent;box-shadow:0 0 10px #38bdf84d}.code-textarea{width:100%;min-height:380px;background:var(--bg-input);color:var(--color-text-primary);border:none;padding:1rem;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;resize:vertical;outline:none}.code-textarea:focus{box-shadow:inset 0 0 0 1px var(--accent-cyan)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.modal-content{background:var(--bg-card);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass),var(--shadow-neon);border-radius:var(--radius-xl);width:90%;max-width:620px;overflow:hidden}.search-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-glass);padding:1.15rem 1.25rem;color:var(--color-text-primary);font-size:1.1rem;font-family:var(--font-sans);outline:none}.search-results{max-height:380px;overflow-y:auto;padding:.5rem}.search-item{padding:.75rem 1rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s ease}.search-item:hover,.search-item.selected{background:var(--gradient-glow)}.site-footer{border-top:1px solid var(--border-glass);background:var(--bg-dark);padding:3rem 2rem;margin-top:4rem;font-size:.85rem;color:var(--color-text-muted)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#090d164d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.json-editor-layout{display:flex;gap:10px;width:100%;height:100vh;align-items:stretch;background:#1abc9c;padding:10px;margin:-2rem;width:calc(100% + 4rem)}@media (max-width: 900px){.json-editor-layout{flex-direction:column}}.json-editor-pane{flex:1;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:0;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0}.json-editor-actions{display:flex;flex-direction:column;gap:.75rem;width:180px;flex-shrink:0;padding:1rem 0}@media (max-width: 900px){.json-editor-actions{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0}}.json-action-btn{display:flex;align-items:center;justify-content:center;text-align:center;padding:.75rem 1rem;background:transparent;border:1px solid var(--border-glass);color:var(--color-text-primary);border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.json-action-btn:hover{background:#fff3;box-shadow:none}.json-ad-placeholder{margin-top:auto;border:1px dashed rgba(255,255,255,.5);background:#ffffff0d;border-radius:4px;padding:1.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}@media (max-width: 900px){.json-ad-placeholder{display:none}}.json-tree-empty,.json-tree-error{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-sans)}.json-tree-node{margin-left:1.5rem;position:relative;white-space:nowrap}.json-tree-container>.json-tree-node{margin-left:0}.json-node-header{cursor:pointer;display:inline-flex;align-items:center;user-select:none}.json-node-header:hover{background:#ffffff0d;border-radius:4px}.json-node-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;margin-left:-1.2rem;color:var(--color-text-muted)}.json-node-toggle:hover{color:var(--color-text-primary)}.json-key{color:var(--accent-cyan);margin-right:.4rem;font-weight:600}.json-value-string{color:var(--accent-emerald);word-break:break-all;white-space:normal}.json-value-number{color:var(--accent-amber)}.json-value-boolean{color:var(--accent-indigo)}.json-value-null{color:var(--accent-rose);font-style:italic}.json-node-preview{color:var(--color-text-muted)}.json-node-footer{color:var(--color-text-secondary)}.breadcrumb-nav{display:flex;align-items:center;padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);backdrop-filter:blur(8px);margin-bottom:1.25rem}.breadcrumb-list{display:flex;align-items:center;gap:.25rem;list-style:none;flex-wrap:wrap;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;gap:.25rem}.breadcrumb-sep{color:var(--color-text-muted);opacity:.5;flex-shrink:0;margin:0 .1rem}.breadcrumb-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:.2rem .45rem;border-radius:var(--radius-sm);transition:color .18s ease,background .18s ease}.breadcrumb-link:hover{color:var(--accent-cyan);background:#38bdf814}.breadcrumb-current{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--color-text-primary);padding:.2rem .45rem}.breadcrumb-icon{display:inline-flex;align-items:center;opacity:.75}@media (max-width: 992px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.site-header{padding:.3rem .5rem!important;border-radius:0;margin:0;max-width:100%;border-left:none;border-right:none;border-top:none}.privacy-badge,.header-nav-links,.desktop-only{display:none!important}.mobile-only{display:flex!important}.content-area{padding:.75rem .75rem 5rem!important}.breadcrumb-nav{display:none!important}.tools-grid{grid-template-columns:1fr;padding:0}.workspace-container{padding:0;margin:0}.workspace-container .workspace-grid,.split-pane-grid{grid-template-columns:1fr!important;height:auto!important}.workspace-container textarea,.code-textarea{min-height:250px;font-size:16px!important}.mega-card-link{padding:1rem}#tool-workspace-container{margin:0;gap:.75rem!important}.back-button{padding:.5rem!important;width:36px;height:36px;justify-content:center}.back-button span{display:none!important}.workspace-header{flex-direction:column;align-items:flex-start!important;gap:.5rem!important;padding:0!important;background:transparent!important;border:none!important;backdrop-filter:none!important}.workspace-header h1{font-size:1.15rem!important;margin:0!important;line-height:1.2!important}.workspace-header p{display:none!important}.workspace-header>div:first-child{align-items:center!important;gap:.6rem!important}.workspace-header>.mega-menu-overlay{display:none!important}body{overflow-x:hidden}.mega-menu-overlay{display:none!important}.workspace-action-bar{position:fixed;bottom:0;left:0;width:100%;z-index:1000;flex-wrap:nowrap!important;overflow-x:auto;padding:.75rem 1rem!important;justify-content:flex-start!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem!important;background:#0f172abf!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:0!important;border:none!important;border-top:1px solid var(--border-glass)!important;box-shadow:0 -10px 30px #00000080}.workspace-action-bar::-webkit-scrollbar{display:none}.workspace-action-bar .action-bar-btn,.workspace-action-bar .action-bar-btn.btn-outline{font-size:0!important;padding:.5rem .65rem!important;gap:0!important;min-width:40px;justify-content:center}.workspace-action-bar .action-bar-btn[style*=gradient],.workspace-action-bar.show-mobile-text .action-bar-btn{font-size:.85rem!important;padding:.45rem 1rem!important;gap:.35rem!important}.workspace-action-bar.floating-bottom{bottom:1rem!important;padding:.6rem .75rem!important;border-radius:999px!important;max-width:95vw!important}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.bottom-drawer-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeInOverlay .25s cubic-bezier(.16,1,.3,1) forwards}.bottom-drawer-content{background:var(--bg-card);border-top:1px solid var(--border-glass);border-radius:24px 24px 0 0;padding:1.5rem 1.5rem 2.5rem;width:100%;max-height:85vh;overflow-y:auto;animation:slideUpDrawer .35s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 -10px 40px #00000080}.drawer-handle{width:40px;height:4px;background:#fff3;border-radius:4px;margin:0 auto 1.5rem}}.header-wrapper{position:sticky;top:0;z-index:1000;padding:.5rem 2rem 0}@media (max-width: 768px){.header-wrapper{padding:0}}.mobile-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;width:280px;height:100vh;background:#090d16fa;backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);z-index:2001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.mobile-drawer.open{transform:translate(0)}select option{background-color:var(--bg-dark);color:var(--color-text-primary);padding:.5rem}