.cooked [data-color],.d-editor-preview [data-color]{color:var(--color)}.cooked [data-bgcolor],.d-editor-preview [data-bgcolor]{background-color:var(--bgcolor);padding:2px 3px 2px 3px;border-radius:2px}.color-picker-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:999999}.color-picker-modal .color-picker-content{background:var(--secondary);border-radius:8px;padding:20px;max-width:400px;width:90%;box-shadow:0 4px 20px rgba(0,0,0,.3)}.color-picker-modal .color-picker-content h3{margin:0 0 20px 0;color:var(--primary);font-size:1.2em}.color-picker-modal .color-picker-content .color-section{margin-bottom:20px}.color-picker-modal .color-picker-content .color-section label{display:block;margin-bottom:8px;font-weight:bold;color:var(--primary)}.color-picker-modal .color-picker-content .color-section .color-options{display:flex;flex-direction:column;gap:10px}.color-picker-modal .color-picker-content .color-section .color-options input[type=color]{width:60px;height:40px;border:2px solid var(--primary-low);border-radius:4px;cursor:pointer;background:none}.color-picker-modal .color-picker-content .color-section .color-options .preset-colors{display:flex;gap:8px;flex-wrap:wrap}.color-picker-modal .color-picker-content .color-section .color-options .preset-colors .color-preset{width:30px;height:30px;border-radius:4px;cursor:pointer;border:2px solid var(--primary-low);transition:transform .2s}.color-picker-modal .color-picker-content .color-section .color-options .preset-colors .color-preset:hover{transform:scale(1.1)}.color-picker-modal .color-picker-content .color-section .color-options .preset-colors .color-preset:active{transform:scale(0.95)}.color-picker-modal .color-picker-content .preview-section{margin-bottom:20px}.color-picker-modal .color-picker-content .preview-section label{display:block;margin-bottom:8px;font-weight:bold;color:var(--primary)}.color-picker-modal .color-picker-content .preview-section .color-preview{padding:8px 12px;border-radius:4px;border:1px solid var(--primary-low);text-align:center;font-weight:bold}.color-picker-modal .color-picker-content .button-section{display:flex;gap:10px;justify-content:flex-end}.color-picker-modal .color-picker-content .button-section button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:bold;transition:opacity .2s}.color-picker-modal .color-picker-content .button-section button:hover{opacity:.8}.color-picker-modal .color-picker-content .button-section button.btn-primary{background-color:var(--tertiary);color:var(--secondary)}.color-picker-modal .color-picker-content .button-section button.btn-secondary{background-color:var(--primary-low);color:var(--primary)}
/*# sourceMappingURL=common_theme_11_1ed11f6c169a22811c599f4cabe84111069df23c.css.map?__ws=fungps01.com */