.serp-tool{background:linear-gradient(145deg, var(--color-surface) 65%, var(--color-surface)) padding-box, linear-gradient(125deg, var(--color-accent), var(--color-secondary) 52%, var(--color-primary)) border-box;border:1px solid #0000;border-radius:24px;padding:clamp(18px,4vw,30px)}.serp-tool .serp-tool-intro,.serp-tool .serp-tool-note{font-size:14px;line-height:1.7}.serp-editor{gap:10px;margin:24px 0;display:grid}.serp-editor label{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;font-size:14px;font-weight:700;display:flex}.serp-editor label:not(:first-child){margin-top:10px}.serp-editor label span{color:var(--color-text-muted);font-size:12px;font-weight:500}.serp-editor input,.serp-editor textarea,.serp-export textarea{box-sizing:border-box;border:1px solid var(--color-surface-muted);background:var(--color-surface);width:100%;min-width:0;color:var(--color-ink);font:inherit;border-radius:10px;padding:12px 14px;font-size:16px;line-height:1.5}.serp-editor textarea,.serp-export textarea{resize:vertical}.serp-editor input[aria-invalid=true]{border-color:var(--color-accent)}.serp-tool small{color:var(--color-text-muted);font-size:12px;line-height:1.6}.serp-tool :is(input,textarea,button,summary):focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.serp-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.serp-device-switch{background:var(--color-surface);border-radius:12px;gap:4px;padding:4px;display:flex}.serp-device-switch button{min-height:40px;color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 14px}.serp-device-switch button[aria-pressed=true]{color:var(--color-surface);background:var(--color-primary)}.serp-preview-stage{border:1px solid var(--color-surface);background:var(--color-surface);border-radius:14px;min-width:0;padding:20px}.serp-preview-result{max-width:600px;font-family:Arial,sans-serif;overflow:hidden}.serp-preview-result.is-mobile{max-width:340px}.serp-preview-host{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.serp-preview-path{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.serp-preview-title{color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;margin:12px 0 5px;font-size:20px;line-height:1.35;overflow:hidden}.serp-preview-description{color:var(--color-text-muted);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.serp-preview-result.is-mobile .serp-preview-title{white-space:normal;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box}.serp-tool-note a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.serp-export{border-top:1px solid var(--color-surface);margin-top:20px;padding-top:18px}.serp-export summary{cursor:pointer;font-size:14px;font-weight:700}.serp-export label{color:var(--color-text-muted);margin:16px 0 10px;font-size:13px;line-height:1.7;display:block}.serp-export textarea{font-family:var(--font-geist-mono), monospace;margin-bottom:12px;font-size:12px}.serp-export [role=status]{color:var(--color-success);margin-top:10px;font-size:12px;display:block}@media (max-width:480px){.serp-preview-stage{padding:14px}.serp-device-switch{width:100%}.serp-device-switch button{flex:1}}body :is(#ink-role,.query-serp-wrap) .query-serp .query-serp-stage{color:#202124;background:#fff;border-color:#dadce0}body :is(#ink-role,.query-serp-wrap) .query-serp .query-serp-name{color:#202124}body :is(#ink-role,.query-serp-wrap) .query-serp .query-serp-site small,body :is(#ink-role,.query-serp-wrap) .query-serp .query-serp-more{color:#4d5156}body :is(#ink-role,.query-serp-wrap) .query-serp .query-serp-heading{color:#1a0dab}body :is(#ink-role,.query-serp-wrap) .query-serp .query-serp-snippet{color:#4d5156}