:root{--background:#fff;--foreground:#171717;--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#f3f4f6;--secondary-hover:#e5e7eb;--accent:#3b82f6;--border:rgba(0,0,0,.1);--card-bg:#f9fafb;--header-bg:#fff;--footer-bg:#fff}html.dark{--background:#0a0a0a;--foreground:#ededed;--primary:#60a5fa;--primary-hover:#3b82f6;--secondary:#1f2937;--secondary-hover:#374151;--accent:#3b82f6;--border:hsla(0,0%,100%,.1);--card-bg:#1f2937;--header-bg:#111827;--footer-bg:#111827}body{background-color:var(--background);color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}header{padding:1rem;border-bottom:1px solid var(--border);background-color:var(--header-bg);box-shadow:0 1px 3px rgba(0,0,0,.05);position:sticky;top:0;z-index:10}footer,header{width:100%;transition:background-color .3s ease,border-color .3s ease}footer{padding:1.5rem 1rem;border-top:1px solid var(--border);margin-top:auto;background-color:var(--footer-bg)}main{flex-grow:1;padding:2rem 0}h1{font-size:2.25rem;margin-bottom:1rem}h1,h2{font-weight:700;color:var(--foreground)}h2{font-size:1.5rem;margin-bottom:.75rem}h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--foreground)}p{margin-bottom:1rem;line-height:1.6}.logo{font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--foreground);position:relative;display:inline-block}.logo:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary);transition:width .3s}.logo:hover:after{width:100%}.nav-link{text-decoration:none;color:var(--foreground);padding:.625rem;border-radius:.25rem;transition:background-color .2s,color .2s;font-weight:500;display:inline-flex;align-items:center;min-height:44px}.nav-link:hover{background-color:var(--secondary);color:var(--primary);text-decoration:none}.nav-link.active{font-weight:600;color:var(--primary)}.nav-gap{gap:.25rem}@media (min-width:640px){.nav-gap{gap:.75rem}}.text-primary{color:var(--primary)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.375rem;border:1px solid var(--border);background-color:var(--secondary);color:var(--foreground);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;flex-shrink:0}.theme-toggle-btn:hover{background-color:var(--secondary-hover);border-color:var(--primary);color:var(--primary)}.theme-toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.copyright{font-size:.875rem;color:var(--foreground);opacity:.8}.social-links a{color:var(--foreground);text-decoration:none;transition:color .2s;padding:.25rem .5rem;border-radius:.25rem}.social-links a:hover{color:var(--primary);background-color:var(--secondary)}.social-link{gap:.5rem;padding:.5rem .75rem;border-radius:.25rem;transition:all .2s ease}.social-icon,.social-link{display:flex;align-items:center}.social-icon{justify-content:center}.social-icon svg{transition:transform .2s ease}.social-link:hover .social-icon svg{transform:scale(1.2)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-auto{margin-top:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.space-x-4>*+*{margin-left:1rem}.space-y-1>*+*{margin-top:.25rem}.text-blue-600{color:var(--primary)}.bg-gray-100{background-color:var(--card-bg)}.border{border:1px solid var(--border)}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease;text-decoration:none}.card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:var(--primary)}.card-title{font-weight:600;font-size:1.25rem;margin-bottom:.5rem}.card-body,.card-title{color:var(--foreground)}.card-body{opacity:.9}.card-icon{font-size:2.5rem;margin-bottom:1rem;background-color:var(--secondary);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .3s ease,background-color .3s ease}.card:hover .card-icon{transform:scale(1.1);background-color:var(--secondary-hover)}.grid{display:grid;gap:1.5rem}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:flex-row{flex-direction:row}.md\:mb-0{margin-bottom:0}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s,border-color .2s,color .2s,transform .1s;cursor:pointer;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--primary);color:#fff;border:1px solid transparent}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--secondary-hover)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;transition:all .2s ease;border:1px solid var(--border);background-color:var(--secondary);color:var(--foreground)}.icon-button:hover{background-color:var(--secondary-hover)}.icon-button:active{transform:translateY(1px)}.add-child-btn{color:var(--primary)}.add-child-btn:hover{border-color:var(--primary)}.delete-btn{color:#ef4444}.delete-btn:hover{border-color:#ef4444}.field-container{transition:border-color .3s ease}.border-l-primary{border-left-color:var(--primary)}.border-l-border{border-left-color:var(--border)}.field-indicator,.json-display{font-family:monospace}.json-display{transition:background-color .3s ease}.json-builder,.json-output{transition:width .3s ease}.hover\:underline:hover{text-decoration:underline}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.transition-shadow{transition:box-shadow .3s ease}.transition-all{transition:all .3s ease}.json-generator-container{margin:2rem 0}.nested-fields{padding-left:1.5rem;border-left:1px dashed var(--border);margin-left:.5rem}.border-l-purple-400{border-left-color:#a78bfa}.border-l-orange-400{border-left-color:#fb923c}.border-l-green-400{border-left-color:#4ade80}.border-l-blue-400{border-left-color:#60a5fa}.field-level-indicator{font-family:monospace;white-space:nowrap;color:var(--primary)}.input-field,.type-select{background-color:var(--card-bg);transition:border-color .2s,box-shadow .2s}.input-field:focus,.type-select:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);outline:none}.json-display{-o-tab-size:2;tab-size:2;-moz-tab-size:2;line-height:1.5;letter-spacing:.3px}.logo-container{position:relative;transition:all .3s ease}.logo-container:hover{transform:scale(1.03)}.logo-icon{color:var(--primary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.logo-container:hover .logo-icon{transform:rotate(2deg);animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.03) rotate(2deg)}to{transform:scale(1) rotate(0deg)}}.logo-text{position:relative;transition:all .3s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-slide-up{animation:fadeSlideUp .5s ease forwards}.posts-section{padding:3rem 0 2rem;border-top:1px solid var(--border)}.posts-heading{font-size:1.25rem;font-weight:600;color:var(--foreground);margin-bottom:1.5rem}.posts-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.posts-grid{grid-template-columns:repeat(3,1fr)}}.post-preview{display:block;padding:1.25rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card-bg);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.post-preview:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.post-preview:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.post-preview-meta{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--foreground);opacity:.6;margin-bottom:.5rem}.post-preview-title{font-size:.9375rem;font-weight:600;color:var(--foreground);margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-preview-tag{display:inline-block;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;background-color:var(--secondary);color:var(--primary);font-weight:500}.posts-footer{margin-top:1.5rem;text-align:right}.posts-view-all{font-size:.875rem;font-weight:500;color:var(--primary);text-decoration:none;padding:.375rem 0;border-bottom:1px solid transparent;transition:border-color .2s}.posts-view-all:hover{border-bottom-color:var(--primary)}.posts-view-all:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}.tools-section{padding:3rem 0 2rem;border-top:1px solid var(--border)}.tools-heading{font-size:1.25rem;font-weight:600;color:var(--foreground);margin-bottom:1.5rem}.tools-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{display:block;padding:1.25rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card-bg);text-decoration:none}.tool-card-link{transition:border-color .2s,transform .2s,box-shadow .2s}.tool-card-link:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.tool-card-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tool-card-disabled{cursor:default;opacity:.7}.tool-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.tool-card-name{font-size:.9375rem;font-weight:600;color:var(--foreground)}.tool-card-description{font-size:.8125rem;color:var(--foreground);opacity:.7;margin:0;line-height:1.5}.tool-badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;white-space:nowrap;flex-shrink:0}.tool-badge-live{background-color:#dcfce7;color:#16a34a}html.dark .tool-badge-live{background-color:#14532d;color:#4ade80}.tool-badge-beta{background-color:#fef9c3;color:#ca8a04}html.dark .tool-badge-beta{background-color:#713f12;color:#fde047}.tool-badge-coming-soon{background-color:var(--secondary);color:var(--foreground);opacity:.7}.tools-footer{margin-top:1.5rem;text-align:right}.tools-explore-all{font-size:.875rem;font-weight:500;color:var(--primary);text-decoration:none;padding:.375rem 0;border-bottom:1px solid transparent;transition:border-color .2s}.tools-explore-all:hover{border-bottom-color:var(--primary)}.tools-explore-all:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}