#fmd-editor{clear:both;width:100%;margin:1.5rem 0;padding:1rem;border:1px solid #d9dee5;border-radius:12px;background:#f8fafc;color:#202b40;box-sizing:border-box}#fmd-editor label{display:flex;flex-direction:column;gap:.3rem;font-size:14px}#fmd-editor button,#fmd-editor select,#fmd-editor input{font:inherit;max-width:100%;min-height:38px}#fmd-editor button{padding:.5rem .8rem;cursor:pointer;border:1px solid #a8b5c4;border-radius:6px;background:white;color:#202b40}#fmd-editor button:focus-visible,#fmd-editor select:focus-visible,#fmd-editor input:focus-visible{outline:3px solid #2271b1;outline-offset:2px}.fmd-toolbar,.fmd-props,.fmd-layers{display:flex;align-items:end;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.fmd-props strong{flex-basis:100%}.fmd-canvas{display:block;width:100%;height:auto;background:white;border:1px dashed #8394a8;touch-action:none;overflow:hidden}.fmd-canvas [data-index]{cursor:grab}.fmd-selected{filter:drop-shadow(0 0 4px #2271b1)}.fmd-layers [aria-pressed=true]{background:#dcecf9!important}#fmd-editor input[type=range]{width:150px}
.fmd-characters{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem;margin:1rem 0}.fmd-characters button{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:.4rem;background:#fff!important}.fmd-characters button:hover{border-color:#2271b1!important;background:#edf5fb!important}.fmd-characters svg{display:block;width:100%;height:100px}.fmd-characters span{font-size:13px;font-weight:600}
.fmd-selection-tools{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1rem 0}.fmd-selection-tools label{flex-direction:row!important;align-items:center;gap:.5rem!important}.fmd-selection-tools input[type=checkbox]{min-height:20px!important;width:20px;height:20px}.fmd-marquee{fill:#2271b122;stroke:#2271b1;stroke-width:2;stroke-dasharray:8 5;pointer-events:none}.fmd-canvas:focus-visible{outline:3px solid #2271b1;outline-offset:3px}
.fmd-background{border:1px solid #d9dee5;border-radius:8px;padding:.75rem;margin:1rem 0;display:flex;gap:.7rem;flex-wrap:wrap;align-items:end}.fmd-background legend{font-weight:600;padding:0 .4rem}.fmd-background p{flex-basis:100%;margin:.25rem 0;font-size:14px}.fmd-background input[type=file]{width:260px}#fmd-editor .fmd-toggle{flex-direction:row;align-items:center;gap:.5rem}#fmd-editor .fmd-toggle input{min-height:20px;width:20px;height:20px}
#fmd-editor{max-width:var(--fmd-max-width,1200px);padding:var(--fmd-padding,16px);border-color:var(--fmd-border,#d9dee5);border-radius:var(--fmd-radius,12px);background:var(--fmd-background,#f8fafc);color:var(--fmd-text,#202b40);font-size:var(--fmd-font-size,16px);font-family:var(--fmd-font-family,inherit)}#fmd-editor h3{font-family:inherit;font-size:calc(var(--fmd-font-size,16px)*1.4);color:inherit}#fmd-editor p{color:inherit;font-size:inherit}#fmd-editor label{font-size:calc(var(--fmd-font-size,16px)*.875)}#fmd-editor button{border-color:var(--fmd-border,#d9dee5);border-radius:var(--fmd-radius,12px);background:var(--fmd-button-bg,#ffffff);color:var(--fmd-button-text,#202b40)}#fmd-editor button:focus-visible,#fmd-editor select:focus-visible,#fmd-editor input:focus-visible,#fmd-editor .fmd-canvas:focus-visible{outline-color:var(--fmd-primary,#2271b1)}#fmd-editor .fmd-toolbar,#fmd-editor .fmd-props,#fmd-editor .fmd-layers,#fmd-editor .fmd-selection-tools,#fmd-editor .fmd-background{gap:var(--fmd-gap,12px)}#fmd-editor .fmd-background{border-color:var(--fmd-border,#d9dee5);border-radius:var(--fmd-radius,12px)}#fmd-editor .fmd-characters{grid-template-columns:repeat(var(--fmd-columns,7),minmax(0,1fr));gap:var(--fmd-gap,12px)}#fmd-editor .fmd-characters button{background:var(--fmd-button-bg,#ffffff)!important}#fmd-editor .fmd-characters button:hover{border-color:var(--fmd-primary,#2271b1)!important;background:var(--fmd-selected,#dcecf9)!important}#fmd-editor .fmd-layers [aria-pressed=true]{background:var(--fmd-selected,#dcecf9)!important}#fmd-editor .fmd-selected{filter:drop-shadow(0 0 4px var(--fmd-primary,#2271b1))}#fmd-editor .fmd-characters span{font-size:calc(var(--fmd-font-size,16px)*.8125)}#fmd-editor .fmd-marquee{stroke:var(--fmd-primary,#2271b1)}#fmd-editor .fmd-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%);min-height:0}@media(max-width:600px){#fmd-editor .fmd-characters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){#fmd-editor .fmd-characters{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fmd-canvas-wrap{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:26px auto;gap:6px;width:100%;min-width:0;margin:1rem 0}.fmd-canvas-wrap .fmd-canvas{grid-column:2;grid-row:2;min-width:0;box-sizing:border-box}.fmd-dimension-horizontal{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px}.fmd-dimension-vertical{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.fmd-dimension-horizontal:before,.fmd-dimension-horizontal:after{content:"";flex:1;border-top:1px solid var(--fmd-border,#8394a8)}.fmd-dimension-vertical:before,.fmd-dimension-vertical:after{content:"";flex:1;border-left:1px solid var(--fmd-border,#8394a8)}.fmd-dimension-vertical span{writing-mode:vertical-rl;transform:rotate(180deg)}.fmd-dimension-horizontal span,.fmd-dimension-vertical span{font-size:13px;font-weight:600;white-space:nowrap;color:var(--fmd-text,#202b40)}#fmd-editor .fmd-characters .fmd-text-icon{height:100px;display:flex;align-items:center;justify-content:center;font-family:serif;font-weight:700;font-size:44px;color:var(--fmd-primary,#2271b1)}
#fmd-editor{container-type:inline-size}@container (max-width:500px){#fmd-editor .fmd-characters{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width:280px){#fmd-editor .fmd-characters{grid-template-columns:repeat(2,minmax(0,1fr))}}
#fmd-editor>[data-fmd-widget][hidden]{display:none!important}.fmd-color-control{display:flex;flex-direction:column;gap:.4rem;max-width:240px}#fmd-editor .fmd-color-control input[type=color]{width:64px;height:42px;padding:3px;border:1px solid var(--fmd-border,#d9dee5);border-radius:6px;background:var(--fmd-button-bg,#fff);cursor:pointer}.fmd-color-swatches{display:flex;flex-wrap:wrap;gap:6px}#fmd-editor .fmd-color-swatch{width:26px;height:26px;min-height:26px;padding:0;border:1px solid #8b8b8b;border-radius:50%;box-sizing:border-box}#fmd-editor .fmd-color-swatch[aria-pressed=true]{outline:2px solid var(--fmd-primary,#2271b1);outline-offset:2px}.fmd-form-error{padding:.75rem;border:2px solid #b32d2e;background:#fff4f4;color:#8a1515!important;border-radius:6px}
#fmd-editor .fmd-characters img.fmd-character-preview{width:100%;height:100px;object-fit:contain}

#fmd-editor .fmd-delete-button{background:#b42332!important;color:#fff!important;border-color:#8f1724!important;font-weight:700}#fmd-editor .fmd-delete-button:hover{background:#8f1724!important}#fmd-editor .fmd-delete-button:focus-visible{outline:3px solid #b42332;outline-offset:3px}.fmd-canvas-delete{cursor:pointer;overflow:visible}.fmd-canvas-delete:focus-visible{outline:3px solid #2271b1;outline-offset:2px}
#fmd-editor .fmd-catalog-v2{display:block}#fmd-editor [hidden]{display:none!important}#fmd-editor .fmd-catalog-header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}#fmd-editor .fmd-category-tabs,#fmd-editor .fmd-pet-tabs{display:flex;flex-wrap:wrap;gap:6px}#fmd-editor .fmd-category-tabs{flex:1}#fmd-editor .fmd-category-tabs button,#fmd-editor .fmd-pet-tabs button{display:block;font-weight:600;padding:8px 10px}#fmd-editor .fmd-category-tabs [aria-pressed=true],#fmd-editor .fmd-pet-tabs [aria-pressed=true],#fmd-editor .fmd-option-card[aria-pressed=true]{background:var(--fmd-selected,#dcecf9)!important;border:2px solid var(--fmd-primary,#2271b1)!important}#fmd-editor .fmd-pet-tabs{margin:8px 0}#fmd-editor .fmd-character-grid{display:grid;grid-template-columns:repeat(var(--fmd-columns,7),minmax(0,1fr));gap:var(--fmd-gap,12px)}#fmd-editor .fmd-catalog-header [data-action=add-text]{display:flex;flex-direction:row;align-items:center;gap:6px;font-weight:700}#fmd-editor .fmd-catalog-header .fmd-text-icon{height:auto;font-size:22px}#fmd-editor .fmd-option-group{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--fmd-border,#d9dee5);border-radius:8px;padding:10px;background:var(--fmd-button-bg,#fff)}#fmd-editor .fmd-option-group summary{cursor:pointer;font-weight:700;min-height:28px}#fmd-editor .fmd-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:10px}#fmd-editor .fmd-option-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px;min-width:0}#fmd-editor .fmd-option-card svg{width:100%;height:76px}#fmd-editor .fmd-option-card span{font-size:12px;overflow-wrap:anywhere}#fmd-editor .fmd-option-group .fmd-color-control{display:inline-flex;vertical-align:top;width:190px;margin:12px 12px 0 0}#fmd-editor .fmd-character-grid button span{overflow-wrap:anywhere}#fmd-editor .fmd-character-grid svg{height:110px}.fmd-v2-admin-profile{padding:12px;border:1px solid #ccd0d4;background:white;margin:10px 0}.fmd-v2-admin-profile summary{cursor:pointer;font-size:16px;font-weight:600}
@container(max-width:650px){#fmd-editor .fmd-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container(max-width:400px){#fmd-editor .fmd-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#fmd-editor .fmd-category-tabs button{font-size:12px;padding:7px}#fmd-editor .fmd-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
#fmd-editor .fmd-option-grid{max-height:340px;overflow:auto;padding:3px}#fmd-editor .fmd-character-grid>button{padding:6px 3px;text-align:center}
