.card.svelte-11vvymp{padding:var(--spacing-md);background-color:var(--background-color-alt);grid-template-columns:minmax(0,10fr) minmax(0,3fr);grid-template-areas:"text preview";display:grid}.text.svelte-11vvymp{grid-area:text;grid-template-rows:auto 1fr auto;display:grid}.card.svelte-11vvymp,.text.svelte-11vvymp{grid-gap:var(--spacing-md)}.title.svelte-11vvymp{font-weight:700;font-size:var(--font-size-h5);margin:0}.title.svelte-11vvymp .duplicate:where(.svelte-11vvymp){white-space:nowrap;font-weight:400;font-size:var(--font-size-p);font-family:var(--paragraph-font-family);color:var(--text-color-alt)}.original.svelte-11vvymp{gap:var(--spacing-sm);flex-direction:column;display:flex}.original.svelte-11vvymp dt:where(.svelte-11vvymp){font-weight:700;font-size:var(--font-size-small)}.original.svelte-11vvymp dd:where(.svelte-11vvymp){margin:0}.preview.svelte-11vvymp{aspect-ratio:1;text-align:center;background:#fff;border:6px solid #000;border-color:#fff #000 #000 #fff;flex-direction:row;grid-area:preview;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.preview.svelte-11vvymp:before{content:"";transform-origin:100% 0;z-index:1;background-color:#000;width:200%;height:200%;position:absolute;top:0;right:0;rotate:-45deg}.preview.svelte-11vvymp:after{content:"";background-color:var(--color-card-preview-background-color,var(--background-color-alt));z-index:1;position:absolute;inset:0}.preview.svelte-11vvymp .content:where(.svelte-11vvymp){z-index:2;font-size:50cqi;font-family:var(--heading-font-family);color:rgb(from var(--text-color-alt) r g b / .5);-webkit-user-select:none;user-select:none;position:relative}.wrapper.svelte-1rlvxai{gap:var(--spacing-xs);flex-direction:column;display:flex}.wrapper.svelte-1rlvxai label:where(.svelte-1rlvxai){font-weight:700}select.svelte-t5ihcw{background-color:var(--background-color-alt);cursor:pointer;transition:var(--transition-duration) background-color var(--transition-function);border:0}@media (prefers-reduced-motion:no-preference){select.svelte-t5ihcw{animation-name:var(--hue-rotate-animation-name);animation-duration:var(--hue-rotate-animation-duration);animation-timing-function:var(--hue-rotate-animation-timing-function);animation-iteration-count:var(--hue-rotate-animation-iteration-count)}}select.svelte-t5ihcw:hover{background-color:var(--select-hover-background-color)}label.svelte-136uhkj{cursor:pointer}label.svelte-136uhkj input:where(.svelte-136uhkj){cursor:pointer;accent-color:var(--purple-40)}@media (prefers-reduced-motion:no-preference){label.svelte-136uhkj input:where(.svelte-136uhkj){animation-name:var(--hue-rotate-animation-name);animation-duration:var(--hue-rotate-animation-duration);animation-timing-function:var(--hue-rotate-animation-timing-function);animation-iteration-count:var(--hue-rotate-animation-iteration-count)}}.app.svelte-xo6w1v{gap:var(--spacing-lg);grid-auto-rows:min-content;display:grid}@media (width>=1111px){.app.svelte-xo6w1v{grid-template-rows:auto 1fr;grid-template-columns:1fr 2fr}}@media (width>=1111px){.section-input.svelte-xo6w1v{grid-area:1/1/2/2}}@media (width>=1111px){.section-preview.svelte-xo6w1v{grid-area:1/2/3/3}}@media (width>=1111px){.section-export.svelte-xo6w1v{grid-area:2/1/3/2}}.step-heading.svelte-xo6w1v{font-size:var(--font-size-h4);white-space:nowrap;margin:0}.step-heading-wrapper.svelte-xo6w1v{margin-block:0 var(--spacing-lg);justify-content:space-between;align-items:center;column-gap:var(--spacing-lg);row-gap:var(--spacing-md);flex-flow:wrap;display:flex}textarea.svelte-xo6w1v{resize:none;background-color:var(--background-color-alt);width:100%;padding:var(--spacing-md);font-family:var(--code-font-family);border:0}@media (prefers-reduced-motion:no-preference){textarea.svelte-xo6w1v{animation-name:var(--hue-rotate-animation-name);animation-duration:var(--hue-rotate-animation-duration);animation-timing-function:var(--hue-rotate-animation-timing-function);animation-iteration-count:var(--hue-rotate-animation-iteration-count)}}.settings.svelte-xo6w1v{justify-content:end;column-gap:var(--spacing-sm);font-size:var(--font-size-small);flex-direction:row;display:flex}ul.svelte-xo6w1v{gap:var(--spacing-md);grid-template-columns:1fr;grid-auto-rows:min-content;margin:0;padding:0;list-style-type:"";display:grid}