.SerpPreview_container__mxjOJ{display:flex;flex-direction:column;gap:var(--spacing-6);width:100%}.SerpPreview_grid__pmej9{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media (min-width:900px){.SerpPreview_grid__pmej9{grid-template-columns:350px 1fr}}@media (min-width:1100px){.SerpPreview_grid__pmej9{grid-template-columns:400px 1fr}}.SerpPreview_editorPane__1wjif{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5);min-width:0}.SerpPreview_inputGroup__zC1tR{display:flex;flex-direction:column;gap:var(--spacing-2)}.SerpPreview_labelRow__kAHqd{display:flex;justify-content:space-between;align-items:center}.SerpPreview_inputGroup__zC1tR label{font-size:1rem;font-weight:600;color:var(--text-primary)}.SerpPreview_charCount__a_u4t{font-size:.85rem;color:var(--text-secondary);font-weight:500}.SerpPreview_warningText__5DM2t{color:#ef4444;font-weight:700}.SerpPreview_input__8Wzbu,.SerpPreview_textArea___E1Lk{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all .2s}.SerpPreview_textArea___E1Lk{resize:vertical}.SerpPreview_input__8Wzbu:focus,.SerpPreview_textArea___E1Lk:focus{border-color:var(--brand-primary)}.SerpPreview_progressTracker__fI3N_{width:100%;height:4px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-top:4px}.SerpPreview_progressBar__S_vYr{height:100%;background:#10b981;transition:width .3s ease,background-color .3s ease}.SerpPreview_progressWarning__Ii_vb{background:#ef4444}.SerpPreview_clearBtn__h6yRw{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start}.SerpPreview_clearBtn__h6yRw:hover{background:var(--bg-primary);border-color:#ef4444;color:#ef4444}.SerpPreview_previewPane__xkK5J{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:0}.SerpPreview_previewHeader__60_rJ{display:flex;justify-content:space-between;align-items:center}.SerpPreview_previewHeader__60_rJ h3{margin:0;color:var(--text-primary)}.SerpPreview_deviceToggle__gnmC6{display:flex;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;gap:4px}.SerpPreview_toggleBtn__66CLD{background:transparent;border:none;color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.SerpPreview_toggleBtn__66CLD:hover{color:var(--text-primary)}.SerpPreview_toggleBtn__66CLD.SerpPreview_active__2120Z{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}.SerpPreview_canvasContainer__f5mrY{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-8);display:flex;justify-content:center;align-items:flex-start;min-height:300px;overflow-x:auto}.SerpPreview_serpWrapper__l7ReD{background:#fff;border-radius:8px;text-align:left;font-family:Arial,sans-serif;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:width .3s ease}.SerpPreview_desktopView__B91pt{width:600px;padding:20px}.SerpPreview_mobileView__Q42Tk{width:375px;padding:16px;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.15),0 0 0 10px #1f2937}.SerpPreview_serpResult__8yeuj{display:flex;flex-direction:column}.SerpPreview_serpSiteInfo__pYQc1{display:flex;align-items:center;gap:12px;margin-bottom:8px}.SerpPreview_serpFaviconWrapper__fT84J{width:28px;height:28px;background:#f1f3f4;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.SerpPreview_serpFavicon__0GfNg{width:16px;height:16px}.SerpPreview_serpUrlWrapper__8liMV{display:flex;flex-direction:column;line-height:1.2}.SerpPreview_serpSiteName__aUJa4{font-size:14px;color:#202124}.SerpPreview_serpUrlPath__polDn{font-size:12px;color:#4d5156;word-wrap:break-word;overflow-wrap:break-word}.SerpPreview_serpTitle__ESv3P{font-size:20px;color:#1a0dab;font-weight:400;line-height:1.3;margin-bottom:4px;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word}.SerpPreview_serpTitle__ESv3P:hover{text-decoration:underline}.SerpPreview_mobileView__Q42Tk .SerpPreview_serpTitle__ESv3P{font-size:18px}.SerpPreview_serpDesc__aBWgA{font-size:14px;color:#4d5156;line-height:1.58;word-wrap:break-word;overflow-wrap:break-word}