export declare const THEMED_STYLES = "\n  :host {\n    --_font: var(--probo-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif);\n    --_bg: var(--probo-bg, #ffffff);\n    --_text: var(--probo-text, #1a1a1a);\n    --_text-secondary: var(--probo-text-secondary, #555555);\n    --_border: var(--probo-border, #e0e0e0);\n    --_radius: var(--probo-radius, 12px);\n    --_shadow: var(--probo-shadow, 0 4px 24px rgba(0, 0, 0, 0.12));\n    --_accent: var(--probo-accent, #1a1a1a);\n    --_accent-text: var(--probo-accent-text, #ffffff);\n    --_z-index: var(--probo-z-index, 2147483646);\n    --_btn-radius: var(--probo-btn-radius, 8px);\n    --_font-size: var(--probo-font-size, 14px);\n\n    all: initial;\n    font-family: var(--_font);\n    color: var(--_text);\n    font-size: var(--_font-size);\n    line-height: 1.5;\n    box-sizing: border-box;\n  }\n\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n\n  .floating {\n    position: fixed;\n    z-index: var(--_z-index);\n    padding: 24px;\n    max-width: 100vw;\n    display: flex;\n    pointer-events: none;\n  }\n\n  .floating[data-position=\"bottom-left\"] {\n    bottom: 0;\n    left: 0;\n  }\n\n  .floating[data-position=\"bottom-right\"] {\n    bottom: 0;\n    right: 0;\n  }\n\n  .floating[data-position=\"bottom-center\"] {\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .floating[data-position=\"top-left\"] {\n    top: 0;\n    left: 0;\n  }\n\n  .floating[data-position=\"top-right\"] {\n    top: 0;\n    right: 0;\n  }\n\n  .floating[data-position=\"top-center\"] {\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .card {\n    background: var(--_bg);\n    border-radius: var(--_radius);\n    box-shadow: var(--_shadow);\n    width: 100%;\n    pointer-events: auto;\n  }\n\n  probo-banner .card {\n    max-width: 450px;\n    padding: 24px 24px 12px 24px;\n  }\n\n  probo-banner .buttons {\n    padding-bottom: 12px;\n  }\n\n  probo-preference-panel .card {\n    max-width: 520px;\n    max-height: 75vh;\n    display: flex;\n    flex-direction: column;\n  }\n\n  probo-preference-panel probo-category-list {\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    flex: 1;\n    min-height: 0;\n  }\n\n  .title {\n    font-size: calc(var(--_font-size) + 2px);\n    font-weight: 600;\n    margin: 0 0 8px;\n  }\n\n  .description {\n    color: var(--_text-secondary);\n    margin: 0 0 20px;\n  }\n\n  .description a {\n    color: var(--_accent);\n    text-decoration: underline;\n  }\n\n  .buttons {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .btn {\n    padding: 8px 10px;\n    border-radius: var(--_btn-radius);\n    border: 1px solid var(--_border);\n    background: color-mix(in srgb, var(--_text) 8%, var(--_bg));\n    color: var(--_text);\n    font-family: var(--_font);\n    font-size: var(--_font-size);\n    font-weight: 500;\n    line-height: normal;\n    cursor: pointer;\n    transition: background 0.15s, border-color 0.15s;\n    white-space: nowrap;\n  }\n\n  .btn:hover {\n    opacity: 0.8;\n  }\n\n  .btn-link {\n    background: transparent;\n    border: none;\n    color: var(--_accent);\n    text-decoration: underline;\n    padding: 8px 0;\n  }\n\n  .btn-primary {\n    background: var(--_accent);\n    color: var(--_accent-text);\n    border-color: var(--_accent);\n  }\n\n  .panel-header {\n    padding: 24px;\n    border-bottom: 1px solid var(--_border);\n  }\n\n  .panel-header .description {\n    margin: 0;\n  }\n\n  .panel-header-title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 8px;\n  }\n\n  .panel-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 4px;\n    color: var(--_text-secondary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .panel-close:hover {\n    color: var(--_text);\n  }\n\n  probo-category-list {\n    display: flex;\n    flex-direction: column;\n  }\n\n  probo-preference-panel .footer {\n    border-top: 1px solid var(--_border);\n    padding: 10px 24px;\n  }\n\n  probo-preference-panel .buttons {\n    padding: 10px 0;\n  }\n\n  probo-category {\n    display: block;\n    border-bottom: 1px solid var(--_border);\n    padding: 12px 40px;\n    position: relative;\n  }\n\n  probo-category:last-child {\n    border-bottom: none;\n  }\n\n  .category-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n  }\n\n  .category-info {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .category-name {\n    font-weight: 500;\n  }\n\n  .category-description {\n    color: var(--_text-secondary);\n    font-size: calc(var(--_font-size) - 1px);\n    margin-top: 2px;\n  }\n\n  .toggle {\n    position: relative;\n    display: inline-block;\n    width: 34px;\n    height: 18px;\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n\n  .toggle input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    position: absolute;\n  }\n\n  .toggle-track {\n    position: absolute;\n    inset: 0;\n    background: var(--_border);\n    border-radius: 9px;\n    cursor: pointer;\n    transition: background 0.2s;\n  }\n\n  .toggle-track::after {\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: white;\n    border-radius: 50%;\n    transition: transform 0.2s;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n  }\n\n  .toggle input:checked + .toggle-track {\n    background: var(--_accent);\n  }\n\n  .toggle input:checked + .toggle-track::after {\n    transform: translateX(16px);\n  }\n\n  .toggle input:disabled + .toggle-track {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .cookie-toggle {\n    position: absolute;\n    left: 16px;\n    top: 14px;\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n    margin: 0;\n    color: var(--_text-secondary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .cookie-toggle:hover {\n    color: var(--_accent);\n  }\n\n  .cookie-toggle svg {\n    transition: transform 0.2s;\n    transform: rotate(-90deg);\n  }\n\n  .cookie-toggle.open svg {\n    transform: rotate(0deg);\n  }\n\n  probo-cookie-list {\n    display: flex;\n    flex-direction: column;\n    margin-top: 10px;\n    background: color-mix(in srgb, var(--_text) 4%, var(--_bg));\n    border-radius: 8px;\n    overflow: hidden;\n  }\n\n  .cookie-item {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    padding: 10px 12px;\n    font-size: calc(var(--_font-size) - 2px);\n    border-bottom: 1px solid var(--_border);\n  }\n\n  .cookie-item:last-child {\n    border-bottom: none;\n  }\n\n  .cookie-name {\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-weight: 500;\n    font-family: monospace;\n  }\n\n  .cookie-type {\n    font-size: calc(var(--_font-size) - 3px);\n  }\n\n  .cookie-detail {\n    color: var(--_text);\n    font-weight: 500;\n  }\n\n  .cookie-detail > span:last-child {\n    color: var(--_text-secondary);\n    font-weight: 400;\n  }\n\n  .branding {\n    text-align: center;\n  }\n\n  .branding a {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: calc(var(--_font-size) - 2px);\n    font-weight: 400;\n    color: var(--_text-secondary);\n    text-decoration: none;\n  }\n\n  .branding a:hover {\n    color: var(--_text);\n  }\n\n  .branding svg {\n    flex-shrink: 0;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n";
//# sourceMappingURL=styles.d.ts.map