@keyframes animateActiveCardSideOutliner{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomIAndnOut{25%{scale:.98}75%{scale:1.01}}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes errorShakeIcononInputField{0%{transform:translate(40%,-100%)}20%{transform:translate(50%,-100%)}40%{transform:translate(30%,-100%)}60%{transform:translate(45%,-100%)}80%{transform:translate(35%,-100%)}to{transform:translate(40%,-100%)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideExpand{0%{transform:translate(0);width:20px}30%{transform:translate(6px);width:28px}70%{transform:translate(14px);width:24px}to{transform:translate(20px);width:20px}}@keyframes slideShrink{0%{transform:translate(20px);width:20px}30%{transform:translate(14px);width:28px}70%{transform:translate(6px);width:24px}to{transform:translate(0);width:20px}}.cp{width:100%;border-radius:14px;box-shadow:0 6px 24px #0000001f}.cp.full-width{width:100%;box-shadow:none}.cp .cp-sv{position:relative;width:100%;height:160px;border-radius:12px;overflow:hidden;touch-action:none}.cp .cp-sv-white{position:absolute;inset:0;background:linear-gradient(to right,#fff,#fff0)}.cp .cp-sv-black{position:absolute;inset:0;background:linear-gradient(to top,#000,#0000)}.cp .cp-hue{position:relative;margin-top:10px;height:18px;border-radius:999px;overflow:hidden;touch-action:none}.cp .cp-hue-grad{position:absolute;inset:0;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp .cp-thumb{position:absolute;width:18px;height:18px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00000059;transform:translate(-50%,-50%);pointer-events:none}.cp .cp-thumb--hue{top:50%}.cp .cp-row{display:flex;gap:8px;align-items:center;margin-top:12px}.cp .cp-row .cp-dropper{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;place-items:center;cursor:pointer}@media (min-width: 0px){.cp .cp-row .cp-dropper{display:none}}@media (min-width: 760px){.cp .cp-row .cp-dropper{display:flex}}.cp .cp-row .cp-dropper i svg{width:16px;height:16px}.cp .cp-row .current-color{display:flex;width:100%;align-items:center;gap:10px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;height:34px}.cp .cp-row .current-color .cp-swatch{width:22px;height:22px;aspect-ratio:1;border-radius:999px;border:1px solid rgba(0,0,0,.15)}.cp .cp-row .current-color .cp-input{max-width:80px;outline:none;border:none;background-color:transparent;font:500 13px/28px ui-sans-serif,system-ui}.cp .cp-row .current-color .cp-input:focus-within{outline:none}@keyframes animateActiveCardSideOutliner-c98c455a{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomIAndnOut-c98c455a{25%{scale:.98}75%{scale:1.01}}@keyframes popIn-c98c455a{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes errorShakeIcononInputField-c98c455a{0%{transform:translate(40%,-100%)}20%{transform:translate(50%,-100%)}40%{transform:translate(30%,-100%)}60%{transform:translate(45%,-100%)}80%{transform:translate(35%,-100%)}to{transform:translate(40%,-100%)}}@keyframes slideDown-c98c455a{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideExpand-c98c455a{0%{transform:translate(0);width:20px}30%{transform:translate(6px);width:28px}70%{transform:translate(14px);width:24px}to{transform:translate(20px);width:20px}}@keyframes slideShrink-c98c455a{0%{transform:translate(20px);width:20px}30%{transform:translate(14px);width:28px}70%{transform:translate(6px);width:24px}to{transform:translate(0);width:20px}}.preset-colors-container[data-v-c98c455a]{height:fit-content}.preset-colors-container .preset-grid[data-v-c98c455a]{display:flex;flex-basis:24px;flex-wrap:wrap;gap:10px}.preset-colors-container .preset-grid .preset-color[data-v-c98c455a]{position:relative;aspect-ratio:1;border:2px solid #fff;border-radius:32px;box-shadow:0 1px 3px #0003;transition:all .35s ease-out;cursor:pointer}.preset-colors-container .preset-grid .preset-color[data-v-c98c455a]:hover{transform:scale(1.1);z-index:1}.preset-colors-container .preset-grid .preset-color.is-selected[data-v-c98c455a]{transform:scale(1.1);box-shadow:0 0 0 2px #e65e5e,0 2px 6px #0000004d;z-index:2}.preset-colors-container .preset-grid .preset-color.add-color[data-v-c98c455a]{background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#666;padding:8px}.preset-colors-container .preset-grid .preset-color.add-color[data-v-c98c455a]:hover{background:#e0e0e0}.preset-colors-container .add-color-picker[data-v-c98c455a]{margin-top:16px;padding:16px;background:#f9f9f9;border:1px solid #e0e0e0}.preset-colors-container .add-color-picker .add-color-actions[data-v-c98c455a]{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.preset-colors-container .reset-presets-btn[data-v-c98c455a]{display:flex;align-items:center;gap:6px;background:none;border:none;color:#666;font-size:12px;padding:4px 8px;border-radius:16px;cursor:pointer}.preset-colors-container .reset-presets-btn[data-v-c98c455a]:hover{background:#f0f0f0;color:#333}.preset-colors-container .reset-presets-btn i[data-v-c98c455a]{font-size:14px}.btn[data-v-c98c455a]{border:1px solid #ddd;border-radius:16px;background:#fff;font-size:12px;width:40px;height:40px;transition:all .35s ease-out;cursor:pointer}.btn-primary[data-v-c98c455a]{background:#e65e5e;color:#fff;border-color:#e65e5e}.btn-primary[data-v-c98c455a]:hover{opacity:.9}.btn-secondary[data-v-c98c455a]{background:#f5f5f5;color:#333}.btn-secondary[data-v-c98c455a]:hover{background:#e0e0e0}@keyframes animateActiveCardSideOutliner-e94209b4{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomIAndnOut-e94209b4{25%{scale:.98}75%{scale:1.01}}@keyframes popIn-e94209b4{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes errorShakeIcononInputField-e94209b4{0%{transform:translate(40%,-100%)}20%{transform:translate(50%,-100%)}40%{transform:translate(30%,-100%)}60%{transform:translate(45%,-100%)}80%{transform:translate(35%,-100%)}to{transform:translate(40%,-100%)}}@keyframes slideDown-e94209b4{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideExpand-e94209b4{0%{transform:translate(0);width:20px}30%{transform:translate(6px);width:28px}70%{transform:translate(14px);width:24px}to{transform:translate(20px);width:20px}}@keyframes slideShrink-e94209b4{0%{transform:translate(20px);width:20px}30%{transform:translate(14px);width:28px}70%{transform:translate(6px);width:24px}to{transform:translate(0);width:20px}}.card-bg-color .card-bg-controls .control-section[data-v-e94209b4]{margin-bottom:30px}.card-bg-color .card-bg-controls .control-section.quick-actions[data-v-e94209b4]{display:flex;flex-direction:column;gap:8px}