.s-character .chl{position:relative;max-width:120rem;margin:0 auto;min-height:100svh;padding:calc(var(--header-h) + 1.875rem) 1.25rem 2.5rem;display:flex;align-items:flex-start;gap:.625rem}.s-character .chl-well{position:relative;flex:1 1 auto;min-height:10rem;display:flex;flex-direction:column;gap:.375rem;padding:.8125rem .875rem .75rem;border:1px solid transparent;border-radius:1.25rem;background:var(--cx-well);box-shadow:var(--cx-well-edge);transition:border-color .22s var(--cx-out),box-shadow .3s var(--cx-out)}.s-character .chl-well:focus-within{border-color:var(--cx-focus)}.s-character .chl-well.is-nudge{animation:chl-nudge .42s var(--cx-out)}@keyframes chl-nudge{0%,to{transform:translateX(0)}20%{transform:translateX(-.375rem)}45%{transform:translateX(.3125rem)}70%{transform:translateX(-.1875rem)}}.s-character .chl-well__label{flex:none;margin:0;font-size:.8125rem;line-height:1.125rem;font-weight:500;letter-spacing:.01em;color:var(--cx-cap)}.s-character .chl-well__input{flex:1 1 auto;min-height:6rem;width:100%;padding:0;border:0;background:none;color:var(--text);font:inherit;font-size:.9375rem;line-height:1.4375rem;resize:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}.s-character .chl-well__input::-moz-placeholder{color:var(--cx-sub)}.s-character .chl-well__input::placeholder{color:var(--cx-sub)}.s-character .chl-well__input:focus{outline:none}.s-character .chl-well__foot{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:.375rem;color:var(--cx-sub);font-size:.6875rem;line-height:1rem}.s-character .chl-well__key{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border:1px solid var(--cx-tile-line);border-radius:.3125rem;background:var(--cx-tile);color:var(--cx-cap);font-size:.625rem;line-height:1}[data-theme=light] .s-character .chl-well__key{color:var(--text-dim)}.s-character .field-menu--character{top:8.1875rem;bottom:auto}.s-character .field-menu--aspect,.s-character .field-menu--quality{bottom:8.125rem}.s-character .field-menu--count,.s-character .field-menu--model{bottom:4.875rem}.s-character .chl-menuwrap{position:relative}.s-character .field-menu--grid{top:calc(100% + .375rem);bottom:auto;inset-inline-start:auto;inset-inline-end:0;width:13rem}.s-character .chl__feed,.s-character .chl__side{padding-top:var(--nvx-tabs-clear)}.s-character .chl__feed{position:relative;z-index:1;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.875rem}.s-character .chl-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.s-character .chl-chips{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;min-width:0}.s-character .chl-chip{display:inline-flex;align-items:center;gap:.25rem;height:2rem;padding:0 .75rem;border:1px solid var(--cx-tile-line);border-radius:.6875rem;background:var(--cx-tile);backdrop-filter:blur(12px);color:var(--text);font-weight:500;font-size:.875rem;font-variant-numeric:tabular-nums;white-space:nowrap}.s-character .chl-chip--face{padding-inline-start:.3125rem}.s-character .chl-chip__face{flex:none;width:1.5rem;height:1.5rem;border-radius:.4375rem;overflow:hidden}.s-character .chl-chip__ic{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;color:var(--cx-cap)}.s-character .chl-chip__ic svg{width:1.125rem;height:1.125rem}.s-character .chl-tools{display:flex;align-items:center;gap:.375rem}.s-character .chl-tool{display:inline-flex;align-items:center;gap:.375rem;height:2rem;padding:0 .75rem;border:1px solid var(--cx-tile-line);border-radius:.6875rem;background:var(--cx-tile);color:var(--text);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .18s var(--cx-out),border-color .18s var(--cx-out),color .18s var(--cx-out)}.s-character .chl-tool svg{width:1rem;height:1rem}.s-character .chl-tool:hover{background:var(--cx-tile-hover);border-color:var(--cx-tile-line-hover)}.s-character .chl-tool:focus-visible{outline:2px solid var(--cx-focus);outline-offset:2px}.s-character .chl-tool--danger:hover{border-color:color-mix(in srgb,var(--ch-no) 60%,transparent);color:var(--ch-no)}.s-character .chl-tool--icon{width:2rem;padding:0;justify-content:center}.s-character .chl-grid{--masonry-gap:0.625rem;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:1px;-moz-column-gap:var(--masonry-gap);column-gap:var(--masonry-gap);row-gap:0;align-items:start}.s-character .chl-cell{position:relative;align-self:start;width:100%;aspect-ratio:var(--ar,1);border-radius:1.25rem}.s-character .chl-tile{position:relative;display:block;width:100%;height:100%;padding:0;border:1px solid var(--cx-media-line);border-radius:1.25rem;overflow:hidden;background:var(--media-bg);cursor:pointer;transition:border-color .2s var(--cx-out),transform .24s var(--cx-out)}.s-character .chl-tile img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.s-character .chl-tile:hover{border-color:var(--cx-media-line-hover);transform:translateY(-2px)}.s-character .chl-tile:focus-visible{outline:2px solid var(--cx-focus);outline-offset:2px}.s-character .chl-tile.is-on{border-color:transparent;box-shadow:inset 0 0 0 .1875rem rgba(245,247,251,.94)}.s-character .chl-tile__meta{position:absolute;inset-inline:.5rem;bottom:.5rem;padding:.4375rem .625rem;border:1px solid var(--cx-media-line);border-radius:.875rem;background:var(--cx-media);backdrop-filter:var(--cx-media-lens);color:var(--cx-media-ink);font-size:.75rem;line-height:1.0625rem;text-align:start;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translateY(.25rem);transition:opacity .2s var(--cx-out),transform .2s var(--cx-out);pointer-events:none}.s-character .chl-tile:focus-visible .chl-tile__meta,.s-character .chl-tile:hover .chl-tile__meta{opacity:1;transform:none}.s-character .chl-check{position:absolute;top:.5rem;inset-inline-end:.5rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);color:transparent;cursor:pointer;opacity:0;transition:opacity .16s var(--cx-out),background .16s var(--cx-out),color .16s var(--cx-out)}.s-character .chl-check svg{width:.8125rem;height:.8125rem}.s-character .chl-cell:hover .chl-check,.s-character .chl-check.is-on,.s-character .chl-check:focus-visible{opacity:1}.s-character .chl-check.is-on{background:#f5f7fb;border-color:#f5f7fb;color:#14151c}.s-character .chl-check:focus-visible{outline:2px solid var(--cx-focus);outline-offset:2px}.s-character .chl-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:6rem 1.25rem;text-align:center}.s-character .chl-empty__mark{display:grid;place-items:center;width:3.25rem;height:3.25rem;margin-bottom:.5rem;border:1px solid var(--cx-pane-line);border-radius:1rem;background:var(--cx-pane);color:var(--cx-cap)}.s-character .chl-empty__mark svg{width:1.5rem;height:1.5rem}.s-character .chl-empty__title{margin:0;font-size:1.125rem;line-height:1.5rem;font-weight:600;color:var(--text)}.s-character .chl-empty__note{margin:0;max-width:26rem;font-size:.875rem;line-height:1.25rem;color:var(--cx-sub)}@media (max-width:1080px){.s-character :is(.chl__side,.chl__feed){padding-top:0}.s-character .chl{flex-direction:column;align-items:stretch;gap:1.25rem;max-width:46.5rem;padding:calc(var(--header-h) + 1.3125rem) 1.25rem 2.5rem}.s-character .chl__side{order:0}.s-character .chl-well__input{min-height:4.5rem}.s-character .chl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.s-character .chl{padding-inline:1rem}.s-character .chl-empty{padding-block:3rem}.s-character .chl-chip{height:1.75rem;padding:0 .5rem;font-size:.8125rem}.s-character .chl-grid{grid-template-columns:repeat(2,minmax(0,1fr));--masonry-gap:0.5rem}}@media (min-width:1600px){.s-character .chl-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.s-character .chl-well.is-nudge{animation:none}}