[data-web-form]{flex-direction:column;gap:12px;display:flex}[data-web-form] input:not([type=checkbox]):not([type=color]):not([type=file]),[data-web-form] select,[data-web-form] textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:12px}[data-web-form] input[type=color]{width:100%;height:44px}[data-web-output]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:520px;margin:20px 0;overflow:auto}[data-web-preview]{overflow:auto}.web-swatch{border-radius:12px;min-height:100px;margin:8px 0}.web-palette{flex-wrap:wrap;gap:8px;display:flex}.web-palette button{cursor:pointer;border:0;flex:1;align-items:end;min-width:88px;min-height:120px;padding:8px;display:flex}.web-palette span{color:#111;background:#fff;border-radius:4px;padding:4px;font:12px monospace}.web-serp{color:#202124;box-sizing:border-box;background:#fff;border-radius:12px;max-width:100%;padding:18px}.web-serp-title{color:#1a0dab;white-space:nowrap;text-overflow:ellipsis;margin:8px 0;font:20px Arial,sans-serif;overflow:hidden}.web-serp-description{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font:14px/1.6 Arial,sans-serif;display:-webkit-box;overflow:hidden}.web-serp-url{white-space:nowrap;text-overflow:ellipsis;font:13px Arial,sans-serif;overflow:hidden}[data-web-files]{flex-wrap:wrap;gap:8px;display:flex}[data-web-preview] canvas{image-rendering:auto;border:1px solid var(--border);border-radius:12px;max-width:180px}[data-web-tool] details pre{white-space:pre-wrap;overflow-wrap:anywhere}[data-web-tool] [data-web-actions],[data-web-tool] [data-web-files]{align-items:stretch;gap:12px;margin-top:20px}[data-web-tool] [data-web-actions][hidden]{display:none}[data-web-tool] .utility-check{text-align:start;align-items:flex-start}[data-web-tool] .utility-check input{margin-top:4px}[data-web-tool] .utility-check span{flex:1;min-width:0;display:block}[data-web-tool] .utility-check a{white-space:normal;display:inline}[data-web-tool=serp-preview]{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:start}@media (width<=900px){[data-web-tool=serp-preview]{grid-template-columns:minmax(0,1fr)}}[data-web-tool=serp-preview] .utility-result{min-width:0}.web-serp{text-align:start;border:1px solid #dadce0;width:100%;max-width:652px;margin:0 auto 20px;padding:24px}.web-serp[data-device=mobile]{max-width:408px;padding:20px}.web-serp-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.web-serp-icon{color:#3c4043;background:#f1f3f4;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font:18px Arial;display:grid}.web-serp-host{color:#202124;overflow-wrap:anywhere;font:14px/1.4 Arial,sans-serif}.web-serp-path{color:#4d5156;overflow-wrap:anywhere;font:12px/1.5 Arial,sans-serif}.web-serp-title{white-space:nowrap;text-overflow:ellipsis;color:#1a0dab;margin:4px 0 6px;font:20px/1.4 Arial,sans-serif;overflow:hidden}.web-serp[data-device=mobile] .web-serp-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.web-serp-description{color:#4d5156;font:14px/1.6 Arial,sans-serif}.web-serp-metrics{color:var(--muted);white-space:pre-line;margin-bottom:20px;font-size:13px;line-height:1.8}@media (width<=480px){[data-web-tool] [data-web-actions]>*{text-align:center;flex:140px;justify-content:center}[data-web-tool] [data-web-files]>*{text-align:center;flex:180px;justify-content:center}.web-serp{padding:16px}}