@reftrixmcp/mcp-server 0.1.7

package/dist/tools/layout/inspect/visual-extractors.schemas.d.ts

@@ -0,0 +1,3372 @@
+/**
+ * Visual Extractors Zod Schemas
+ *
+ * Schemas for CSS Variable Extractor, Typography Extractor, and Gradient Detector services.
+ * Used for validating extraction results and API responses.
+ *
+ * @module tools/layout/inspect/visual-extractors.schemas
+ */
+import { z } from "zod";
+/**
+ * CSS Variable category enumeration
+ */
+export declare const cssVariableCategorySchema: z.ZodEnum<["color", "spacing", "typography", "sizing", "animation", "other"]>;
+/**
+ * Single CSS variable schema
+ */
+export declare const cssVariableSchema: z.ZodObject<{
+    /** Variable name (e.g., '--color-primary') */
+    name: z.ZodString;
+    /** Raw CSS value */
+    value: z.ZodString;
+    /** CSS selector where defined */
+    selector: z.ZodString;
+    /** Variable category */
+    category: z.ZodEnum<["color", "spacing", "typography", "sizing", "animation", "other"]>;
+    /** Referenced variables (if value contains var()) */
+    references: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+}, "strip", z.ZodTypeAny, {
+    value: string;
+    name: string;
+    selector: string;
+    category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+    references?: string[] | undefined;
+}, {
+    value: string;
+    name: string;
+    selector: string;
+    category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+    references?: string[] | undefined;
+}>;
+/**
+ * clamp() value schema
+ */
+export declare const clampValueSchema: z.ZodObject<{
+    /** Minimum value */
+    min: z.ZodString;
+    /** Preferred/flexible value */
+    preferred: z.ZodString;
+    /** Maximum value */
+    max: z.ZodString;
+    /** Raw clamp() expression */
+    raw: z.ZodString;
+    /** CSS selector where used */
+    selector: z.ZodString;
+    /** Property name (e.g., 'font-size', 'width') */
+    property: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    selector: string;
+    min: string;
+    preferred: string;
+    max: string;
+    raw: string;
+    property: string;
+}, {
+    selector: string;
+    min: string;
+    preferred: string;
+    max: string;
+    raw: string;
+    property: string;
+}>;
+/**
+ * calc() expression schema
+ */
+export declare const calcExpressionSchema: z.ZodObject<{
+    /** calc() expression (without 'calc()' wrapper) */
+    expression: z.ZodString;
+    /** Raw calc() value */
+    raw: z.ZodString;
+    /** CSS selector where used */
+    selector: z.ZodString;
+    /** Property name */
+    property: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    selector: string;
+    raw: string;
+    property: string;
+    expression: string;
+}, {
+    selector: string;
+    raw: string;
+    property: string;
+    expression: string;
+}>;
+/**
+ * Design token system type
+ */
+export declare const designTokenSystemSchema: z.ZodEnum<["tailwind", "open-props", "css-in-js", "custom", "unknown"]>;
+/**
+ * Design tokens detection result
+ */
+export declare const designTokensResultSchema: z.ZodObject<{
+    /** Detected design token system */
+    system: z.ZodEnum<["tailwind", "open-props", "css-in-js", "custom", "unknown"]>;
+    /** Detection confidence (0-1) */
+    confidence: z.ZodNumber;
+    /** Evidence strings for detection */
+    evidence: z.ZodArray<z.ZodString, "many">;
+}, "strip", z.ZodTypeAny, {
+    system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+    confidence: number;
+    evidence: string[];
+}, {
+    system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+    confidence: number;
+    evidence: string[];
+}>;
+/**
+ * CSS Variable extraction result schema
+ */
+export declare const cssVariableExtractionResultSchema: z.ZodObject<{
+    /** Extracted CSS variables */
+    variables: z.ZodArray<z.ZodObject<{
+        /** Variable name (e.g., '--color-primary') */
+        name: z.ZodString;
+        /** Raw CSS value */
+        value: z.ZodString;
+        /** CSS selector where defined */
+        selector: z.ZodString;
+        /** Variable category */
+        category: z.ZodEnum<["color", "spacing", "typography", "sizing", "animation", "other"]>;
+        /** Referenced variables (if value contains var()) */
+        references: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        name: string;
+        selector: string;
+        category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+        references?: string[] | undefined;
+    }, {
+        value: string;
+        name: string;
+        selector: string;
+        category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+        references?: string[] | undefined;
+    }>, "many">;
+    /** Extracted clamp() values */
+    clampValues: z.ZodArray<z.ZodObject<{
+        /** Minimum value */
+        min: z.ZodString;
+        /** Preferred/flexible value */
+        preferred: z.ZodString;
+        /** Maximum value */
+        max: z.ZodString;
+        /** Raw clamp() expression */
+        raw: z.ZodString;
+        /** CSS selector where used */
+        selector: z.ZodString;
+        /** Property name (e.g., 'font-size', 'width') */
+        property: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        selector: string;
+        min: string;
+        preferred: string;
+        max: string;
+        raw: string;
+        property: string;
+    }, {
+        selector: string;
+        min: string;
+        preferred: string;
+        max: string;
+        raw: string;
+        property: string;
+    }>, "many">;
+    /** Extracted calc() expressions */
+    calcExpressions: z.ZodArray<z.ZodObject<{
+        /** calc() expression (without 'calc()' wrapper) */
+        expression: z.ZodString;
+        /** Raw calc() value */
+        raw: z.ZodString;
+        /** CSS selector where used */
+        selector: z.ZodString;
+        /** Property name */
+        property: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        selector: string;
+        raw: string;
+        property: string;
+        expression: string;
+    }, {
+        selector: string;
+        raw: string;
+        property: string;
+        expression: string;
+    }>, "many">;
+    /** Design token detection result */
+    designTokens: z.ZodOptional<z.ZodObject<{
+        /** Detected design token system */
+        system: z.ZodEnum<["tailwind", "open-props", "css-in-js", "custom", "unknown"]>;
+        /** Detection confidence (0-1) */
+        confidence: z.ZodNumber;
+        /** Evidence strings for detection */
+        evidence: z.ZodArray<z.ZodString, "many">;
+    }, "strip", z.ZodTypeAny, {
+        system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+        confidence: number;
+        evidence: string[];
+    }, {
+        system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+        confidence: number;
+        evidence: string[];
+    }>>;
+    /** Processing time in milliseconds */
+    processingTimeMs: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    variables: {
+        value: string;
+        name: string;
+        selector: string;
+        category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+        references?: string[] | undefined;
+    }[];
+    clampValues: {
+        selector: string;
+        min: string;
+        preferred: string;
+        max: string;
+        raw: string;
+        property: string;
+    }[];
+    calcExpressions: {
+        selector: string;
+        raw: string;
+        property: string;
+        expression: string;
+    }[];
+    processingTimeMs: number;
+    designTokens?: {
+        system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+        confidence: number;
+        evidence: string[];
+    } | undefined;
+}, {
+    variables: {
+        value: string;
+        name: string;
+        selector: string;
+        category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+        references?: string[] | undefined;
+    }[];
+    clampValues: {
+        selector: string;
+        min: string;
+        preferred: string;
+        max: string;
+        raw: string;
+        property: string;
+    }[];
+    calcExpressions: {
+        selector: string;
+        raw: string;
+        property: string;
+        expression: string;
+    }[];
+    processingTimeMs: number;
+    designTokens?: {
+        system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+        confidence: number;
+        evidence: string[];
+    } | undefined;
+}>;
+/**
+ * Font category enumeration
+ */
+export declare const fontCategorySchema: z.ZodEnum<["serif", "sans-serif", "monospace", "display", "cursive", "system"]>;
+/**
+ * Font family schema
+ */
+export declare const fontFamilySchema: z.ZodObject<{
+    /** CSS selector */
+    selector: z.ZodString;
+    /** Primary font name */
+    primary: z.ZodString;
+    /** Fallback fonts */
+    fallbacks: z.ZodArray<z.ZodString, "many">;
+    /** Font category */
+    category: z.ZodEnum<["serif", "sans-serif", "monospace", "display", "cursive", "system"]>;
+    /** Whether it's a system font stack */
+    isSystemFont: z.ZodOptional<z.ZodBoolean>;
+    /** Whether it's a Google Font */
+    isGoogleFont: z.ZodOptional<z.ZodBoolean>;
+}, "strip", z.ZodTypeAny, {
+    primary: string;
+    selector: string;
+    category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+    fallbacks: string[];
+    isSystemFont?: boolean | undefined;
+    isGoogleFont?: boolean | undefined;
+}, {
+    primary: string;
+    selector: string;
+    category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+    fallbacks: string[];
+    isSystemFont?: boolean | undefined;
+    isGoogleFont?: boolean | undefined;
+}>;
+/**
+ * Font size hierarchy schema
+ */
+export declare const fontSizeHierarchySchema: z.ZodObject<{
+    h1: z.ZodOptional<z.ZodString>;
+    h2: z.ZodOptional<z.ZodString>;
+    h3: z.ZodOptional<z.ZodString>;
+    h4: z.ZodOptional<z.ZodString>;
+    h5: z.ZodOptional<z.ZodString>;
+    h6: z.ZodOptional<z.ZodString>;
+    body: z.ZodOptional<z.ZodString>;
+    small: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    small?: string | undefined;
+    h1?: string | undefined;
+    h2?: string | undefined;
+    h3?: string | undefined;
+    h4?: string | undefined;
+    h5?: string | undefined;
+    h6?: string | undefined;
+    body?: string | undefined;
+}, {
+    small?: string | undefined;
+    h1?: string | undefined;
+    h2?: string | undefined;
+    h3?: string | undefined;
+    h4?: string | undefined;
+    h5?: string | undefined;
+    h6?: string | undefined;
+    body?: string | undefined;
+}>;
+/**
+ * Responsive typography schema (clamp-based)
+ */
+export declare const responsiveTypographySchema: z.ZodObject<{
+    /** CSS selector */
+    selector: z.ZodString;
+    /** Minimum font size */
+    min: z.ZodString;
+    /** Preferred/flexible font size */
+    preferred: z.ZodString;
+    /** Maximum font size */
+    max: z.ZodString;
+    /** Whether it's responsive */
+    isResponsive: z.ZodBoolean;
+}, "strip", z.ZodTypeAny, {
+    selector: string;
+    min: string;
+    preferred: string;
+    max: string;
+    isResponsive: boolean;
+}, {
+    selector: string;
+    min: string;
+    preferred: string;
+    max: string;
+    isResponsive: boolean;
+}>;
+/**
+ * Typography style schema
+ */
+export declare const typographyStyleSchema: z.ZodObject<{
+    /** CSS selector */
+    selector: z.ZodString;
+    /** Font family (raw value) */
+    fontFamily: z.ZodOptional<z.ZodString>;
+    /** Font size */
+    fontSize: z.ZodOptional<z.ZodString>;
+    /** Font weight */
+    fontWeight: z.ZodOptional<z.ZodString>;
+    /** Line height */
+    lineHeight: z.ZodOptional<z.ZodString>;
+    /** Letter spacing */
+    letterSpacing: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    selector: string;
+    fontFamily?: string | undefined;
+    fontSize?: string | undefined;
+    fontWeight?: string | undefined;
+    lineHeight?: string | undefined;
+    letterSpacing?: string | undefined;
+}, {
+    selector: string;
+    fontFamily?: string | undefined;
+    fontSize?: string | undefined;
+    fontWeight?: string | undefined;
+    lineHeight?: string | undefined;
+    letterSpacing?: string | undefined;
+}>;
+/**
+ * Inline typography style schema (from HTML style attribute)
+ */
+export declare const inlineTypographyStyleSchema: z.ZodObject<{
+    /** Font family */
+    fontFamily: z.ZodOptional<z.ZodString>;
+    /** Font size */
+    fontSize: z.ZodOptional<z.ZodString>;
+    /** Line height */
+    lineHeight: z.ZodOptional<z.ZodString>;
+    /** Letter spacing */
+    letterSpacing: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    fontFamily?: string | undefined;
+    fontSize?: string | undefined;
+    lineHeight?: string | undefined;
+    letterSpacing?: string | undefined;
+}, {
+    fontFamily?: string | undefined;
+    fontSize?: string | undefined;
+    lineHeight?: string | undefined;
+    letterSpacing?: string | undefined;
+}>;
+/**
+ * Font weight range schema (for variable fonts)
+ */
+export declare const fontWeightRangeSchema: z.ZodObject<{
+    min: z.ZodNumber;
+    max: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    min: number;
+    max: number;
+}, {
+    min: number;
+    max: number;
+}>;
+/**
+ * Type scale name enumeration
+ */
+export declare const typeScaleNameSchema: z.ZodEnum<["Minor Second", "Major Second", "Minor Third", "Major Third", "Perfect Fourth", "Augmented Fourth", "Perfect Fifth", "Golden Ratio", "Custom"]>;
+/**
+ * Typography extraction result schema
+ */
+export declare const typographyExtractionResultSchema: z.ZodObject<{
+    /** Extracted font families */
+    fontFamilies: z.ZodArray<z.ZodObject<{
+        /** CSS selector */
+        selector: z.ZodString;
+        /** Primary font name */
+        primary: z.ZodString;
+        /** Fallback fonts */
+        fallbacks: z.ZodArray<z.ZodString, "many">;
+        /** Font category */
+        category: z.ZodEnum<["serif", "sans-serif", "monospace", "display", "cursive", "system"]>;
+        /** Whether it's a system font stack */
+        isSystemFont: z.ZodOptional<z.ZodBoolean>;
+        /** Whether it's a Google Font */
+        isGoogleFont: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+        primary: string;
+        selector: string;
+        category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+        fallbacks: string[];
+        isSystemFont?: boolean | undefined;
+        isGoogleFont?: boolean | undefined;
+    }, {
+        primary: string;
+        selector: string;
+        category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+        fallbacks: string[];
+        isSystemFont?: boolean | undefined;
+        isGoogleFont?: boolean | undefined;
+    }>, "many">;
+    /** Font size hierarchy */
+    fontSizeHierarchy: z.ZodObject<{
+        h1: z.ZodOptional<z.ZodString>;
+        h2: z.ZodOptional<z.ZodString>;
+        h3: z.ZodOptional<z.ZodString>;
+        h4: z.ZodOptional<z.ZodString>;
+        h5: z.ZodOptional<z.ZodString>;
+        h6: z.ZodOptional<z.ZodString>;
+        body: z.ZodOptional<z.ZodString>;
+        small: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        small?: string | undefined;
+        h1?: string | undefined;
+        h2?: string | undefined;
+        h3?: string | undefined;
+        h4?: string | undefined;
+        h5?: string | undefined;
+        h6?: string | undefined;
+        body?: string | undefined;
+    }, {
+        small?: string | undefined;
+        h1?: string | undefined;
+        h2?: string | undefined;
+        h3?: string | undefined;
+        h4?: string | undefined;
+        h5?: string | undefined;
+        h6?: string | undefined;
+        body?: string | undefined;
+    }>;
+    /** Complete typography styles */
+    styles: z.ZodArray<z.ZodObject<{
+        /** CSS selector */
+        selector: z.ZodString;
+        /** Font family (raw value) */
+        fontFamily: z.ZodOptional<z.ZodString>;
+        /** Font size */
+        fontSize: z.ZodOptional<z.ZodString>;
+        /** Font weight */
+        fontWeight: z.ZodOptional<z.ZodString>;
+        /** Line height */
+        lineHeight: z.ZodOptional<z.ZodString>;
+        /** Letter spacing */
+        letterSpacing: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        selector: string;
+        fontFamily?: string | undefined;
+        fontSize?: string | undefined;
+        fontWeight?: string | undefined;
+        lineHeight?: string | undefined;
+        letterSpacing?: string | undefined;
+    }, {
+        selector: string;
+        fontFamily?: string | undefined;
+        fontSize?: string | undefined;
+        fontWeight?: string | undefined;
+        lineHeight?: string | undefined;
+        letterSpacing?: string | undefined;
+    }>, "many">;
+    /** Responsive typography with clamp() */
+    responsiveTypography: z.ZodArray<z.ZodObject<{
+        /** CSS selector */
+        selector: z.ZodString;
+        /** Minimum font size */
+        min: z.ZodString;
+        /** Preferred/flexible font size */
+        preferred: z.ZodString;
+        /** Maximum font size */
+        max: z.ZodString;
+        /** Whether it's responsive */
+        isResponsive: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        selector: string;
+        min: string;
+        preferred: string;
+        max: string;
+        isResponsive: boolean;
+    }, {
+        selector: string;
+        min: string;
+        preferred: string;
+        max: string;
+        isResponsive: boolean;
+    }>, "many">;
+    /** Inline styles from HTML */
+    inlineStyles: z.ZodArray<z.ZodObject<{
+        /** Font family */
+        fontFamily: z.ZodOptional<z.ZodString>;
+        /** Font size */
+        fontSize: z.ZodOptional<z.ZodString>;
+        /** Line height */
+        lineHeight: z.ZodOptional<z.ZodString>;
+        /** Letter spacing */
+        letterSpacing: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        fontFamily?: string | undefined;
+        fontSize?: string | undefined;
+        lineHeight?: string | undefined;
+        letterSpacing?: string | undefined;
+    }, {
+        fontFamily?: string | undefined;
+        fontSize?: string | undefined;
+        lineHeight?: string | undefined;
+        letterSpacing?: string | undefined;
+    }>, "many">;
+    /** Detected scale ratio */
+    scaleRatio: z.ZodOptional<z.ZodNumber>;
+    /** Scale name */
+    scaleName: z.ZodOptional<z.ZodEnum<["Minor Second", "Major Second", "Minor Third", "Major Third", "Perfect Fourth", "Augmented Fourth", "Perfect Fifth", "Golden Ratio", "Custom"]>>;
+    /** Variable fonts detected */
+    variableFonts: z.ZodArray<z.ZodString, "many">;
+    /** Font weight range (for variable fonts) */
+    fontWeightRange: z.ZodOptional<z.ZodObject<{
+        min: z.ZodNumber;
+        max: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        min: number;
+        max: number;
+    }, {
+        min: number;
+        max: number;
+    }>>;
+    /** Google Fonts used */
+    googleFontsUsed: z.ZodArray<z.ZodString, "many">;
+    /** Google Fonts weights by font name */
+    googleFontsWeights: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodArray<z.ZodString, "many">>>;
+    /** Processing time in milliseconds */
+    processingTimeMs: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    processingTimeMs: number;
+    fontFamilies: {
+        primary: string;
+        selector: string;
+        category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+        fallbacks: string[];
+        isSystemFont?: boolean | undefined;
+        isGoogleFont?: boolean | undefined;
+    }[];
+    fontSizeHierarchy: {
+        small?: string | undefined;
+        h1?: string | undefined;
+        h2?: string | undefined;
+        h3?: string | undefined;
+        h4?: string | undefined;
+        h5?: string | undefined;
+        h6?: string | undefined;
+        body?: string | undefined;
+    };
+    styles: {
+        selector: string;
+        fontFamily?: string | undefined;
+        fontSize?: string | undefined;
+        fontWeight?: string | undefined;
+        lineHeight?: string | undefined;
+        letterSpacing?: string | undefined;
+    }[];
+    responsiveTypography: {
+        selector: string;
+        min: string;
+        preferred: string;
+        max: string;
+        isResponsive: boolean;
+    }[];
+    inlineStyles: {
+        fontFamily?: string | undefined;
+        fontSize?: string | undefined;
+        lineHeight?: string | undefined;
+        letterSpacing?: string | undefined;
+    }[];
+    variableFonts: string[];
+    googleFontsUsed: string[];
+    scaleRatio?: number | undefined;
+    scaleName?: "Minor Second" | "Major Second" | "Minor Third" | "Major Third" | "Perfect Fourth" | "Augmented Fourth" | "Perfect Fifth" | "Golden Ratio" | "Custom" | undefined;
+    fontWeightRange?: {
+        min: number;
+        max: number;
+    } | undefined;
+    googleFontsWeights?: Record<string, string[]> | undefined;
+}, {
+    processingTimeMs: number;
+    fontFamilies: {
+        primary: string;
+        selector: string;
+        category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+        fallbacks: string[];
+        isSystemFont?: boolean | undefined;
+        isGoogleFont?: boolean | undefined;
+    }[];
+    fontSizeHierarchy: {
+        small?: string | undefined;
+        h1?: string | undefined;
+        h2?: string | undefined;
+        h3?: string | undefined;
+        h4?: string | undefined;
+        h5?: string | undefined;
+        h6?: string | undefined;
+        body?: string | undefined;
+    };
+    styles: {
+        selector: string;
+        fontFamily?: string | undefined;
+        fontSize?: string | undefined;
+        fontWeight?: string | undefined;
+        lineHeight?: string | undefined;
+        letterSpacing?: string | undefined;
+    }[];
+    responsiveTypography: {
+        selector: string;
+        min: string;
+        preferred: string;
+        max: string;
+        isResponsive: boolean;
+    }[];
+    inlineStyles: {
+        fontFamily?: string | undefined;
+        fontSize?: string | undefined;
+        lineHeight?: string | undefined;
+        letterSpacing?: string | undefined;
+    }[];
+    variableFonts: string[];
+    googleFontsUsed: string[];
+    scaleRatio?: number | undefined;
+    scaleName?: "Minor Second" | "Major Second" | "Minor Third" | "Major Third" | "Perfect Fourth" | "Augmented Fourth" | "Perfect Fifth" | "Golden Ratio" | "Custom" | undefined;
+    fontWeightRange?: {
+        min: number;
+        max: number;
+    } | undefined;
+    googleFontsWeights?: Record<string, string[]> | undefined;
+}>;
+/**
+ * Gradient type enumeration
+ */
+export declare const gradientTypeSchema: z.ZodEnum<["linear", "radial", "conic", "repeating-linear", "repeating-radial", "repeating-conic"]>;
+/**
+ * Gradient color stop schema
+ */
+export declare const gradientColorStopSchema: z.ZodObject<{
+    /** Color value (hex, rgb, rgba, etc.) */
+    color: z.ZodString;
+    /** Position in gradient (0-100 as percentage, or raw value like '50%') */
+    position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+}, "strip", z.ZodTypeAny, {
+    color: string;
+    position?: string | number | undefined;
+}, {
+    color: string;
+    position?: string | number | undefined;
+}>;
+/**
+ * Gradient region (bounding box) schema
+ */
+export declare const gradientRegionSchema: z.ZodObject<{
+    x: z.ZodNumber;
+    y: z.ZodNumber;
+    width: z.ZodNumber;
+    height: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}, {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}>;
+/**
+ * Gradient animation info schema
+ */
+export declare const gradientAnimationSchema: z.ZodObject<{
+    /** Animation name */
+    name: z.ZodString;
+    /** Duration (e.g., '3s', '300ms') */
+    duration: z.ZodOptional<z.ZodString>;
+    /** Timing function (e.g., 'ease', 'linear') */
+    timingFunction: z.ZodOptional<z.ZodString>;
+    /** Iteration count (e.g., 'infinite', '3') */
+    iterationCount: z.ZodOptional<z.ZodString>;
+    /** Animation direction (e.g., 'normal', 'alternate') */
+    direction: z.ZodOptional<z.ZodString>;
+    /** Delay (e.g., '0s', '500ms') */
+    delay: z.ZodOptional<z.ZodString>;
+    /** Fill mode (e.g., 'forwards', 'backwards') */
+    fillMode: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    duration?: string | undefined;
+    timingFunction?: string | undefined;
+    iterationCount?: string | undefined;
+    direction?: string | undefined;
+    delay?: string | undefined;
+    fillMode?: string | undefined;
+}, {
+    name: string;
+    duration?: string | undefined;
+    timingFunction?: string | undefined;
+    iterationCount?: string | undefined;
+    direction?: string | undefined;
+    delay?: string | undefined;
+    fillMode?: string | undefined;
+}>;
+/**
+ * Gradient transition info schema
+ */
+export declare const gradientTransitionSchema: z.ZodObject<{
+    /** Transition property (e.g., 'background', 'all') */
+    property: z.ZodString;
+    /** Duration (e.g., '0.3s') */
+    duration: z.ZodOptional<z.ZodString>;
+    /** Timing function (e.g., 'ease', 'ease-in-out') */
+    timingFunction: z.ZodOptional<z.ZodString>;
+    /** Delay (e.g., '0s') */
+    delay: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    property: string;
+    duration?: string | undefined;
+    timingFunction?: string | undefined;
+    delay?: string | undefined;
+}, {
+    property: string;
+    duration?: string | undefined;
+    timingFunction?: string | undefined;
+    delay?: string | undefined;
+}>;
+/**
+ * Detected gradient schema
+ */
+export declare const detectedGradientSchema: z.ZodObject<{
+    /** Gradient type */
+    type: z.ZodEnum<["linear", "radial", "conic", "repeating-linear", "repeating-radial", "repeating-conic"]>;
+    /** Color stops in the gradient */
+    colorStops: z.ZodArray<z.ZodObject<{
+        /** Color value (hex, rgb, rgba, etc.) */
+        color: z.ZodString;
+        /** Position in gradient (0-100 as percentage, or raw value like '50%') */
+        position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+    }, "strip", z.ZodTypeAny, {
+        color: string;
+        position?: string | number | undefined;
+    }, {
+        color: string;
+        position?: string | number | undefined;
+    }>, "many">;
+    /** Angle for linear gradients (degrees) */
+    angle: z.ZodOptional<z.ZodNumber>;
+    /** Center position for radial gradients */
+    center: z.ZodOptional<z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>>;
+    /** Region where gradient was detected */
+    region: z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }, {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }>;
+    /** Detection confidence (0-1) */
+    confidence: z.ZodNumber;
+    /** Generated CSS string */
+    cssString: z.ZodOptional<z.ZodString>;
+    /** Animation info (if animated) */
+    animation: z.ZodOptional<z.ZodObject<{
+        /** Animation name */
+        name: z.ZodString;
+        /** Duration (e.g., '3s', '300ms') */
+        duration: z.ZodOptional<z.ZodString>;
+        /** Timing function (e.g., 'ease', 'linear') */
+        timingFunction: z.ZodOptional<z.ZodString>;
+        /** Iteration count (e.g., 'infinite', '3') */
+        iterationCount: z.ZodOptional<z.ZodString>;
+        /** Animation direction (e.g., 'normal', 'alternate') */
+        direction: z.ZodOptional<z.ZodString>;
+        /** Delay (e.g., '0s', '500ms') */
+        delay: z.ZodOptional<z.ZodString>;
+        /** Fill mode (e.g., 'forwards', 'backwards') */
+        fillMode: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        duration?: string | undefined;
+        timingFunction?: string | undefined;
+        iterationCount?: string | undefined;
+        direction?: string | undefined;
+        delay?: string | undefined;
+        fillMode?: string | undefined;
+    }, {
+        name: string;
+        duration?: string | undefined;
+        timingFunction?: string | undefined;
+        iterationCount?: string | undefined;
+        direction?: string | undefined;
+        delay?: string | undefined;
+        fillMode?: string | undefined;
+    }>>;
+    /** Transition info (if transitioning) */
+    transition: z.ZodOptional<z.ZodObject<{
+        /** Transition property (e.g., 'background', 'all') */
+        property: z.ZodString;
+        /** Duration (e.g., '0.3s') */
+        duration: z.ZodOptional<z.ZodString>;
+        /** Timing function (e.g., 'ease', 'ease-in-out') */
+        timingFunction: z.ZodOptional<z.ZodString>;
+        /** Delay (e.g., '0s') */
+        delay: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        property: string;
+        duration?: string | undefined;
+        timingFunction?: string | undefined;
+        delay?: string | undefined;
+    }, {
+        property: string;
+        duration?: string | undefined;
+        timingFunction?: string | undefined;
+        delay?: string | undefined;
+    }>>;
+    /** Parent element selector (from CSS context) */
+    parentElement: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+    confidence: number;
+    colorStops: {
+        color: string;
+        position?: string | number | undefined;
+    }[];
+    region: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    angle?: number | undefined;
+    animation?: {
+        name: string;
+        duration?: string | undefined;
+        timingFunction?: string | undefined;
+        iterationCount?: string | undefined;
+        direction?: string | undefined;
+        delay?: string | undefined;
+        fillMode?: string | undefined;
+    } | undefined;
+    center?: {
+        x: number;
+        y: number;
+    } | undefined;
+    cssString?: string | undefined;
+    transition?: {
+        property: string;
+        duration?: string | undefined;
+        timingFunction?: string | undefined;
+        delay?: string | undefined;
+    } | undefined;
+    parentElement?: string | undefined;
+}, {
+    type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+    confidence: number;
+    colorStops: {
+        color: string;
+        position?: string | number | undefined;
+    }[];
+    region: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    angle?: number | undefined;
+    animation?: {
+        name: string;
+        duration?: string | undefined;
+        timingFunction?: string | undefined;
+        iterationCount?: string | undefined;
+        direction?: string | undefined;
+        delay?: string | undefined;
+        fillMode?: string | undefined;
+    } | undefined;
+    center?: {
+        x: number;
+        y: number;
+    } | undefined;
+    cssString?: string | undefined;
+    transition?: {
+        property: string;
+        duration?: string | undefined;
+        timingFunction?: string | undefined;
+        delay?: string | undefined;
+    } | undefined;
+    parentElement?: string | undefined;
+}>;
+/**
+ * Gradient detection result schema
+ */
+export declare const gradientDetectionResultSchema: z.ZodObject<{
+    /** Whether any gradient was detected */
+    hasGradient: z.ZodBoolean;
+    /** Detected gradients */
+    gradients: z.ZodArray<z.ZodObject<{
+        /** Gradient type */
+        type: z.ZodEnum<["linear", "radial", "conic", "repeating-linear", "repeating-radial", "repeating-conic"]>;
+        /** Color stops in the gradient */
+        colorStops: z.ZodArray<z.ZodObject<{
+            /** Color value (hex, rgb, rgba, etc.) */
+            color: z.ZodString;
+            /** Position in gradient (0-100 as percentage, or raw value like '50%') */
+            position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+        }, "strip", z.ZodTypeAny, {
+            color: string;
+            position?: string | number | undefined;
+        }, {
+            color: string;
+            position?: string | number | undefined;
+        }>, "many">;
+        /** Angle for linear gradients (degrees) */
+        angle: z.ZodOptional<z.ZodNumber>;
+        /** Center position for radial gradients */
+        center: z.ZodOptional<z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>>;
+        /** Region where gradient was detected */
+        region: z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        }, {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        }>;
+        /** Detection confidence (0-1) */
+        confidence: z.ZodNumber;
+        /** Generated CSS string */
+        cssString: z.ZodOptional<z.ZodString>;
+        /** Animation info (if animated) */
+        animation: z.ZodOptional<z.ZodObject<{
+            /** Animation name */
+            name: z.ZodString;
+            /** Duration (e.g., '3s', '300ms') */
+            duration: z.ZodOptional<z.ZodString>;
+            /** Timing function (e.g., 'ease', 'linear') */
+            timingFunction: z.ZodOptional<z.ZodString>;
+            /** Iteration count (e.g., 'infinite', '3') */
+            iterationCount: z.ZodOptional<z.ZodString>;
+            /** Animation direction (e.g., 'normal', 'alternate') */
+            direction: z.ZodOptional<z.ZodString>;
+            /** Delay (e.g., '0s', '500ms') */
+            delay: z.ZodOptional<z.ZodString>;
+            /** Fill mode (e.g., 'forwards', 'backwards') */
+            fillMode: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            name: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: string | undefined;
+            direction?: string | undefined;
+            delay?: string | undefined;
+            fillMode?: string | undefined;
+        }, {
+            name: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: string | undefined;
+            direction?: string | undefined;
+            delay?: string | undefined;
+            fillMode?: string | undefined;
+        }>>;
+        /** Transition info (if transitioning) */
+        transition: z.ZodOptional<z.ZodObject<{
+            /** Transition property (e.g., 'background', 'all') */
+            property: z.ZodString;
+            /** Duration (e.g., '0.3s') */
+            duration: z.ZodOptional<z.ZodString>;
+            /** Timing function (e.g., 'ease', 'ease-in-out') */
+            timingFunction: z.ZodOptional<z.ZodString>;
+            /** Delay (e.g., '0s') */
+            delay: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            property: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            delay?: string | undefined;
+        }, {
+            property: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            delay?: string | undefined;
+        }>>;
+        /** Parent element selector (from CSS context) */
+        parentElement: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+        confidence: number;
+        colorStops: {
+            color: string;
+            position?: string | number | undefined;
+        }[];
+        region: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        angle?: number | undefined;
+        animation?: {
+            name: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: string | undefined;
+            direction?: string | undefined;
+            delay?: string | undefined;
+            fillMode?: string | undefined;
+        } | undefined;
+        center?: {
+            x: number;
+            y: number;
+        } | undefined;
+        cssString?: string | undefined;
+        transition?: {
+            property: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            delay?: string | undefined;
+        } | undefined;
+        parentElement?: string | undefined;
+    }, {
+        type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+        confidence: number;
+        colorStops: {
+            color: string;
+            position?: string | number | undefined;
+        }[];
+        region: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        angle?: number | undefined;
+        animation?: {
+            name: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: string | undefined;
+            direction?: string | undefined;
+            delay?: string | undefined;
+            fillMode?: string | undefined;
+        } | undefined;
+        center?: {
+            x: number;
+            y: number;
+        } | undefined;
+        cssString?: string | undefined;
+        transition?: {
+            property: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            delay?: string | undefined;
+        } | undefined;
+        parentElement?: string | undefined;
+    }>, "many">;
+    /** Dominant gradient type (if multiple) */
+    dominantType: z.ZodOptional<z.ZodEnum<["linear", "radial", "conic", "repeating-linear", "repeating-radial", "repeating-conic"]>>;
+    /** Processing time in milliseconds */
+    processingTimeMs: z.ZodOptional<z.ZodNumber>;
+}, "strip", z.ZodTypeAny, {
+    hasGradient: boolean;
+    gradients: {
+        type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+        confidence: number;
+        colorStops: {
+            color: string;
+            position?: string | number | undefined;
+        }[];
+        region: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        angle?: number | undefined;
+        animation?: {
+            name: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: string | undefined;
+            direction?: string | undefined;
+            delay?: string | undefined;
+            fillMode?: string | undefined;
+        } | undefined;
+        center?: {
+            x: number;
+            y: number;
+        } | undefined;
+        cssString?: string | undefined;
+        transition?: {
+            property: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            delay?: string | undefined;
+        } | undefined;
+        parentElement?: string | undefined;
+    }[];
+    processingTimeMs?: number | undefined;
+    dominantType?: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic" | undefined;
+}, {
+    hasGradient: boolean;
+    gradients: {
+        type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+        confidence: number;
+        colorStops: {
+            color: string;
+            position?: string | number | undefined;
+        }[];
+        region: {
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        };
+        angle?: number | undefined;
+        animation?: {
+            name: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: string | undefined;
+            direction?: string | undefined;
+            delay?: string | undefined;
+            fillMode?: string | undefined;
+        } | undefined;
+        center?: {
+            x: number;
+            y: number;
+        } | undefined;
+        cssString?: string | undefined;
+        transition?: {
+            property: string;
+            duration?: string | undefined;
+            timingFunction?: string | undefined;
+            delay?: string | undefined;
+        } | undefined;
+        parentElement?: string | undefined;
+    }[];
+    processingTimeMs?: number | undefined;
+    dominantType?: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic" | undefined;
+}>;
+/**
+ * Visual decoration type enumeration
+ *
+ * - glow: Glow effect from box-shadow (e.g., `box-shadow: 0 0 20px rgba(...)`)
+ * - gradient: Gradient background from linear/radial/conic-gradient
+ * - animated-border: Animated or gradient border effects
+ * - glass-morphism: Glass effect from backdrop-filter
+ */
+export declare const visualDecorationTypeSchema: z.ZodEnum<["glow", "gradient", "animated-border", "glass-morphism"]>;
+/**
+ * Glow effect properties schema
+ *
+ * Detected from box-shadow property with pattern: `0 0 Xpx rgba(R,G,B,A)`
+ */
+export declare const glowPropertiesSchema: z.ZodObject<{
+    /** Glow color (hex, rgb, rgba, hsl, etc.) */
+    color: z.ZodString;
+    /** Blur radius in pixels */
+    blur: z.ZodNumber;
+    /** Spread radius in pixels */
+    spread: z.ZodOptional<z.ZodNumber>;
+    /** Glow intensity (0-1, calculated from alpha if rgba) */
+    intensity: z.ZodOptional<z.ZodNumber>;
+    /** Whether the glow is inset */
+    inset: z.ZodOptional<z.ZodBoolean>;
+    /** Raw box-shadow value */
+    rawValue: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    color: string;
+    blur: number;
+    spread?: number | undefined;
+    intensity?: number | undefined;
+    inset?: boolean | undefined;
+    rawValue?: string | undefined;
+}, {
+    color: string;
+    blur: number;
+    spread?: number | undefined;
+    intensity?: number | undefined;
+    inset?: boolean | undefined;
+    rawValue?: string | undefined;
+}>;
+/**
+ * Gradient background properties schema
+ *
+ * Detected from background/background-image with gradient functions
+ */
+export declare const gradientBackgroundPropertiesSchema: z.ZodObject<{
+    /** Gradient type */
+    gradientType: z.ZodEnum<["linear", "radial", "conic"]>;
+    /** Angle in degrees (for linear gradients) */
+    angle: z.ZodOptional<z.ZodNumber>;
+    /** Color stops with position */
+    colorStops: z.ZodArray<z.ZodObject<{
+        /** Color value */
+        color: z.ZodString;
+        /** Position (0-100 percentage or raw value) */
+        position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+    }, "strip", z.ZodTypeAny, {
+        color: string;
+        position?: string | number | undefined;
+    }, {
+        color: string;
+        position?: string | number | undefined;
+    }>, "many">;
+    /** Shape for radial gradients (circle, ellipse) */
+    shape: z.ZodOptional<z.ZodString>;
+    /** Size for radial gradients */
+    size: z.ZodOptional<z.ZodString>;
+    /** Position for radial/conic gradients */
+    position: z.ZodOptional<z.ZodString>;
+    /** Raw gradient CSS value */
+    rawValue: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    colorStops: {
+        color: string;
+        position?: string | number | undefined;
+    }[];
+    gradientType: "linear" | "radial" | "conic";
+    shape?: string | undefined;
+    angle?: number | undefined;
+    size?: string | undefined;
+    position?: string | undefined;
+    rawValue?: string | undefined;
+}, {
+    colorStops: {
+        color: string;
+        position?: string | number | undefined;
+    }[];
+    gradientType: "linear" | "radial" | "conic";
+    shape?: string | undefined;
+    angle?: number | undefined;
+    size?: string | undefined;
+    position?: string | undefined;
+    rawValue?: string | undefined;
+}>;
+/**
+ * Animated border properties schema
+ *
+ * Detected from border-image, animated border effects, or glowing borders
+ */
+export declare const animatedBorderPropertiesSchema: z.ZodObject<{
+    /** Animation name (from @keyframes) */
+    animationName: z.ZodOptional<z.ZodString>;
+    /** Animation duration in milliseconds */
+    duration: z.ZodOptional<z.ZodNumber>;
+    /** Animation timing function */
+    timingFunction: z.ZodOptional<z.ZodString>;
+    /** Animation iteration count */
+    iterationCount: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodLiteral<"infinite">]>>;
+    /** Border width */
+    borderWidth: z.ZodOptional<z.ZodString>;
+    /** Border image source (gradient, URL, etc.) */
+    borderImageSource: z.ZodOptional<z.ZodString>;
+    /** Border image slice */
+    borderImageSlice: z.ZodOptional<z.ZodString>;
+    /** Whether it's a gradient border */
+    isGradientBorder: z.ZodOptional<z.ZodBoolean>;
+    /** Whether it uses box-shadow for glowing effect */
+    isGlowingBorder: z.ZodOptional<z.ZodBoolean>;
+    /** Glow color for glowing borders */
+    glowColor: z.ZodOptional<z.ZodString>;
+    /** Raw border/animation CSS values */
+    rawValue: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    duration?: number | undefined;
+    timingFunction?: string | undefined;
+    iterationCount?: number | "infinite" | undefined;
+    rawValue?: string | undefined;
+    animationName?: string | undefined;
+    borderWidth?: string | undefined;
+    borderImageSource?: string | undefined;
+    borderImageSlice?: string | undefined;
+    isGradientBorder?: boolean | undefined;
+    isGlowingBorder?: boolean | undefined;
+    glowColor?: string | undefined;
+}, {
+    duration?: number | undefined;
+    timingFunction?: string | undefined;
+    iterationCount?: number | "infinite" | undefined;
+    rawValue?: string | undefined;
+    animationName?: string | undefined;
+    borderWidth?: string | undefined;
+    borderImageSource?: string | undefined;
+    borderImageSlice?: string | undefined;
+    isGradientBorder?: boolean | undefined;
+    isGlowingBorder?: boolean | undefined;
+    glowColor?: string | undefined;
+}>;
+/**
+ * Glass morphism properties schema
+ *
+ * Detected from backdrop-filter property
+ */
+export declare const glassMorphismPropertiesSchema: z.ZodObject<{
+    /** Blur amount in pixels */
+    blur: z.ZodOptional<z.ZodNumber>;
+    /** Saturation multiplier (1 = normal) */
+    saturation: z.ZodOptional<z.ZodNumber>;
+    /** Brightness multiplier (1 = normal) */
+    brightness: z.ZodOptional<z.ZodNumber>;
+    /** Background color/gradient with transparency */
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    /** Background opacity (0-1) */
+    backgroundOpacity: z.ZodOptional<z.ZodNumber>;
+    /** Border (often subtle white/light border) */
+    border: z.ZodOptional<z.ZodString>;
+    /** Raw backdrop-filter value */
+    rawValue: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    border?: string | undefined;
+    blur?: number | undefined;
+    rawValue?: string | undefined;
+    saturation?: number | undefined;
+    brightness?: number | undefined;
+    backgroundColor?: string | undefined;
+    backgroundOpacity?: number | undefined;
+}, {
+    border?: string | undefined;
+    blur?: number | undefined;
+    rawValue?: string | undefined;
+    saturation?: number | undefined;
+    brightness?: number | undefined;
+    backgroundColor?: string | undefined;
+    backgroundOpacity?: number | undefined;
+}>;
+/**
+ * Visual decoration properties (union of all property types)
+ */
+export declare const visualDecorationPropertiesSchema: z.ZodObject<{
+    color: z.ZodOptional<z.ZodString>;
+    blur: z.ZodOptional<z.ZodNumber>;
+    spread: z.ZodOptional<z.ZodNumber>;
+    intensity: z.ZodOptional<z.ZodNumber>;
+    inset: z.ZodOptional<z.ZodBoolean>;
+    gradientType: z.ZodOptional<z.ZodEnum<["linear", "radial", "conic"]>>;
+    angle: z.ZodOptional<z.ZodNumber>;
+    colorStops: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        color: z.ZodString;
+        position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+    }, "strip", z.ZodTypeAny, {
+        color: string;
+        position?: string | number | undefined;
+    }, {
+        color: string;
+        position?: string | number | undefined;
+    }>, "many">>;
+    shape: z.ZodOptional<z.ZodString>;
+    size: z.ZodOptional<z.ZodString>;
+    position: z.ZodOptional<z.ZodString>;
+    animationName: z.ZodOptional<z.ZodString>;
+    duration: z.ZodOptional<z.ZodNumber>;
+    timingFunction: z.ZodOptional<z.ZodString>;
+    iterationCount: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodLiteral<"infinite">]>>;
+    borderWidth: z.ZodOptional<z.ZodString>;
+    borderImageSource: z.ZodOptional<z.ZodString>;
+    borderImageSlice: z.ZodOptional<z.ZodString>;
+    isGradientBorder: z.ZodOptional<z.ZodBoolean>;
+    isGlowingBorder: z.ZodOptional<z.ZodBoolean>;
+    glowColor: z.ZodOptional<z.ZodString>;
+    saturation: z.ZodOptional<z.ZodNumber>;
+    brightness: z.ZodOptional<z.ZodNumber>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    backgroundOpacity: z.ZodOptional<z.ZodNumber>;
+    border: z.ZodOptional<z.ZodString>;
+    rawValue: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    shape?: string | undefined;
+    angle?: number | undefined;
+    border?: string | undefined;
+    size?: string | undefined;
+    color?: string | undefined;
+    position?: string | undefined;
+    duration?: number | undefined;
+    timingFunction?: string | undefined;
+    iterationCount?: number | "infinite" | undefined;
+    colorStops?: {
+        color: string;
+        position?: string | number | undefined;
+    }[] | undefined;
+    blur?: number | undefined;
+    spread?: number | undefined;
+    intensity?: number | undefined;
+    inset?: boolean | undefined;
+    rawValue?: string | undefined;
+    gradientType?: "linear" | "radial" | "conic" | undefined;
+    animationName?: string | undefined;
+    borderWidth?: string | undefined;
+    borderImageSource?: string | undefined;
+    borderImageSlice?: string | undefined;
+    isGradientBorder?: boolean | undefined;
+    isGlowingBorder?: boolean | undefined;
+    glowColor?: string | undefined;
+    saturation?: number | undefined;
+    brightness?: number | undefined;
+    backgroundColor?: string | undefined;
+    backgroundOpacity?: number | undefined;
+}, {
+    shape?: string | undefined;
+    angle?: number | undefined;
+    border?: string | undefined;
+    size?: string | undefined;
+    color?: string | undefined;
+    position?: string | undefined;
+    duration?: number | undefined;
+    timingFunction?: string | undefined;
+    iterationCount?: number | "infinite" | undefined;
+    colorStops?: {
+        color: string;
+        position?: string | number | undefined;
+    }[] | undefined;
+    blur?: number | undefined;
+    spread?: number | undefined;
+    intensity?: number | undefined;
+    inset?: boolean | undefined;
+    rawValue?: string | undefined;
+    gradientType?: "linear" | "radial" | "conic" | undefined;
+    animationName?: string | undefined;
+    borderWidth?: string | undefined;
+    borderImageSource?: string | undefined;
+    borderImageSlice?: string | undefined;
+    isGradientBorder?: boolean | undefined;
+    isGlowingBorder?: boolean | undefined;
+    glowColor?: string | undefined;
+    saturation?: number | undefined;
+    brightness?: number | undefined;
+    backgroundColor?: string | undefined;
+    backgroundOpacity?: number | undefined;
+}>;
+/**
+ * Visual decoration schema
+ *
+ * Represents a detected visual effect (glow, gradient, animated border, glass morphism)
+ */
+export declare const visualDecorationSchema: z.ZodObject<{
+    /** Type of visual decoration */
+    type: z.ZodEnum<["glow", "gradient", "animated-border", "glass-morphism"]>;
+    /** CSS selector where the decoration was found */
+    element: z.ZodString;
+    /** Decoration-specific properties */
+    properties: z.ZodObject<{
+        color: z.ZodOptional<z.ZodString>;
+        blur: z.ZodOptional<z.ZodNumber>;
+        spread: z.ZodOptional<z.ZodNumber>;
+        intensity: z.ZodOptional<z.ZodNumber>;
+        inset: z.ZodOptional<z.ZodBoolean>;
+        gradientType: z.ZodOptional<z.ZodEnum<["linear", "radial", "conic"]>>;
+        angle: z.ZodOptional<z.ZodNumber>;
+        colorStops: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            color: z.ZodString;
+            position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+        }, "strip", z.ZodTypeAny, {
+            color: string;
+            position?: string | number | undefined;
+        }, {
+            color: string;
+            position?: string | number | undefined;
+        }>, "many">>;
+        shape: z.ZodOptional<z.ZodString>;
+        size: z.ZodOptional<z.ZodString>;
+        position: z.ZodOptional<z.ZodString>;
+        animationName: z.ZodOptional<z.ZodString>;
+        duration: z.ZodOptional<z.ZodNumber>;
+        timingFunction: z.ZodOptional<z.ZodString>;
+        iterationCount: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodLiteral<"infinite">]>>;
+        borderWidth: z.ZodOptional<z.ZodString>;
+        borderImageSource: z.ZodOptional<z.ZodString>;
+        borderImageSlice: z.ZodOptional<z.ZodString>;
+        isGradientBorder: z.ZodOptional<z.ZodBoolean>;
+        isGlowingBorder: z.ZodOptional<z.ZodBoolean>;
+        glowColor: z.ZodOptional<z.ZodString>;
+        saturation: z.ZodOptional<z.ZodNumber>;
+        brightness: z.ZodOptional<z.ZodNumber>;
+        backgroundColor: z.ZodOptional<z.ZodString>;
+        backgroundOpacity: z.ZodOptional<z.ZodNumber>;
+        border: z.ZodOptional<z.ZodString>;
+        rawValue: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        shape?: string | undefined;
+        angle?: number | undefined;
+        border?: string | undefined;
+        size?: string | undefined;
+        color?: string | undefined;
+        position?: string | undefined;
+        duration?: number | undefined;
+        timingFunction?: string | undefined;
+        iterationCount?: number | "infinite" | undefined;
+        colorStops?: {
+            color: string;
+            position?: string | number | undefined;
+        }[] | undefined;
+        blur?: number | undefined;
+        spread?: number | undefined;
+        intensity?: number | undefined;
+        inset?: boolean | undefined;
+        rawValue?: string | undefined;
+        gradientType?: "linear" | "radial" | "conic" | undefined;
+        animationName?: string | undefined;
+        borderWidth?: string | undefined;
+        borderImageSource?: string | undefined;
+        borderImageSlice?: string | undefined;
+        isGradientBorder?: boolean | undefined;
+        isGlowingBorder?: boolean | undefined;
+        glowColor?: string | undefined;
+        saturation?: number | undefined;
+        brightness?: number | undefined;
+        backgroundColor?: string | undefined;
+        backgroundOpacity?: number | undefined;
+    }, {
+        shape?: string | undefined;
+        angle?: number | undefined;
+        border?: string | undefined;
+        size?: string | undefined;
+        color?: string | undefined;
+        position?: string | undefined;
+        duration?: number | undefined;
+        timingFunction?: string | undefined;
+        iterationCount?: number | "infinite" | undefined;
+        colorStops?: {
+            color: string;
+            position?: string | number | undefined;
+        }[] | undefined;
+        blur?: number | undefined;
+        spread?: number | undefined;
+        intensity?: number | undefined;
+        inset?: boolean | undefined;
+        rawValue?: string | undefined;
+        gradientType?: "linear" | "radial" | "conic" | undefined;
+        animationName?: string | undefined;
+        borderWidth?: string | undefined;
+        borderImageSource?: string | undefined;
+        borderImageSlice?: string | undefined;
+        isGradientBorder?: boolean | undefined;
+        isGlowingBorder?: boolean | undefined;
+        glowColor?: string | undefined;
+        saturation?: number | undefined;
+        brightness?: number | undefined;
+        backgroundColor?: string | undefined;
+        backgroundOpacity?: number | undefined;
+    }>;
+    /** Detection confidence (0-1) */
+    confidence: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+    confidence: number;
+    element: string;
+    properties: {
+        shape?: string | undefined;
+        angle?: number | undefined;
+        border?: string | undefined;
+        size?: string | undefined;
+        color?: string | undefined;
+        position?: string | undefined;
+        duration?: number | undefined;
+        timingFunction?: string | undefined;
+        iterationCount?: number | "infinite" | undefined;
+        colorStops?: {
+            color: string;
+            position?: string | number | undefined;
+        }[] | undefined;
+        blur?: number | undefined;
+        spread?: number | undefined;
+        intensity?: number | undefined;
+        inset?: boolean | undefined;
+        rawValue?: string | undefined;
+        gradientType?: "linear" | "radial" | "conic" | undefined;
+        animationName?: string | undefined;
+        borderWidth?: string | undefined;
+        borderImageSource?: string | undefined;
+        borderImageSlice?: string | undefined;
+        isGradientBorder?: boolean | undefined;
+        isGlowingBorder?: boolean | undefined;
+        glowColor?: string | undefined;
+        saturation?: number | undefined;
+        brightness?: number | undefined;
+        backgroundColor?: string | undefined;
+        backgroundOpacity?: number | undefined;
+    };
+}, {
+    type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+    confidence: number;
+    element: string;
+    properties: {
+        shape?: string | undefined;
+        angle?: number | undefined;
+        border?: string | undefined;
+        size?: string | undefined;
+        color?: string | undefined;
+        position?: string | undefined;
+        duration?: number | undefined;
+        timingFunction?: string | undefined;
+        iterationCount?: number | "infinite" | undefined;
+        colorStops?: {
+            color: string;
+            position?: string | number | undefined;
+        }[] | undefined;
+        blur?: number | undefined;
+        spread?: number | undefined;
+        intensity?: number | undefined;
+        inset?: boolean | undefined;
+        rawValue?: string | undefined;
+        gradientType?: "linear" | "radial" | "conic" | undefined;
+        animationName?: string | undefined;
+        borderWidth?: string | undefined;
+        borderImageSource?: string | undefined;
+        borderImageSlice?: string | undefined;
+        isGradientBorder?: boolean | undefined;
+        isGlowingBorder?: boolean | undefined;
+        glowColor?: string | undefined;
+        saturation?: number | undefined;
+        brightness?: number | undefined;
+        backgroundColor?: string | undefined;
+        backgroundOpacity?: number | undefined;
+    };
+}>;
+/**
+ * Visual decorations extraction result schema
+ */
+export declare const visualDecorationsResultSchema: z.ZodObject<{
+    /** Detected visual decorations */
+    decorations: z.ZodArray<z.ZodObject<{
+        /** Type of visual decoration */
+        type: z.ZodEnum<["glow", "gradient", "animated-border", "glass-morphism"]>;
+        /** CSS selector where the decoration was found */
+        element: z.ZodString;
+        /** Decoration-specific properties */
+        properties: z.ZodObject<{
+            color: z.ZodOptional<z.ZodString>;
+            blur: z.ZodOptional<z.ZodNumber>;
+            spread: z.ZodOptional<z.ZodNumber>;
+            intensity: z.ZodOptional<z.ZodNumber>;
+            inset: z.ZodOptional<z.ZodBoolean>;
+            gradientType: z.ZodOptional<z.ZodEnum<["linear", "radial", "conic"]>>;
+            angle: z.ZodOptional<z.ZodNumber>;
+            colorStops: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                color: z.ZodString;
+                position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+            }, "strip", z.ZodTypeAny, {
+                color: string;
+                position?: string | number | undefined;
+            }, {
+                color: string;
+                position?: string | number | undefined;
+            }>, "many">>;
+            shape: z.ZodOptional<z.ZodString>;
+            size: z.ZodOptional<z.ZodString>;
+            position: z.ZodOptional<z.ZodString>;
+            animationName: z.ZodOptional<z.ZodString>;
+            duration: z.ZodOptional<z.ZodNumber>;
+            timingFunction: z.ZodOptional<z.ZodString>;
+            iterationCount: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodLiteral<"infinite">]>>;
+            borderWidth: z.ZodOptional<z.ZodString>;
+            borderImageSource: z.ZodOptional<z.ZodString>;
+            borderImageSlice: z.ZodOptional<z.ZodString>;
+            isGradientBorder: z.ZodOptional<z.ZodBoolean>;
+            isGlowingBorder: z.ZodOptional<z.ZodBoolean>;
+            glowColor: z.ZodOptional<z.ZodString>;
+            saturation: z.ZodOptional<z.ZodNumber>;
+            brightness: z.ZodOptional<z.ZodNumber>;
+            backgroundColor: z.ZodOptional<z.ZodString>;
+            backgroundOpacity: z.ZodOptional<z.ZodNumber>;
+            border: z.ZodOptional<z.ZodString>;
+            rawValue: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            shape?: string | undefined;
+            angle?: number | undefined;
+            border?: string | undefined;
+            size?: string | undefined;
+            color?: string | undefined;
+            position?: string | undefined;
+            duration?: number | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: number | "infinite" | undefined;
+            colorStops?: {
+                color: string;
+                position?: string | number | undefined;
+            }[] | undefined;
+            blur?: number | undefined;
+            spread?: number | undefined;
+            intensity?: number | undefined;
+            inset?: boolean | undefined;
+            rawValue?: string | undefined;
+            gradientType?: "linear" | "radial" | "conic" | undefined;
+            animationName?: string | undefined;
+            borderWidth?: string | undefined;
+            borderImageSource?: string | undefined;
+            borderImageSlice?: string | undefined;
+            isGradientBorder?: boolean | undefined;
+            isGlowingBorder?: boolean | undefined;
+            glowColor?: string | undefined;
+            saturation?: number | undefined;
+            brightness?: number | undefined;
+            backgroundColor?: string | undefined;
+            backgroundOpacity?: number | undefined;
+        }, {
+            shape?: string | undefined;
+            angle?: number | undefined;
+            border?: string | undefined;
+            size?: string | undefined;
+            color?: string | undefined;
+            position?: string | undefined;
+            duration?: number | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: number | "infinite" | undefined;
+            colorStops?: {
+                color: string;
+                position?: string | number | undefined;
+            }[] | undefined;
+            blur?: number | undefined;
+            spread?: number | undefined;
+            intensity?: number | undefined;
+            inset?: boolean | undefined;
+            rawValue?: string | undefined;
+            gradientType?: "linear" | "radial" | "conic" | undefined;
+            animationName?: string | undefined;
+            borderWidth?: string | undefined;
+            borderImageSource?: string | undefined;
+            borderImageSlice?: string | undefined;
+            isGradientBorder?: boolean | undefined;
+            isGlowingBorder?: boolean | undefined;
+            glowColor?: string | undefined;
+            saturation?: number | undefined;
+            brightness?: number | undefined;
+            backgroundColor?: string | undefined;
+            backgroundOpacity?: number | undefined;
+        }>;
+        /** Detection confidence (0-1) */
+        confidence: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+        confidence: number;
+        element: string;
+        properties: {
+            shape?: string | undefined;
+            angle?: number | undefined;
+            border?: string | undefined;
+            size?: string | undefined;
+            color?: string | undefined;
+            position?: string | undefined;
+            duration?: number | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: number | "infinite" | undefined;
+            colorStops?: {
+                color: string;
+                position?: string | number | undefined;
+            }[] | undefined;
+            blur?: number | undefined;
+            spread?: number | undefined;
+            intensity?: number | undefined;
+            inset?: boolean | undefined;
+            rawValue?: string | undefined;
+            gradientType?: "linear" | "radial" | "conic" | undefined;
+            animationName?: string | undefined;
+            borderWidth?: string | undefined;
+            borderImageSource?: string | undefined;
+            borderImageSlice?: string | undefined;
+            isGradientBorder?: boolean | undefined;
+            isGlowingBorder?: boolean | undefined;
+            glowColor?: string | undefined;
+            saturation?: number | undefined;
+            brightness?: number | undefined;
+            backgroundColor?: string | undefined;
+            backgroundOpacity?: number | undefined;
+        };
+    }, {
+        type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+        confidence: number;
+        element: string;
+        properties: {
+            shape?: string | undefined;
+            angle?: number | undefined;
+            border?: string | undefined;
+            size?: string | undefined;
+            color?: string | undefined;
+            position?: string | undefined;
+            duration?: number | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: number | "infinite" | undefined;
+            colorStops?: {
+                color: string;
+                position?: string | number | undefined;
+            }[] | undefined;
+            blur?: number | undefined;
+            spread?: number | undefined;
+            intensity?: number | undefined;
+            inset?: boolean | undefined;
+            rawValue?: string | undefined;
+            gradientType?: "linear" | "radial" | "conic" | undefined;
+            animationName?: string | undefined;
+            borderWidth?: string | undefined;
+            borderImageSource?: string | undefined;
+            borderImageSlice?: string | undefined;
+            isGradientBorder?: boolean | undefined;
+            isGlowingBorder?: boolean | undefined;
+            glowColor?: string | undefined;
+            saturation?: number | undefined;
+            brightness?: number | undefined;
+            backgroundColor?: string | undefined;
+            backgroundOpacity?: number | undefined;
+        };
+    }>, "many">;
+    /** Summary by type */
+    summary: z.ZodObject<{
+        /** Total glow effects */
+        glowCount: z.ZodNumber;
+        /** Total gradient backgrounds */
+        gradientCount: z.ZodNumber;
+        /** Total animated borders */
+        animatedBorderCount: z.ZodNumber;
+        /** Total glass morphism effects */
+        glassMorphismCount: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        glowCount: number;
+        gradientCount: number;
+        animatedBorderCount: number;
+        glassMorphismCount: number;
+    }, {
+        glowCount: number;
+        gradientCount: number;
+        animatedBorderCount: number;
+        glassMorphismCount: number;
+    }>;
+    /** Processing time in milliseconds */
+    processingTimeMs: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    summary: {
+        glowCount: number;
+        gradientCount: number;
+        animatedBorderCount: number;
+        glassMorphismCount: number;
+    };
+    processingTimeMs: number;
+    decorations: {
+        type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+        confidence: number;
+        element: string;
+        properties: {
+            shape?: string | undefined;
+            angle?: number | undefined;
+            border?: string | undefined;
+            size?: string | undefined;
+            color?: string | undefined;
+            position?: string | undefined;
+            duration?: number | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: number | "infinite" | undefined;
+            colorStops?: {
+                color: string;
+                position?: string | number | undefined;
+            }[] | undefined;
+            blur?: number | undefined;
+            spread?: number | undefined;
+            intensity?: number | undefined;
+            inset?: boolean | undefined;
+            rawValue?: string | undefined;
+            gradientType?: "linear" | "radial" | "conic" | undefined;
+            animationName?: string | undefined;
+            borderWidth?: string | undefined;
+            borderImageSource?: string | undefined;
+            borderImageSlice?: string | undefined;
+            isGradientBorder?: boolean | undefined;
+            isGlowingBorder?: boolean | undefined;
+            glowColor?: string | undefined;
+            saturation?: number | undefined;
+            brightness?: number | undefined;
+            backgroundColor?: string | undefined;
+            backgroundOpacity?: number | undefined;
+        };
+    }[];
+}, {
+    summary: {
+        glowCount: number;
+        gradientCount: number;
+        animatedBorderCount: number;
+        glassMorphismCount: number;
+    };
+    processingTimeMs: number;
+    decorations: {
+        type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+        confidence: number;
+        element: string;
+        properties: {
+            shape?: string | undefined;
+            angle?: number | undefined;
+            border?: string | undefined;
+            size?: string | undefined;
+            color?: string | undefined;
+            position?: string | undefined;
+            duration?: number | undefined;
+            timingFunction?: string | undefined;
+            iterationCount?: number | "infinite" | undefined;
+            colorStops?: {
+                color: string;
+                position?: string | number | undefined;
+            }[] | undefined;
+            blur?: number | undefined;
+            spread?: number | undefined;
+            intensity?: number | undefined;
+            inset?: boolean | undefined;
+            rawValue?: string | undefined;
+            gradientType?: "linear" | "radial" | "conic" | undefined;
+            animationName?: string | undefined;
+            borderWidth?: string | undefined;
+            borderImageSource?: string | undefined;
+            borderImageSlice?: string | undefined;
+            isGradientBorder?: boolean | undefined;
+            isGlowingBorder?: boolean | undefined;
+            glowColor?: string | undefined;
+            saturation?: number | undefined;
+            brightness?: number | undefined;
+            backgroundColor?: string | undefined;
+            backgroundOpacity?: number | undefined;
+        };
+    }[];
+}>;
+/**
+ * Combined visual extraction result schema
+ */
+export declare const visualExtractionResultSchema: z.ZodObject<{
+    /** CSS variable extraction results */
+    cssVariables: z.ZodOptional<z.ZodObject<{
+        /** Extracted CSS variables */
+        variables: z.ZodArray<z.ZodObject<{
+            /** Variable name (e.g., '--color-primary') */
+            name: z.ZodString;
+            /** Raw CSS value */
+            value: z.ZodString;
+            /** CSS selector where defined */
+            selector: z.ZodString;
+            /** Variable category */
+            category: z.ZodEnum<["color", "spacing", "typography", "sizing", "animation", "other"]>;
+            /** Referenced variables (if value contains var()) */
+            references: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        }, "strip", z.ZodTypeAny, {
+            value: string;
+            name: string;
+            selector: string;
+            category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+            references?: string[] | undefined;
+        }, {
+            value: string;
+            name: string;
+            selector: string;
+            category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+            references?: string[] | undefined;
+        }>, "many">;
+        /** Extracted clamp() values */
+        clampValues: z.ZodArray<z.ZodObject<{
+            /** Minimum value */
+            min: z.ZodString;
+            /** Preferred/flexible value */
+            preferred: z.ZodString;
+            /** Maximum value */
+            max: z.ZodString;
+            /** Raw clamp() expression */
+            raw: z.ZodString;
+            /** CSS selector where used */
+            selector: z.ZodString;
+            /** Property name (e.g., 'font-size', 'width') */
+            property: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            raw: string;
+            property: string;
+        }, {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            raw: string;
+            property: string;
+        }>, "many">;
+        /** Extracted calc() expressions */
+        calcExpressions: z.ZodArray<z.ZodObject<{
+            /** calc() expression (without 'calc()' wrapper) */
+            expression: z.ZodString;
+            /** Raw calc() value */
+            raw: z.ZodString;
+            /** CSS selector where used */
+            selector: z.ZodString;
+            /** Property name */
+            property: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            selector: string;
+            raw: string;
+            property: string;
+            expression: string;
+        }, {
+            selector: string;
+            raw: string;
+            property: string;
+            expression: string;
+        }>, "many">;
+        /** Design token detection result */
+        designTokens: z.ZodOptional<z.ZodObject<{
+            /** Detected design token system */
+            system: z.ZodEnum<["tailwind", "open-props", "css-in-js", "custom", "unknown"]>;
+            /** Detection confidence (0-1) */
+            confidence: z.ZodNumber;
+            /** Evidence strings for detection */
+            evidence: z.ZodArray<z.ZodString, "many">;
+        }, "strip", z.ZodTypeAny, {
+            system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+            confidence: number;
+            evidence: string[];
+        }, {
+            system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+            confidence: number;
+            evidence: string[];
+        }>>;
+        /** Processing time in milliseconds */
+        processingTimeMs: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        variables: {
+            value: string;
+            name: string;
+            selector: string;
+            category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+            references?: string[] | undefined;
+        }[];
+        clampValues: {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            raw: string;
+            property: string;
+        }[];
+        calcExpressions: {
+            selector: string;
+            raw: string;
+            property: string;
+            expression: string;
+        }[];
+        processingTimeMs: number;
+        designTokens?: {
+            system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+            confidence: number;
+            evidence: string[];
+        } | undefined;
+    }, {
+        variables: {
+            value: string;
+            name: string;
+            selector: string;
+            category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+            references?: string[] | undefined;
+        }[];
+        clampValues: {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            raw: string;
+            property: string;
+        }[];
+        calcExpressions: {
+            selector: string;
+            raw: string;
+            property: string;
+            expression: string;
+        }[];
+        processingTimeMs: number;
+        designTokens?: {
+            system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+            confidence: number;
+            evidence: string[];
+        } | undefined;
+    }>>;
+    /** Typography extraction results */
+    typography: z.ZodOptional<z.ZodObject<{
+        /** Extracted font families */
+        fontFamilies: z.ZodArray<z.ZodObject<{
+            /** CSS selector */
+            selector: z.ZodString;
+            /** Primary font name */
+            primary: z.ZodString;
+            /** Fallback fonts */
+            fallbacks: z.ZodArray<z.ZodString, "many">;
+            /** Font category */
+            category: z.ZodEnum<["serif", "sans-serif", "monospace", "display", "cursive", "system"]>;
+            /** Whether it's a system font stack */
+            isSystemFont: z.ZodOptional<z.ZodBoolean>;
+            /** Whether it's a Google Font */
+            isGoogleFont: z.ZodOptional<z.ZodBoolean>;
+        }, "strip", z.ZodTypeAny, {
+            primary: string;
+            selector: string;
+            category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+            fallbacks: string[];
+            isSystemFont?: boolean | undefined;
+            isGoogleFont?: boolean | undefined;
+        }, {
+            primary: string;
+            selector: string;
+            category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+            fallbacks: string[];
+            isSystemFont?: boolean | undefined;
+            isGoogleFont?: boolean | undefined;
+        }>, "many">;
+        /** Font size hierarchy */
+        fontSizeHierarchy: z.ZodObject<{
+            h1: z.ZodOptional<z.ZodString>;
+            h2: z.ZodOptional<z.ZodString>;
+            h3: z.ZodOptional<z.ZodString>;
+            h4: z.ZodOptional<z.ZodString>;
+            h5: z.ZodOptional<z.ZodString>;
+            h6: z.ZodOptional<z.ZodString>;
+            body: z.ZodOptional<z.ZodString>;
+            small: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            small?: string | undefined;
+            h1?: string | undefined;
+            h2?: string | undefined;
+            h3?: string | undefined;
+            h4?: string | undefined;
+            h5?: string | undefined;
+            h6?: string | undefined;
+            body?: string | undefined;
+        }, {
+            small?: string | undefined;
+            h1?: string | undefined;
+            h2?: string | undefined;
+            h3?: string | undefined;
+            h4?: string | undefined;
+            h5?: string | undefined;
+            h6?: string | undefined;
+            body?: string | undefined;
+        }>;
+        /** Complete typography styles */
+        styles: z.ZodArray<z.ZodObject<{
+            /** CSS selector */
+            selector: z.ZodString;
+            /** Font family (raw value) */
+            fontFamily: z.ZodOptional<z.ZodString>;
+            /** Font size */
+            fontSize: z.ZodOptional<z.ZodString>;
+            /** Font weight */
+            fontWeight: z.ZodOptional<z.ZodString>;
+            /** Line height */
+            lineHeight: z.ZodOptional<z.ZodString>;
+            /** Letter spacing */
+            letterSpacing: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            selector: string;
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            fontWeight?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }, {
+            selector: string;
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            fontWeight?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }>, "many">;
+        /** Responsive typography with clamp() */
+        responsiveTypography: z.ZodArray<z.ZodObject<{
+            /** CSS selector */
+            selector: z.ZodString;
+            /** Minimum font size */
+            min: z.ZodString;
+            /** Preferred/flexible font size */
+            preferred: z.ZodString;
+            /** Maximum font size */
+            max: z.ZodString;
+            /** Whether it's responsive */
+            isResponsive: z.ZodBoolean;
+        }, "strip", z.ZodTypeAny, {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            isResponsive: boolean;
+        }, {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            isResponsive: boolean;
+        }>, "many">;
+        /** Inline styles from HTML */
+        inlineStyles: z.ZodArray<z.ZodObject<{
+            /** Font family */
+            fontFamily: z.ZodOptional<z.ZodString>;
+            /** Font size */
+            fontSize: z.ZodOptional<z.ZodString>;
+            /** Line height */
+            lineHeight: z.ZodOptional<z.ZodString>;
+            /** Letter spacing */
+            letterSpacing: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }, {
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }>, "many">;
+        /** Detected scale ratio */
+        scaleRatio: z.ZodOptional<z.ZodNumber>;
+        /** Scale name */
+        scaleName: z.ZodOptional<z.ZodEnum<["Minor Second", "Major Second", "Minor Third", "Major Third", "Perfect Fourth", "Augmented Fourth", "Perfect Fifth", "Golden Ratio", "Custom"]>>;
+        /** Variable fonts detected */
+        variableFonts: z.ZodArray<z.ZodString, "many">;
+        /** Font weight range (for variable fonts) */
+        fontWeightRange: z.ZodOptional<z.ZodObject<{
+            min: z.ZodNumber;
+            max: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            min: number;
+            max: number;
+        }, {
+            min: number;
+            max: number;
+        }>>;
+        /** Google Fonts used */
+        googleFontsUsed: z.ZodArray<z.ZodString, "many">;
+        /** Google Fonts weights by font name */
+        googleFontsWeights: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodArray<z.ZodString, "many">>>;
+        /** Processing time in milliseconds */
+        processingTimeMs: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        processingTimeMs: number;
+        fontFamilies: {
+            primary: string;
+            selector: string;
+            category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+            fallbacks: string[];
+            isSystemFont?: boolean | undefined;
+            isGoogleFont?: boolean | undefined;
+        }[];
+        fontSizeHierarchy: {
+            small?: string | undefined;
+            h1?: string | undefined;
+            h2?: string | undefined;
+            h3?: string | undefined;
+            h4?: string | undefined;
+            h5?: string | undefined;
+            h6?: string | undefined;
+            body?: string | undefined;
+        };
+        styles: {
+            selector: string;
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            fontWeight?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }[];
+        responsiveTypography: {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            isResponsive: boolean;
+        }[];
+        inlineStyles: {
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }[];
+        variableFonts: string[];
+        googleFontsUsed: string[];
+        scaleRatio?: number | undefined;
+        scaleName?: "Minor Second" | "Major Second" | "Minor Third" | "Major Third" | "Perfect Fourth" | "Augmented Fourth" | "Perfect Fifth" | "Golden Ratio" | "Custom" | undefined;
+        fontWeightRange?: {
+            min: number;
+            max: number;
+        } | undefined;
+        googleFontsWeights?: Record<string, string[]> | undefined;
+    }, {
+        processingTimeMs: number;
+        fontFamilies: {
+            primary: string;
+            selector: string;
+            category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+            fallbacks: string[];
+            isSystemFont?: boolean | undefined;
+            isGoogleFont?: boolean | undefined;
+        }[];
+        fontSizeHierarchy: {
+            small?: string | undefined;
+            h1?: string | undefined;
+            h2?: string | undefined;
+            h3?: string | undefined;
+            h4?: string | undefined;
+            h5?: string | undefined;
+            h6?: string | undefined;
+            body?: string | undefined;
+        };
+        styles: {
+            selector: string;
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            fontWeight?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }[];
+        responsiveTypography: {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            isResponsive: boolean;
+        }[];
+        inlineStyles: {
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }[];
+        variableFonts: string[];
+        googleFontsUsed: string[];
+        scaleRatio?: number | undefined;
+        scaleName?: "Minor Second" | "Major Second" | "Minor Third" | "Major Third" | "Perfect Fourth" | "Augmented Fourth" | "Perfect Fifth" | "Golden Ratio" | "Custom" | undefined;
+        fontWeightRange?: {
+            min: number;
+            max: number;
+        } | undefined;
+        googleFontsWeights?: Record<string, string[]> | undefined;
+    }>>;
+    /** Gradient detection results */
+    gradients: z.ZodOptional<z.ZodObject<{
+        /** Whether any gradient was detected */
+        hasGradient: z.ZodBoolean;
+        /** Detected gradients */
+        gradients: z.ZodArray<z.ZodObject<{
+            /** Gradient type */
+            type: z.ZodEnum<["linear", "radial", "conic", "repeating-linear", "repeating-radial", "repeating-conic"]>;
+            /** Color stops in the gradient */
+            colorStops: z.ZodArray<z.ZodObject<{
+                /** Color value (hex, rgb, rgba, etc.) */
+                color: z.ZodString;
+                /** Position in gradient (0-100 as percentage, or raw value like '50%') */
+                position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+            }, "strip", z.ZodTypeAny, {
+                color: string;
+                position?: string | number | undefined;
+            }, {
+                color: string;
+                position?: string | number | undefined;
+            }>, "many">;
+            /** Angle for linear gradients (degrees) */
+            angle: z.ZodOptional<z.ZodNumber>;
+            /** Center position for radial gradients */
+            center: z.ZodOptional<z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+            }, "strip", z.ZodTypeAny, {
+                x: number;
+                y: number;
+            }, {
+                x: number;
+                y: number;
+            }>>;
+            /** Region where gradient was detected */
+            region: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+                width: z.ZodNumber;
+                height: z.ZodNumber;
+            }, "strip", z.ZodTypeAny, {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            }, {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            }>;
+            /** Detection confidence (0-1) */
+            confidence: z.ZodNumber;
+            /** Generated CSS string */
+            cssString: z.ZodOptional<z.ZodString>;
+            /** Animation info (if animated) */
+            animation: z.ZodOptional<z.ZodObject<{
+                /** Animation name */
+                name: z.ZodString;
+                /** Duration (e.g., '3s', '300ms') */
+                duration: z.ZodOptional<z.ZodString>;
+                /** Timing function (e.g., 'ease', 'linear') */
+                timingFunction: z.ZodOptional<z.ZodString>;
+                /** Iteration count (e.g., 'infinite', '3') */
+                iterationCount: z.ZodOptional<z.ZodString>;
+                /** Animation direction (e.g., 'normal', 'alternate') */
+                direction: z.ZodOptional<z.ZodString>;
+                /** Delay (e.g., '0s', '500ms') */
+                delay: z.ZodOptional<z.ZodString>;
+                /** Fill mode (e.g., 'forwards', 'backwards') */
+                fillMode: z.ZodOptional<z.ZodString>;
+            }, "strip", z.ZodTypeAny, {
+                name: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: string | undefined;
+                direction?: string | undefined;
+                delay?: string | undefined;
+                fillMode?: string | undefined;
+            }, {
+                name: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: string | undefined;
+                direction?: string | undefined;
+                delay?: string | undefined;
+                fillMode?: string | undefined;
+            }>>;
+            /** Transition info (if transitioning) */
+            transition: z.ZodOptional<z.ZodObject<{
+                /** Transition property (e.g., 'background', 'all') */
+                property: z.ZodString;
+                /** Duration (e.g., '0.3s') */
+                duration: z.ZodOptional<z.ZodString>;
+                /** Timing function (e.g., 'ease', 'ease-in-out') */
+                timingFunction: z.ZodOptional<z.ZodString>;
+                /** Delay (e.g., '0s') */
+                delay: z.ZodOptional<z.ZodString>;
+            }, "strip", z.ZodTypeAny, {
+                property: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                delay?: string | undefined;
+            }, {
+                property: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                delay?: string | undefined;
+            }>>;
+            /** Parent element selector (from CSS context) */
+            parentElement: z.ZodOptional<z.ZodString>;
+        }, "strip", z.ZodTypeAny, {
+            type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+            confidence: number;
+            colorStops: {
+                color: string;
+                position?: string | number | undefined;
+            }[];
+            region: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            };
+            angle?: number | undefined;
+            animation?: {
+                name: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: string | undefined;
+                direction?: string | undefined;
+                delay?: string | undefined;
+                fillMode?: string | undefined;
+            } | undefined;
+            center?: {
+                x: number;
+                y: number;
+            } | undefined;
+            cssString?: string | undefined;
+            transition?: {
+                property: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                delay?: string | undefined;
+            } | undefined;
+            parentElement?: string | undefined;
+        }, {
+            type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+            confidence: number;
+            colorStops: {
+                color: string;
+                position?: string | number | undefined;
+            }[];
+            region: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            };
+            angle?: number | undefined;
+            animation?: {
+                name: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: string | undefined;
+                direction?: string | undefined;
+                delay?: string | undefined;
+                fillMode?: string | undefined;
+            } | undefined;
+            center?: {
+                x: number;
+                y: number;
+            } | undefined;
+            cssString?: string | undefined;
+            transition?: {
+                property: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                delay?: string | undefined;
+            } | undefined;
+            parentElement?: string | undefined;
+        }>, "many">;
+        /** Dominant gradient type (if multiple) */
+        dominantType: z.ZodOptional<z.ZodEnum<["linear", "radial", "conic", "repeating-linear", "repeating-radial", "repeating-conic"]>>;
+        /** Processing time in milliseconds */
+        processingTimeMs: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+        hasGradient: boolean;
+        gradients: {
+            type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+            confidence: number;
+            colorStops: {
+                color: string;
+                position?: string | number | undefined;
+            }[];
+            region: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            };
+            angle?: number | undefined;
+            animation?: {
+                name: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: string | undefined;
+                direction?: string | undefined;
+                delay?: string | undefined;
+                fillMode?: string | undefined;
+            } | undefined;
+            center?: {
+                x: number;
+                y: number;
+            } | undefined;
+            cssString?: string | undefined;
+            transition?: {
+                property: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                delay?: string | undefined;
+            } | undefined;
+            parentElement?: string | undefined;
+        }[];
+        processingTimeMs?: number | undefined;
+        dominantType?: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic" | undefined;
+    }, {
+        hasGradient: boolean;
+        gradients: {
+            type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+            confidence: number;
+            colorStops: {
+                color: string;
+                position?: string | number | undefined;
+            }[];
+            region: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            };
+            angle?: number | undefined;
+            animation?: {
+                name: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: string | undefined;
+                direction?: string | undefined;
+                delay?: string | undefined;
+                fillMode?: string | undefined;
+            } | undefined;
+            center?: {
+                x: number;
+                y: number;
+            } | undefined;
+            cssString?: string | undefined;
+            transition?: {
+                property: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                delay?: string | undefined;
+            } | undefined;
+            parentElement?: string | undefined;
+        }[];
+        processingTimeMs?: number | undefined;
+        dominantType?: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic" | undefined;
+    }>>;
+    /** Visual decorations (glow, animated border, glass morphism, etc.) */
+    visualDecorations: z.ZodOptional<z.ZodObject<{
+        /** Detected visual decorations */
+        decorations: z.ZodArray<z.ZodObject<{
+            /** Type of visual decoration */
+            type: z.ZodEnum<["glow", "gradient", "animated-border", "glass-morphism"]>;
+            /** CSS selector where the decoration was found */
+            element: z.ZodString;
+            /** Decoration-specific properties */
+            properties: z.ZodObject<{
+                color: z.ZodOptional<z.ZodString>;
+                blur: z.ZodOptional<z.ZodNumber>;
+                spread: z.ZodOptional<z.ZodNumber>;
+                intensity: z.ZodOptional<z.ZodNumber>;
+                inset: z.ZodOptional<z.ZodBoolean>;
+                gradientType: z.ZodOptional<z.ZodEnum<["linear", "radial", "conic"]>>;
+                angle: z.ZodOptional<z.ZodNumber>;
+                colorStops: z.ZodOptional<z.ZodArray<z.ZodObject<{
+                    color: z.ZodString;
+                    position: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+                }, "strip", z.ZodTypeAny, {
+                    color: string;
+                    position?: string | number | undefined;
+                }, {
+                    color: string;
+                    position?: string | number | undefined;
+                }>, "many">>;
+                shape: z.ZodOptional<z.ZodString>;
+                size: z.ZodOptional<z.ZodString>;
+                position: z.ZodOptional<z.ZodString>;
+                animationName: z.ZodOptional<z.ZodString>;
+                duration: z.ZodOptional<z.ZodNumber>;
+                timingFunction: z.ZodOptional<z.ZodString>;
+                iterationCount: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodLiteral<"infinite">]>>;
+                borderWidth: z.ZodOptional<z.ZodString>;
+                borderImageSource: z.ZodOptional<z.ZodString>;
+                borderImageSlice: z.ZodOptional<z.ZodString>;
+                isGradientBorder: z.ZodOptional<z.ZodBoolean>;
+                isGlowingBorder: z.ZodOptional<z.ZodBoolean>;
+                glowColor: z.ZodOptional<z.ZodString>;
+                saturation: z.ZodOptional<z.ZodNumber>;
+                brightness: z.ZodOptional<z.ZodNumber>;
+                backgroundColor: z.ZodOptional<z.ZodString>;
+                backgroundOpacity: z.ZodOptional<z.ZodNumber>;
+                border: z.ZodOptional<z.ZodString>;
+                rawValue: z.ZodOptional<z.ZodString>;
+            }, "strip", z.ZodTypeAny, {
+                shape?: string | undefined;
+                angle?: number | undefined;
+                border?: string | undefined;
+                size?: string | undefined;
+                color?: string | undefined;
+                position?: string | undefined;
+                duration?: number | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: number | "infinite" | undefined;
+                colorStops?: {
+                    color: string;
+                    position?: string | number | undefined;
+                }[] | undefined;
+                blur?: number | undefined;
+                spread?: number | undefined;
+                intensity?: number | undefined;
+                inset?: boolean | undefined;
+                rawValue?: string | undefined;
+                gradientType?: "linear" | "radial" | "conic" | undefined;
+                animationName?: string | undefined;
+                borderWidth?: string | undefined;
+                borderImageSource?: string | undefined;
+                borderImageSlice?: string | undefined;
+                isGradientBorder?: boolean | undefined;
+                isGlowingBorder?: boolean | undefined;
+                glowColor?: string | undefined;
+                saturation?: number | undefined;
+                brightness?: number | undefined;
+                backgroundColor?: string | undefined;
+                backgroundOpacity?: number | undefined;
+            }, {
+                shape?: string | undefined;
+                angle?: number | undefined;
+                border?: string | undefined;
+                size?: string | undefined;
+                color?: string | undefined;
+                position?: string | undefined;
+                duration?: number | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: number | "infinite" | undefined;
+                colorStops?: {
+                    color: string;
+                    position?: string | number | undefined;
+                }[] | undefined;
+                blur?: number | undefined;
+                spread?: number | undefined;
+                intensity?: number | undefined;
+                inset?: boolean | undefined;
+                rawValue?: string | undefined;
+                gradientType?: "linear" | "radial" | "conic" | undefined;
+                animationName?: string | undefined;
+                borderWidth?: string | undefined;
+                borderImageSource?: string | undefined;
+                borderImageSlice?: string | undefined;
+                isGradientBorder?: boolean | undefined;
+                isGlowingBorder?: boolean | undefined;
+                glowColor?: string | undefined;
+                saturation?: number | undefined;
+                brightness?: number | undefined;
+                backgroundColor?: string | undefined;
+                backgroundOpacity?: number | undefined;
+            }>;
+            /** Detection confidence (0-1) */
+            confidence: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+            confidence: number;
+            element: string;
+            properties: {
+                shape?: string | undefined;
+                angle?: number | undefined;
+                border?: string | undefined;
+                size?: string | undefined;
+                color?: string | undefined;
+                position?: string | undefined;
+                duration?: number | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: number | "infinite" | undefined;
+                colorStops?: {
+                    color: string;
+                    position?: string | number | undefined;
+                }[] | undefined;
+                blur?: number | undefined;
+                spread?: number | undefined;
+                intensity?: number | undefined;
+                inset?: boolean | undefined;
+                rawValue?: string | undefined;
+                gradientType?: "linear" | "radial" | "conic" | undefined;
+                animationName?: string | undefined;
+                borderWidth?: string | undefined;
+                borderImageSource?: string | undefined;
+                borderImageSlice?: string | undefined;
+                isGradientBorder?: boolean | undefined;
+                isGlowingBorder?: boolean | undefined;
+                glowColor?: string | undefined;
+                saturation?: number | undefined;
+                brightness?: number | undefined;
+                backgroundColor?: string | undefined;
+                backgroundOpacity?: number | undefined;
+            };
+        }, {
+            type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+            confidence: number;
+            element: string;
+            properties: {
+                shape?: string | undefined;
+                angle?: number | undefined;
+                border?: string | undefined;
+                size?: string | undefined;
+                color?: string | undefined;
+                position?: string | undefined;
+                duration?: number | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: number | "infinite" | undefined;
+                colorStops?: {
+                    color: string;
+                    position?: string | number | undefined;
+                }[] | undefined;
+                blur?: number | undefined;
+                spread?: number | undefined;
+                intensity?: number | undefined;
+                inset?: boolean | undefined;
+                rawValue?: string | undefined;
+                gradientType?: "linear" | "radial" | "conic" | undefined;
+                animationName?: string | undefined;
+                borderWidth?: string | undefined;
+                borderImageSource?: string | undefined;
+                borderImageSlice?: string | undefined;
+                isGradientBorder?: boolean | undefined;
+                isGlowingBorder?: boolean | undefined;
+                glowColor?: string | undefined;
+                saturation?: number | undefined;
+                brightness?: number | undefined;
+                backgroundColor?: string | undefined;
+                backgroundOpacity?: number | undefined;
+            };
+        }>, "many">;
+        /** Summary by type */
+        summary: z.ZodObject<{
+            /** Total glow effects */
+            glowCount: z.ZodNumber;
+            /** Total gradient backgrounds */
+            gradientCount: z.ZodNumber;
+            /** Total animated borders */
+            animatedBorderCount: z.ZodNumber;
+            /** Total glass morphism effects */
+            glassMorphismCount: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            glowCount: number;
+            gradientCount: number;
+            animatedBorderCount: number;
+            glassMorphismCount: number;
+        }, {
+            glowCount: number;
+            gradientCount: number;
+            animatedBorderCount: number;
+            glassMorphismCount: number;
+        }>;
+        /** Processing time in milliseconds */
+        processingTimeMs: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        summary: {
+            glowCount: number;
+            gradientCount: number;
+            animatedBorderCount: number;
+            glassMorphismCount: number;
+        };
+        processingTimeMs: number;
+        decorations: {
+            type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+            confidence: number;
+            element: string;
+            properties: {
+                shape?: string | undefined;
+                angle?: number | undefined;
+                border?: string | undefined;
+                size?: string | undefined;
+                color?: string | undefined;
+                position?: string | undefined;
+                duration?: number | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: number | "infinite" | undefined;
+                colorStops?: {
+                    color: string;
+                    position?: string | number | undefined;
+                }[] | undefined;
+                blur?: number | undefined;
+                spread?: number | undefined;
+                intensity?: number | undefined;
+                inset?: boolean | undefined;
+                rawValue?: string | undefined;
+                gradientType?: "linear" | "radial" | "conic" | undefined;
+                animationName?: string | undefined;
+                borderWidth?: string | undefined;
+                borderImageSource?: string | undefined;
+                borderImageSlice?: string | undefined;
+                isGradientBorder?: boolean | undefined;
+                isGlowingBorder?: boolean | undefined;
+                glowColor?: string | undefined;
+                saturation?: number | undefined;
+                brightness?: number | undefined;
+                backgroundColor?: string | undefined;
+                backgroundOpacity?: number | undefined;
+            };
+        }[];
+    }, {
+        summary: {
+            glowCount: number;
+            gradientCount: number;
+            animatedBorderCount: number;
+            glassMorphismCount: number;
+        };
+        processingTimeMs: number;
+        decorations: {
+            type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+            confidence: number;
+            element: string;
+            properties: {
+                shape?: string | undefined;
+                angle?: number | undefined;
+                border?: string | undefined;
+                size?: string | undefined;
+                color?: string | undefined;
+                position?: string | undefined;
+                duration?: number | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: number | "infinite" | undefined;
+                colorStops?: {
+                    color: string;
+                    position?: string | number | undefined;
+                }[] | undefined;
+                blur?: number | undefined;
+                spread?: number | undefined;
+                intensity?: number | undefined;
+                inset?: boolean | undefined;
+                rawValue?: string | undefined;
+                gradientType?: "linear" | "radial" | "conic" | undefined;
+                animationName?: string | undefined;
+                borderWidth?: string | undefined;
+                borderImageSource?: string | undefined;
+                borderImageSlice?: string | undefined;
+                isGradientBorder?: boolean | undefined;
+                isGlowingBorder?: boolean | undefined;
+                glowColor?: string | undefined;
+                saturation?: number | undefined;
+                brightness?: number | undefined;
+                backgroundColor?: string | undefined;
+                backgroundOpacity?: number | undefined;
+            };
+        }[];
+    }>>;
+    /** Overall processing time */
+    totalProcessingTimeMs: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    totalProcessingTimeMs: number;
+    typography?: {
+        processingTimeMs: number;
+        fontFamilies: {
+            primary: string;
+            selector: string;
+            category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+            fallbacks: string[];
+            isSystemFont?: boolean | undefined;
+            isGoogleFont?: boolean | undefined;
+        }[];
+        fontSizeHierarchy: {
+            small?: string | undefined;
+            h1?: string | undefined;
+            h2?: string | undefined;
+            h3?: string | undefined;
+            h4?: string | undefined;
+            h5?: string | undefined;
+            h6?: string | undefined;
+            body?: string | undefined;
+        };
+        styles: {
+            selector: string;
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            fontWeight?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }[];
+        responsiveTypography: {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            isResponsive: boolean;
+        }[];
+        inlineStyles: {
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }[];
+        variableFonts: string[];
+        googleFontsUsed: string[];
+        scaleRatio?: number | undefined;
+        scaleName?: "Minor Second" | "Major Second" | "Minor Third" | "Major Third" | "Perfect Fourth" | "Augmented Fourth" | "Perfect Fifth" | "Golden Ratio" | "Custom" | undefined;
+        fontWeightRange?: {
+            min: number;
+            max: number;
+        } | undefined;
+        googleFontsWeights?: Record<string, string[]> | undefined;
+    } | undefined;
+    gradients?: {
+        hasGradient: boolean;
+        gradients: {
+            type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+            confidence: number;
+            colorStops: {
+                color: string;
+                position?: string | number | undefined;
+            }[];
+            region: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            };
+            angle?: number | undefined;
+            animation?: {
+                name: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: string | undefined;
+                direction?: string | undefined;
+                delay?: string | undefined;
+                fillMode?: string | undefined;
+            } | undefined;
+            center?: {
+                x: number;
+                y: number;
+            } | undefined;
+            cssString?: string | undefined;
+            transition?: {
+                property: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                delay?: string | undefined;
+            } | undefined;
+            parentElement?: string | undefined;
+        }[];
+        processingTimeMs?: number | undefined;
+        dominantType?: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic" | undefined;
+    } | undefined;
+    cssVariables?: {
+        variables: {
+            value: string;
+            name: string;
+            selector: string;
+            category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+            references?: string[] | undefined;
+        }[];
+        clampValues: {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            raw: string;
+            property: string;
+        }[];
+        calcExpressions: {
+            selector: string;
+            raw: string;
+            property: string;
+            expression: string;
+        }[];
+        processingTimeMs: number;
+        designTokens?: {
+            system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+            confidence: number;
+            evidence: string[];
+        } | undefined;
+    } | undefined;
+    visualDecorations?: {
+        summary: {
+            glowCount: number;
+            gradientCount: number;
+            animatedBorderCount: number;
+            glassMorphismCount: number;
+        };
+        processingTimeMs: number;
+        decorations: {
+            type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+            confidence: number;
+            element: string;
+            properties: {
+                shape?: string | undefined;
+                angle?: number | undefined;
+                border?: string | undefined;
+                size?: string | undefined;
+                color?: string | undefined;
+                position?: string | undefined;
+                duration?: number | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: number | "infinite" | undefined;
+                colorStops?: {
+                    color: string;
+                    position?: string | number | undefined;
+                }[] | undefined;
+                blur?: number | undefined;
+                spread?: number | undefined;
+                intensity?: number | undefined;
+                inset?: boolean | undefined;
+                rawValue?: string | undefined;
+                gradientType?: "linear" | "radial" | "conic" | undefined;
+                animationName?: string | undefined;
+                borderWidth?: string | undefined;
+                borderImageSource?: string | undefined;
+                borderImageSlice?: string | undefined;
+                isGradientBorder?: boolean | undefined;
+                isGlowingBorder?: boolean | undefined;
+                glowColor?: string | undefined;
+                saturation?: number | undefined;
+                brightness?: number | undefined;
+                backgroundColor?: string | undefined;
+                backgroundOpacity?: number | undefined;
+            };
+        }[];
+    } | undefined;
+}, {
+    totalProcessingTimeMs: number;
+    typography?: {
+        processingTimeMs: number;
+        fontFamilies: {
+            primary: string;
+            selector: string;
+            category: "system" | "serif" | "sans-serif" | "monospace" | "display" | "cursive";
+            fallbacks: string[];
+            isSystemFont?: boolean | undefined;
+            isGoogleFont?: boolean | undefined;
+        }[];
+        fontSizeHierarchy: {
+            small?: string | undefined;
+            h1?: string | undefined;
+            h2?: string | undefined;
+            h3?: string | undefined;
+            h4?: string | undefined;
+            h5?: string | undefined;
+            h6?: string | undefined;
+            body?: string | undefined;
+        };
+        styles: {
+            selector: string;
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            fontWeight?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }[];
+        responsiveTypography: {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            isResponsive: boolean;
+        }[];
+        inlineStyles: {
+            fontFamily?: string | undefined;
+            fontSize?: string | undefined;
+            lineHeight?: string | undefined;
+            letterSpacing?: string | undefined;
+        }[];
+        variableFonts: string[];
+        googleFontsUsed: string[];
+        scaleRatio?: number | undefined;
+        scaleName?: "Minor Second" | "Major Second" | "Minor Third" | "Major Third" | "Perfect Fourth" | "Augmented Fourth" | "Perfect Fifth" | "Golden Ratio" | "Custom" | undefined;
+        fontWeightRange?: {
+            min: number;
+            max: number;
+        } | undefined;
+        googleFontsWeights?: Record<string, string[]> | undefined;
+    } | undefined;
+    gradients?: {
+        hasGradient: boolean;
+        gradients: {
+            type: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic";
+            confidence: number;
+            colorStops: {
+                color: string;
+                position?: string | number | undefined;
+            }[];
+            region: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            };
+            angle?: number | undefined;
+            animation?: {
+                name: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: string | undefined;
+                direction?: string | undefined;
+                delay?: string | undefined;
+                fillMode?: string | undefined;
+            } | undefined;
+            center?: {
+                x: number;
+                y: number;
+            } | undefined;
+            cssString?: string | undefined;
+            transition?: {
+                property: string;
+                duration?: string | undefined;
+                timingFunction?: string | undefined;
+                delay?: string | undefined;
+            } | undefined;
+            parentElement?: string | undefined;
+        }[];
+        processingTimeMs?: number | undefined;
+        dominantType?: "linear" | "radial" | "conic" | "repeating-linear" | "repeating-radial" | "repeating-conic" | undefined;
+    } | undefined;
+    cssVariables?: {
+        variables: {
+            value: string;
+            name: string;
+            selector: string;
+            category: "color" | "spacing" | "typography" | "sizing" | "animation" | "other";
+            references?: string[] | undefined;
+        }[];
+        clampValues: {
+            selector: string;
+            min: string;
+            preferred: string;
+            max: string;
+            raw: string;
+            property: string;
+        }[];
+        calcExpressions: {
+            selector: string;
+            raw: string;
+            property: string;
+            expression: string;
+        }[];
+        processingTimeMs: number;
+        designTokens?: {
+            system: "custom" | "unknown" | "tailwind" | "open-props" | "css-in-js";
+            confidence: number;
+            evidence: string[];
+        } | undefined;
+    } | undefined;
+    visualDecorations?: {
+        summary: {
+            glowCount: number;
+            gradientCount: number;
+            animatedBorderCount: number;
+            glassMorphismCount: number;
+        };
+        processingTimeMs: number;
+        decorations: {
+            type: "glow" | "gradient" | "animated-border" | "glass-morphism";
+            confidence: number;
+            element: string;
+            properties: {
+                shape?: string | undefined;
+                angle?: number | undefined;
+                border?: string | undefined;
+                size?: string | undefined;
+                color?: string | undefined;
+                position?: string | undefined;
+                duration?: number | undefined;
+                timingFunction?: string | undefined;
+                iterationCount?: number | "infinite" | undefined;
+                colorStops?: {
+                    color: string;
+                    position?: string | number | undefined;
+                }[] | undefined;
+                blur?: number | undefined;
+                spread?: number | undefined;
+                intensity?: number | undefined;
+                inset?: boolean | undefined;
+                rawValue?: string | undefined;
+                gradientType?: "linear" | "radial" | "conic" | undefined;
+                animationName?: string | undefined;
+                borderWidth?: string | undefined;
+                borderImageSource?: string | undefined;
+                borderImageSlice?: string | undefined;
+                isGradientBorder?: boolean | undefined;
+                isGlowingBorder?: boolean | undefined;
+                glowColor?: string | undefined;
+                saturation?: number | undefined;
+                brightness?: number | undefined;
+                backgroundColor?: string | undefined;
+                backgroundOpacity?: number | undefined;
+            };
+        }[];
+    } | undefined;
+}>;
+export type CSSVariableCategory = z.infer<typeof cssVariableCategorySchema>;
+export type CSSVariable = z.infer<typeof cssVariableSchema>;
+export type ClampValue = z.infer<typeof clampValueSchema>;
+export type CalcExpression = z.infer<typeof calcExpressionSchema>;
+export type DesignTokenSystem = z.infer<typeof designTokenSystemSchema>;
+export type DesignTokensResult = z.infer<typeof designTokensResultSchema>;
+export type CSSVariableExtractionResult = z.infer<typeof cssVariableExtractionResultSchema>;
+export type FontCategory = z.infer<typeof fontCategorySchema>;
+export type FontFamilyInfo = z.infer<typeof fontFamilySchema>;
+export type FontSizeHierarchy = z.infer<typeof fontSizeHierarchySchema>;
+export type ResponsiveTypographyInfo = z.infer<typeof responsiveTypographySchema>;
+export type TypographyStyleInfo = z.infer<typeof typographyStyleSchema>;
+export type InlineTypographyStyleInfo = z.infer<typeof inlineTypographyStyleSchema>;
+export type FontWeightRange = z.infer<typeof fontWeightRangeSchema>;
+export type TypeScaleName = z.infer<typeof typeScaleNameSchema>;
+export type TypographyExtractionResult = z.infer<typeof typographyExtractionResultSchema>;
+export type GradientType = z.infer<typeof gradientTypeSchema>;
+export type GradientColorStop = z.infer<typeof gradientColorStopSchema>;
+export type GradientRegion = z.infer<typeof gradientRegionSchema>;
+export type GradientAnimation = z.infer<typeof gradientAnimationSchema>;
+export type GradientTransition = z.infer<typeof gradientTransitionSchema>;
+export type DetectedGradient = z.infer<typeof detectedGradientSchema>;
+export type GradientDetectionResult = z.infer<typeof gradientDetectionResultSchema>;
+export type VisualDecorationType = z.infer<typeof visualDecorationTypeSchema>;
+export type GlowProperties = z.infer<typeof glowPropertiesSchema>;
+export type GradientBackgroundProperties = z.infer<typeof gradientBackgroundPropertiesSchema>;
+export type AnimatedBorderProperties = z.infer<typeof animatedBorderPropertiesSchema>;
+export type GlassMorphismProperties = z.infer<typeof glassMorphismPropertiesSchema>;
+export type VisualDecorationProperties = z.infer<typeof visualDecorationPropertiesSchema>;
+export type VisualDecoration = z.infer<typeof visualDecorationSchema>;
+export type VisualDecorationsResult = z.infer<typeof visualDecorationsResultSchema>;
+export type VisualExtractionResult = z.infer<typeof visualExtractionResultSchema>;
+//# sourceMappingURL=visual-extractors.schemas.d.ts.map