export declare const DEFAULT_CSS = "\n  :host {\n    display: block;\n    font-family: var(--arswc-font-family-sans, \"Helvetica Neue\", Helvetica, Arial, sans-serif);\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  .overlay {\n    position: fixed;\n    visibility: hidden;\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--ars-dialog-overlay-bg, color-mix(in srgb, var(--arswc-color-text, #000) 35%, transparent));\n    z-index: var(--ars-dialog-z-index, 1000);\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    backdrop-filter: var(--ars-dialog-backdrop-filter, none);\n  }\n\n  .body {\n    position: relative;\n    max-width: var(--ars-dialog-max-width, 80vw);\n    min-width: var(--ars-dialog-min-width, 320px);\n    min-height: var(--ars-dialog-min-height, 150px);\n    max-height: var(--ars-dialog-max-height, 80vh);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    background: var(--ars-dialog-bg, var(--arswc-color-bg, #ffffff));\n    border-radius: var(--ars-dialog-border-radius, var(--arswc-radius-md, 12px));\n    box-shadow: var(--ars-dialog-shadow, var(--arswc-shadow-sm, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)));\n    border: var(--ars-dialog-border, none);\n    cursor: default;\n    transform: scale(0.95);\n    opacity: 0;\n    transition: all 0.2s ease-out;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  .overlay[style*=\"visible\"] .body {\n    transform: scale(1);\n    opacity: 1;\n  }\n\n  .dialog-close {\n    position: absolute; top: 12px; right: 16px;\n    background: none; border: none; cursor: pointer;\n    color: var(--ars-dialog-close-color, var(--arswc-color-muted, #6b7280));\n    font-size: 1.2rem; padding: 4px 8px; border-radius: 6px;\n    line-height: 1; z-index: 1;\n    transition: all 0.15s ease;\n  }\n  .dialog-close:hover {\n    background: var(--ars-dialog-close-hover-bg, var(--arswc-color-surface-hover, #f3f4f6));\n    color: var(--ars-dialog-close-hover-color, var(--arswc-color-text, #1f2937));\n  }\n\n  .title {\n    width: 100%;\n    padding: var(--ars-dialog-title-padding, 24px 24px 0 24px);\n    font-size: var(--ars-dialog-title-font-size, 1.25rem);\n    font-weight: var(--ars-dialog-title-font-weight, 600);\n    color: var(--ars-dialog-title-color, var(--arswc-color-text, #1f2937));\n    background: var(--ars-dialog-title-bg, transparent);\n    border-bottom: var(--ars-dialog-title-border, none);\n    border-radius: var(--ars-dialog-border-radius, var(--arswc-radius-md, 12px)) var(--ars-dialog-border-radius, var(--arswc-radius-md, 12px)) 0 0;\n  }\n\n  .content {\n    flex: 1;\n    width: 100%;\n    max-width: 100%;\n    padding: var(--ars-dialog-content-padding, 24px);\n    overflow-y: auto;\n    color: var(--ars-dialog-content-color, var(--arswc-color-muted, #4b5563));\n    line-height: var(--ars-dialog-content-line-height, 1.6);\n    box-sizing: border-box;\n  }\n\n  .footer {\n    width: 100%;\n    box-sizing: border-box;\n    padding: var(--ars-dialog-footer-padding, 0 24px 24px 24px);\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: var(--ars-dialog-footer-justify, flex-end);\n    align-items: center;\n    gap: var(--ars-dialog-footer-gap, 12px);\n    background: var(--ars-dialog-footer-bg, transparent);\n    border-top: var(--ars-dialog-footer-border, none);\n    border-radius: 0 0 var(--ars-dialog-border-radius, var(--arswc-radius-md, 12px)) var(--ars-dialog-border-radius, var(--arswc-radius-md, 12px));\n    min-width: 0;\n  }\n\n  .footer button {\n    min-width: var(--ars-dialog-button-min-width, 80px);\n    padding: var(--ars-dialog-button-padding, 8px 16px);\n    border-radius: var(--ars-dialog-button-border-radius, var(--arswc-radius-sm, 6px));\n    font-size: var(--ars-dialog-button-font-size, 0.875rem);\n    font-weight: var(--ars-dialog-button-font-weight, 500);\n    cursor: pointer;\n    transition: all 0.2s ease;\n    border: none;\n    outline: none;\n  }\n\n  .footer button:focus {\n    box-shadow: var(--ars-dialog-button-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--arswc-color-accent, #3b82f6) 50%, transparent));\n  }\n\n  /* Primary button (Yes/OK) */\n  .footer button:first-child {\n    background: var(--ars-dialog-primary-button-bg, var(--arswc-color-accent, #3b82f6));\n    color: var(--ars-dialog-primary-button-color, var(--arswc-color-accent-contrast, #ffffff));\n    border: var(--ars-dialog-primary-button-border, 1px solid var(--arswc-color-accent, #3b82f6));\n  }\n\n  .footer button:first-child:hover {\n    background: var(--ars-dialog-primary-button-hover-bg, var(--arswc-color-accent, #2563eb));\n    border-color: var(--ars-dialog-primary-button-hover-border, var(--arswc-color-accent, #2563eb));\n    transform: translateY(-1px);\n  }\n\n  /* Secondary button (No/Cancel) */\n  .footer button:last-child {\n    background: var(--ars-dialog-secondary-button-bg, transparent);\n    color: var(--ars-dialog-secondary-button-color, var(--arswc-color-muted, #6b7280));\n    border: var(--ars-dialog-secondary-button-border, 1px solid var(--arswc-color-border, #d1d5db));\n  }\n\n  .footer button:last-child:hover {\n    background: var(--ars-dialog-secondary-button-hover-bg, var(--arswc-color-surface, #f9fafb));\n    border-color: var(--ars-dialog-secondary-button-hover-border, var(--arswc-color-border, #9ca3af));\n    color: var(--ars-dialog-secondary-button-hover-color, var(--arswc-color-text, #374151));\n  }\n\n  /* Form elements styling */\n  input,\n  select,\n  textarea {\n    width: 100%;\n    max-width: 100%;\n    padding: var(--ars-dialog-input-padding, 8px 12px);\n    margin: var(--ars-dialog-input-margin, 4px 0 8px 0);\n    border: var(--ars-dialog-input-border, 1px solid var(--arswc-color-border, #d1d5db));\n    border-radius: var(--ars-dialog-input-border-radius, var(--arswc-radius-sm, 6px));\n    font-size: var(--ars-dialog-input-font-size, 0.875rem);\n    font-family: inherit;\n    background: var(--ars-dialog-input-bg, var(--arswc-color-bg, #ffffff));\n    color: var(--ars-dialog-input-color, var(--arswc-color-text, #374151));\n    box-sizing: border-box;\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  input:focus,\n  select:focus,\n  textarea:focus {\n    border-color: var(--ars-dialog-input-focus-border, var(--arswc-color-accent, #3b82f6));\n    outline: none;\n    box-shadow: var(--ars-dialog-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--arswc-color-accent, #3b82f6) 15%, transparent));\n  }\n\n  textarea {\n    min-height: var(--ars-dialog-textarea-min-height, 80px);\n    max-height: var(--ars-dialog-textarea-max-height, 200px);\n    resize: vertical;\n    line-height: 1.4;\n  }\n\n  label {\n    display: block;\n    font-weight: var(--ars-dialog-label-font-weight, 500);\n    font-size: var(--ars-dialog-label-font-size, 0.875rem);\n    color: var(--ars-dialog-label-color, var(--arswc-color-text, #374151));\n    margin: var(--ars-dialog-label-margin, 12px 0 4px 0);\n  }\n\n  label:first-child {\n    margin-top: 0;\n  }\n\n  /* Range slider styling */\n  input[type=\"range\"] {\n    width: 100%;\n    height: 6px;\n    border-radius: var(--ars-dialog-range-border-radius, var(--arswc-radius-sm, 3px));\n    background: var(--ars-dialog-range-bg, var(--arswc-color-border, #e5e7eb));\n    outline: none;\n    padding: 0;\n    margin: 8px 0;\n  }\n\n  input[type=\"range\"]::-webkit-slider-thumb {\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: var(--ars-dialog-range-thumb-bg, var(--arswc-color-accent, #3b82f6));\n    cursor: pointer;\n    border: 2px solid var(--arswc-color-bg, #ffffff);\n    box-shadow: var(--ars-dialog-range-thumb-shadow, var(--arswc-shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.1)));\n  }\n\n  input[type=\"range\"]::-moz-range-thumb {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: var(--ars-dialog-range-thumb-bg, var(--arswc-color-accent, #3b82f6));\n    cursor: pointer;\n    border: 2px solid var(--arswc-color-bg, #ffffff);\n    box-shadow: var(--ars-dialog-range-thumb-shadow, var(--arswc-shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.1)));\n  }\n\n  /* Form layout helpers */\n  .form-row {\n    display: flex;\n    align-items: center;\n    gap: var(--ars-dialog-form-gap, 12px);\n    margin-bottom: var(--ars-dialog-form-row-margin, 8px);\n  }\n\n  .form-row label {\n    margin: 0;\n    min-width: auto;\n    flex-shrink: 0;\n  }\n\n  .form-row input[type=\"range\"] {\n    flex: 1;\n    margin: 0;\n  }\n\n  .form-row .range-value {\n    font-weight: 600;\n    color: var(--ars-dialog-range-value-color, var(--arswc-color-accent, #3b82f6));\n    min-width: 30px;\n    text-align: center;\n  }\n\n  /* Select dropdown styling */\n  select {\n    cursor: pointer;\n    -webkit-appearance: none;\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n    background-position: right 8px center;\n    background-repeat: no-repeat;\n    background-size: 16px;\n    padding-right: 32px;\n  }\n\n  /* Checkboxes and other elements */\n  ul {\n    list-style: none;\n    padding: 0;\n    margin: 8px 0;\n  }\n\n  li {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n    font-size: 0.875rem;\n  }\n\n  /* Responsive design */\n  @media (max-width: 640px) {\n    .body {\n      max-width: 95vw;\n      min-width: 280px;\n      margin: 20px;\n    }\n\n    .title,\n    .content,\n    .footer {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n\n\n    .footer button {\n      width: 100%;\n      min-width: auto;\n    }\n  }\n";