.typography{width:100%;padding-bottom:400px}.typography h3{margin:0 0 20px}.typography .font-controls-container{display:flex;width:100%}.typography .font-controls-container .title{font-size:14px}.typography .font-controls-container{position:relative;display:grid;align-items:center;background-color:#e0e0e00d;padding:8px 0;gap:10px;transition:all .35s ease-out;z-index:1}@media (min-width: 0px){.typography .font-controls-container{grid-template-columns:50fr 12fr 4fr 4fr}}@media (min-width: 990px){.typography .font-controls-container{grid-template-columns:50fr 26fr 8fr 8fr}}.typography .font-controls-container:hover:before{content:"";position:absolute;inset:2px -8px;background-color:#e0e0e0bf;border-radius:8px;z-index:-1}.typography .font-controls-container:hover .font-size-indicator,.typography .font-controls-container:hover .font-weight-indicator{color:#ff0000d9}.typography .font-controls-container .btn{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:40px;aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none}.typography .font-controls-container .btn:first-of-type{margin-right:6px}.typography .font-controls-container .btn svg{scale:2.5}.typography .font-controls-container .font-size-indicator,.typography .font-controls-container .font-weight-indicator{display:flex;justify-content:center;align-items:center;min-width:26px;font-size:14px;font-weight:500;color:#000;transition:all .35s ease-out}.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-9bd472b0{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut-9bd472b0{0%{scale:.97}to{scale:1}}.preset-colors-container[data-v-9bd472b0]{height:fit-content}.preset-colors-container .preset-grid[data-v-9bd472b0]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding-inline:6px}@media (min-width: 0px){.preset-colors-container .preset-grid[data-v-9bd472b0]{grid-template-columns:repeat(8,1fr)}}@media (min-width: 560px){.preset-colors-container .preset-grid[data-v-9bd472b0]{grid-template-columns:repeat(10,1fr)}}@media (min-width: 760px){.preset-colors-container .preset-grid[data-v-9bd472b0]{grid-template-columns:repeat(12,1fr)}}@media (min-width: 990px){.preset-colors-container .preset-grid[data-v-9bd472b0]{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1200px){.preset-colors-container .preset-grid[data-v-9bd472b0]{grid-template-columns:repeat(8,1fr)}}.preset-colors-container .preset-grid .preset-color[data-v-9bd472b0]{position:relative;width:100%;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-9bd472b0]:hover{transform:scale(1.1);z-index:1}.preset-colors-container .preset-grid .preset-color.is-selected[data-v-9bd472b0]{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-9bd472b0]{background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#666}.preset-colors-container .preset-grid .preset-color.add-color[data-v-9bd472b0]:hover{background:#e0e0e0}.preset-colors-container .add-color-picker[data-v-9bd472b0]{margin-top:16px;padding:16px;background:#f9f9f9;border:1px solid #e0e0e0}.preset-colors-container .add-color-picker .add-color-actions[data-v-9bd472b0]{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.preset-colors-container .reset-presets-btn[data-v-9bd472b0]{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-9bd472b0]:hover{background:#f0f0f0;color:#333}.preset-colors-container .reset-presets-btn i[data-v-9bd472b0]{font-size:14px}.btn[data-v-9bd472b0]{padding:6px;border:1px solid #ddd;border-radius:16px;background:#fff;font-size:12px;transition:all .2s ease;cursor:pointer}.btn-primary[data-v-9bd472b0]{background:#e65e5e;color:#fff;border-color:#e65e5e}.btn-primary[data-v-9bd472b0]:hover{opacity:.9}.btn-secondary[data-v-9bd472b0]{background:#f5f5f5;color:#333}.btn-secondary[data-v-9bd472b0]:hover{background:#e0e0e0}@keyframes animateActiveCardSideOutliner-541fcad2{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut-541fcad2{0%{scale:.97}to{scale:1}}.card-bg-color .card-bg-controls .control-section[data-v-541fcad2]{margin-bottom:30px}.card-bg-color .card-bg-controls .control-section.quick-actions[data-v-541fcad2]{display:flex;flex-direction:column;gap:8px}@keyframes animateActiveCardSideOutliner-89a82cb9{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut-89a82cb9{0%{scale:.97}to{scale:1}}button.btn.toggle-text i[data-v-89a82cb9]{rotate:90deg!important}.copy-style-btn.btn.activated{border:1px solid rgba(255,0,0,.85)}.copy-style-btn.btn.activated .btn-title{color:red}.copy-style-btn.btn.activated svg{fill:#ff0000d9}.copy-style-btn.btn.activated:hover svg{fill:#ff0000d9!important}.card-image-upload{display:flex;flex-grow:1;flex-direction:column;width:100%;margin-bottom:400px}.card-image-upload .controls{margin-bottom:15px}.card-image-upload .upload-section{display:flex;flex-direction:column;gap:20px;align-items:center;margin:0 auto;padding:20px 10px;border:2px dashed black;border-radius:8px}.card-image-upload .image-upload-group{display:flex;flex-direction:column;width:100%;gap:15px;border-radius:8px}.card-image-upload .image-upload-group:hover{border-color:#007bff}.card-image-upload .input-label{display:flex;margin-bottom:5px;font-weight:500;color:#555;font-size:.9em}.card-image-upload .upload-btn{width:100%}.card-image-upload .file-input{display:none}.card-image-upload .url-section{position:relative;display:flex;width:100%;height:32px;flex-direction:column;align-items:center;gap:10px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 14px 2px #0000000d;overflow:hidden}.card-image-upload .url-section:focus-within{border:1px solid black}.card-image-upload .url-section .url-input{display:flex;width:100%;height:100%;padding-left:6px;font-size:14px;border:none}.card-image-upload .url-section .url-input:focus{outline:none;border:none}.card-image-upload .url-section .load-btn{position:absolute;right:0;border:none;height:100%;border-radius:0 4px 4px 0}.card-image-upload .buttons-container{display:flex;gap:10px;justify-content:space-between;margin-top:40px}@media (min-width: 990px){.card-image-upload .buttons-container{flex-direction:column}}@media (min-width: 1500px){.card-image-upload .buttons-container{flex-direction:row}}.card-image-upload .buttons-container .toggle-section{box-shadow:0 4px 14px 2px #0000000d}.card-image-upload .buttons-container .clear-all-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-weight:500;transition:all .3s ease;cursor:pointer}.card-image-upload .buttons-container .clear-all-btn:hover{background:#5a6268;transform:translateY(-1px)}.card-image-upload .error-message{padding:12px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;text-align:center;margin-top:10px}.card-image-upload .loading-message{padding:12px;background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;border-radius:6px;text-align:center;margin-top:10px}@keyframes animateActiveCardSideOutliner{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut{0%{scale:.97}to{scale:1}}.open-card-bg-color.btn .swatch{display:flex;justify-content:center;align-items:center;width:22px;aspect-ratio:1;background-color:#fff}@media (min-width: 0px){.open-card-bg-color.btn .swatch.mobile{display:flex}}@media (min-width: 990px){.open-card-bg-color.btn .swatch.mobile{display:none}}@media (min-width: 0px){.open-card-bg-color.btn .swatch.desktop{display:none}}@media (min-width: 990px){.open-card-bg-color.btn .swatch.desktop{display:flex}}.open-card-bg-color.btn .swatch i svg{width:14px;height:14px;stroke:#fff;stroke-width:20}.open-card-bg-color.btn.active:hover .swatch i svg{fill:#000}.open-card-bg-color.btn.active .swatch i svg{fill:#000}.open-card-bg-color.btn{display:flex;border:1px solid #8a8a8a;box-shadow:none}@media screen and (min-width: 760px){.open-card-bg-color.btn{display:flex;justify-content:start;width:100%;padding:6px 14px;align-self:left;border:1px solid transparent}.open-card-bg-color.btn:hover{background-color:#d7d7d7}.open-card-bg-color.btn.active:hover{border:1px solid #575757}.open-card-bg-color.btn.active:hover svg{fill:#e2ebf2}}.open-card-bg-color.btn.active{background-color:#fff}.open-card-bg-color.btn.active .btn-title{color:#e2ebf2}.open-card-bg-color.btn.active svg{fill:#e2ebf2}.open-card-bg-color.btn .swatch{max-width:44px;aspect-ratio:1;border-radius:999px}@keyframes animateActiveCardSideOutliner-9356735a{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut-9356735a{0%{scale:.97}to{scale:1}}.overlay-settings .current-value[data-v-9356735a]{font-family:monospace;font-size:18px;font-weight:700;color:#333;padding:5px 12px;border-radius:20px;min-width:60px;text-align:center}.overlay-settings .slider-control[data-v-9356735a]{display:flex;align-items:center;gap:15px;margin-bottom:20px}.overlay-settings .slider-control .slider-btn[data-v-9356735a]{border-radius:50%;width:32px;height:32px;padding:4px}.overlay-settings .slider-control .slider-btn[data-v-9356735a]:hover:not(:disabled){background:#000}.overlay-settings .slider-control .slider-track[data-v-9356735a]{flex:1;height:6px;background:#e0e0e0;border-radius:3px;position:relative;touch-action:none;cursor:pointer}.overlay-settings .slider-control .slider-fill[data-v-9356735a]{position:absolute;height:100%;background:#000;border-radius:3px;transition:all .25s ease-out}.overlay-settings .slider-control .slider-thumb[data-v-9356735a]{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#000;border:2px solid #000000;border-radius:50%;transition:all .25s ease-out;touch-action:none;cursor:grab}.overlay-settings .slider-control .slider-thumb[data-v-9356735a]:active{transform:translate(-50%,-50%) scale(1.1);cursor:grabbing}.overlay-settings .preset-buttons[data-v-9356735a]{display:flex;max-width:100%;gap:10px;justify-content:center;margin-bottom:30px;padding-inline:30px}.overlay-settings .preset-buttons .preset-btn[data-v-9356735a]{flex:1;text-align:center;width:fit-content;height:28px;padding:4px 8px;border:1px solid #ddd;background-color:#f0f0f0;border-radius:20px;font-size:12px}@media (min-width: 0px){.overlay-settings .preset-buttons .preset-btn[data-v-9356735a]{padding:6px 12px}}@media (min-width: 760px){.overlay-settings .preset-buttons .preset-btn[data-v-9356735a]{padding:4px 8px}}.overlay-settings .preset-buttons .preset-btn[data-v-9356735a]:hover{border-color:#000;background:#f5f5f5}.overlay-settings .preset-buttons .preset-btn.active[data-v-9356735a]{background:#000;border-color:#000;color:#fff}@keyframes animateActiveCardSideOutliner-3702844b{0%{opacity:0;display:flex}50%{opacity:1}to{opacity:.2;display:none}}@keyframes zoomInOut-3702844b{0%{scale:.97}to{scale:1}}button.btn.position-settings i[data-v-3702844b]{rotate:45deg!important}