.serp-tool{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.serp-panel{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:var(--rl,12px);padding:28px;box-shadow:var(--sh,0 1px 3px rgba(0,0,0,.06))}.serp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.serp-device-toggle{display:inline-flex;background:var(--bg,#f5f6f8);border-radius:8px;padding:3px;gap:2px}.serp-device-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:none;border-radius:6px;background:transparent;color:var(--text2,#4b5563);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.serp-device-btn:hover{color:var(--text,#111827)}.serp-device-btn.active{background:var(--surface,#fff);color:var(--accent,#2563eb);box-shadow:0 1px 3px rgba(0,0,0,.1)}.serp-locale-wrap{display:flex;align-items:center;gap:8px}.serp-locale-wrap label{font-size:13px;font-weight:500;color:var(--text2,#4b5563);white-space:nowrap}.serp-select{padding:6px 10px;border:1px solid var(--border,#e5e7eb);border-radius:6px;font-size:13px;font-family:inherit;background:var(--surface,#fff);color:var(--text,#111827);cursor:pointer}.serp-field{margin-bottom:16px}.serp-field label{display:block;font-size:13px;font-weight:600;color:var(--text,#111827);margin-bottom:6px}.serp-input{width:100%;padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text,#111827);background:var(--surface,#fff);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.serp-input:focus{outline:none;border-color:var(--accent,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.serp-textarea{resize:vertical;min-height:72px}.serp-input-sm{width:auto;flex:1;min-width:0;padding:6px 10px;font-size:13px}.serp-input-xs{width:72px;padding:5px 8px;font-size:13px;text-align:center}.serp-meter{display:flex;align-items:center;gap:10px;margin-top:6px}.serp-meter-bar{flex:1;height:6px;background:var(--bg,#f5f6f8);border-radius:3px;overflow:hidden}.serp-meter-fill{height:100%;border-radius:3px;transition:width .25s ease,background-color .25s ease;width:0%;background:var(--green,#059669)}.serp-meter-fill.optimal{background:#059669}.serp-meter-fill.warning{background:#d97706}.serp-meter-fill.danger{background:#dc2626}.serp-meter-fill.short{background:#6b7280}.serp-meter-text{font-size:12px;color:var(--text3,#9ca3af);white-space:nowrap;min-width:120px;text-align:end}.serp-meter-text .status{font-weight:600}.serp-meter-text .status.optimal{color:#059669}.serp-meter-text .status.warning{color:#d97706}.serp-meter-text .status.danger{color:#dc2626}.serp-meter-text .status.short{color:#6b7280}.serp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.serp-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:8px 16px;font-family:inherit}.serp-btn svg{flex-shrink:0}.serp-rich-panel{border-top:1px solid var(--border,#e5e7eb);padding-top:20px;margin-top:4px}.serp-rich-title{font-size:14px;font-weight:700;color:var(--text,#111827);margin:0 0 14px}.serp-toggle-row{display:flex;align-items:center;gap:12px;padding:8px 0;flex-wrap:wrap}.serp-toggle-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text2,#4b5563);cursor:pointer;white-space:nowrap}.serp-checkbox{width:16px;height:16px;accent-color:var(--accent,#2563eb);cursor:pointer}.serp-stars-inputs{display:flex;align-items:center;gap:12px;padding:6px 0 6px 28px}.serp-stars-inputs label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text2,#4b5563);font-weight:500}.serp-faq-inputs,.serp-sitelinks-inputs{padding:8px 0 8px 28px}.serp-faq-item,.serp-sitelink-item{display:flex;gap:8px;align-items:start;margin-bottom:8px}.serp-faq-item .serp-faq-fields{flex:1;display:flex;flex-direction:column;gap:6px}.serp-sitelink-item{align-items:center}.serp-sitelink-item input{flex:1}.serp-btn-sm{padding:5px 12px;font-size:12px;font-weight:500;border:1px dashed var(--border,#e5e7eb);border-radius:6px;background:transparent;color:var(--accent,#2563eb);cursor:pointer;font-family:inherit;transition:background .15s}.serp-btn-sm:hover{background:rgba(37,99,235,.05)}.serp-btn-remove{padding:4px 8px;font-size:11px;font-weight:500;border:1px solid var(--border,#e5e7eb);border-radius:4px;background:transparent;color:var(--red,#dc2626);cursor:pointer;font-family:inherit;white-space:nowrap;flex-shrink:0}.serp-btn-remove:hover{background:rgba(220,38,38,.05)}.serp-privacy{display:flex;align-items:center;gap:6px;margin-top:16px;padding:10px 14px;background:#f0fdf4;border-radius:8px;font-size:12px;color:#059669;font-weight:500}.serp-privacy svg{flex-shrink:0;stroke:#059669}.serp-preview-panel{position:sticky;top:120px}.serp-preview-label{font-size:14px;font-weight:700;color:var(--text,#111827);margin:0 0 16px}.serp-google-frame{background:#fff;border-radius:10px;padding:20px;border:1px solid #dadce0;font-family:'Google Sans',Arial,sans-serif;transition:max-width .3s ease}.serp-google-frame.mobile{max-width:420px}.serp-result-url-line{display:flex;align-items:center;gap:8px;margin-bottom:4px}.serp-result-favicon{width:28px;height:28px;border-radius:50%;background:#f1f3f4;display:flex;align-items:center;justify-content:center;flex-shrink:0}.serp-result-url-wrap{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.serp-result-site{font-size:14px;color:#202124;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-result-breadcrumb{font-size:12px;color:#4d5156;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.serp-result-dots{background:none;border:none;padding:4px;cursor:pointer;border-radius:50%;flex-shrink:0}.serp-result-dots:hover{background:#f1f3f4}.serp-result-title{font-size:20px;line-height:1.3;color:#1a0dab;font-family:'Google Sans',Arial,sans-serif;margin-bottom:4px;cursor:pointer;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.serp-result-title:hover{text-decoration:underline}.serp-result-title.truncated::after{content:' ...';color:#1a0dab}.serp-result-snippet{font-size:14px;line-height:1.58;color:#4d5156;word-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.serp-result-date{color:#70757a;font-size:14px}.serp-result-desc .kw{font-weight:700;color:#3c4043}.serp-result-stars{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:#70757a}.serp-stars-display{color:#fbbc04;font-size:15px;letter-spacing:1px}.serp-stars-text{font-size:13px;color:#70757a}.serp-result-sitelinks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #ebebeb}.serp-sitelink-preview{padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s}.serp-sitelink-preview:hover{background:#f1f3f4}.serp-sitelink-preview-title{font-size:14px;color:#1a0dab;font-weight:400;line-height:1.3}.serp-sitelink-preview-title:hover{text-decoration:underline}.serp-result-faq{margin-top:6px;border-top:1px solid #ebebeb}.serp-faq-preview-item{border-bottom:1px solid #ebebeb}.serp-faq-preview-q{display:flex;align-items:center;justify-content:space-between;padding:10px 0;cursor:pointer;font-size:14px;color:#202124;user-select:none}.serp-faq-preview-q:hover{color:#1a0dab}.serp-faq-preview-arrow{width:20px;height:20px;transition:transform .2s;flex-shrink:0;color:#70757a}.serp-faq-preview-item.open .serp-faq-preview-arrow{transform:rotate(180deg)}.serp-faq-preview-a{display:none;padding:0 0 12px;font-size:14px;line-height:1.58;color:#4d5156}.serp-faq-preview-item.open .serp-faq-preview-a{display:block}.serp-google-frame.mobile .serp-result-title{font-size:18px}.serp-google-frame.mobile .serp-result-snippet{font-size:13px;-webkit-line-clamp:4}.serp-google-frame.mobile .serp-result-sitelinks{grid-template-columns:1fr}.serp-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(20px);background:#202124;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;opacity:0;transition:opacity .3s,transform .3s;z-index:10000;pointer-events:none}.serp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:900px){.serp-tool{grid-template-columns:1fr}.serp-preview-panel{position:static}}@media (max-width:520px){.serp-panel{padding:18px}.serp-toolbar{flex-direction:column;align-items:stretch}.serp-google-frame{padding:14px}.serp-result-title{font-size:17px}}[dir="rtl"] .serp-tool{direction:rtl}[dir="rtl"] .serp-meter-text{text-align:start}[dir="rtl"] .serp-result-url-line{direction:rtl}[dir="rtl"] .serp-result-title,[dir="rtl"] .serp-result-snippet,[dir="rtl"] .serp-result-breadcrumb,[dir="rtl"] .serp-result-site{direction:rtl;text-align:right}[dir="rtl"] .serp-faq-preview-q{direction:rtl}[dir="rtl"] .serp-privacy{direction:rtl}[dir="rtl"] .serp-stars-inputs{padding:6px 28px 6px 0}[dir="rtl"] .serp-faq-inputs,[dir="rtl"] .serp-sitelinks-inputs{padding:8px 28px 8px 0}.serp-btn.loading{opacity:.65;pointer-events:none}.serp-btn.loading svg{animation:serpSpin .8s linear infinite}@keyframes serpSpin{to{transform:rotate(360deg)}}