.ng-letters{gap:2px var(--sp-1);margin-top:var(--sp-7);padding-bottom:var(--sp-5);border-bottom:1px solid var(--tone-soft);flex-wrap:wrap;max-width:480px;display:flex}.ng-letters button{border-radius:var(--r-xs);cursor:pointer;width:28px;height:28px;font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-soft);transition:background var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth);background:0 0;border:none;padding:0}.ng-letters button[data-fam=girl]{color:var(--rose-deep)}.ng-letters button[data-fam=boy]{color:var(--blue-deep)}.ng-letters button:disabled{color:var(--text-faint);cursor:default;opacity:.5}.ng-letters button:not(:disabled):hover{background:color-mix(in oklab, var(--tone-soft) 35%, transparent)}.ng-letters button[data-on=true]{background:var(--tone-deep);color:var(--text-invert)}.ng-filters{gap:var(--sp-4);margin-top:var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,190px);align-items:end;max-width:480px;display:grid}@media (max-width:520px){.ng-filters{grid-template-columns:1fr}}.ng-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ng-generate{width:100%;max-width:480px;margin-top:var(--sp-6)}.ng-count{margin-top:var(--sp-2);font-weight:var(--fw-bold)}.ng-favs{margin-top:var(--sp-5);max-width:480px}.ng-favs-toggle{align-items:center;gap:var(--sp-2);cursor:pointer;font:inherit;font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--text);background:0 0;border:none;padding:0;display:inline-flex}.ng-favs-toggle>.ds-icon:first-child{color:var(--rose)}.ng-favs-toggle b{border-radius:var(--r-pill);background:var(--rose-pale);min-width:26px;color:var(--rose-deep);font-size:var(--fs-xs);text-align:center;padding:2px 7px}.ng-favs-list{gap:var(--sp-2);margin-top:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-wrap:wrap;display:flex}.ng-fav{align-items:center;gap:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:6px 10px;display:inline-flex}.ng-fav-name{cursor:pointer;font:inherit;color:var(--text);background:0 0;border:none;padding:0}.ng-fav-name:hover{color:var(--accent-deep)}.ng-fav-remove{cursor:pointer;color:var(--text-faint);background:0 0;border:none;padding:0;font-size:11px;display:inline-flex}.ng-fav-remove:hover{color:var(--danger)}.ng-stage{align-items:center}@media (max-width:960px){.ng-stage{min-height:520px}}.ng-deck{width:min(320px,82%);position:relative}.ng-deck:before,.ng-deck:after{content:"";border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--border-strong);z-index:0;position:absolute;inset:0;transform:rotate(4deg)translate(10px,2px)}.ng-deck:after{background:var(--cream);transform:rotate(-4deg)translate(-8px,6px)}.ng-card{z-index:1;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--border-strong);padding:var(--sp-5) var(--sp-6) var(--sp-4);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.ng-card:before{content:"";background:var(--rose);height:10px;position:absolute;top:0;left:0;right:0}.ng-card[data-g=b]:before{background:var(--blue)}.ng-card header{margin-top:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.ng-card-g{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-kicker);text-transform:uppercase;color:var(--rose-deep)}.ng-card[data-g=b] .ng-card-g{color:var(--blue-deep)}.ng-heart{border:1.5px solid var(--border-strong);cursor:pointer;width:40px;height:40px;color:var(--text-mute);transition:color var(--dur-fast) var(--ease-smooth), border-color var(--dur-fast) var(--ease-smooth), transform var(--dur-fast) var(--ease-spring);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:17px;display:inline-flex}.ng-heart:hover{color:var(--rose-deep);border-color:var(--rose);transform:scale(1.08)}.ng-heart[data-on=true]{color:var(--rose-deep);border-color:var(--rose);background:var(--rose-pale)}.ng-heart[data-on=true] svg{fill:currentColor}.ng-card-letter{margin:var(--sp-2) var(--sp-2) 0 0;pointer-events:none;font-family:var(--font-main);font-weight:var(--fw-bold);color:var(--rose-pale);-webkit-user-select:none;user-select:none;align-self:flex-end;font-size:clamp(96px,12vw,150px);line-height:.9}.ng-card[data-g=b] .ng-card-letter{color:var(--blue-pale)}.ng-card-name{margin:calc(-1 * var(--sp-6)) 0 0;font-family:var(--font-main);font-weight:var(--fw-medium);font-size:clamp(32px,4vw,44px);line-height:var(--lh-tight);letter-spacing:var(--ls-display);white-space:nowrap}.ng-card-name[data-long=true]{font-size:clamp(26px,3.2vw,34px)}.ng-card-meta{margin:var(--sp-5) 0 0}.ng-card-meta>div{align-items:baseline;gap:var(--sp-4);padding:var(--sp-2) 0;border-top:1px solid var(--border);display:flex}.ng-card-meta dt{width:118px;font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);flex:none}.ng-card-meta dd{font-size:var(--fs-body);color:var(--text-soft);margin:0}.ng-card footer{margin-top:var(--sp-4);padding-top:var(--sp-2);border-top:1px solid var(--border);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-mute);justify-content:space-between;display:flex}