@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Fira+Code:wght@400;500&display=swap";:root{--bg-color:#0d1117;--panel-bg:#161b22b3;--border-color:#30363d;--text-primary:#c9d1d9;--text-secondary:#8b949e;--accent-color:#58a6ff;--error-color:#f85149;--success-color:#3fb950;--string-color:#a5d6ff;--number-color:#d2a8ff;--boolean-color:#ff7b72;--null-color:#ff7b72;--key-color:#79c0ff;--glass-blur:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}header{border-bottom:1px solid var(--border-color);background:var(--panel-bg);height:60px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.logo{color:var(--accent-color);flex-shrink:0;align-items:center;gap:12px;font-size:1.2rem;font-weight:600;display:flex}.nav-tabs{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;gap:6px;padding:4px;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px 14px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.nav-tab:hover{color:var(--text-primary);background:#ffffff0d}.nav-tab.active{color:#fff;background:var(--accent-color);box-shadow:0 2px 8px #58a6ff4d}.toolbar{flex-shrink:0;gap:12px;display:flex}button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}button:hover{border-color:var(--accent-color);background:#ffffff1a}button.primary{background:var(--accent-color);color:#fff;border:none}button.primary:hover{background:#4a9eff}main{flex:1;display:flex;position:relative;overflow:hidden}.tab-view{flex:1;min-height:0;display:flex;overflow:hidden}.tab-view.hidden{display:none!important}.editor-view-container{flex-direction:column;overflow-y:auto}.editor-workspace{flex-direction:row;flex-shrink:0;width:100%;height:calc(100vh - 90px);min-height:500px;display:flex}.panel{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:.85rem;font-weight:600}.search-container{flex:1;align-items:center;margin:0 16px;display:flex;position:relative}#search-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:4px;outline:none;padding:6px 12px;font-size:.85rem;transition:all .2s}#search-input:focus{border-color:var(--accent-color);background:#ffffff14}.search-count{color:var(--text-secondary);font-size:.75rem;position:absolute;right:12px}.highlight{background:#ff03;border-radius:2px;padding:0 2px}.match-found{border-left:2px solid var(--accent-color)!important}.editor-container{background:#0d1117;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.editor-line-panel{flex:1;min-height:0;display:flex;overflow:hidden}.line-numbers{width:44px;color:var(--text-secondary);text-align:right;-webkit-user-select:none;user-select:none;background:#ffffff0a;border-right:1px solid #ffffff14;padding:24px 8px;font-family:Fira Code,monospace;font-size:14px;line-height:1.6;overflow:hidden}.line-numbers span{min-height:1.6em;display:block}.line-numbers span.error-line{color:var(--error-color);font-weight:700}textarea#json-input{height:100%;min-height:0;color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;padding:24px;font-family:Fira Code,monospace;font-size:14px;line-height:1.6}.viewer-container{flex:1;padding:24px;font-family:Fira Code,monospace;font-size:14px;line-height:1.6;overflow-y:auto}.tree-node{margin-left:20px;position:relative}.tree-node:before{content:"";background:var(--border-color);width:1px;position:absolute;top:0;bottom:0;left:-10px}.tree-item{cursor:default;align-items:flex-start;padding:2px 0;display:flex}.toggle{cursor:pointer;width:20px;height:20px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:transform .2s;display:flex}.toggle.collapsed{transform:rotate(-90deg)}.key{color:var(--key-color);margin-right:8px}.value-string{color:var(--string-color)}.value-number{color:var(--number-color)}.value-boolean{color:var(--boolean-color)}.value-null{color:var(--null-color)}.bracket{color:var(--text-secondary)}.separator{color:var(--text-secondary);margin-right:8px}.status-bar{background:var(--panel-bg);border-top:1px solid var(--border-color);height:30px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 24px;font-size:.8rem;display:flex}.status-item{align-items:center;gap:8px;display:flex}.status-item.error{color:var(--error-color)}.status-item.success{color:var(--success-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#484f58}.hidden{display:none!important}.panel-toggle{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 8px;font-size:.9rem;display:none}.panel.collapsed{min-height:0}.panel.collapsed .editor-container,.panel.collapsed .viewer-container{display:none}.content-view{background:var(--bg-color);display:block;overflow-y:auto}.content-container{max-width:900px;margin:0 auto;padding:40px 24px 80px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.article-header{text-align:center;margin-bottom:40px}.article-header h2{color:#fff;background:linear-gradient(135deg, #fff 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:2rem;font-weight:600}.article-header .subtitle{color:var(--text-secondary);font-size:1.1rem}.grid-layout{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:24px;display:grid}.feedback-rows-layout{flex-direction:column;gap:24px;margin-bottom:24px;display:flex}.doc-card{background:var(--panel-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:12px;padding:28px;transition:transform .2s,border-color .2s}.doc-card:hover{border-color:#58a6ff66;transform:translateY(-2px)}.doc-card h3{color:var(--accent-color);margin-bottom:16px;font-size:1.25rem;font-weight:600}.doc-card p{color:var(--text-primary);margin-bottom:16px;font-size:.95rem;line-height:1.6}.doc-card p:last-child{margin-bottom:0}.doc-card ul{color:var(--text-primary);margin-bottom:16px;margin-left:20px}.doc-card li{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;line-height:1.5}.doc-card code{color:var(--string-color);background:#ffffff14;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.85em}.doc-card.full-width{grid-column:1/-1;margin-bottom:24px}.error-flex-container{gap:24px;margin-top:20px;display:flex}.error-block{border:1px solid #0000;border-radius:8px;flex:1;padding:18px}.error-block.invalid{background:#f8514908;border-color:#f8514926}.error-block.valid{background:#3fb95008;border-color:#3fb95026}.error-block h4{margin-bottom:12px;font-size:1rem;font-weight:600}.error-block.invalid h4{color:var(--error-color)}.error-block.valid h4{color:var(--success-color)}.error-block pre{border:1px solid var(--border-color);background:#0000004d;border-radius:6px;margin:0 0 16px;padding:12px;overflow-x:auto}.error-block code{color:var(--text-primary)!important;background:0 0!important;padding:0!important;font-size:.85rem!important}.error-list{margin:0;padding-left:20px}.error-list li{color:var(--text-secondary);font-size:.85rem}.feature-guide-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:20px;display:grid}.feature-item{align-items:flex-start;gap:16px;display:flex}.feature-icon{color:var(--accent-color);background:#58a6ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.feature-item h4{color:#fff;margin-bottom:6px;font-size:1rem;font-weight:600}.feature-item p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.faq-section{flex-direction:column;gap:20px;margin-top:10px;display:flex}.faq-question h4{color:#fff;margin-bottom:10px;font-size:1.1rem;font-weight:600}.faq-question p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.faq-divider{border:none;border-top:1px solid var(--border-color);margin:8px 0}.contact-details{border:1px dashed var(--border-color);background:#ffffff05;border-radius:8px;margin-top:20px;padding:16px}.contact-details p{margin-bottom:8px!important;font-size:.9rem!important}.contact-details a,.doc-card a{color:var(--accent-color);text-decoration:none}.contact-details a:hover,.doc-card a:hover{text-decoration:underline}.footer-links{justify-content:center;align-items:center;gap:12px;display:flex}.footer-links a{color:var(--text-secondary);font-size:.8rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-color)}.dot-separator{color:#ffffff26;-webkit-user-select:none;user-select:none;font-size:.6rem}.interactive-form{flex-direction:column;gap:16px;margin-top:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0a;border-radius:6px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,background-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);background:#ffffff14;box-shadow:0 0 0 3px #58a6ff26}.form-submit-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:background-color .2s,transform .1s;display:inline-flex}.form-submit-btn:hover{background:#4a9eff}.form-submit-btn:active{transform:scale(.98)}.form-submit-btn:disabled{color:var(--text-secondary);cursor:not-allowed;background:#ffffff1a;transform:none}.form-status{border-radius:6px;margin-top:8px;padding:10px 14px;font-size:.85rem;line-height:1.5;animation:.2s fadeIn}.form-status.success{color:var(--success-color);background:#3fb9501a;border:1px solid #3fb95033}.form-status.error{color:var(--error-color);background:#f851491a;border:1px solid #f8514933}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feedback-feed-container{border:1px solid var(--border-color);background:#0003;border-radius:8px;min-height:150px;max-height:350px;margin-top:16px;padding:12px;overflow-y:auto}.feedback-feed-loading,.feedback-feed-empty,.feedback-feed-error{height:150px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex}.feedback-feed-list{flex-direction:column;gap:12px;list-style:none;display:flex}.feedback-feed-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:12px 16px;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feedback-feed-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.75rem;display:flex}.feedback-feed-user{color:var(--accent-color);font-weight:600}.feedback-feed-text{color:var(--text-primary);word-break:break-word;font-size:.88rem;line-height:1.5}#about-view .content-container{max-width:800px}#about-view .grid-layout{grid-template-columns:1fr}@media (width<=768px){body{height:auto;overflow:auto}header{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:12px}.logo{justify-content:center}.nav-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;order:3;justify-content:flex-start;width:100%;padding:4px;overflow-x:auto}.nav-tab{padding:6px 12px;font-size:.8rem}.logo h1{font-size:1.1rem}.toolbar{justify-content:space-between;gap:6px;width:100%;padding-bottom:6px;overflow-x:auto}.panel-toggle{justify-content:center;align-items:center;margin-left:8px;display:inline-flex}button{padding:6px 10px;font-size:.8rem}main{flex-direction:column;gap:0;min-height:0}.editor-workspace{flex-direction:column;flex-shrink:1;height:auto;min-height:0}.editor-workspace .panel{flex:1;width:100%;min-height:0}.editor-workspace .panel:first-child{flex:2;min-height:0}.editor-workspace .panel:last-child{flex:1;min-height:0}.panel-header{padding:10px 12px}.search-container{margin:0 8px}.editor-line-panel{flex-direction:row;height:100%;min-height:220px}.line-numbers{width:36px;padding:12px 6px;font-size:12px}textarea#json-input{min-height:360px;padding:12px;font-size:13px}.viewer-container{height:calc(100% - 48px);padding:12px}.status-bar{flex-direction:column;gap:8px;height:auto;padding:12px;font-size:.75rem}.footer-links{flex-wrap:wrap;order:2}#left-status{order:1}#right-status{order:3}.tree-node{margin-left:12px}.content-container{padding:24px 16px 60px}.article-header h2{font-size:1.5rem}.grid-layout{grid-template-columns:1fr}.error-flex-container{flex-direction:column;gap:16px}.feature-guide-grid{grid-template-columns:1fr}}