{"version":3,"file":"shared-styles.cjs","sources":["../../../../packages/components-wc/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    color: #5a5a5a;\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: #303133; }\n  .preview-type { font-size: 12px; line-height: 1.4; font-weight: 600; color: #8b95a7; letter-spacing: 0.02em; }\n  .preview .rich-text { font-size: 14px; line-height: 1.8; color: #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: #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: #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 #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: #3D61E3; outline: none; }\n  textarea:disabled { background: #f5f7fa; color: #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: #909399;\n    line-height: 1;\n    pointer-events: none;\n  }\n`\n"],"names":["subjectControlResetStyles","css","subjectHostStyles","subjectPreviewBaseStyles","subjectFormBaseStyles","subjectTextareaStyles"],"mappings":"kCAEO,MAAMA,EAA4BC,EAAAA,GAAA;;;EAK5BC,EAAoBD,EAAAA,GAAA;;;;;;;EASpBE,EAA2BF,EAAAA,GAAA;;;;;;;;;;;;;;;;EAkB3BG,EAAwBH,EAAAA,GAAA;;;;;;;;;;;;;;;;;;;EAqBxBI,EAAwBJ,EAAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}