body{background-color:#f4f4f4;font-family:Syne,Arial,sans-serif;margin:0;padding:0}h1{color:#333;text-align:center}.header{background:linear-gradient(90deg,#007acc,#005f99);border-radius:0;box-shadow:0 2px 8px #0000000a;color:#fff;flex-direction:column;margin-bottom:0;padding:24px 0 16px;position:relative;text-align:center;width:100vw}.header,.logo-container{align-items:center;display:flex}.logo-container{gap:12px;margin-bottom:8px}.logo-img{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;height:40px;object-fit:contain;width:40px}.company-name{color:#fff;font-size:1.3rem;font-weight:600}.company-name,.header-title{font-family:Syne,Arial,sans-serif;letter-spacing:1px}.header-title{font-size:2.2rem;font-weight:700;margin:0 0 8px}.header-nav ul{display:flex;gap:24px;justify-content:center;list-style:none;margin:0;padding:0}.header-nav a{color:#fff;font-size:1.05rem;font-weight:500;text-decoration:none;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.header-nav a:hover{text-decoration:underline}.app-container{background:#fff;border-radius:0;box-shadow:none;margin:0;padding:0;width:100vw}main{align-items:flex-start;display:flex;flex-direction:row;gap:32px;justify-content:center;padding:32px 0;width:100vw}.formatter-container,.json-describer-container{background:#f9f9fb;border-radius:8px;box-shadow:0 2px 12px #0000000f;flex:1 1 400px;margin-bottom:0;min-width:320px;padding:32px 24px}.formatter-section{display:flex;flex-direction:row;gap:16px;width:100%}.formatter-half{flex:1 1;min-width:0}.input-area,.json-describer-textarea,.output-area{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-family:Courier New,monospace;font-size:15px;margin-bottom:12px;padding:12px;transition:border-color .2s;width:100%}.input-area:focus,.json-describer-textarea:focus{border-color:#007acc;outline:none}.output-area{background:#e8f5e9;margin-top:0;min-height:80px}.button,.format-button,.json-describer-button{background:linear-gradient(90deg,#007acc,#005f99);border:none;border-radius:6px;box-shadow:0 2px 8px #0000000a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 24px;transition:background .2s}.button:hover,.format-button:hover,.json-describer-button:hover{background:linear-gradient(90deg,#005f99,#007acc)}.error-message{color:#d32f2f;font-weight:500;margin-top:10px;text-align:center}.footer{background:#f9f9fb;border-radius:0;box-shadow:0 2px 8px #0000000a;color:#555;font-size:1rem;margin:0;padding:18px 0 10px;text-align:center;width:100vw}.footer a{color:#007acc;font-weight:500;margin-left:8px;text-decoration:none}.footer a:hover{text-decoration:underline}.about-us-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000f;font-family:Syne,Arial,sans-serif;margin:40px auto;max-width:700px;padding:32px}@media (max-width:1100px){main{align-items:stretch;flex-direction:column;gap:24px;padding:24px 0}.formatter-container,.json-describer-container{margin:0 auto;max-width:98vw}}@media (max-width:800px){.header-title{font-size:1.5rem}main{gap:12px;padding:12px 0}.formatter-container,.json-describer-container{min-width:0;padding:16px 6px}.formatter-section{flex-direction:column;gap:12px}}@media (max-width:600px){.header{flex-direction:column;padding:16px 0 10px}.logo-container{flex-direction:row;gap:8px;margin-bottom:4px}.company-name{font-size:1rem}.header-title{font-size:1.1rem;margin-bottom:4px;text-align:center}.header-nav ul{font-size:.95rem;gap:12px}.formatter-container,.json-describer-container{max-width:100vw;min-width:0;padding:10px 2px}.input-area,.json-describer-textarea,.output-area{font-size:14px;padding:8px}.button,.format-button,.json-describer-button{font-size:.95rem;padding:10px 12px}.footer{font-size:.95rem;padding:10px 0 6px}}@media (max-width:400px){.header-title{font-size:1rem}.company-name{font-size:.9rem}.footer{font-size:.85rem}}.typing-effect{animation:typing 2.2s steps(36),blink-caret .7s step-end infinite;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;word-break:break-word}@media (max-width:600px){.typing-effect{border-right-width:1.2px;font-size:1.1rem;line-height:1.3;overflow-wrap:anywhere;padding-right:2px;white-space:nowrap;word-break:break-word}}@media (max-width:400px){.typing-effect{font-size:.95rem;padding-right:1px}}.typing-effect{animation:typing 2.2s steps(36),blink-caret .7s step-end;border-right:2px solid #007acc;color:#0d47a1;display:inline-block;font-family:Syne,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:1px;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#007acc}}
/*# sourceMappingURL=main.fc472434.css.map*/