body.dark-mode,html.dark-mode{background-color:#0a0a0a!important;color:#e0e0e0!important}body.dark-mode .navbar,html.dark-mode .navbar{background:#0a0a0af2!important;box-shadow:0 3px 20px #00000080!important}body.dark-mode .navbar.scrolled,html.dark-mode .navbar.scrolled{box-shadow:0 5px 25px #0009!important}body.dark-mode .logo-coder,body.dark-mode .logo-cube,html.dark-mode .logo-coder,html.dark-mode .logo-cube{background:linear-gradient(135deg,#4a9eff,#e63946)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.dark-mode .logo-tagline,html.dark-mode .logo-tagline{color:#aaa!important}body.dark-mode .logo:hover .logo-tagline,html.dark-mode .logo:hover .logo-tagline{color:#ff6b6b!important}body.dark-mode .menu a,html.dark-mode .menu a{color:#e0e0e0!important}body.dark-mode .menu a:hover,html.dark-mode .menu a:hover{color:#ff6b6b!important}body.dark-mode .menu-toggle span,html.dark-mode .menu-toggle span,body.dark-mode .menu-toggle.active span,html.dark-mode .menu-toggle.active span{background:#e0e0e0!important}@media (max-width: 768px){body.dark-mode .navbar.menu-open .menu-toggle,html.dark-mode .navbar.menu-open .menu-toggle{background:#0a0a0af2!important}}body.dark-mode .mobile-menu-overlay,html.dark-mode .mobile-menu-overlay{background:#000c!important}body.dark-mode .mobile-menu,html.dark-mode .mobile-menu{background:#1a1a1a!important;border-left:1px solid #333!important}body.dark-mode .mobile-menu-header,html.dark-mode .mobile-menu-header{border-bottom-color:#e6394633!important;background:linear-gradient(135deg,#e639460d,#ff6b6b0d)!important}body.dark-mode .mobile-menu-close,html.dark-mode .mobile-menu-close{color:#e0e0e0!important}body.dark-mode .mobile-menu-close:hover,html.dark-mode .mobile-menu-close:hover{color:#ff6b6b!important}body.dark-mode .mobile-menu-logo,html.dark-mode .mobile-menu-logo{color:#e0e0e0!important}body.dark-mode .mobile-menu-links a,body.dark-mode .mobile-menu-list a,html.dark-mode .mobile-menu-links a,html.dark-mode .mobile-menu-list a{color:#e0e0e0!important;border-bottom:1px solid #333!important}body.dark-mode .mobile-menu-links a:hover,body.dark-mode .mobile-menu-list a:hover,html.dark-mode .mobile-menu-links a:hover,html.dark-mode .mobile-menu-list a:hover{background:#2a2a2a!important;color:#ff6b6b!important;border-left-color:#ff6b6b!important}body.dark-mode .mobile-menu-list a svg,html.dark-mode .mobile-menu-list a svg{color:#999!important}body.dark-mode .hero,body.dark-mode .utility-hero,html.dark-mode .hero,html.dark-mode .utility-hero{background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a)!important}body.dark-mode .hero h1,body.dark-mode .hero p,body.dark-mode .page-title,body.dark-mode .page-subtitle,html.dark-mode .hero h1,html.dark-mode .hero p,html.dark-mode .page-title,html.dark-mode .page-subtitle{color:#fff!important}body.dark-mode .section,html.dark-mode .section{background:transparent!important}body.dark-mode .section.light,html.dark-mode .section.light{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)!important}body.dark-mode .section-title,html.dark-mode .section-title{background:linear-gradient(135deg,#4a9eff,#ff6b6b)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.dark-mode .card,html.dark-mode .card{background:#1a1a1a!important;border-color:#e6394633!important;box-shadow:0 8px 25px #00000080!important}body.dark-mode .card h3,html.dark-mode .card h3{color:#e0e0e0!important}body.dark-mode .card p,html.dark-mode .card p{color:#b0b0b0!important}body.dark-mode .card:hover,html.dark-mode .card:hover{background:#222!important;border-color:#e6394666!important}body.dark-mode .tech-item,html.dark-mode .tech-item{background:linear-gradient(135deg,#1a1a1a,#0f0f0f)!important;border-color:#ffffff1a!important}body.dark-mode .tech-item:hover,html.dark-mode .tech-item:hover{background:linear-gradient(135deg,#222,#1a1a1a)!important;border-color:#e639464d!important}body.dark-mode .tech-name,html.dark-mode .tech-name{color:#e0e0e0!important}body.dark-mode .contact-box,html.dark-mode .contact-box{background:#1a1a1a!important;border-color:#e6394633!important}body.dark-mode .footer,html.dark-mode .footer{background:#0a0a0a!important}body.dark-mode .footer-top,html.dark-mode .footer-top{border-bottom-color:#ffffff1a!important}body.dark-mode .footer-bottom,html.dark-mode .footer-bottom{background:#050505!important;border-top-color:#ffffff0d!important}body.dark-mode .footer-heading,html.dark-mode .footer-heading{color:#fff!important}body.dark-mode .footer-links a,html.dark-mode .footer-links a{color:#ffffffb3!important}body.dark-mode .footer-links a:hover,html.dark-mode .footer-links a:hover{color:#ff6b6b!important}body.dark-mode .copyright,html.dark-mode .copyright{color:#fff!important}body.dark-mode .disclaimer,html.dark-mode .disclaimer{color:#fff9!important}body.dark-mode .social-icon,html.dark-mode .social-icon{background:#ffffff1a!important;border-color:#fff3!important}body.dark-mode .social-icon:hover,html.dark-mode .social-icon:hover{background:#e63946!important;border-color:#e63946!important}body.dark-mode .utility-page,html.dark-mode .utility-page{background:#0a0a0a!important}body.dark-mode .utility-content,html.dark-mode .utility-content{background:transparent!important}body.dark-mode .input-section,body.dark-mode .output-section,body.dark-mode .options-section,html.dark-mode .input-section,html.dark-mode .output-section,html.dark-mode .options-section{background:#1a1a1a!important;border-color:#e6394633!important;box-shadow:0 8px 25px #00000080!important}body.dark-mode .section-label,body.dark-mode .option-label,html.dark-mode .section-label,html.dark-mode .option-label{color:#e0e0e0!important}body.dark-mode .input-textarea,body.dark-mode .output-textarea,body.dark-mode .option-select,html.dark-mode .input-textarea,html.dark-mode .output-textarea,html.dark-mode .option-select{background:#0f0f0f!important;border-color:#ffffff1a!important;color:#e0e0e0!important}body.dark-mode .input-textarea:focus,body.dark-mode .option-select:focus,html.dark-mode .input-textarea:focus,html.dark-mode .option-select:focus{background:#1a1a1a!important;border-color:#e6394680!important;box-shadow:0 0 0 3px #e6394633!important}body.dark-mode .option-select,html.dark-mode .option-select{background-color:#0f0f0f!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e0e0e0' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:12px 12px!important;color:#e0e0e0!important;border:2px solid rgba(255,255,255,.1)!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;outline:none!important;box-shadow:none!important}body.dark-mode .option-select:active,body.dark-mode .option-select:focus,html.dark-mode .option-select:active,html.dark-mode .option-select:focus{background-color:#1a1a1a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff6b6b' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:12px 12px!important;border-color:#e6394680!important;box-shadow:0 0 0 2px #e6394633!important;outline:none!important}body.dark-mode .option-select:hover,html.dark-mode .option-select:hover{border-color:#fff3!important;background-color:#1a1a1a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e0e0e0' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 15px center!important;background-size:12px 12px!important;box-shadow:none!important}body.dark-mode .option-select:focus-visible,html.dark-mode .option-select:focus-visible{outline:none!important;border-color:#e6394680!important;box-shadow:0 0 0 2px #e6394633!important}body.dark-mode select.option-select::-ms-expand,html.dark-mode select.option-select::-ms-expand{display:none!important}body.dark-mode select.option-select::-webkit-appearance,html.dark-mode select.option-select::-webkit-appearance{-webkit-appearance:none!important}body.dark-mode select.option-select::-ms-value,html.dark-mode select.option-select::-ms-value{background:transparent!important;color:#e0e0e0!important}body.dark-mode .option-select optgroup,html.dark-mode .option-select optgroup{background:#1a1a1a!important;background-color:#1a1a1a!important;background-image:none!important;color:#4a9eff!important;font-weight:600!important;font-size:.9rem!important;padding:8px 12px!important;border:none!important;margin:0!important}body.dark-mode .option-select option,html.dark-mode .option-select option{background:#1a1a1a!important;background-color:#1a1a1a!important;background-image:none!important;color:#e0e0e0!important;font-weight:400!important;padding:10px 12px!important;border:none!important;margin:0!important;line-height:1.5!important}body.dark-mode .option-select option:hover,html.dark-mode .option-select option:hover{background:#2a2a2a!important;background-color:#2a2a2a!important;background-image:none!important;color:#fff!important}body.dark-mode .option-select option:checked,html.dark-mode .option-select option:checked,body.dark-mode .option-select option:focus,html.dark-mode .option-select option:focus{background:#e63946!important;background-color:#e63946!important;background-image:none!important;color:#fff!important}body.dark-mode .option-select option[selected],html.dark-mode .option-select option[selected]{background:#e63946!important;background-color:#e63946!important;background-image:none!important;color:#fff!important}body.dark-mode select.option-select,html.dark-mode select.option-select{background-color:#0f0f0f!important}body.dark-mode .option-select:not(:focus),html.dark-mode .option-select:not(:focus){border-style:solid!important;border-width:2px!important}body.dark-mode .info-note,html.dark-mode .info-note{background:#2196f31a!important;border-color:#2196f3!important;color:#90caf9!important}body.dark-mode .checkbox-text,body.dark-mode .toggle-description,body.dark-mode .toggle-status,body.dark-mode .action-description,html.dark-mode .checkbox-text,html.dark-mode .toggle-description,html.dark-mode .toggle-status,html.dark-mode .action-description{color:#b0b0b0!important}body.dark-mode .copy-btn,html.dark-mode .copy-btn{background:#1a1a1a!important;border-color:#e6394680!important;color:#ff6b6b!important}body.dark-mode .copy-btn:hover:not(:disabled),html.dark-mode .copy-btn:hover:not(:disabled){background:#e63946!important;color:#fff!important}body.dark-mode .copy-btn:disabled,html.dark-mode .copy-btn:disabled{opacity:.5!important;background:#0f0f0f!important;border-color:#ffffff1a!important;color:#666!important}body.dark-mode .knowledge-section,html.dark-mode .knowledge-section{background:#1a1a1a!important;box-shadow:0 8px 25px #00000080!important}body.dark-mode .knowledge-title,body.dark-mode .knowledge-card-title,body.dark-mode .knowledge-card-content h4,body.dark-mode .charset-info h4,html.dark-mode .knowledge-title,html.dark-mode .knowledge-card-title,html.dark-mode .knowledge-card-content h4,html.dark-mode .charset-info h4{color:#e0e0e0!important}body.dark-mode .knowledge-intro,html.dark-mode .knowledge-intro{color:#b0b0b0!important}body.dark-mode .knowledge-card,html.dark-mode .knowledge-card{border-color:#ffffff1a!important;background:#1a1a1a!important}body.dark-mode .knowledge-card-header,html.dark-mode .knowledge-card-header{background:#0f0f0f!important}body.dark-mode .knowledge-card-header:hover,html.dark-mode .knowledge-card-header:hover{background:#1a1a1a!important}body.dark-mode .knowledge-card-content p,body.dark-mode .steps-list li,body.dark-mode .charset-info li,body.dark-mode .usecase-list li,body.dark-mode .knowledge-card-content ul li,html.dark-mode .knowledge-card-content p,html.dark-mode .steps-list li,html.dark-mode .charset-info li,html.dark-mode .usecase-list li,html.dark-mode .knowledge-card-content ul li{color:#b0b0b0!important}body.dark-mode .highlight-box,html.dark-mode .highlight-box{background:#2196f31a!important;border-color:#2196f3!important}body.dark-mode .highlight-box strong,html.dark-mode .highlight-box strong{color:#90caf9!important}body.dark-mode .example-box,html.dark-mode .example-box{background:#0f0f0f!important;border-color:#ffffff1a!important}body.dark-mode .example-box strong,html.dark-mode .example-box strong{color:#4a9eff!important}body.dark-mode .example-details li,html.dark-mode .example-details li{color:#aaa!important}body.dark-mode .tip-text,html.dark-mode .tip-text{background:#ffc1071a!important;border-color:#ffc107!important;color:#ffc107!important}body.dark-mode .char-table,html.dark-mode .char-table{background:#0f0f0f!important}body.dark-mode .char-label,html.dark-mode .char-label{color:#4a9eff!important}body.dark-mode .char-set,html.dark-mode .char-set{color:#b0b0b0!important}body.dark-mode .utilities-page,html.dark-mode .utilities-page,body.dark-mode .utilities-content,html.dark-mode .utilities-content{background:#1a1a1a!important}body.dark-mode .category-title,html.dark-mode .category-title{color:#fff!important}body.dark-mode .category-title:after,html.dark-mode .category-title:after{background:linear-gradient(90deg,#667eea,#764ba2)!important}body.dark-mode .utility-card,html.dark-mode .utility-card{background:#2a2a2a!important;border-color:#444!important;color:#fff!important}body.dark-mode .utility-card:hover,html.dark-mode .utility-card:hover{background:#2f2f2f!important;border-color:#667eea!important}body.dark-mode .utility-icon-wrapper,html.dark-mode .utility-icon-wrapper{background:linear-gradient(135deg,#1f1f1f,#2a2a2a)!important}body.dark-mode .utility-card:hover .utility-icon-wrapper,html.dark-mode .utility-card:hover .utility-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)!important}body.dark-mode .utility-name,html.dark-mode .utility-name{color:#fff!important}body.dark-mode .utility-card:hover .utility-name,html.dark-mode .utility-card:hover .utility-name{color:#667eea!important}body.dark-mode .utility-description,html.dark-mode .utility-description{color:#ccc!important}body.dark-mode .utility-arrow,html.dark-mode .utility-arrow{color:#667eea!important}body.dark-mode .useful-links-section,html.dark-mode .useful-links-section{background:#2a2a2a!important;color:#fff!important}body.dark-mode .useful-links-title,html.dark-mode .useful-links-title{color:#fff!important}body.dark-mode .useful-links-subtitle,html.dark-mode .useful-links-subtitle{color:#ccc!important}body.dark-mode .useful-link-card,html.dark-mode .useful-link-card{background:#2a2a2a!important;border-color:#444!important;color:#fff!important}body.dark-mode .useful-link-card:hover,html.dark-mode .useful-link-card:hover{background:#2f2f2f!important;border-color:#667eea!important}body.dark-mode .useful-link-icon,html.dark-mode .useful-link-icon{background:linear-gradient(135deg,#1f1f1f,#2a2a2a)!important}body.dark-mode .useful-link-card:hover .useful-link-icon,html.dark-mode .useful-link-card:hover .useful-link-icon{background:linear-gradient(135deg,#667eea,#764ba2)!important}body.dark-mode .useful-link-name,html.dark-mode .useful-link-name{color:#fff!important}body.dark-mode .useful-link-card:hover .useful-link-name,html.dark-mode .useful-link-card:hover .useful-link-name{color:#667eea!important}body.dark-mode .useful-link-description,html.dark-mode .useful-link-description{color:#ccc!important}body.dark-mode .useful-link-arrow,html.dark-mode .useful-link-arrow{color:#667eea!important}@media (max-width: 768px){.utilities-title{font-size:2rem}.utilities-subtitle{font-size:1rem}.utilities-cards{grid-template-columns:1fr}.category-title{font-size:1.5rem}}body.dark-mode .contact-company-card,html.dark-mode .contact-company-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f)!important;border-color:#e6394633!important;box-shadow:0 8px 25px #00000080!important}body.dark-mode .contact-company-card:hover,html.dark-mode .contact-company-card:hover{border-color:#e6394666!important;box-shadow:0 12px 35px #0009!important}body.dark-mode .company-name,html.dark-mode .company-name{background:linear-gradient(135deg,#4a9eff,#e63946)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body.dark-mode .company-tagline,html.dark-mode .company-tagline{color:#aaa!important}body.dark-mode .company-description,html.dark-mode .company-description{color:#b0b0b0!important}body.dark-mode .company-logo-section,html.dark-mode .company-logo-section{border-bottom-color:#e6394633!important}body.dark-mode .contact-box,html.dark-mode .contact-box{background:#1a1a1a!important;border-color:#e6394633!important;box-shadow:0 8px 25px #00000080!important}body.dark-mode .contact-box:hover,html.dark-mode .contact-box:hover{border-color:#e6394666!important;box-shadow:0 12px 35px #0009!important}body.dark-mode .contact-item h3,html.dark-mode .contact-item h3{color:#e0e0e0!important}body.dark-mode .contact-info a,body.dark-mode .contact-info p,html.dark-mode .contact-info a,html.dark-mode .contact-info p{color:#b0b0b0!important}body.dark-mode .contact-info a:hover,html.dark-mode .contact-info a:hover{color:#ff6b6b!important}body.dark-mode .location-primary,html.dark-mode .location-primary{color:#b0b0b0!important}body.dark-mode .location-secondary,html.dark-mode .location-secondary{color:#888!important}body.dark-mode .contact-item:after,html.dark-mode .contact-item:after{background:linear-gradient(90deg,transparent,rgba(230,57,70,.2),transparent)!important}@media (max-width: 968px){.contact-container{grid-template-columns:1fr;gap:25px}.contact-company-card{position:static}}@media (max-width: 768px){.contact-container{padding:0 15px}.contact-company-card{padding:30px 25px}.company-logo-section{gap:16px;margin-bottom:20px;padding-bottom:20px}.company-logo-icon{width:60px;height:60px}.company-logo-icon .cube-container{width:50px;height:50px}.company-name{font-size:20px}.contact-box{padding:40px 30px;gap:28px}.contact-item{gap:20px}.contact-icon{width:55px;height:55px}.contact-icon svg{width:24px;height:24px}.contact-info h3{font-size:14px}.contact-info a,.contact-info p{font-size:16px}}@media (max-width: 480px){.contact-company-card{padding:25px 20px}.company-logo-section{flex-direction:column;text-align:center;gap:15px}.company-logo-icon{margin:0 auto}.contact-box{padding:30px 24px;gap:24px}.contact-item{flex-direction:column;text-align:center;align-items:center;gap:16px}.contact-info{text-align:center}.contact-item:after{left:50%;transform:translate(-50%);width:60%}}body.dark-mode .file-upload-section,html.dark-mode .file-upload-section{background:#2a2a2a!important;color:#fff!important}body.dark-mode .file-upload-title,html.dark-mode .file-upload-title{color:#fff!important}body.dark-mode .file-upload-subtitle,html.dark-mode .file-upload-subtitle{color:#ccc!important}body.dark-mode .file-upload-area,html.dark-mode .file-upload-area{background:#1f1f1f!important;border-color:#444!important}body.dark-mode .file-upload-area:hover,html.dark-mode .file-upload-area:hover{background:#2a2a2a!important;border-color:#667eea!important}body.dark-mode .file-icon,html.dark-mode .file-icon{color:#667eea!important}body.dark-mode .file-upload-text,html.dark-mode .file-upload-text{color:#ccc!important}body.dark-mode .file-name-display,html.dark-mode .file-name-display{color:#667eea!important}body.dark-mode .file-size-display,html.dark-mode .file-size-display{color:#999!important}body.dark-mode .file-info-section,html.dark-mode .file-info-section{color:#fff!important}body.dark-mode .warning-box,html.dark-mode .warning-box{background:#3d2f00!important;border-left-color:#ffc107!important;color:#ffc107!important}body.dark-mode .warning-icon,html.dark-mode .warning-icon{color:#ffc107!important}body.dark-mode .file-options-section,html.dark-mode .file-options-section,body.dark-mode .file-options-section .option-group,html.dark-mode .file-options-section .option-group{background:transparent!important}body.dark-mode .file-options-section .checkbox-text,html.dark-mode .file-options-section .checkbox-text{color:#ccc!important}body.dark-mode .clear-file-btn,html.dark-mode .clear-file-btn{background:#2a2a2a!important;border-color:#dc3545!important;color:#dc3545!important}body.dark-mode .clear-file-btn:hover,html.dark-mode .clear-file-btn:hover{background:#dc3545!important;color:#fff!important}body.dark-mode .decode-btn:disabled,html.dark-mode .decode-btn:disabled{opacity:.5!important;cursor:not-allowed!important}body.dark-mode .clear-btn,html.dark-mode .clear-btn{background:#ffffff1a;color:#adb5bd}body.dark-mode .clear-btn:hover,html.dark-mode .clear-btn:hover{background:#dc354533;color:#ff6b7a}body.dark-mode .utilities-menu-trigger,html.dark-mode .utilities-menu-trigger{color:#e0e0e0!important}body.dark-mode .utilities-menu-trigger:hover,body.dark-mode .utilities-menu-trigger.active,html.dark-mode .utilities-menu-trigger:hover,html.dark-mode .utilities-menu-trigger.active{color:#ff6b7a!important}body.dark-mode .mega-menu,html.dark-mode .mega-menu{background:#2a2a2a!important;box-shadow:0 10px 40px #00000080!important}body.dark-mode .mega-menu-category-title,html.dark-mode .mega-menu-category-title{color:#e0e0e0!important;border-bottom-color:#404040!important}body.dark-mode .mega-menu-link,html.dark-mode .mega-menu-link{color:#e0e0e0!important}body.dark-mode .mega-menu-link:hover,html.dark-mode .mega-menu-link:hover{background:#e6394626!important;color:#ff6b7a!important}body.dark-mode .mega-menu-description,html.dark-mode .mega-menu-description{color:#adb5bd!important}body.dark-mode .mega-menu-icon,html.dark-mode .mega-menu-icon{background:#e6394633!important}body.dark-mode .mega-menu-column:not(:last-child),html.dark-mode .mega-menu-column:not(:last-child){border-right-color:#404040!important}body.dark-mode .mobile-utilities-title,html.dark-mode .mobile-utilities-title{color:#e0e0e0!important}body.dark-mode .mobile-utilities-subtitle,html.dark-mode .mobile-utilities-subtitle{color:#adb5bd!important}body.dark-mode .mobile-category-title,html.dark-mode .mobile-category-title{color:#e0e0e0!important;border-bottom-color:#404040!important}body.dark-mode .mobile-utility-link,html.dark-mode .mobile-utility-link{background:#e639460d!important;color:#e0e0e0!important}body.dark-mode .mobile-utility-link:active,html.dark-mode .mobile-utility-link:active{background:#e6394633!important}body.dark-mode .mobile-utility-name,html.dark-mode .mobile-utility-name{color:#e0e0e0!important}body.dark-mode .mobile-utility-description,html.dark-mode .mobile-utility-description{color:#adb5bd!important}.dark-mode .input-textarea.error{background:#2d1b1b;border-color:#dc3545;color:#f8d7da}.dark-mode .success-message{background:#1a2e1a;color:#d1e7dd;border-color:#0f5132}.dark-mode .select-input{background:#2d2d2d;border-color:#495057;color:#e9ecef}.dark-mode .select-input:focus{border-color:#667eea}.dark-mode .format-btn{box-shadow:0 4px 12px #667eea80}.dark-mode .format-btn:hover{box-shadow:0 6px 16px #667eea99}.code-editor-wrapper{position:relative;display:flex;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;overflow:hidden;font-family:Courier New,Consolas,Monaco,monospace;min-height:300px}.code-editor-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.code-editor-wrapper.error{border-color:#dc3545;background:#fff5f5}.line-numbers{background:#e9ecef;color:#6c757d;padding:15px 8px 15px 12px;text-align:right;font-size:.95rem;line-height:1.6;-webkit-user-select:none;user-select:none;min-width:50px;border-right:1px solid #dee2e6;overflow:hidden;white-space:pre;font-family:Courier New,Consolas,Monaco,monospace}.textarea-wrapper{position:relative;flex:1;display:flex;min-width:0;align-items:stretch;overflow:hidden}.code-editor{width:100%;padding:15px 45px 15px 15px;font-size:.95rem;font-family:Courier New,Consolas,Monaco,monospace;border:none;border-radius:0;resize:vertical;box-sizing:border-box;background:transparent;color:#333;line-height:1.6;outline:none;overflow-y:auto;overflow-x:auto;white-space:pre;tab-size:2;margin:0;vertical-align:top;flex:1;position:relative;z-index:1}.code-editor::placeholder{color:#adb5bd}.code-editor.error{background:transparent}.clear-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#6c757d1a;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:10;color:#6c757d;padding:0}.clear-btn:hover{background:#dc35451a;color:#dc3545;transform:scale(1.1)}.clear-btn:active{transform:scale(.95)}.clear-btn svg{width:16px;height:16px}.dark-mode .line-numbers{background:#2d2d2d!important;color:#858585!important;border-right-color:#3e3e42!important}.dark-mode .error-message{background:#2d1b1b;color:#f8d7da;border-color:#842029}.dark-mode .goto-error-btn{background:#dc3545}.dark-mode .goto-error-btn:hover{background:#c82333}.dark-mode .line-highlight{background:#ffc10733!important;border-left-color:#ffc107!important}.dark-mode .line-highlight{animation:highlightPulseDark .5s ease-in-out}@keyframes highlightPulseDark{0%{background:#ffc1074d;border-left-width:5px}50%{background:#ffc10740;border-left-width:4px}to{background:#ffc10733;border-left-width:3px}}.errors-container{margin-top:12px;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;overflow:hidden}.errors-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fee2e2;border-bottom:1px solid #fecaca}.errors-header .error-icon{width:20px;height:20px;color:#dc3545;flex-shrink:0}.errors-title{margin:0;font-size:1rem;font-weight:600;color:#991b1b}.errors-list{max-height:300px;overflow-y:auto;overflow-x:hidden}.errors-list::-webkit-scrollbar{width:8px}.errors-list::-webkit-scrollbar-track{background:#f8f9fa}.errors-list::-webkit-scrollbar-thumb{background:#dc3545;border-radius:4px}.errors-list::-webkit-scrollbar-thumb:hover{background:#c82333}.error-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #fecaca;transition:background .2s}.error-item:last-child{border-bottom:none}.error-item:hover{background:#fef2f2}.error-item.active{background:#fee2e2;border-left:3px solid #dc3545}.error-item-content{flex:1;min-width:0}.error-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.error-line-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#dc3545;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600}.error-column-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#f87171;color:#fff;border-radius:4px;font-size:.75rem;font-weight:500}.error-message-text{margin:0;font-size:.9rem;color:#991b1b;line-height:1.5}.goto-error-btn-small{flex-shrink:0;padding:6px 10px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.goto-error-btn-small:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.goto-error-btn-small svg{width:16px;height:16px}.error-message{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:6px;background:#fff5f5;color:#dc3545;border:1px solid #fecaca;font-size:.9rem;flex-wrap:wrap}.goto-error-btn{margin-left:auto;padding:4px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.goto-error-btn:hover{background:#c82333;transform:translateY(-1px)}.dark-mode .code-editor-wrapper{background:#1e1e1e;border-color:#495057}.dark-mode .code-editor-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.dark-mode .code-editor-wrapper.error{border-color:#dc3545;background:#2d1b1b}.dark-mode .line-numbers{background:#1e1e1e!important;color:#858585!important;border-right-color:#3e3e42!important}.dark-mode .code-editor{background:transparent;color:#d4d4d4}.dark-mode .code-editor::placeholder{color:#6c757d}.dark-mode .output-container{background:#1e1e1e;border-color:#495057}.dark-mode .tree-view{color:#d4d4d4}.dark-mode .json-key,.dark-mode .json-string{color:#ce9178}.dark-mode .json-number{color:#b5cea8}.dark-mode .json-boolean{color:#569cd6}.dark-mode .json-null{color:gray}.dark-mode .json-brace,.dark-mode .json-bracket,.dark-mode .json-colon,.dark-mode .json-comma{color:#d4d4d4}.dark-mode .json-collapsed{color:#858585}.dark-mode .formatted-json,.dark-mode .raw-json{color:#d4d4d4}.dark-mode .view-mode-btn{background:#2d2d2d;border-color:#495057;color:#e9ecef}.dark-mode .view-mode-btn:hover{background:#3d3d3d;border-color:#6c757d}.dark-mode .view-mode-btn.active{background:#667eea;border-color:#667eea;color:#fff}.dark-mode .tree-control-btn{background:#2d2d2d;border-color:#495057;color:#e9ecef}.dark-mode .tree-control-btn:hover{background:#3d3d3d;border-color:#6c757d}.dark-mode .copy-btn-small{background:#2d2d2d;border-color:#495057;color:#e9ecef}.dark-mode .copy-btn-small:hover{background:#3d3d3d;border-color:#6c757d}.dark-mode .copy-btn-small.success{background:#1a2e1a;border-color:#0f5132;color:#d1e7dd}.tree-view{font-size:.95rem;line-height:1.8;color:#333;font-family:Courier New,Consolas,Monaco,monospace}.tree-node{margin:0}.tree-node-item{display:flex;align-items:flex-start;gap:6px;padding:2px 0;min-height:22px;line-height:1.6}.tree-expand-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:pointer;color:#667eea;flex-shrink:0;margin-top:2px;transition:color .2s}.tree-expand-icon:hover{color:#764ba2}.tree-expand-icon svg{width:14px;height:14px}.tree-spacer{width:18px;display:inline-block;flex-shrink:0}.tree-key{color:#881391;font-weight:500;margin-right:6px}.tree-type-label{color:#495057;font-weight:500;cursor:pointer;padding:2px 4px;border-radius:3px;transition:background .2s}.tree-type-label:hover{background:#667eea1a}.tree-value{color:#333}.tree-value-string{color:#0b5394}.tree-value-number{color:#1c00cf}.tree-value-boolean{color:#0e8080}.tree-value-null{color:gray;font-style:italic}.tree-children{width:100%;margin-top:2px}.dark-mode .output-container-wrapper{background:#1e1e1e;border-color:#495057}.dark-mode .output-line-numbers{background:#1e1e1e!important;color:#858585!important;border-right-color:#3e3e42!important}.dark-mode .output-content-wrapper{background:transparent}.dark-mode .tree-view,.dark-mode .formatted-json,.dark-mode .raw-json{color:#d4d4d4}.dark-mode .code-editor-wrapper{background:#1e1e1e!important;border-color:#495057!important}.dark-mode .code-editor-wrapper:focus-within{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea33!important}.dark-mode .code-editor-wrapper.error{border-color:#dc3545!important;background:#2d1b1b!important}.dark-mode .line-numbers{background:#252526!important;color:#858585!important;border-right-color:#3e3e42!important}.dark-mode .code-editor{background:transparent!important;color:#d4d4d4!important}.dark-mode .code-editor::placeholder{color:#6c757d!important}.dark-mode .code-editor.error{background:transparent!important}.dark-mode .output-container-wrapper{background:#1e1e1e!important;border-color:#495057!important}.dark-mode .output-tree-wrapper,.dark-mode .output-formatted-wrapper,.dark-mode .output-raw-wrapper{background:transparent}.dark-mode .tree-view{color:#d4d4d4!important}.dark-mode .tree-expand-icon{color:#858585!important}.dark-mode .tree-expand-icon:hover{color:#667eea!important}.dark-mode .tree-key,.dark-mode .tree-type-label{color:#d4d4d4!important}.dark-mode .tree-type-label:hover{color:#667eea!important;background:#667eea33!important}.dark-mode .tree-value{color:#d4d4d4!important}.dark-mode .tree-value-string{color:#ce9178!important}.dark-mode .tree-value-number{color:#b5cea8!important}.dark-mode .tree-value-boolean{color:#569cd6!important}.dark-mode .tree-value-null{color:gray!important;font-style:italic}.dark-mode .formatted-json,.dark-mode .raw-json{color:#d4d4d4!important}.dark-mode .input-section,.dark-mode .output-section{background:#1e1e1e!important;box-shadow:0 2px 8px #0000004d!important}.dark-mode .section-label{color:#e9ecef!important}.dark-mode .error-message{background:#2d1b1b!important;border-color:#dc3545!important;color:#f8d7da!important}.dark-mode .error-icon{color:#dc3545!important}.dark-mode .view-mode-section{background:#1e1e1e!important;box-shadow:0 2px 8px #0000004d!important}.dark-mode .view-mode-btn{background:#2d2d2d!important;border-color:#495057!important;color:#e9ecef!important}.dark-mode .view-mode-btn:hover{background:#3d3d3d!important;border-color:#6c757d!important}.dark-mode .view-mode-btn.active{background:#667eea!important;border-color:#667eea!important;color:#fff!important}.dark-mode .tree-control-btn{background:#2d2d2d!important;border-color:#495057!important;color:#e9ecef!important}.dark-mode .tree-control-btn:hover{background:#3d3d3d!important;border-color:#6c757d!important}.dark-mode .action-section{color:#e9ecef}.dark-mode .action-description{color:#adb5bd!important}.dark-mode .copy-btn-small{background:#2d2d2d!important;border-color:#495057!important;color:#e9ecef!important}.dark-mode .copy-btn-small:hover:not(:disabled){background:#3d3d3d!important;border-color:#6c757d!important}.dark-mode .copy-btn-small.success{background:#1a2e1a!important;border-color:#0f5132!important;color:#d1e7dd!important}.dark-mode .input-section .code-editor-wrapper .line-numbers,.dark-mode .output-section .code-editor-wrapper .line-numbers,.dark-mode .code-editor-wrapper .line-numbers,.dark-mode div.line-numbers,.dark-mode .line-numbers,.dark-mode .output-line-numbers{background:#2d2d2d!important;color:#858585!important;border-right-color:#3e3e42!important}