.ff-name-designer{margin:0 0 24px}.ff-name-preview{position:relative;max-width:470px;margin:0 auto;border-radius:18px;overflow:hidden;background:#f7f3ef}.ff-name-preview>img{display:block;width:100%;height:auto;aspect-ratio:1}.ff-name-overlay{position:absolute;inset:35% 18%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ff-name-overlay span{white-space:nowrap;font-size:44px;line-height:1.2;text-align:center}.ff-name-caption{font-size:12px;color:#666;line-height:1.5;margin:10px 0 20px}.ff-design-fieldset{border:0;padding:0;margin:0;min-width:0}.ff-design-fieldset legend{font-weight:600;margin-bottom:12px}.ff-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ff-design-card{position:relative;cursor:pointer;min-width:0}.ff-design-card input{position:absolute;top:10px;left:10px;z-index:1;accent-color:#d86440;width:18px;height:18px}.ff-design-card-content{display:block;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:white}.ff-design-card-content img{display:block;width:100%;height:100px;object-fit:cover}.ff-design-card-content>span{display:block;padding:10px;font-size:13px;font-weight:600}.ff-design-card input:checked+.ff-design-card-content{border-color:#d86440;box-shadow:0 0 0 1px #d86440}.ff-design-card input:focus-visible+.ff-design-card-content{outline:3px solid #274e78;outline-offset:3px}
.ff-name-media .ff-name-preview{max-width:none;border-radius:24px}
.ff-name-preview--scene .ff-name-overlay{inset:41% 29% 37%;}
.ff-name-preview--scene .ff-name-overlay span{opacity:1;filter:none;text-shadow:none}
.ff-name-media{position:sticky;top:112px}
@media(max-width:1023px){.ff-name-media{position:static}}
.ff-font-fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}.ff-font-fieldset legend{font-weight:600;margin-bottom:12px}.ff-font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ff-font-card{position:relative;cursor:pointer;min-width:0}.ff-font-card input{position:absolute;left:10px;top:12px;accent-color:#d86440;width:16px;height:16px}.ff-font-card-content{display:flex;flex-direction:column;border:2px solid #e5e7eb;border-radius:12px;padding:12px 10px 12px 32px;background:white;min-height:112px}.ff-font-sample{font-size:23px;line-height:1.8;white-space:nowrap}.ff-font-label{font-size:12px;font-weight:600}.ff-font-style{font-size:11px;color:#666}.ff-font-card input:checked+.ff-font-card-content{border-color:#d86440;box-shadow:0 0 0 1px #d86440}.ff-font-card input:focus-visible+.ff-font-card-content{outline:3px solid #274e78;outline-offset:3px}@media(max-width:420px){.ff-font-sample{font-size:19px}.ff-font-card-content{padding-left:28px}}
.ff-name-overlay [data-name-preview]{white-space:pre;display:block;flex-shrink:0;line-height:1.35;max-width:none}
.ff-name-preview--scene .ff-name-overlay{inset:37% 29% 33%}
.ff-line-layout{border:0;padding:0;margin:0 0 20px;display:flex;gap:20px;flex-wrap:wrap}.ff-line-layout legend{font-weight:600;margin-bottom:10px}.ff-line-layout label{display:flex;align-items:center;gap:8px;cursor:pointer}.ff-line-layout input{accent-color:#d86440;width:18px;height:18px}
[data-name-second-row][hidden]{display:none}
.ff-message-designer .ff-design-card-content img{height:auto;aspect-ratio:1;object-fit:contain}
.ff-message-preview .ff-name-overlay{inset:34% 24%}
.ff-design-card-content>.ff-name-swatch-scene{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:20px 12px;background:#f7f3ef}
.ff-name-swatch-pillow{position:relative;display:block;width:100%;aspect-ratio:4/3;border-radius:14% 14% 12% 12%;overflow:hidden;background:#fff8ee;box-shadow:0 8px 12px -5px #49382c55, inset 0 0 0 1px #ffffff66}
.ff-name-swatch-pillow::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 3px 3px 8px #ffffff55,inset -4px -5px 10px #362b3c33;pointer-events:none}
.ff-name-swatch-pillow--blue{background:linear-gradient(135deg,#8295ac,#526b8a 65%,#71869f)}
.ff-design-card-content .ff-name-swatch-pillow>img{width:100%;height:100%;position:absolute;inset:0;object-fit:fill}
.ff-name-swatch-label{position:absolute;inset:25% 12%;display:flex;align-items:center;justify-content:center;font-family:"FF Dancing Script",cursive;font-size:clamp(22px,5vw,36px);line-height:1.2}