{"version":3,"file":"shared-styles.mjs","sources":["../../../../packages/components/src/subject/shared-styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const subjectControlResetStyles = css`\n  *, ::before, ::after { box-sizing: border-box; }\n  input[type=\"radio\"], input[type=\"checkbox\"] { margin: 0; }\n`\n\nexport const subjectHostStyles = css`\n  :host {\n    display: block;\n    font-family: inherit;\n    font-size: 12px;\n    --qxs-subject-color-primary: var(--qxs-color-primary, #3D61E3);\n    --qxs-subject-color-primary-hover: var(--qxs-color-primary-hover, #2D4CB8);\n    --qxs-subject-color-success: var(--qxs-color-success, #67c23a);\n    --qxs-subject-color-warning: var(--qxs-color-warning, #e6a23c);\n    --qxs-subject-color-danger: var(--qxs-color-danger, #f56c6c);\n    --qxs-subject-color-danger-hover: var(--qxs-color-danger-hover, #e05252);\n    --qxs-subject-color-info: var(--qxs-color-info, #909399);\n    --qxs-subject-text-primary: var(--qxs-text-color-primary, #303133);\n    --qxs-subject-text-regular: var(--qxs-text-color-regular, #606266);\n    --qxs-subject-text-secondary: var(--qxs-text-color-secondary, #909399);\n    --qxs-subject-text-placeholder: var(--qxs-text-color-placeholder, #a8abb2);\n    --qxs-subject-text-disabled: var(--qxs-text-color-disabled, #c0c4cc);\n    --qxs-subject-text-muted: var(--qxs-subject-text-muted, #8b95a7);\n    --qxs-subject-text-soft: var(--qxs-subject-text-soft, #6b7280);\n    --qxs-subject-border: var(--qxs-border-color, #dcdfe6);\n    --qxs-subject-border-light: var(--qxs-border-color-light, #e4e7ed);\n    --qxs-subject-border-lighter: var(--qxs-border-color-lighter, #ebeef5);\n    --qxs-subject-border-extra-light: var(--qxs-border-color-extra-light, #f2f6fc);\n    --qxs-subject-border-strong: var(--qxs-subject-border-strong, #d6deea);\n    --qxs-subject-fill-blank: var(--qxs-fill-color-blank, #fff);\n    --qxs-subject-fill-light: var(--qxs-fill-color-light, #f5f7fa);\n    --qxs-subject-fill-lighter: var(--qxs-fill-color-lighter, #fafcff);\n    --qxs-subject-fill-extra-light: var(--qxs-fill-color-extra-light, #fafcff);\n    --qxs-subject-fill-dark: var(--qxs-fill-color-dark, #ebeef5);\n    --qxs-subject-fill-soft-primary: var(--qxs-subject-fill-soft-primary, #ecf5ff);\n    --qxs-subject-fill-soft-primary-hover: var(--qxs-subject-fill-soft-primary-hover, #f8fbff);\n    --qxs-subject-fill-soft-primary-border: var(--qxs-subject-fill-soft-primary-border, #d9ecff);\n    --qxs-subject-fill-soft-primary-border-strong: var(--qxs-subject-fill-soft-primary-border-strong, #bfd1ff);\n    --qxs-subject-fill-soft-success: var(--qxs-subject-fill-soft-success, #f0f9eb);\n    --qxs-subject-fill-soft-success-border: var(--qxs-subject-fill-soft-success-border, #c2e7b0);\n    --qxs-subject-fill-soft-warning: var(--qxs-subject-fill-soft-warning, #fdf6ec);\n    --qxs-subject-fill-soft-warning-border: var(--qxs-subject-fill-soft-warning-border, #faecd8);\n    --qxs-subject-fill-soft-danger: var(--qxs-subject-fill-soft-danger, #fef0f0);\n    --qxs-subject-fill-soft-danger-border: var(--qxs-subject-fill-soft-danger-border, #fde2e2);\n    --qxs-subject-fill-soft-info: var(--qxs-color-info-light-9, #f4f4f5);\n    --qxs-subject-fill-soft-info-border: var(--qxs-subject-fill-soft-info-border, #e9e9eb);\n    --qxs-subject-shadow-soft: 0 8px 20px rgba(0, 0, 0, .12);\n    --qxs-subject-shadow-primary: 0 8px 20px rgba(61, 97, 227, .12);\n    color: var(--qxs-subject-text-regular, #606266);\n  }\n`\n\nexport const subjectPreviewBaseStyles = css`\n  .preview { padding: 10px 0 4px; }\n  .preview-header { display: flex; flex-direction: column; gap: 12px; }\n  .preview-title-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; }\n  .preview .title { font-size: 16px; line-height: 1.75; font-weight: 600; color: var(--qxs-subject-text-primary, #303133); }\n  .preview-type { font-size: 12px; line-height: 1.4; font-weight: 600; color: var(--qxs-subject-text-muted, #8b95a7); letter-spacing: 0.02em; }\n  .preview .rich-text { font-size: 14px; line-height: 1.8; color: var(--qxs-subject-text-soft, #4b5563); }\n  .preview .rich-text p { margin: 0; }\n  .preview .rich-text p + p { margin-top: 0.75em; }\n  .preview .rich-text img { max-width: 100%; }\n  .preview .rich-text img[data-align=\"left\"] { display: block !important; margin: 0 auto 0 0 !important; }\n  .preview .rich-text img[data-align=\"center\"] { display: block !important; margin: 0 auto !important; }\n  .preview .rich-text img[data-align=\"right\"] { display: block !important; margin: 0 0 0 auto !important; }\n  .preview-section { margin-top: 18px; }\n  .preview-section-label { font-size: 12px; line-height: 1.4; font-weight: 600; color: var(--qxs-subject-text-muted, #8b95a7); }\n  .preview-section-body { margin-top: 8px; }\n`\n\nexport const subjectFormBaseStyles = css`\n  .label { min-width: 72px; font-size: 12px; line-height: 1.4; font-weight: 600; color: var(--qxs-subject-text-muted, #8b95a7); letter-spacing: 0.02em; }\n\n  .edit-form { display: flex; flex-direction: column; gap: 16px; }\n  .edit-row,\n  .section-row {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    margin-top: 0;\n  }\n  .edit-row .label,\n  .section-row .label {\n    padding-top: 8px;\n  }\n  .row-body {\n    flex: 1;\n    min-width: 0;\n  }\n`\n\nexport const subjectTextareaStyles = css`\n  textarea {\n    border: 1px solid var(--qxs-subject-border, #dcdfe6);\n    border-radius: 6px;\n    padding: 7px 11px;\n    font-size: 13px;\n    font-family: inherit;\n    width: 100%;\n    resize: none;\n    transition: border-color .2s;\n    line-height: 1.5;\n    display: block;\n    box-sizing: border-box;\n  }\n  textarea:focus { border-color: var(--qxs-subject-color-primary, #3D61E3); outline: none; }\n  textarea:disabled { background: var(--qxs-subject-fill-light, #f5f7fa); color: var(--qxs-subject-text-disabled, #c0c4cc); cursor: not-allowed; }\n\n  .el-input { position: relative; display: block; }\n  .el-input textarea { padding-bottom: 24px; }\n  .el-input .char-counter {\n    position: absolute;\n    right: 12px;\n    bottom: 8px;\n    font-size: 12px;\n    color: var(--qxs-subject-text-secondary, #909399);\n    line-height: 1;\n    pointer-events: none;\n  }\n`\n"],"names":["subjectControlResetStyles","css","subjectHostStyles","subjectPreviewBaseStyles","subjectFormBaseStyles","subjectTextareaStyles"],"mappings":"0BAEO,MAAMA,EAA4BC;AAAA;AAAA;AAAA,EAK5BC,EAAoBD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+CpBE,EAA2BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB3BG,EAAwBH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBxBI,EAAwBJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}