.pattern-color-section[data-v-d464b628]{width:100%}.pattern-color-section .panel-title-row[data-v-d464b628]{align-items:center;display:flex;height:40px;justify-content:space-between;margin-top:20px}.pattern-color-section .panel-title-row .panel-title[data-v-d464b628]{color:#303133;font-size:14px;font-weight:500;margin:0}.pattern-color-section .pattern-color-options[data-v-d464b628]{display:flex;flex-direction:column}.pattern-color-section .pattern-color-options .option-card[data-v-d464b628]{align-items:center;background:#fcfcfc;border:1px solid rgba(49,52,57,.06);cursor:pointer;display:flex;gap:8px;padding:14px 12px}.pattern-color-section .pattern-color-options .option-card.option-top[data-v-d464b628]{border-bottom:none;border-radius:8px 8px 0 0}.pattern-color-section .pattern-color-options .option-card.option-bottom[data-v-d464b628]{align-items:flex-start;border-radius:0 0 8px 8px;flex-direction:column}.pattern-color-section .pattern-color-options .option-card.option-bottom .option-header[data-v-d464b628]{align-items:center;display:flex;gap:8px;width:100%}.pattern-color-section .pattern-color-options .option-card .radio-circle[data-v-d464b628]{background:#fff;border:1px solid rgba(49,52,57,.16);border-radius:50%;box-sizing:border-box;flex-shrink:0;height:16px;transition:border-color .2s ease;width:16px}.pattern-color-section .pattern-color-options .option-card .radio-circle .radio-dot[data-v-d464b628]{display:none}.pattern-color-section .pattern-color-options .option-card:hover .radio-circle[data-v-d464b628]{border-color:#3134398c}.pattern-color-section .pattern-color-options .option-card.selected .radio-circle[data-v-d464b628],.pattern-color-section .pattern-color-options .option-card.selected:hover .radio-circle[data-v-d464b628]{border:5px solid #3083ff}.pattern-color-section .pattern-color-options .option-card .option-label[data-v-d464b628]{color:#313439d9;font-size:14px;font-weight:400;line-height:20px}.pattern-color-section .pattern-color-options .option-card .custom-color-input[data-v-d464b628]{margin-top:12px;width:100%}.pattern-color-section .pattern-color-options .option-card .custom-color-input .color-input-wrapper[data-v-d464b628]{align-items:center;background:#fff;border:1px solid rgba(49,52,57,.06);border-radius:8px;display:flex;gap:4px;padding-right:8px}.pattern-color-section .pattern-color-options .option-card .custom-color-input .color-input-wrapper .color-block-container[data-v-d464b628]{padding:8px}.pattern-color-section .pattern-color-options .option-card .custom-color-input .color-input-wrapper .color-block-container .color-block[data-v-d464b628]{border:1px solid rgba(49,52,57,.12);border-radius:6px;cursor:pointer;height:24px;width:24px}.pattern-color-section .pattern-color-options .option-card .custom-color-input .color-input-wrapper input[data-v-d464b628]{background:transparent;border:none;color:#313439d9;flex:1;font-size:14px;line-height:22px;outline:none}.pattern-color-section .pattern-color-options .option-card .custom-color-input .color-input-wrapper input[data-v-d464b628]::-moz-placeholder{color:#31343966}.pattern-color-section .pattern-color-options .option-card .custom-color-input .color-input-wrapper input[data-v-d464b628]::placeholder{color:#31343966}