@font-face{font-family:tomodachi-life;src:url(/reference/pixelframe-tomodachi/DreamlandRegular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:tomodachi-dream;src:url(/reference/pixelframe-tomodachi/Dream-BOTTOM1Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:tomodachi-dream-top;src:url(/reference/pixelframe-tomodachi/Dream-TOP1Regular.woff2)format("woff2");font-weight:400;font-style:normal}.tomodachi-logo-generator-module__pz1-DW__generator{max-width:1120px;margin:1.25rem auto 0}.tomodachi-logo-generator-module__pz1-DW__frame{border:1px solid color-mix(in oklch, var(--ink), transparent 84%);background:radial-gradient(circle at top left, #ffe5a5 0, transparent 34%), linear-gradient(180deg, color-mix(in oklch, var(--surface), white 34%), color-mix(in oklch, var(--surface), white 14%));box-shadow:var(--panel-shadow);border-radius:32px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);align-items:start;gap:1rem;padding:1.05rem;display:grid}@supports (color:lab(0% 0 0)){.tomodachi-logo-generator-module__pz1-DW__frame{background:radial-gradient(circle at top left, lab(92.0482% 2.65825 35.0299) 0, transparent 34%), linear-gradient(180deg, color-mix(in oklch, var(--surface), white 34%), color-mix(in oklch, var(--surface), white 14%))}}.tomodachi-logo-generator-module__pz1-DW__previewPanel{display:grid}.tomodachi-logo-generator-module__pz1-DW__previewShell{background:linear-gradient(145deg, #fff6c9, #ffeecb), color-mix(in oklch, var(--surface), white 18%);border:1px solid #f6d69a;border:1px solid lab(87.3536% 5.29954 33.7933);border-radius:28px;padding:clamp(.85rem,2vw,1.25rem);position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.tomodachi-logo-generator-module__pz1-DW__previewShell{background:linear-gradient(145deg, lab(96.7939% -2.08971 22.7532), lab(94.8208% 2.10369 19.4449)), color-mix(in oklch, var(--surface), white 18%)}}.tomodachi-logo-generator-module__pz1-DW__previewBackdrop{pointer-events:none;background:radial-gradient(circle,#ff9f0657 0,#ff9f0600 72%);border-radius:999px;width:14rem;height:14rem;position:absolute;inset:auto -8% -22% auto}.tomodachi-logo-generator-module__pz1-DW__preview{aspect-ratio:1;background-color:#0000;background-image:linear-gradient(45deg,#ececec 25%,#0000 25% 75%,#ececec 75%,#ececec),linear-gradient(45deg,#ececec 25%,#0000 25% 75%,#ececec 75%,#ececec);background-position:0 0,14px 14px;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffffa6;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 20px 50px #5d40051f,inset 0 1px #fffc}.tomodachi-logo-generator-module__pz1-DW__previewImage{object-fit:cover;width:100%;height:100%;display:block}.tomodachi-logo-generator-module__pz1-DW__previewPlaceholder{min-height:100%;color:var(--text-secondary);text-align:center;place-items:center;padding:2rem;display:grid}.tomodachi-logo-generator-module__pz1-DW__controls{min-width:0;display:grid}.tomodachi-logo-generator-module__pz1-DW__form{gap:1.1rem;padding:.4rem .2rem .2rem;display:grid}.tomodachi-logo-generator-module__pz1-DW__fieldGrid{gap:.9rem;display:grid}.tomodachi-logo-generator-module__pz1-DW__field{background:color-mix(in oklch, var(--surface-base), white 18%);border:1px solid color-mix(in oklch, var(--ink), transparent 90%);border-radius:20px;gap:.45rem;padding:.9rem;display:grid}.tomodachi-logo-generator-module__pz1-DW__label,.tomodachi-logo-generator-module__pz1-DW__sectionHeading{color:var(--text-primary);font-size:.92rem;font-weight:800}.tomodachi-logo-generator-module__pz1-DW__sectionHeading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.78rem}.tomodachi-logo-generator-module__pz1-DW__input{border:1px solid color-mix(in oklch, var(--ink), transparent 82%);color:#111;background:#ffffffe6;border-radius:16px;width:100%;min-height:3rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;transition:border-color .16s,box-shadow .16s,background-color .16s}.tomodachi-logo-generator-module__pz1-DW__input:focus-visible{background:#fff;border-color:#ffb86a;border-color:lab(80.5405% 21.5178 52.0538);outline:none;box-shadow:0 0 0 4px #ff9f061f}.tomodachi-logo-generator-module__pz1-DW__hint,.tomodachi-logo-generator-module__pz1-DW__presetButton span{color:color-mix(in oklch, var(--text-secondary), transparent 16%);margin:0;font-size:.84rem;line-height:1.35}.tomodachi-logo-generator-module__pz1-DW__backgrounds{background:color-mix(in oklch, var(--surface-base), white 16%);border:1px solid color-mix(in oklch, var(--ink), transparent 90%);border-radius:22px;gap:.9rem;padding:1rem;display:grid}.tomodachi-logo-generator-module__pz1-DW__bgPicker{flex-wrap:wrap;gap:.7rem;display:flex}.tomodachi-logo-generator-module__pz1-DW__swatch{box-sizing:border-box;cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffffad;border-radius:18px;flex-shrink:0;place-items:center;width:48px;height:48px;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 8px 18px #1a191314}.tomodachi-logo-generator-module__pz1-DW__swatch:hover,.tomodachi-logo-generator-module__pz1-DW__swatch:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #1a19131f}.tomodachi-logo-generator-module__pz1-DW__swatch:focus-visible{outline:none}.tomodachi-logo-generator-module__pz1-DW__swatchInner{opacity:0;background:#ffffffd1;border-radius:999px;width:17px;height:17px;transition:opacity .16s,transform .16s;transform:scale(.7);box-shadow:inset 0 1px 1px #ffffff8f}.tomodachi-logo-generator-module__pz1-DW__swatch[data-transparent=true]{background-color:#fff!important;background-image:linear-gradient(45deg,#d9d9d9 25%,#0000 25% 75%,#d9d9d9 75%,#d9d9d9),linear-gradient(45deg,#d9d9d9 25%,#0000 25% 75%,#d9d9d9 75%,#d9d9d9)!important;background-position:0 0,8px 8px!important;background-size:16px 16px!important}.tomodachi-logo-generator-module__pz1-DW__swatchSelected{border-color:#ff9f06;box-shadow:0 0 0 3px #ff9f0638,0 14px 26px #ff9f062e}.tomodachi-logo-generator-module__pz1-DW__swatchSelected .tomodachi-logo-generator-module__pz1-DW__swatchInner{opacity:1;transform:scale(1)}.tomodachi-logo-generator-module__pz1-DW__buttonGroup{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.tomodachi-logo-generator-module__pz1-DW__copyButton,.tomodachi-logo-generator-module__pz1-DW__downloadButton{font-family:Montserrat, var(--font-body), sans-serif;border:0;border-radius:18px;min-height:3.2rem;padding:.9rem 1.2rem;font-size:.96rem;font-weight:700;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 10px 24px #18160f14}.tomodachi-logo-generator-module__pz1-DW__copyButton{color:#171400;background:linear-gradient(#ebff75,#d9f03d)}.tomodachi-logo-generator-module__pz1-DW__downloadButton{color:#201200;background:linear-gradient(#ffc869,#f6a53d)}.tomodachi-logo-generator-module__pz1-DW__copyButton:hover,.tomodachi-logo-generator-module__pz1-DW__copyButton:focus-visible,.tomodachi-logo-generator-module__pz1-DW__downloadButton:hover,.tomodachi-logo-generator-module__pz1-DW__downloadButton:focus-visible{transform:translateY(-1px);box-shadow:0 14px 28px #18160f1f}.tomodachi-logo-generator-module__pz1-DW__copyButton:disabled,.tomodachi-logo-generator-module__pz1-DW__downloadButton:disabled{opacity:.6;cursor:not-allowed}@media (max-width:900px){.tomodachi-logo-generator-module__pz1-DW__frame,.tomodachi-logo-generator-module__pz1-DW__controls{grid-template-columns:1fr}.tomodachi-logo-generator-module__pz1-DW__buttonGroup{grid-template-columns:1fr 1fr}}@media (max-width:640px){.tomodachi-logo-generator-module__pz1-DW__generator{margin-top:1rem}.tomodachi-logo-generator-module__pz1-DW__frame{border-radius:22px;padding:.85rem}.tomodachi-logo-generator-module__pz1-DW__previewShell,.tomodachi-logo-generator-module__pz1-DW__preview{border-radius:18px}.tomodachi-logo-generator-module__pz1-DW__field,.tomodachi-logo-generator-module__pz1-DW__backgrounds{border-radius:18px;padding:.85rem}.tomodachi-logo-generator-module__pz1-DW__swatch{border-radius:16px;width:44px;height:44px}.tomodachi-logo-generator-module__pz1-DW__buttonGroup{grid-template-columns:1fr}}