.seo-web-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.seo-web-hint{color:var(--text-muted);margin-bottom:16px;font-size:.85rem;line-height:1.55}.seo-web-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.seo-web-field span{color:var(--text-muted);font-size:.82rem;font-weight:500}.seo-web-field input,.seo-web-field textarea{border:1px solid var(--border);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem}.seo-web-field textarea{resize:vertical;min-height:120px;font-family:ui-monospace,monospace;font-size:.82rem;line-height:1.5}.seo-web-meta-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:8px;display:grid}.seo-web-check{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:14px;font-size:.88rem;display:flex}.seo-web-actions{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.seo-web-actions .btn{min-height:44px;padding:10px 18px}.seo-web-preview-wrap{border:1px solid var(--border);border-radius:10px;margin:16px 0;overflow:hidden}.seo-web-preview-wrap h3{background:var(--bg-tertiary);border-bottom:1px solid var(--border);margin:0;padding:10px 14px;font-size:.85rem}.seo-web-preview-frame{background:#fff;border:none;width:100%;min-height:280px}.seo-web-output{margin-top:8px}.seo-web-output-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.seo-web-output-actions{flex-wrap:wrap;gap:10px;display:flex}.seo-web-output-actions .btn{min-height:44px;padding:10px 18px}.seo-web-output-text{border:1px solid var(--border);background:var(--bg-tertiary);width:100%;min-height:220px;color:var(--text-primary);resize:vertical;border-radius:8px;padding:12px;font-family:ui-monospace,monospace;font-size:.82rem;line-height:1.55}