/* Font Awesome for icons (if not already loaded) */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

/* Base styles for all SEO tools */
.seo-tool-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.loading-message {
    text-align: center;
    padding: 1rem;
    color: #6b7280;
}

.error-message {
    color: #ef4444;
    padding: 1rem;
    background: #fee2e2;
    border-radius: 0.5rem;
    text-align: center;
}

/* popup css */
span#upbuild-tooltip-close{position:absolute;top:-9px;right:-8px;background:var(--e-global-color-accent);color:white;width:17px;height:17px;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:10px;font-size:18px}
.upbuild-blur-bg{position:fixed;top:0;left:0;height:100vh;width:100%;background:rgba(0,0,0,0.52);z-index:9999;display:none;backdrop-filter:blur(6px)}
.upbuild-blur-bg.show{display:flex;justify-content:center;align-items:center}
.upbuild-modal-card{background:#fff;max-width:420px;width:92%;margin:0 auto;border-radius:10px;box-shadow:0 8px 40px rgba(60,16,90,.22);overflow:hidden;position:relative;padding:0 0 10px 0}
.upbuild-modal-header{background:linear-gradient(90deg,var(--e-global-color-accent) 0%,#8f57ff 100%);text-align:center;padding:32px 24px 39px 24px;position:relative;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff}
.upbuild-gift-emoji{font-size:2.5rem}
.upbuild-modal-title{font-size:1.4rem;font-weight:700;margin-top:6px}
.upbuild-modal-sub{font-size:.99rem;margin:6px 0 0 0;font-weight:500}
.upbuild-close{position:absolute;top:13px;right:13px;color:#000;font-weight:bold;cursor:pointer;background:none;border:none;z-index:10;background:#fff;height:24px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:100px}
#upbuild-form{padding:30px 24px 24px;display:flex;flex-direction:column;gap:18px;max-height:65vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#888 transparent}
#upbuild-form::-webkit-scrollbar{width:6px}
#upbuild-form::-webkit-scrollbar-track{background:transparent}
#upbuild-form::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}
#upbuild-form label{color:#444;font-weight:bold;margin-bottom:8px;display:block}
input.upbuild-input{width:100%;padding:0.7rem 1rem;border-radius:5px;background:#f6f6fb;border:2px solid #ddd;margin-top:7px;font-size:1rem;transition:border-color .2s}
input.upbuild-input:focus{border-color:var(--e-global-color-accent);outline:none}
button.upbuild-modal-button{width:100%;color:#fff;background:var(--e-global-color-accent);font-size:1.05rem;padding:0.92rem 0;border:none;border-radius:5px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(140,70,240,0.14);transition:background .2s}
.upbuild-modal-button:hover,.upbuild-modal-button:focus{background:#8f57ff}
#upbuild-message{margin:24px 24px 0;font-weight:600;display:none;border-left:3px solid currentColor;padding:10px 5px 10px 15px}
#upbuild-message.show{display:block}
#upbuild-message.error{color:red;background:rgb(255 0 0 / 9%)}
#upbuild-message.success{color:green;background:rgb(0 128 0 / 7%)}
.upbuild-fab{position:fixed;bottom:22px;left:15px;z-index:10001;background:none;display:flex;flex-direction:column;align-items:center;cursor:pointer}
.upbuild-fab svg{width:30px;height:30px}
.upbuild-fab-icon{background:linear-gradient(135deg,var(--e-global-color-accent) 70%,#8f57ff 100%);color:#fff;border-radius:50%;width:56px;height:56px;font-size:2rem;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 12px rgba(100,40,200,.22);transition:background 0.18s}
.upbuild-fab:hover .upbuild-fab-icon{background:linear-gradient(135deg,#8f57ff 0%,var(--e-global-color-accent) 100%)}
.upbuild-tooltip{background:#fff;color:#444;font-size:1rem;font-weight:600;padding:8px 16px;border-radius:5px;margin-bottom:8px;text-align:center;display:block;line-height:1.1;position:absolute;left:75px;bottom:-4px;white-space:nowrap;box-shadow:var(--e-global-color-accent) 0px 1px 4px}
.upbuild-tooltip::after{content:"";position:absolute;left:-13px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:14px solid var(--e-global-color-accent)}
#upbuild-form.processing{position:relative;pointer-events:none}
#upbuild-form.processing::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);border-radius:inherit;z-index:5}
#upbuild-form.processing::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;border:4px solid rgba(0,0,0,0.1);border-top-color:#000;border-radius:50%;animation:upbuild-spin 1s linear infinite;z-index:10}
@keyframes upbuild-spin{
	to{transform:rotate(360deg)}
}
.final #upbuild-message{margin:24px 24px 14px}
button#upbuild-resend:disabled{opacity:.4;pointer-events:none}