*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-grow{flex-grow:1}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.break-all{word-break:break-all}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-background{background-color:var(--background)}.p-6{padding:1.5rem}.pt-0{padding-top:0}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.underline{text-decoration-line:underline}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1e293b;background:#fff}body,html{overflow-x:hidden;width:100%;max-width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);color:#1e293b;padding:1.25rem 0;box-shadow:0 1px 3px rgba(0,0,0,.05);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(226,232,240,.8)}.main-header .container{justify-content:space-between}.logo,.main-header .container{display:flex;align-items:center}.logo{gap:.75rem;color:#1e293b;text-decoration:none;font-size:1.5rem;font-weight:700;transition:transform .2s}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:1.75rem}.logo-text{background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-header nav{display:flex;gap:2rem;align-items:center}.main-header nav a{color:#475569;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s;position:relative}.main-header nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);transition:width .3s}.main-header nav a:hover{color:#1e293b}.main-header nav a:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101;position:relative}.mobile-menu-toggle span{width:100%;height:3px;background:#1e293b;border-radius:3px;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.page-loader.active{opacity:1;visibility:visible}.loader-content{text-align:center}.loader-spinner{width:50px;height:50px;border:4px solid rgba(14,165,233,.2);border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.loader-text{color:#1e293b;font-size:1rem;font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.loader-spinner{will-change:transform;transform:translateZ(0)}main{transition:opacity .4s ease;opacity:1;padding:0}html{scroll-behavior:smooth}.hero{position:relative;padding:6rem 0 8rem;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;min-height:600px;display:flex;align-items:center}.hero .container,.hero-content{position:relative;z-index:2}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.gradient-orb,.orb-1{will-change:transform,opacity;transform:translateZ(0)}.orb-1{width:400px;height:400px;background:#0ea5e9;top:-200px;right:-100px;animation-delay:0s;animation:float 20s ease-in-out infinite,pulse 4s ease-in-out infinite}.orb-2{width:300px;height:300px;background:#06b6d4;bottom:-150px;left:-50px;animation-delay:5s;animation:float 25s ease-in-out infinite reverse,pulse 5s ease-in-out 1s infinite}.orb-2,.orb-3{will-change:transform,opacity;transform:translateZ(0)}.orb-3{width:250px;height:250px;background:#14b8a6;top:50%;left:50%;animation-delay:10s;animation:float-orb3 18s ease-in-out infinite,pulse 3.5s ease-in-out .5s infinite}@keyframes float{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(30px,-30px,0) scale(1.1)}66%{transform:translate3d(-20px,20px,0) scale(.9)}}@keyframes float-orb3{0%,to{transform:translate3d(-50%,-50%,0) scale(1)}33%{transform:translate3d(calc(-50% + 30px),calc(-50% - 30px),0) scale(1.1)}66%{transform:translate3d(calc(-50% - 20px),calc(-50% + 20px),0) scale(.9)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em;animation:fadeInUp .8s ease-out;will-change:transform,opacity}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}.gradient-text{background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .2s both}.hero-cta,.hero-description{will-change:transform,opacity}.hero-cta{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s both}.btn-hero-primary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 15px rgba(14,165,233,.3)}.btn-hero-primary:hover{transform:translate3d(0,-2px,0);box-shadow:0 6px 20px rgba(14,165,233,.4);color:#fff}.btn-hero-secondary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:hsla(0,0%,100%,.1);color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem;border-radius:12px;border:2px solid hsla(0,0%,100%,.3);transition:all .3s ease;backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5);transform:translate3d(0,-2px,0);color:#fff}.hero-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;animation:fadeInUp .8s ease-out .6s both;will-change:transform,opacity}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{font-size:.95rem;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.tools-section{padding:6rem 0;background:#f8fafc}.tools-section .section-header{text-align:center;margin-bottom:4.5rem;position:relative;padding:0;display:block}.tools-section .section-title{font-size:2.75rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.2;text-align:center}.tools-section .section-subtitle{font-size:1.15rem;color:#64748b;line-height:1.6;max-width:600px;margin:0 auto;position:relative;padding-top:1.5rem;font-weight:400;text-align:center}.tools-section .section-subtitle:before{content:"";position:absolute;top:0;left:50%;transform:translate3d(-50%,0,0);width:70px;height:3px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-radius:2px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.tool-card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tool-card-link:hover{transform:translate3d(0,-4px,0)}.tool-card-link:active{transform:translate3d(0,-2px,0)}.tool-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;cursor:pointer}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);transform:scaleX(0);transition:transform .3s;will-change:transform}.tool-card-link:hover .tool-card{box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:#cbd5e1}.tool-card-link:hover .tool-card:before{transform:scaleX(1)}.tool-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;transition:transform .3s}.tool-card-link:hover .tool-icon{transform:scale(1.1) rotate(5deg);will-change:transform}.tool-content{flex:1}.tool-name{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.tool-description{color:#64748b;margin-bottom:1.5rem;line-height:1.6;font-size:.95rem}.tool-footer{margin-top:auto}.tool-link{display:inline-flex;align-items:center;gap:.5rem;color:#0ea5e9;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s;pointer-events:none}.tool-card-link:hover .tool-link{color:#0284c7;gap:.75rem}.tool-link .arrow{transition:transform .2s}.tool-card-link:hover .tool-link .arrow{transform:translate3d(4px,0,0)}.features-section{padding:6rem 0;background:#fff}.features-section .section-header{text-align:center;margin-bottom:4.5rem;position:relative;padding:0;display:block}.features-section .section-title{font-size:2.75rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.2;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-card{text-align:center;padding:2rem;border-radius:12px;transition:transform .2s}.feature-card:hover{transform:translate3d(0,-4px,0)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:inline-block}.feature-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.feature-card p{color:#64748b;line-height:1.6;font-size:.95rem}.tool-header{text-align:center;margin-bottom:2rem;padding:1rem 0}.tool-header h1{font-size:1.875rem;color:#1e293b;margin-bottom:.5rem;font-weight:700;letter-spacing:-.02em}.tool-header p{color:#64748b;font-size:1rem}.mode-toggle{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;display:inline-block}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#0ea5e9}.toggle-text{font-weight:500;color:#1e293b}.toggle-info{font-size:.85rem;color:#64748b;font-style:italic}.tool-container{background:#fff;padding:0;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);overflow:hidden;border:1px solid #e5e7eb;transition:box-shadow .2s ease}.tool-container:hover{box-shadow:0 6px 12px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.08)}.unified-json-editor{display:flex;flex-direction:column;min-height:700px;max-height:80vh;background:#fff}.main-tabs{display:flex;gap:0;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:0;margin:0}.main-tab-btn{padding:.875rem 1.75rem;background:transparent;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;position:relative;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;text-transform:uppercase;letter-spacing:.5px}.main-tab-btn:hover{color:#3b82f6;background:rgba(59,130,246,.05)}.main-tab-btn.active{color:#2563eb;background:#fff;border-bottom-color:#3b82f6;font-weight:700}.editor-toolbar{justify-content:space-between;padding:.875rem 1.25rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:.75rem}.editor-toolbar,.toolbar-left,.toolbar-right{display:flex;align-items:center;flex-wrap:wrap}.toolbar-left,.toolbar-right{gap:.5rem}.btn-toolbar{padding:.5rem .875rem;border:1px solid #e5e7eb;border-radius:5px;background:#fff;color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem;line-height:1.5}.btn-toolbar:hover{background:#f3f4f6;border-color:#d1d5db;color:#1f2937;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-toolbar:active{background:#e5e7eb;transform:translate3d(0,1px,0);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.btn-toolbar-primary{padding:.5rem .875rem;border:1px solid #3b82f6;border-radius:5px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;line-height:1.5;box-shadow:0 1px 3px rgba(59,130,246,.3)}.btn-toolbar-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;box-shadow:0 2px 4px rgba(59,130,246,.4);transform:translate3d(0,-1px,0)}.btn-toolbar-primary.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 2px 6px rgba(16,185,129,.4)}.btn-toolbar-primary.active:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;box-shadow:0 3px 8px rgba(16,185,129,.5)}.tab-content{flex:1;display:none;flex-direction:column;overflow:hidden;background:#fff;position:relative;min-height:400px}.tab-content.active{display:flex}#inputTabContent.active,#viewerTabContent.active{display:flex!important}.unified-textarea{flex:1;width:100%;padding:1.25rem;border:none;border-radius:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;resize:none;color:#1f2937;line-height:1.7;overflow-y:auto;min-height:500px;-o-tab-size:2;tab-size:2;-moz-tab-size:2}.unified-textarea,.unified-textarea:focus{background:#fff;outline:none}.unified-textarea[readonly]{background:#f9fafb;color:#374151;cursor:default}.unified-textarea::-moz-placeholder{color:#9ca3af;opacity:1}.unified-textarea::placeholder{color:#9ca3af;opacity:1}.json-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:700px;max-height:80vh}.json-input-panel{border-right:2px solid #e2e8f0}.json-input-panel,.json-output-panel{display:flex;flex-direction:column;background:#fff;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.panel-header h3{font-weight:700;color:#1e293b;margin:0;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.panel-actions{display:flex;gap:.5rem;align-items:center}.btn-icon{background:transparent;border:1px solid #e2e8f0;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;color:#64748b;display:inline-flex;align-items:center;gap:.25rem}.btn-icon:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.panel-toolbar{display:flex;gap:.5rem;padding:.75rem 1.25rem;background:#fafbfc;border-bottom:1px solid #e2e8f0}.btn-action{padding:.625rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#334155;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;flex:1}.btn-action:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0ea5e9}.btn-action.active{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border-color:#0ea5e9;color:#fff;box-shadow:0 2px 8px rgba(14,165,233,.3)}.btn-action.active:hover{background:linear-gradient(135deg,#0284c7,#0891b2)}.json-input-textarea{flex:1;width:100%;padding:1rem;border:none;border-radius:0;font-family:Courier New,monospace;font-size:14px;resize:none;background:#fafbfc;color:#1e293b;line-height:1.6;outline:none;overflow-y:auto;min-height:400px}.json-input-textarea:focus{background:#fff}.json-output-textarea{flex:1;width:100%;padding:1rem;border:none;border-radius:0;font-family:Courier New,monospace;font-size:14px;resize:none;background:#f8fafc;color:#334155;line-height:1.6;outline:none;overflow-y:auto;min-height:400px}.mode-toggle-bottom{padding:.875rem 1.25rem;background:#f9fafb;border-top:1px solid #e5e7eb}.panel-header-small{padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.panel-header-small h4{font-size:.8125rem;font-weight:700;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.05em;line-height:1.5}.input-section,.output-section{margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-header h2{font-size:1.2rem;color:#1e293b}.code-textarea{width:100%;min-height:300px;padding:1rem;border:2px solid #e2e8f0;border-radius:6px;font-family:Courier New,monospace;font-size:14px;resize:vertical;background:#f8fafc;line-height:1.5}.code-textarea:focus{outline:none;border-color:#0ea5e9;background:#fff}.code-textarea.output{background:#f1f5f9}.btn,.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;font-weight:500}.btn-primary{background:#0ea5e9;color:#fff}.btn-primary:hover{background:#0284c7;transform:translate3d(0,-1px,0);box-shadow:0 2px 4px rgba(59,130,246,.3)}.btn-primary:active{transform:translateZ(0)}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover{background:#cbd5e1}.button-group{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.validation-message{display:none;padding:1rem 1.5rem;border-radius:8px;margin:0 auto 1.5rem;font-size:.95rem;font-weight:600;text-align:center;max-width:1200px;box-shadow:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);animation:slideDown .3s ease-out;position:relative;z-index:10;word-wrap:break-word;overflow-wrap:break-word}.validation-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #059669}.validation-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626}@keyframes slideDown{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}.validation-message.fadeOut{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-10px,0)}}.error-message{display:none;background:#fee2e2;color:#dc2626;padding:.75rem 1.25rem;border-radius:6px;margin:.75rem 1.25rem;font-size:.9rem;border:1px solid #fecaca}.velzox-cta{margin:3rem 0;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;overflow:hidden;border:1px solid #334155}.velzox-cta-content{padding:2rem;text-align:center}.velzox-cta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.velzox-cta h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .75rem}.velzox-cta p{color:#94a3b8;font-size:.95rem;line-height:1.6;max-width:500px;margin:0 auto 1.25rem}.velzox-cta-features{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem}.velzox-cta-features span{font-size:.85rem;color:#cbd5e1;background:hsla(0,0%,100%,.05);padding:.4rem .75rem;border-radius:6px}.velzox-cta-button{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:10px;transition:all .2s;box-shadow:0 4px 12px rgba(14,165,233,.3)}.velzox-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(14,165,233,.4)}.velzox-cta-footer{padding:.875rem 2rem;background:rgba(0,0,0,.2);text-align:center;font-size:.8rem;color:#64748b}.velzox-cta-footer a{color:#0ea5e9;text-decoration:none;font-weight:600}.velzox-cta-footer a:hover{text-decoration:underline}.velzox-cta-compact{margin:2rem 0;padding:1rem 1.5rem;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:10px;border:1px solid #334155;text-align:center}.velzox-cta-compact p{margin:0;font-size:.9rem;color:#94a3b8}.velzox-cta-compact .velzox-cta-icon{margin-right:.5rem}.velzox-cta-compact .velzox-cta-link{color:#0ea5e9;text-decoration:none;font-weight:600}.velzox-cta-compact .velzox-cta-link:hover{text-decoration:underline}@media (max-width:768px){.velzox-cta-content{padding:1.5rem}.velzox-cta h3{font-size:1.25rem}.velzox-cta-features{gap:.5rem}.velzox-cta-features span{font-size:.75rem}}.main-footer{background:#1e293b;color:#fff;padding:4rem 0 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-brand{text-align:left}.footer-section h3{font-size:1.25rem;margin-bottom:1rem;color:#fff;display:flex;align-items:center;gap:.5rem}.footer-brand h3,.footer-section h3{justify-content:flex-start}.footer-logo-icon{font-size:1.5rem;display:inline-block}.footer-logo-text{background:linear-gradient(135deg,#0ea5e9,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-section h4{font-size:1rem;margin-bottom:1rem;color:#cbd5e1;font-weight:600;text-align:left}.footer-section p{color:#94a3b8;line-height:1.6;font-size:.9rem;text-align:left}.footer-brand p{text-align:left}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.75rem}.footer-section ul li a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding-top:2rem;text-align:center}.footer-bottom p{color:#94a3b8;font-size:.9rem;margin-bottom:.5rem}.footer-bottom a{color:#0ea5e9;text-decoration:none;transition:color .2s}.footer-bottom a:hover{color:#06b6d4;text-decoration:underline}.page-content{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);max-width:900px;margin:2rem auto;line-height:1.8;border:1px solid #e2e8f0}.page-content h1{font-size:2.5rem;color:#1e293b;margin-bottom:.5rem;border-bottom:3px solid #0ea5e9;padding-bottom:.5rem;font-weight:800;letter-spacing:-.02em}.page-content h2{font-size:1.8rem;color:#1e293b;margin-top:2rem;margin-bottom:1rem;font-weight:700}.page-content h3{font-size:1.3rem;color:#334155;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.page-content section{margin-bottom:2rem}.page-content ol,.page-content section ol,.page-content section ul,.page-content ul{margin-left:1.5rem!important;margin-top:.5rem;margin-bottom:1rem;list-style-type:disc!important;padding-left:1.5rem!important;list-style-position:outside!important}.page-content ol,.page-content section ol{list-style-type:decimal!important}.page-content li,.page-content section li{margin-bottom:.5rem;display:list-item!important;list-style-type:inherit!important;list-style-position:outside!important}.page-content a{color:#0ea5e9;text-decoration:none}.page-content a:hover{text-decoration:underline}.last-updated{color:#64748b;font-style:italic;margin-bottom:2rem}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.contact-method{background:#f8fafc;padding:1.5rem;border-radius:8px;border-left:4px solid #0ea5e9}.contact-method h3{margin-top:0;color:#1e293b}.contact-info{background:#f1f5f9;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.help-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.help-category{background:#f8fafc;padding:1.5rem;border-radius:8px;border-top:3px solid #0ea5e9}.help-category h3{margin-top:0;color:#1e293b}.contact-method ul,.help-category ul,.page-content .contact-method ul,.page-content .help-category ul{list-style-type:disc;padding-left:1.5rem;margin-left:0}.contact-method li,.help-category li{display:list-item;margin-bottom:.5rem}@media (max-width:768px){.logo{font-size:1.1rem;gap:.5rem}.logo-icon{font-size:1.3rem}.logo-text{font-size:1rem;letter-spacing:-.02em}@media (max-width:480px){.logo{font-size:1rem;gap:.4rem}.logo-icon{font-size:1.2rem}.logo-text{font-size:.95rem}}.main-header{padding:1rem 0}.main-header .container{flex-direction:row;justify-content:space-between;align-items:center;position:relative}.mobile-menu-toggle{display:flex}.main-header nav{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:2rem;gap:1.5rem;transform:translate3d(-100%,0,0);transition:transform .3s ease;will-change:transform;box-shadow:2px 0 10px rgba(0,0,0,.1);z-index:100;overflow-y:auto;margin-top:0;font-size:1.1rem}.main-header nav.mobile-menu-open{transform:translateZ(0)}.main-header nav a{width:100%;padding:.75rem 0;border-bottom:1px solid rgba(226,232,240,.5);font-size:1.1rem;font-weight:600}.main-header nav a:after{display:none}.main-header nav a:hover{color:#0ea5e9;border-bottom-color:#0ea5e9}.hero{padding:4rem 0 5rem}.hero-title{font-size:2rem;line-height:1.2}.hero-description{font-size:1rem;padding:0 1rem;margin-bottom:2rem}.hero-cta{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:280px;padding:.875rem 1.5rem;font-size:1rem}.hero-stats{gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.85rem}.tools-section{padding:4rem 0}.tools-section .container{padding:0 1.5rem}.tools-section .section-header{margin-bottom:3rem;padding:0 1rem;text-align:center;display:block}.tools-section .section-title{font-size:2rem;margin-bottom:1rem;line-height:1.2;font-weight:800;letter-spacing:-.02em;text-align:center}.tools-section .section-subtitle{font-size:.95rem;line-height:1.6;color:#64748b;max-width:100%;margin:0 auto;padding:1.25rem 0 0;font-weight:400;text-align:center}.tools-section .section-subtitle:before{width:50px;height:2.5px}.tools-grid{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem;padding:0;max-width:100%}.tool-card,.tool-card-link,.tools-grid{width:100%;box-sizing:border-box}.tool-card{padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.tool-icon{font-size:2.5rem;margin-bottom:1rem}.tool-name{font-size:1.2rem;margin-bottom:.625rem;line-height:1.3;font-weight:700}.tool-description{font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;color:#64748b}.tool-link{font-size:.875rem;padding:.5rem 0}@media (max-width:480px){.tools-section{padding:3rem 0}.tools-section .container{padding:0 1rem}.tools-section .section-header{margin-bottom:2.5rem;padding:0 .5rem;text-align:center}.tools-section .section-title{font-size:1.75rem;margin-bottom:.875rem;text-align:center}.tools-section .section-subtitle{font-size:.875rem;max-width:100%;margin:0 auto;padding:1rem 0 0;text-align:center}.tools-section .section-subtitle:before{width:45px;height:2px}.tool-card,.tool-card-link{width:100%;box-sizing:border-box}.tool-card{padding:1.25rem}.tool-icon{font-size:2rem;margin-bottom:.875rem}.tool-name{font-size:1.1rem}.tool-description{font-size:.8rem}}.features-section{padding:3rem 0}.features-section .container{padding:0 1.5rem}.features-section .section-header{margin-bottom:3rem;padding:0 1rem;text-align:center;display:block}.features-section .section-title{font-size:2rem;margin-bottom:1rem;line-height:1.2;font-weight:800;letter-spacing:-.02em;text-align:center}.features-grid{grid-template-columns:1fr;gap:1.5rem;padding:0;width:100%}.feature-card{width:100%;box-sizing:border-box}@media (max-width:480px){.features-section .section-header{margin-bottom:2.5rem;padding:0 .5rem;text-align:center}.features-section .section-title{font-size:1.75rem;margin-bottom:.875rem;text-align:center}}main>.container{padding:1rem .5rem}.tool-header{margin-bottom:1.25rem;padding:.75rem .5rem}.tool-header h1{font-size:1.375rem;margin-bottom:.375rem}.tool-header p{font-size:.875rem}.button-group{flex-direction:column;gap:.75rem}.btn-primary{width:100%;padding:.875rem 1.25rem;font-size:.95rem}.tool-container{padding:0}.tool-container:hover{box-shadow:0 4px 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.08)}.unified-json-editor{min-height:600px}.tool-container{margin:0 .75rem;box-shadow:0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);border-radius:8px;overflow:hidden}.unified-json-editor{min-height:auto;max-height:none;display:flex;flex-direction:column}.main-tabs{padding:.375rem .5rem;background:#f9fafb;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.main-tab-btn{padding:.5rem 1rem;font-size:.75rem;white-space:nowrap;flex:1;min-width:80px}.main-tab-btn.active{border-bottom-color:#3b82f6;color:#2563eb;border-bottom-width:3px}.editor-toolbar{flex-direction:column;align-items:stretch;gap:.5rem;padding:.625rem;background:#f9fafb}.toolbar-left,.toolbar-right{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.375rem}.btn-toolbar,.btn-toolbar-primary{flex:1 1 auto;min-width:75px;max-width:48%;font-size:.7rem;padding:.45rem .5rem;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-toolbar-primary{font-weight:600;box-shadow:0 1px 2px rgba(59,130,246,.25)}.btn-toolbar-primary:hover{transform:translateZ(0);box-shadow:0 2px 4px rgba(59,130,246,.35)}.btn-toolbar-primary.active{box-shadow:0 2px 4px rgba(16,185,129,.35)}.btn-toolbar-primary.active:hover{transform:translateZ(0);box-shadow:0 3px 6px rgba(16,185,129,.4)}.btn-toolbar:hover{transform:translateZ(0)}@media (max-width:480px){.btn-toolbar,.btn-toolbar-primary{font-size:.65rem;padding:.4rem;min-width:65px}.btn-toolbar-primary[id=minifyBtn]{font-size:.6rem}}.tab-content{min-height:300px;display:none!important}.tab-content.active{display:flex!important}.unified-textarea{min-height:300px;font-size:13px;padding:.875rem;width:100%;box-sizing:border-box}.mode-toggle-bottom{padding:.5rem .75rem;background:#f9fafb;width:100%;box-sizing:border-box}.toggle-label{flex-wrap:wrap;gap:.5rem;width:100%}.toggle-label,.toggle-label .toggle-text{font-size:.8rem}.toggle-label .toggle-info{font-size:.7rem;width:100%}.viewer-panels{grid-template-columns:1fr;min-height:400px;display:flex;flex-direction:column}.viewer-left-panel{border-right:none;border-bottom:1px solid #e5e7eb;min-height:250px;max-height:50vh;flex:1}.viewer-right-panel{min-height:200px;max-height:30vh;flex:1}.json-table-view,.json-tree-view{font-size:12px;padding:.625rem;overflow-x:auto}.panel-header-small{background:#f9fafb;padding:.625rem .875rem}.panel-header-small h4{font-size:.75rem}.validation-message{padding:.875rem 1.25rem;font-size:.875rem;margin:0 auto 1.25rem;max-width:100%;border-radius:8px}.output-controls{width:100%;display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap}.view-tabs{flex:1;min-width:150px;justify-content:center}.tab-btn{flex:1;padding:.5rem .75rem;font-size:.85rem}.viewer-container,.viewer-container.active{display:none!important}#treeOutputContainer{display:none;background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;padding:1rem;min-height:250px;max-height:40vh;overflow-y:auto;margin:.75rem 1.25rem}.text-output-container{display:none!important;flex-direction:column}.text-output-container.active{display:flex!important}.code-textarea{padding:.875rem}.main-footer{padding:3rem 0 1.5rem}.footer-content{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.footer-brand,.footer-section{text-align:left}.footer-section h3{font-size:1.1rem;margin-bottom:.75rem}.footer-brand h3,.footer-section h3{justify-content:flex-start}.footer-brand p,.footer-section h4,.footer-section p{text-align:left}.footer-logo-icon{font-size:1.3rem}.footer-section h4{font-size:.95rem;margin-bottom:.75rem}.footer-section p{font-size:.85rem}.footer-section p,.footer-section ul{margin-bottom:1rem}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{font-size:.85rem}.footer-bottom{padding-top:1.5rem;border-top:1px solid #334155}.footer-bottom p{font-size:.8rem;margin-bottom:.5rem;line-height:1.5}.footer-bottom a{word-break:break-word}.tool-container{padding:1.5rem}.code-textarea{min-height:250px;font-size:13px}.page-content{padding:1.5rem}.page-content h1{font-size:2rem}.page-content h2{font-size:1.5rem}.contact-methods,.help-categories{grid-template-columns:1fr}}.output-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.view-tabs{display:flex;gap:0;background:#f1f5f9;padding:.25rem;border-radius:8px;border:1px solid #e2e8f0;margin-right:.5rem}.tab-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease;position:relative}.tab-btn:hover{background:rgba(14,165,233,.1);color:#0ea5e9}.tab-btn.active{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 2px 8px rgba(14,165,233,.3)}.tab-btn.active:hover{background:linear-gradient(135deg,#0284c7,#0891b2)}.viewer-panels{display:grid;grid-template-columns:2fr 1fr;gap:0;flex:1;overflow:hidden;min-height:500px;max-height:100%}@media (max-width:1024px){.json-editor-layout{grid-template-columns:1fr;min-height:auto;max-height:none}.json-input-panel{border-right:none;border-bottom:2px solid #e2e8f0}.json-input-panel,.json-output-panel{min-height:400px;max-height:50vh}.viewer-panels{grid-template-columns:1fr;height:auto;min-height:400px}.viewer-left-panel{border-right:none;border-bottom:1px solid #e5e7eb;min-height:300px;max-height:40vh}.viewer-right-panel{min-height:200px;max-height:30vh}}.viewer-left-panel{border-right:1px solid #e5e7eb}.viewer-left-panel,.viewer-right-panel{display:flex;flex-direction:column;background:#fff;overflow:hidden}.json-tree-view{overflow-x:hidden;padding:.875rem 1rem;font-family:Consolas,Monaco,Courier New,monospace}.json-table-view,.json-tree-view{flex:1;overflow-y:auto;background:#fff;min-height:300px;max-height:100%}.json-table-view{overflow-x:auto}.properties-table{width:100%;border-collapse:collapse;font-size:.9rem}.properties-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:sticky;top:0;z-index:10}.properties-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s ease;background:#f9fafb}.properties-table th.sortable:hover{background:rgba(14,165,233,.1)}.properties-table th.sortable{position:relative}.sort-icon{margin-left:.5rem;font-size:.75rem;color:#64748b}.properties-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;line-height:1.5}.properties-table tbody tr{transition:background-color .1s ease}.properties-table tbody tr:hover{background:#f9fafb}.properties-table tbody tr:nth-child(2n){background:#fff}.properties-table tbody tr:nth-child(2n):hover{background:#f9fafb}.properties-table .empty-message{text-align:center;color:#9ca3af;font-style:italic;padding:3rem 1rem;font-size:.875rem}.text-output-container{flex:1;display:none;flex-direction:column;overflow:hidden;background:#fff}.text-output-container.active{display:flex}#treeOutputContainer{background:#f8fafc;border:2px solid #e2e8f0;border-radius:6px;padding:1rem;min-height:300px;max-height:600px;overflow-y:auto;font-family:Courier New,monospace;font-size:14px;display:none}.json-tree,.json-tree-view{padding:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px}.tree-node{margin:.25rem 0}.tree-node-header{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s;border-radius:3px;padding:.25rem .5rem}.tree-node-header:hover{background:linear-gradient(90deg,rgba(14,165,233,.1),rgba(139,92,246,.05))}.tree-node-header.selected,.tree-node-header:hover{border-left:3px solid #0ea5e9;padding-left:calc(.5rem - 3px)}.tree-node-header.selected{background:linear-gradient(90deg,rgba(14,165,233,.15),rgba(139,92,246,.1))}.tree-node-header.expandable{cursor:pointer}.tree-icon{display:inline-block;width:18px;height:18px;margin-right:.5rem;color:#0ea5e9;font-size:14px;text-align:center;line-height:18px;transition:transform .2s,color .2s;font-weight:700;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-node-header:hover .tree-icon{color:#8b5cf6}.tree-node-header.expanded .tree-icon{color:#059669}.tree-spacer{display:inline-block;width:16px;margin-right:.5rem}.tree-key{color:#7c3aed;font-weight:600;margin-right:.5rem}.tree-value{color:#1e293b;margin-right:.5rem}.tree-value-string{color:#059669;font-weight:500}.tree-value-number{color:#dc2626;font-weight:600}.tree-value-boolean{color:#ea580c;font-weight:600}.tree-value-null{color:#6b7280;font-style:italic;font-weight:500}.tree-value-object{color:#0ea5e9;font-weight:600}.tree-value-array{color:#8b5cf6;font-weight:600}.tree-type{color:#64748b;font-size:.85em;font-style:italic;margin-left:.5rem;background:#f1f5f9;padding:.125rem .375rem;border-radius:4px}.tree-children{margin-left:1.5rem;border-left:2px solid rgba(14,165,233,.3);padding-left:1rem;margin-top:.25rem;padding-top:.25rem}.tree-error{color:#dc2626;padding:1rem;background:#fee2e2;border-radius:6px;text-align:center}#treeOutputContainer::-webkit-scrollbar{width:8px}#treeOutputContainer::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}#treeOutputContainer::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}#treeOutputContainer::-webkit-scrollbar-thumb:hover{background:#94a3b8}.coming-soon-container{text-align:center;padding:3rem 2rem;max-width:600px;margin:0 auto}.coming-soon-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.coming-soon-container h2{font-size:2rem;color:#1e293b;margin-bottom:1rem;font-weight:800;letter-spacing:-.02em}.coming-soon-message{font-size:1.1rem;color:#475569;margin-bottom:2rem;line-height:1.6}.coming-soon-features{text-align:left;display:inline-block;background:#f8fafc;padding:2rem;border-radius:8px;margin:2rem 0;list-style:none;max-width:500px}.coming-soon-features li{padding:.75rem 0;color:#334155;font-size:1rem;border-bottom:1px solid #e2e8f0}.coming-soon-features li:last-child{border-bottom:none}.coming-soon-note{color:#64748b;font-size:.95rem;margin:2rem 0;line-height:1.6}.coming-soon-note a{color:#0ea5e9;text-decoration:none;font-weight:500}.coming-soon-note a:hover{text-decoration:underline}.coming-soon-actions{margin-top:2rem}.coming-soon-actions .btn-primary,.coming-soon-actions .btn-secondary{min-width:180px}@media (max-width:768px){.coming-soon-container{padding:2rem 1rem}.coming-soon-icon{font-size:3rem}.coming-soon-container h2{font-size:1.5rem}.coming-soon-features{padding:1.5rem}.coming-soon-actions{flex-direction:column}.coming-soon-actions .btn-primary,.coming-soon-actions .btn-secondary{width:100%}#treeOutputContainer{min-height:250px;max-height:400px;padding:.75rem}.tree-node-header{padding:.375rem .5rem}.tree-icon{width:16px;height:16px;font-size:12px;line-height:16px}.tree-children{margin-left:1rem;padding-left:.75rem}.blog-hero{padding:3rem 0}.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:1rem}.blog-section{padding:3rem 0}.blog-section .container{padding:0 1rem;overflow-x:hidden}.blog-grid{grid-template-columns:1fr;gap:1.5rem;padding:0;margin-top:1.5rem;width:100%;max-width:100%}.blog-card{padding:1.25rem;width:100%;box-sizing:border-box}.blog-post-container{padding:2rem 0;overflow-x:hidden}.blog-post-container .container{padding:0 1rem;max-width:100%}.blog-post-header{margin-bottom:2rem;padding:0 .5rem}.blog-post-title{font-size:1.75rem;word-wrap:break-word}.blog-post-meta{gap:1rem;font-size:.85rem}.blog-post-content{font-size:.95rem;padding:0 .5rem;max-width:100%;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.blog-post-content h2{font-size:1.5rem;word-wrap:break-word}.blog-post-content h3{font-size:1.25rem;word-wrap:break-word}.blog-post-content pre{overflow-x:auto;max-width:100%;font-size:.85rem}.blog-post-content table{display:block;overflow-x:auto;width:100%}.blog-post-content img{max-width:100%;height:auto}}.blog-hero{position:relative;padding:4rem 0;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;min-height:400px;display:flex;align-items:center}.blog-hero .hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.blog-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.blog-hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em;color:#fff}.blog-hero-subtitle{font-size:1.2rem;opacity:.95;max-width:600px;margin:0 auto;color:#fff}.blog-section{padding:4rem 0;background:#f8fafc}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem;width:100%;box-sizing:border-box}.blog-card-link{text-decoration:none;color:inherit;display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.blog-card-link:hover{transform:translate3d(0,-4px,0)}.blog-card-link:active{transform:translate3d(0,-2px,0)}.blog-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;cursor:pointer}.blog-card-link:hover .blog-card{box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:#cbd5e1}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);transform:scaleX(0);transition:transform .3s;will-change:transform}.blog-card-link:hover .blog-card:before{transform:scaleX(1)}.blog-card:first-child,.blog-card:nth-child(2),.blog-card:nth-child(3),.blog-card:nth-child(4),.blog-card:nth-child(5),.blog-card:nth-child(6){animation:none}.blog-card-content{display:flex;flex-direction:column;height:100%}.blog-meta{display:flex;gap:1rem;font-size:.875rem;color:#64748b;margin-bottom:1rem;flex-wrap:wrap}.blog-date,.blog-reading-time{display:inline-flex;align-items:center}.blog-card-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;line-height:1.3;transition:color .2s;pointer-events:none}.blog-card-link:hover .blog-card-title{color:#0ea5e9}.blog-card-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.blog-read-more{color:#0ea5e9;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s;display:inline-block;pointer-events:none}.blog-card-link:hover .blog-read-more{color:#0284c7;transform:translate3d(4px,0,0)}.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap}.blog-tag{background:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.blog-empty{text-align:center;padding:4rem 2rem;color:#64748b}.blog-post-container{padding:3rem 0;background:#fff;overflow-x:hidden;width:100%}.blog-post-container .container{max-width:100%;padding:0 1rem;overflow-x:hidden}.blog-post-header{max-width:800px;margin:0 auto 3rem;text-align:center}.blog-post-meta{display:flex;justify-content:center;gap:1.5rem;font-size:.9rem;color:#64748b;margin-bottom:1.5rem;flex-wrap:wrap}.blog-post-author,.blog-post-date,.blog-post-reading-time{display:inline-flex;align-items:center}.blog-post-title{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.blog-post-tags{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.blog-post-content{max-width:800px;margin:0 auto;line-height:1.8;color:#334155;font-size:1.1rem;overflow-x:auto;word-wrap:break-word;overflow-wrap:break-word}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:#1e293b;margin-top:2.5rem;margin-bottom:1rem;font-weight:700}.blog-post-content h2{font-size:2rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.blog-post-content h2,.blog-post-content h2[id],.blog-post-content h3,.blog-post-content h3[id],.blog-post-content h4[id]{scroll-margin-top:80px}.blog-post-content h3{font-size:1.5rem}.blog-post-content h4{font-size:1.25rem;scroll-margin-top:80px}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content ol,.blog-post-content ul{margin-bottom:1.5rem;padding-left:2rem;list-style-type:disc!important;list-style-position:outside!important}.blog-post-content ol{list-style-type:decimal!important}.blog-post-content li{margin-bottom:.5rem;display:list-item!important;list-style-type:inherit!important}.blog-post-content code{background:#f1f5f9;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#dc2626}.blog-post-content pre{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.blog-post-content pre code{background:transparent;color:inherit;padding:0}.blog-post-content blockquote{border-left:4px solid #0ea5e9;padding-left:1.5rem;margin:1.5rem 0;color:#475569;font-style:italic}.blog-post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-post-content table td,.blog-post-content table th{border:1px solid #e2e8f0;padding:.75rem;text-align:left}.blog-post-content table th{background:#f8fafc;font-weight:600;color:#1e293b}.blog-post-content a{color:#0ea5e9;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.blog-post-content a:hover{border-bottom-color:#0ea5e9}.blog-post-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:2rem 0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.blog-post-footer{max-width:800px;margin:4rem auto 0;padding-top:3rem;border-top:2px solid #e2e8f0}.blog-post-cta{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;padding:2.5rem;border-radius:12px;text-align:center}.blog-post-cta h3{font-size:1.75rem;margin-bottom:.75rem;color:#fff}.blog-post-cta p{font-size:1.1rem;margin-bottom:1.5rem;opacity:.95}.blog-post-cta .btn-primary{background:#fff;color:#0ea5e9}.blog-post-cta .btn-primary:hover{background:#f8fafc;transform:translate3d(0,-2px,0)}.related-posts{padding:4rem 0;background:#f8fafc}.related-posts-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:2rem;text-align:center}.desktop-nav{display:flex;gap:2rem;align-items:center}.desktop-nav>a{color:#475569;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s;padding:.5rem 0}.desktop-nav>a:hover{color:#0ea5e9}.tools-dropdown{position:relative}.tools-trigger{display:flex;align-items:center;gap:.4rem;background:none;border:none;color:#475569;font-weight:500;font-size:.95rem;cursor:pointer;padding:.5rem 0;transition:color .2s;font-family:inherit}.tools-trigger.active,.tools-trigger:hover{color:#0ea5e9}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.rotated{transform:rotate(180deg)}.mega-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);width:700px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);z-index:1000;padding:1.5rem;animation:menuFade .15s ease-out}@keyframes menuFade{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mega-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mega-category h4{font-size:.85rem;font-weight:700;color:#1e293b;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.mega-category ul{list-style:none;padding:0;margin:0}.mega-category ul li{margin-bottom:.25rem}.mega-category ul a{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;color:#64748b;text-decoration:none;font-size:.85rem;border-radius:6px;transition:all .15s}.mega-category ul a:hover{background:#f1f5f9;color:#0ea5e9}.mega-category ul a.coming-soon{color:#94a3b8}.soon-badge{font-size:.6rem;background:#e2e8f0;color:#64748b;padding:.1rem .3rem;border-radius:3px;text-transform:uppercase;font-weight:700}.mega-menu-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0;text-align:center}.mega-menu-footer a{display:inline-block;padding:.6rem 1.5rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:8px;transition:transform .2s,box-shadow .2s}.mega-menu-footer a:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.3)}.mobile-nav{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:#fff;transform:translateX(-100%);transition:transform .3s ease;z-index:99;overflow:hidden}.mobile-nav.open{transform:translateX(0)}.mobile-nav-content{height:100%;overflow-y:auto;padding-bottom:2rem}.mobile-nav-link{display:block;padding:1rem 1.5rem;color:#1e293b;text-decoration:none;font-weight:600;font-size:1rem;border-bottom:1px solid #f1f5f9}.mobile-nav-link:hover{background:#f8fafc;color:#0ea5e9}.mobile-accordion{border-bottom:1px solid #f1f5f9}.mobile-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;background:none;border:none;color:#1e293b;font-weight:600;font-size:1rem;cursor:pointer;font-family:inherit}.mobile-accordion-trigger svg{color:#94a3b8;transition:transform .2s}.mobile-accordion-trigger svg.rotated{transform:rotate(180deg)}.mobile-accordion-content{background:#f8fafc;padding:.75rem}.mobile-category-item{margin-bottom:.5rem}.mobile-category-trigger{display:flex;align-items:center;width:100%;padding:.75rem 1rem;background:#fff;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s}.mobile-category-trigger:hover{background:#f1f5f9}.mobile-category-trigger.open{background:#0ea5e9;color:#fff}.mobile-category-trigger .category-icon{font-size:1.1rem;margin-right:.75rem}.mobile-category-trigger .category-name{flex:1;text-align:left;font-weight:600;font-size:.9rem}.mobile-category-trigger .category-count{font-size:.75rem;color:#94a3b8;margin-right:.5rem}.mobile-category-trigger.open .category-count{color:hsla(0,0%,100%,.7)}.mobile-category-trigger svg{color:#94a3b8;transition:transform .2s}.mobile-category-trigger.open svg{color:#fff}.mobile-category-trigger svg.rotated{transform:rotate(180deg)}.mobile-tools-list{background:#fff;border-radius:8px;margin-top:.5rem;overflow:hidden}.mobile-tools-list a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#475569;text-decoration:none;font-size:.9rem;border-bottom:1px solid #f8fafc;transition:background .15s}.mobile-tools-list a:last-child{border-bottom:none}.mobile-tools-list a:hover{background:#f8fafc}.mobile-tools-list a.coming-soon{color:#94a3b8}.mobile-tools-list .tool-icon{font-size:1rem}.mobile-tools-list .tool-name{flex:1}.mobile-view-all-btn{display:block;text-align:center;padding:.875rem;margin-top:.75rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:8px}.mobile-overlay{position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:98}@media (min-width:769px){.mobile-menu-toggle,.mobile-nav,.mobile-overlay{display:none!important}}@media (max-width:768px){.desktop-nav{display:none!important}.mobile-menu-toggle{display:flex!important}}@media (max-width:900px) and (min-width:769px){.mega-menu{width:600px}.mega-menu-grid{grid-template-columns:repeat(2,1fr)}}.coming-soon-hero{position:relative;padding:6rem 0;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;text-align:center;min-height:60vh;display:flex;align-items:center}.coming-soon-hero .container{position:relative;z-index:2}.coming-soon-content{max-width:600px;margin:0 auto}.coming-soon-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.coming-soon-badge{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.85rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.coming-soon-hero h1{font-size:2.75rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.coming-soon-description{font-size:1.2rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.coming-soon-info{background:hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem;backdrop-filter:blur(10px)}.coming-soon-info p{margin:0;font-size:1rem;opacity:.9}.coming-soon-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.coming-soon-actions .btn-primary{padding:.875rem 2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;text-decoration:none;font-weight:600;border-radius:10px;transition:all .2s;box-shadow:0 4px 12px rgba(14,165,233,.3)}.coming-soon-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(14,165,233,.4)}.coming-soon-actions .btn-secondary{padding:.875rem 2rem;background:hsla(0,0%,100%,.1);color:#fff;text-decoration:none;font-weight:600;border-radius:10px;transition:all .2s;border:2px solid hsla(0,0%,100%,.2)}.coming-soon-actions .btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.suggested-tools{padding:4rem 0;background:#f8fafc}.suggested-tools h2{text-align:center;font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:2rem}.suggested-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;max-width:1000px;margin:0 auto}.suggested-tool-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;text-decoration:none;border:1px solid #e2e8f0;transition:all .2s}.suggested-tool-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px rgba(14,165,233,.1);transform:translateY(-2px)}.suggested-tool-icon{font-size:2rem;flex-shrink:0}.suggested-tool-info h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.suggested-tool-info p{font-size:.85rem;color:#64748b;margin:0;line-height:1.5}@media (max-width:768px){.coming-soon-hero h1{font-size:2rem}.coming-soon-description{font-size:1rem}.coming-soon-icon{font-size:3rem}.suggested-tools-grid{grid-template-columns:1fr}}.tools-page-hero{position:relative;padding:4rem 0;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;text-align:center}.tools-page-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.tools-page-hero p{font-size:1.15rem;opacity:.9;max-width:600px;margin:0 auto}.tools-page-content{padding:4rem 0;background:#f8fafc}.tools-category-header{margin-bottom:2rem}.tools-category-icon{font-size:2rem}.tools-category-title{font-size:1.75rem}.tools-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.tool-status-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tool-status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tool-status-badge.coming-soon{background:#e2e8f0;color:#64748b}.tool-status-badge.beta{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.category-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}@media (max-width:1024px){.category-showcase{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.category-showcase{grid-template-columns:1fr}}.category-card{background:#fff;border-radius:16px;padding:1.75rem;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#0ea5e9,#06b6d4);transform:scaleX(0);transition:transform .3s}.category-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:#cbd5e1}.category-card:hover:before{transform:scaleX(1)}.category-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.category-card-icon{font-size:1.75rem}.category-card-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.category-card-description{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:1.25rem}.category-tools-preview{list-style:none;padding:0;margin:0 0 1rem}.category-tools-preview li{margin-bottom:.5rem}.category-tool-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;color:#475569;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .15s;background:#f8fafc}.category-tool-link:hover{background:linear-gradient(135deg,rgba(14,165,233,.1),rgba(6,182,212,.1));color:#0ea5e9}.category-tool-link.coming-soon{color:#94a3b8}.category-tool-link.coming-soon:hover{background:#f1f5f9;color:#64748b}.category-tool-icon{font-size:1rem}.category-tool-name{flex:1}.category-tool-status{font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;background:#e2e8f0;color:#64748b;text-transform:uppercase}.category-tool-status.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.category-see-more{display:inline-block;color:#0ea5e9;text-decoration:none;font-weight:600;font-size:.875rem;transition:color .2s}.category-see-more:hover{color:#0284c7}.tools-cta{text-align:center;margin-top:3rem}.btn-view-all{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;text-decoration:none;font-weight:600;font-size:1rem;border-radius:12px;transition:all .3s;box-shadow:0 4px 15px rgba(14,165,233,.3)}.btn-view-all:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(14,165,233,.4);color:#fff}.popular-tools-section{padding:6rem 0;background:#fff}.popular-tools-section .section-header{text-align:center;margin-bottom:3rem}.popular-tools-section .section-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:1rem}.popular-tools-section .section-subtitle{font-size:1.1rem;color:#64748b}.tool-card.coming-soon{opacity:.85}.tool-card.coming-soon:before{background:linear-gradient(135deg,#94a3b8,#64748b)}.tool-link.coming-soon-label{color:#64748b}.tools-listing-hero{position:relative;padding:4rem 0;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;text-align:center}.tools-listing-hero .container{position:relative;z-index:2}.tools-listing-hero .hero-background{z-index:1;pointer-events:none}.tools-listing-hero h1{font-size:2.75rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.tools-listing-hero p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto 2rem}.tools-search-container{max-width:500px;margin:0 auto}.tools-search-input{width:100%;padding:1rem 1.5rem;font-size:1rem;border:2px solid hsla(0,0%,100%,.2);border-radius:12px;background:hsla(0,0%,100%,.1);color:#fff;backdrop-filter:blur(10px);outline:none;transition:all .2s}.tools-search-input::-moz-placeholder{color:hsla(0,0%,100%,.6)}.tools-search-input::placeholder{color:hsla(0,0%,100%,.6)}.tools-search-input:focus{border-color:#0ea5e9;background:hsla(0,0%,100%,.15)}.tools-listing-content{padding:4rem 0;background:#f8fafc}.tools-category-section{margin-bottom:4rem}.tools-category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.tools-category-icon{font-size:1.75rem}.tools-category-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;flex:1}.tools-category-count{font-size:.9rem;color:#64748b;font-weight:500}.tools-listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.tool-listing-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;transition:all .2s;text-decoration:none;color:inherit;display:block;position:relative}.tool-listing-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.08);border-color:#0ea5e9}.tool-listing-card.coming-soon{opacity:.75}.tool-listing-card.coming-soon:hover{border-color:#94a3b8}.tool-listing-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.tool-listing-icon{font-size:2rem;flex-shrink:0}.tool-listing-info{flex:1}.tool-listing-name{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.tool-listing-status{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;display:inline-block}.tool-listing-status.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tool-listing-status.coming-soon{background:#e2e8f0;color:#64748b}.tool-listing-status.beta{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tool-listing-description{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.tools-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.tools-empty-state p{font-size:1.1rem;color:#64748b;margin-bottom:1.5rem}.tools-empty-state .btn-secondary{background:#e2e8f0;color:#475569;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.tools-empty-state .btn-secondary:hover{background:#cbd5e1}.footer-see-all{color:#0ea5e9!important;font-weight:600}.footer-see-all:hover{text-decoration:underline}@media (max-width:768px){.tools-listing-hero h1{font-size:2rem}.tools-listing-hero p{font-size:1rem}.tools-listing-grid{grid-template-columns:1fr}.category-showcase{gap:1rem}.category-card{padding:1.25rem}}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}