.seo-section{background:#fafafa;border-radius:8px;margin-top:2rem;padding:1.5rem;line-height:1.65}.seo-section h2,.seo-section h3{margin-top:1.4rem;font-weight:600}.seo-section ul{padding-left:1.2rem}.tool-subtitle{color:#555;margin-bottom:1rem;font-size:1.05rem}.json-input{border:1px solid #ccc;border-radius:6px;width:100%;min-height:200px;margin-bottom:15px;padding:12px;font-family:monospace}.btn-row{gap:10px;margin-bottom:15px;display:flex}.btn-format,.btn-beautify{cursor:pointer;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-weight:500}.btn-format{background:#004aad}.btn-format:hover{background:#00398a}.btn-beautify{background:#28a745}.btn-beautify:hover{background:#208437}.json-error{color:#c0392b;margin-bottom:12px;font-weight:500}.copy-badge{cursor:pointer;z-index:10;background:#f0f0f0;border:1px solid #ddd;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;transition:all .2s;display:flex;position:absolute;top:8px;right:12px}.json-output-full{border:1px solid #ccc;border-radius:6px;width:100%;min-height:350px;padding:12px;font-family:monospace;overflow:auto}.json-tree-full{background:#1e1e1e;border:1px solid #444;border-radius:6px;width:100%;max-height:500px;padding:12px;overflow:auto}.output-wrapper{width:100%;margin-top:20px;position:relative}.copy-badge{cursor:pointer;z-index:100;background:#f0f0f0;border:1px solid #ccc;border-radius:12px;align-items:center;padding:5px 12px;font-size:13px;display:flex;position:absolute;top:-12px;right:10px}.copy-badge:hover{background:#e3e3e3}.json-tree-auto{width:100%}.json-output-full{border:1px solid #ccc;border-radius:6px;width:100%;min-height:400px;padding:12px;font-family:monospace}.json-output-block{white-space:pre-wrap;word-break:break-word;background:#f7f7f7;border:1px solid #ccc;border-radius:8px;width:100%;padding:15px;font-family:monospace;font-size:14px;line-height:1.5;overflow-x:auto}.json-output-block code{color:#333;display:block}.btn-format.active,.btn-beautify.active{opacity:.9;box-shadow:inset 0 0 0 2px #0bc0d4}.btn-format:hover,.btn-beautify:hover{opacity:.85}@media (max-width:600px){.json-input{min-height:150px;padding:10px;font-size:14px}.btn-row{flex-direction:column;gap:8px}.btn-format,.btn-beautify{width:100%;padding:12px;font-size:16px}.copy-badge{padding:4px 10px;font-size:12px;top:-10px;right:10px}.json-output-block,.json-output-full{white-space:pre-wrap;border-radius:6px;padding:12px;font-size:13px;line-height:1.4;overflow-x:auto}.json-tree-auto,.json-tree-full{border-radius:6px;padding:10px;width:100%!important}.json-tree-auto>div{max-width:100%;overflow-x:auto!important}.json-viewer{padding-bottom:30px;overflow-x:hidden}}.markdown-output{font-size:15px;line-height:1.6}.markdown-output h1,.markdown-output h2,.markdown-output h3{margin-top:16px;margin-bottom:8px}.markdown-output p{margin-bottom:8px}.markdown-output code{background:#eee;border-radius:4px;padding:3px 6px}.markdown-output pre{color:#fff;background:#2d2d2d;border-radius:6px;padding:10px;overflow:auto}.json-tree-container{width:100%;max-width:100%;overflow-y:auto;overflow-x:auto!important}.json-tree-container *{white-space:pre-wrap!important;word-break:break-word!important;max-width:100%!important}