.meta-tag-tool{display:flex;flex-direction:column;max-width:100%;padding:20px;box-sizing:border-box}.meta-tag-tool h1,.meta-tag-tool h2,.meta-tag-tool h3{color:#333;margin-bottom:15px}.meta-tag-tool-container{display:flex;flex-wrap:wrap;gap:30px;margin-top:20px}.url-input{display:flex;gap:10px;margin-bottom:20px;width:100%}.url-input input{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px}.meta-tag-tool button{background-color:#d10000;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color 0.3s}.meta-tag-tool button:hover{background-color:#a10000}.input-section,.preview-section{flex:1;min-width:300px}.input-section label{display:block;margin:10px 0 5px;font-weight:700}.input-section input,.input-section textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.input-section textarea{height:100px;resize:vertical}.char-count{display:inline-block;margin-left:5px;color:#0c0}.char-count.over-limit{color:red}.official-debuggers{margin-top:20px}.official-debuggers a{display:block;color:#d10000;text-decoration:none;margin:5px 0;transition:color 0.3s}.official-debuggers a:hover{color:#a10000;text-decoration:underline}.preview-section .preview-box{border:1px solid #ddd;padding:15px;margin-bottom:20px;border-radius:4px;background-color:#fff}.google-preview .title{color:#1a0dab;font-size:18px;text-decoration:none;display:block}.google-preview .url{color:#006621;font-size:14px;display:block;margin:5px 0}.google-preview .description{color:#545454;font-size:13px;margin:5px 0}.twitter-preview .preview-box,.facebook-preview .preview-box,.linkedin-preview .preview-box,.pinterest-preview .preview-box,.slack-preview .preview-box{background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;overflow:hidden}.preview-section h3,.twitter-preview h3,.facebook-preview h3,.linkedin-preview h3,.pinterest-preview h3,.slack-preview h3{background-color:#d10000;color:#fff;padding:10px;margin:0;font-size:16px;text-align:center;border-radius:4px 4px 0 0}.google-preview,.twitter-preview,.facebook-preview,.linkedin-preview,.pinterest-preview,.slack-preview{margin-bottom:20px;border-radius:4px;overflow:hidden}.twitter-preview .image,.facebook-preview .image,.linkedin-preview .image,.pinterest-preview .image,.slack-preview .image{height:150px;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.twitter-preview .image img,.facebook-preview .image img,.linkedin-preview .image img,.pinterest-preview .image img,.slack-preview .image img{max-width:100%;max-height:150px;object-fit:cover}.twitter-preview .title,.facebook-preview .title,.linkedin-preview .title,.pinterest-preview .title,.slack-preview .title{font-weight:700;font-size:16px;margin:5px 0;padding:0 10px}.twitter-preview .description,.facebook-preview .description,.linkedin-preview .description,.pinterest-preview .description,.slack-preview .description{font-size:14px;color:#333;margin:5px 0;padding:0 10px}.twitter-preview .url,.facebook-preview .url,.linkedin-preview .url,.pinterest-preview .url,.slack-preview .url{font-size:12px;color:#666;padding:0 10px 10px;display:block}.footer{width:100%;text-align:center;margin-top:30px;padding:15px 0;border-top:1px solid #ddd}.footer a{color:#d10000;text-decoration:none;font-weight:700}.footer a:hover{text-decoration:underline}.custom-dialog-button{background-color:#d10000!important;color:white!important;border:none!important;border-radius:4px!important;padding:14px 20px!important;font-weight:bold!important;cursor:pointer!important;min-width:200px!important;font-size:15px!important;margin:0!important;font-family:'Inter',sans-serif!important;text-transform:none!important;display:inline-block!important;line-height:normal!important;height:auto!important;box-shadow:none!important;text-decoration:none!important;text-align:center!important;outline:none!important}.ui-button{display:inline-block!important;text-decoration:none!important;font-size:13px!important;line-height:2!important;height:28px!important;margin:0!important;padding:0 10px 1px!important;cursor:pointer!important;border-width:1px!important;border-style:solid!important;-webkit-appearance:none!important;border-radius:3px!important;white-space:nowrap!important;box-sizing:border-box!important;color:#50575e!important;border-color:#c3c4c7!important;background:#f6f7f7!important;box-shadow:0 1px 0 #c3c4c7!important;vertical-align:top!important}.custom-dialog-button{display:inline-block!important;text-decoration:none!important;font-size:15px!important;line-height:normal!important;height:auto!important;margin:0!important;padding:14px 20px!important;cursor:pointer!important;border-width:0!important;border-style:none!important;-webkit-appearance:none!important;border-radius:4px!important;white-space:nowrap!important;box-sizing:border-box!important;color:white!important;border-color:#d10000!important;background:#d10000!important;box-shadow:none!important;vertical-align:middle!important;min-width:200px!important;font-weight:bold!important;font-family:'Inter',sans-serif!important;text-transform:none!important}.custom-dialog-button:hover{background-color:#a10000!important}.custom-button-container{display:flex!important;justify-content:center!important;gap:30px!important;margin-top:20px!important;padding:0 16px 16px!important}.ui-dialog{border-radius:8px!important;border:none!important;box-shadow:0 4px 16px rgb(0 0 0 / .2)!important;padding:0!important;overflow:visible!important;min-width:450px!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.ui-dialog.ui-corner-all{border-radius:8px!important}.ui-dialog-titlebar{background-color:#d10000!important;color:white!important;border:none!important;border-radius:0!important;padding:12px 16px!important;font-size:16px!important;font-weight:bold!important}.ui-dialog-title{width:100%!important;text-align:center!important}.ui-button.ui-dialog-titlebar-close{background:none!important;border:none!important;color:white!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;font-size:16px!important}.meta-tag-code-dialog{padding:16px!important;background-color:#f8f8f8!important}.meta-tag-code{width:100%!important;height:200px!important;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;padding:12px!important;font-family:monospace!important;font-size:14px!important;line-height:1.4!important;color:#333!important;box-sizing:border-box!important;resize:none!important}.ui-dialog-buttonpane{background-color:#f8f8f8!important;border-top:1px solid #e0e0e0!important;margin:0!important;padding:16px!important;text-align:center!important;position:relative!important;display:block!important}.ui-dialog-buttonset{text-align:center!important;display:flex!important;justify-content:center!important;width:100%!important;gap:30px!important}.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{background-color:#d10000!important;color:white!important;border:none!important;border-radius:4px!important;padding:14px 20px!important;font-weight:bold!important;cursor:pointer!important;min-width:200px!important;font-size:15px!important;margin:0!important;font-family:'Inter',sans-serif!important;text-transform:none!important;display:inline-block!important;line-height:normal!important;height:auto!important;box-shadow:none!important;text-decoration:none!important;text-align:center!important;white-space:nowrap!important}.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover{background-color:#a10000!important}.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:focus{outline:2px solid #a10000!important}.ui-resizable-handle.ui-resizable-n,.ui-resizable-handle.ui-resizable-e,.ui-resizable-handle.ui-resizable-s,.ui-resizable-handle.ui-resizable-w,.ui-resizable-handle.ui-resizable-ne,.ui-resizable-handle.ui-resizable-nw,.ui-resizable-handle.ui-resizable-sw{display:none!important}.ui-resizable-handle.ui-resizable-se{background:transparent!important;right:3px!important;bottom:3px!important}@media (max-width:768px){.meta-tag-tool-container{flex-direction:column}.url-input{flex-direction:column}.url-input button{width:100%}.ui-dialog{width:90%!important;max-width:90%!important}}.linkedin-preview h3,.pinterest-preview h3,.slack-preview h3{background-color:#d10000!important;color:white!important;padding:10px!important;margin:0!important;font-size:16px!important;text-align:center!important;font-weight:bold!important;display:block!important;width:100%!important;box-sizing:border-box!important;padding:10px!important;font-size:16px!important;text-align:center!important;border-bottom:none!important}.preview-section>div{margin-bottom:25px!important}.preview-section .preview-box{background-color:#fff!important;border:1px solid #ddd!important;border-top:none!important;padding:10px!important;margin:0!important;overflow:hidden!important;border-radius:0 0 8px 8px!important}.linkedin-preview .title,.pinterest-preview .title,.slack-preview .title{display:block!important;font-weight:bold!important;margin-top:5px!important;margin-bottom:5px!important;font-size:16px!important;padding:0 10px!important}.linkedin-preview .description,.pinterest-preview .description,.slack-preview .description{display:block!important;margin-top:5px!important;margin-bottom:5px!important;font-size:14px!important;color:#333!important;padding:0 10px!important}.linkedin-preview .image,.pinterest-preview .image,.slack-preview .image{height:150px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#f1f1f1!important;margin-bottom:10px!important}.linkedin-preview .url,.pinterest-preview .url,.slack-preview .url{display:block!important;padding:0 10px 10px!important;font-size:12px!important;color:#666!important}.linkedin-preview,.pinterest-preview,.slack-preview{margin-bottom:20px!important;border-radius:4px!important;overflow:hidden!important;box-shadow:none!important}.social-card{margin-bottom:25px;border-radius:4px;overflow:hidden}.social-card-header{background-color:#d10000;color:#fff;padding:10px;margin:0;font-size:16px;text-align:center;font-weight:700;border-radius:4px 4px 0 0}.social-card-content{background:#fff;border:1px solid #ddd;border-top:none;padding:0;border-radius:0 0 4px 4px}.social-card-image{height:150px;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center;width:100%}.social-card-image img{max-width:100%;max-height:150px;object-fit:cover}.social-card-body{padding:10px}.social-card-title{font-weight:700;font-size:16px;margin:5px 0}.social-card-description{font-size:14px;color:#333;margin:5px 0}.social-card-url{font-size:12px;color:#666;margin-top:5px;display:block}.twitter-preview h3,.facebook-preview h3,.linkedin-preview h3,.pinterest-preview h3,.slack-preview h3{background-color:#d10000!important;color:white!important;padding:10px!important;margin:0!important;font-size:16px!important;text-align:center!important;font-weight:bold!important;border-radius:4px 4px 0 0!important}#linkedin-card,#pinterest-card,#slack-card{margin-bottom:25px!important}#linkedin-card .social-card-header,#pinterest-card .social-card-header,#slack-card .social-card-header{background-color:#d10000!important;color:white!important;padding:10px!important;margin:0!important;font-size:16px!important;text-align:center!important;font-weight:bold!important;border-radius:4px 4px 0 0!important}.preview-section .linkedin-preview h3,.preview-section .pinterest-preview h3,.preview-section .slack-preview h3{background-color:#d10000!important;color:white!important;border-radius:4px 4px 0 0!important;margin:0!important;padding:10px!important;font-size:16px!important;text-align:center!important;font-weight:bold!important;border:none!important;display:block!important;width:100%!important;box-sizing:border-box!important;text-transform:none!important;line-height:normal!important;height:auto!important;box-shadow:none!important}.preview-section .linkedin-preview .preview-box,.preview-section .pinterest-preview .preview-box,.preview-section .slack-preview .preview-box{background-color:#fff!important;border:1px solid #ddd!important;border-top:none!important;border-radius:0 0 8px 8px!important;padding:10px!important;margin:0!important;overflow:hidden!important;color:#333!important}.preview-section .linkedin-preview .title,.preview-section .pinterest-preview .title,.preview-section .slack-preview .title{color:#333!important;font-weight:bold!important;margin:5px 0!important;padding:0 10px!important;font-size:16px!important;line-height:1.4!important;display:block!important;text-align:left!important}.preview-section>div.linkedin-preview>h3,.preview-section>div.pinterest-preview>h3,.preview-section>div.slack-preview>h3,div.meta-tag-tool div.preview-section div.linkedin-preview h3,div.meta-tag-tool div.preview-section div.pinterest-preview h3,div.meta-tag-tool div.preview-section div.slack-preview h3,body .meta-tag-tool .preview-section .linkedin-preview h3,body .meta-tag-tool .preview-section .pinterest-preview h3,body .meta-tag-tool .preview-section .slack-preview h3{background-color:#d10000!important;color:white!important;padding:10px!important;margin:0!important;font-size:16px!important;text-align:center!important;font-weight:bold!important;border-radius:4px 4px 0 0!important;display:block!important;border:none!important;width:100%!important;box-sizing:border-box!important;text-transform:none!important;line-height:normal!important;height:auto!important;box-shadow:none!important;text-shadow:none!important;text-decoration:none!important;outline:none!important;letter-spacing:normal!important}div.meta-tag-tool div.preview-section div.linkedin-preview h3::before,div.meta-tag-tool div.preview-section div.pinterest-preview h3::before,div.meta-tag-tool div.preview-section div.slack-preview h3::before,div.meta-tag-tool div.preview-section div.linkedin-preview h3::after,div.meta-tag-tool div.preview-section div.pinterest-preview h3::after,div.meta-tag-tool div.preview-section div.slack-preview h3::after{display:none!important;content:none!important}.linkedin-preview,.pinterest-preview,.slack-preview{margin-bottom:20px!important;border-radius:4px!important;overflow:hidden!important;box-shadow:none!important;background-color:transparent!important}.image img.flex,img.flex{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;margin:0 auto!important;object-fit:contain!important}.facebook-preview .image,.twitter-preview .image,.linkedin-preview .image,.pinterest-preview .image,.slack-preview .image{height:150px!important;background-color:#f1f1f1!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:10px!important;position:relative!important;overflow:hidden!important;width:100%!important}.preview-section .facebook-preview .image img,.preview-section .twitter-preview .image img,.preview-section .linkedin-preview .image img,.preview-section .pinterest-preview .image img,.preview-section .slack-preview .image img{max-width:100%!important;max-height:150px!important;object-fit:contain!important;display:block!important;margin:0 auto!important}.preview-section h3,.preview-section .facebook-preview h3,.preview-section .twitter-preview h3,.preview-section .linkedin-preview h3,.preview-section .pinterest-preview h3,.preview-section .slack-preview h3{background-color:#d10000!important;color:white!important;padding:10px!important;margin:0!important;font-size:16px!important;text-align:center!important;font-weight:bold!important;border-radius:4px 4px 0 0!important;display:block!important;border:none!important;width:100%!important;box-sizing:border-box!important;text-transform:none!important;line-height:normal!important;height:auto!important;box-shadow:none!important;text-shadow:none!important;text-decoration:none!important;outline:none!important;letter-spacing:normal!important}.linkedin-preview .meta-title,.pinterest-preview .meta-title,.slack-preview .meta-title{color:#333!important;font-weight:bold!important;margin:5px 0!important;padding:0 10px!important;font-size:16px!important;line-height:1.4!important;display:block!important;text-align:left!important}.linkedin-preview .meta-description,.pinterest-preview .meta-description,.slack-preview .meta-description{color:#333!important;font-size:14px!important;margin:5px 0!important;padding:0 10px!important;display:block!important;text-align:left!important;line-height:1.4!important}.linkedin-preview .meta-url,.pinterest-preview .meta-url,.slack-preview .meta-url{font-size:12px!important;color:#666!important;padding:0 10px 10px!important;display:block!important;text-align:left!important;word-break:break-all!important}.preview-section h3{background-color:#d10000;color:#fff;padding:10px;margin:0;font-size:16px;text-align:center;font-weight:700;border-radius:4px 4px 0 0;display:block;width:100%;box-sizing:border-box}.preview-section .preview-box{background-color:#fff;border:1px solid #ddd;border-top:none;padding:15px;margin-bottom:20px;border-radius:0 0 8px 8px;overflow:hidden}.preview-section h3{background-color:#d10000!important;color:white!important;padding:10px!important;margin:0!important;font-size:16px!important;text-align:center!important;font-weight:bold!important;border-radius:4px 4px 0 0!important;display:block!important;width:100%!important;box-sizing:border-box!important;border:none!important;text-transform:none!important;line-height:normal!important;height:auto!important;box-shadow:none!important;text-shadow:none!important}.linkedin-preview h3,.pinterest-preview h3,.slack-preview h3{background-color:#d10000!important;color:white!important;padding:10px!important;margin:0!important;font-size:16px!important;text-align:center!important;font-weight:bold!important;border-radius:4px 4px 0 0!important;display:block!important;width:100%!important;box-sizing:border-box!important;border:none!important;text-transform:none!important;line-height:normal!important;height:auto!important;box-shadow:none!important;text-shadow:none!important}