.aag-sc-wrapper { max-width:620px; margin:28px auto; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.aag-sc-title { font-size:20px; font-weight:600; color:#0f172a; margin:0 0 18px; }
.aag-sc-upload { border:2px dashed #cbd5e1; border-radius:12px; padding:40px 24px; text-align:center; cursor:pointer; background:#f8fafc; transition:border-color .2s,background .2s; }
.aag-sc-upload:hover, .aag-sc-upload.drag-over { border-color:#2563eb; background:#eff6ff; }
.aag-sc-upload-icon { font-size:40px; margin-bottom:10px; display:block; }
.aag-sc-upload-label { font-size:15px; color:#334155; margin:0 0 6px; font-weight:500; }
.aag-sc-upload-hint  { font-size:12px; color:#94a3b8; margin:0; }
.aag-sc-preview { text-align:center; margin-bottom:4px; }
.aag-sc-preview img { max-width:100%; max-height:280px; border-radius:10px; box-shadow:0 2px 16px rgba(0,0,0,.1); object-fit:contain; }
.aag-sc-btn-remove { background:none; border:1px solid #e2e8f0; color:#64748b; padding:6px 14px; border-radius:6px; cursor:pointer; margin-top:10px; font-size:13px; transition:background .15s; }
.aag-sc-btn-remove:hover { background:#f1f5f9; }
.aag-sc-action { text-align:center; margin:18px 0; }
.aag-sc-btn-analyze { background:#2563eb; color:#fff; border:none; padding:13px 36px; border-radius:10px; font-size:16px; font-weight:600; cursor:pointer; transition:background .2s,opacity .2s; }
.aag-sc-btn-analyze:hover:not(:disabled) { background:#1d4ed8; }
.aag-sc-btn-analyze:disabled { opacity:.45; cursor:not-allowed; }
.aag-sc-result { background:#f0fdf4; border:1px solid #bbf7d0; border-radius:12px; padding:22px 24px; }
.aag-sc-result-header { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.aag-sc-result-header strong { font-size:15px; color:#16a34a; }
.aag-sc-result-text { font-size:16px; font-weight:600; color:#0f172a; background:#fff; border:1px solid #bbf7d0; border-radius:8px; padding:14px 16px; line-height:1.5; word-break:break-word; }
.aag-sc-result-actions { display:flex; gap:10px; margin-top:14px; }
.aag-sc-btn-copy  { padding:8px 18px; border-radius:8px; font-size:13px; cursor:pointer; transition:background .15s; border:1px solid #16a34a; background:#fff; color:#16a34a; }
.aag-sc-btn-reset { padding:8px 18px; border-radius:8px; font-size:13px; cursor:pointer; transition:background .15s; border:1px solid #cbd5e1; background:#fff; color:#64748b; }
.aag-sc-btn-copy:hover  { background:#dcfce7; }
.aag-sc-btn-reset:hover { background:#f1f5f9; }
.aag-sc-result-hint { font-size:12px; color:#64748b; margin:12px 0 0; }
.aag-sc-result-hint code { background:#e2e8f0; padding:1px 5px; border-radius:4px; font-size:11px; }
.aag-sc-error { background:#fef2f2; border:1px solid #fecaca; border-radius:10px; padding:14px 18px; color:#dc2626; font-size:14px; margin-top:12px; } .aag-popup-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:99999; align-items:center; justify-content:center; padding:16px; backdrop-filter:blur(3px); }
.aag-popup-overlay.active { display:flex; animation:aag-fadein .2s ease; }
@keyframes aag-fadein { from{opacity:0} to{opacity:1} }
.aag-popup-box { background:#fff; border-radius:14px; max-width:500px; width:100%; box-shadow:0 24px 60px rgba(0,0,0,.2); overflow:hidden; animation:aag-slidein .25s cubic-bezier(.34,1.56,.64,1); }
@keyframes aag-slidein { from{transform:translateY(20px) scale(.97);opacity:0} to{transform:none;opacity:1} }
.aag-popup-header { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid #f1f5f9; }
.aag-popup-label { font-size:10px; text-transform:uppercase; letter-spacing:.1em; color:#94a3b8; font-weight:600; }
.aag-popup-countdown { font-size:12px; color:#94a3b8; background:#f1f5f9; padding:3px 10px; border-radius:20px; }
.aag-popup-close { background:none; border:none; cursor:pointer; font-size:16px; color:#94a3b8; padding:4px 8px; border-radius:6px; line-height:1; transition:background .15s,color .15s; }
.aag-popup-close:hover { background:#f1f5f9; color:#334155; }
.aag-popup-ad-content { padding:20px 24px; text-align:center; }
.aag-popup-ad-img { max-width:100%; border-radius:8px; display:block; margin:0 auto; }
.aag-popup-ad-placeholder { padding:40px 24px; background:#f8fafc; border-radius:8px; color:#94a3b8; font-size:14px; border:2px dashed #e2e8f0; }
.aag-popup-loader { display:flex; align-items:center; justify-content:center; gap:10px; padding:12px 24px 18px; border-top:1px solid #f1f5f9; color:#64748b; font-size:14px; }
.aag-popup-spinner { width:18px; height:18px; border:2px solid #e2e8f0; border-top-color:#2563eb; border-radius:50%; animation:aag-spin .75s linear infinite; flex-shrink:0; }
@keyframes aag-spin { to{transform:rotate(360deg)} } .aag-tabs {
display: flex;
gap: 0;
border-bottom: 2px solid #e2e8f0;
margin-bottom: 24px;
}
.aag-tab {
padding: 10px 22px;
font-size: 14px;
font-weight: 500;
color: #64748b;
background: none;
border: none;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
cursor: pointer;
transition: color .15s, border-color .15s;
}
.aag-tab:hover  { color: #2563eb; }
.aag-tab.active { color: #2563eb; border-bottom-color: #2563eb; font-weight: 600; } .aag-seo-input-wrap  { margin-bottom: 20px; }
.aag-seo-label       { display: block; font-size: 13px; font-weight: 600; color: #334155; margin-bottom: 8px; }
.aag-seo-url-row     { display: flex; gap: 10px; align-items: stretch; }
.aag-seo-url-input   {
flex: 1;
padding: 10px 14px;
border: 1.5px solid #e2e8f0;
border-radius: 8px;
font-size: 14px;
color: #0f172a;
transition: border-color .15s;
outline: none;
}
.aag-seo-url-input:focus { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.aag-seo-hint { font-size: 12px; color: #94a3b8; margin: 8px 0 0; } .aag-seo-result { margin-top: 8px; }
.aag-seo-result-block {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 10px;
margin-bottom: 14px;
overflow: hidden;
}
.aag-seo-result-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 14px;
background: #f8fafc;
border-bottom: 1px solid #e2e8f0;
}
.aag-seo-result-label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #64748b;
}
.aag-seo-char-count {
font-size: 12px;
font-weight: 600;
color: #94a3b8;
transition: color .2s;
}
.aag-seo-result-text {
padding: 12px 14px;
font-size: 14px;
color: #0f172a;
line-height: 1.6;
min-height: 40px;
outline: none;
border: none;
}
.aag-seo-result-text:focus {
background: #fffbeb;
}
.aag-seo-result-actions {
display: flex;
gap: 8px;
padding: 8px 14px 12px;
flex-wrap: wrap;
}
.aag-yoast-link {
background: none !important;
color: #2563eb !important;
border: 1px solid #bfdbfe !important;
font-size: 12px !important;
padding: 5px 12px !important;
border-radius: 6px !important;
text-decoration: none;
display: inline-flex;
align-items: center;
cursor: pointer;
transition: background .15s !important;
}
.aag-yoast-link:hover { background: #eff6ff !important; } .aag-google-preview { margin-top: 6px; }
.aag-google-preview-label {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #94a3b8;
margin: 0 0 8px;
}
.aag-google-card {
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 14px 16px;
background: #fff;
}
.aag-google-url   { font-size: 12px; color: #16a34a; margin-bottom: 3px; word-break: break-all; }
.aag-google-title { font-size: 17px; color: #1a0dab; font-weight: 400; margin-bottom: 4px; line-height: 1.3; cursor: pointer; }
.aag-google-title:hover { text-decoration: underline; }
.aag-google-desc  { font-size: 13px; color: #4d5156; line-height: 1.5; }