.styledName.nickPackPreset01{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset02{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(223, 56%, 19%)}
.styledName.nickPackPreset03{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(223, 56%, 19%)}
.styledName.nickPackPreset04{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset05{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset06{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset07{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset08{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset09{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(223, 56%, 19%)}
.styledName.nickPackPreset10{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset11{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset12{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset13{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset14{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset15{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset16{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset17{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset18{border-radius:10px;text-shadow:0px 2px 3px #000}
.styledName.nickPackPreset19{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPackPreset20{border-radius:10px;text-shadow:0.1em 0.1em 0.15em hsl(200, 56%, 19%)}
.styledName.nickPlacement-background{background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;border-radius:7px;padding:4px 10px!important;min-height:28px;text-shadow:0 1px 3px #000,0 0 5px #000}
.styledName.nickPlacement-left>.nickGif,.styledName.nickPlacement-right>.nickGif,.styledName.nickPlacement-both>.nickGif{width:var(--nick-gif-width,28px)!important;height:var(--nick-gif-height,24px)!important;object-fit:contain!important;flex:0 0 var(--nick-gif-width,28px)!important;max-width:var(--nick-gif-width,28px)!important}
.appearanceSelectionPreview>.styledName{width:auto!important;min-height:36px!important;padding:6px 10px!important;font-size:18px!important}
.appearanceSelectionPreview>.styledName>.nickGif{width:var(--nick-gif-width,36px)!important;height:var(--nick-gif-height,32px)!important;max-width:var(--nick-gif-width,36px)!important;flex-basis:var(--nick-gif-width,36px)!important}

.styledName.nickPlacement-background{min-height:var(--nick-gif-height,28px)!important}

.nickGifChooser,.nickGifManager{padding:0;border:1px solid var(--border,#66559b);border-radius:16px;background:var(--surface,#fff);color:var(--text,#222);box-shadow:0 20px 80px #0008;max-width:calc(100vw - 24px);max-height:88dvh}
.nickGifChooser::backdrop,.nickGifManager::backdrop{background:#0008}
.nickGifChooser{width:380px}
.nickGifManager{width:940px}
.nickGifChooser>header,.nickGifManager>header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border,#ccc);gap:12px}
.nickGifChooser>header button,.nickGifManager>header button{min-width:40px;min-height:40px;font-size:24px}
.nickGifGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px;max-height:55dvh;overflow:auto;overscroll-behavior:contain}
.nickGifGrid>button{display:flex!important;align-items:center;justify-content:center;padding:3px!important;min-width:0;min-height:44px;border:1px solid transparent!important;border-radius:6px;background:var(--surface-2,#eee)!important}
.nickGifGrid>button:hover,.nickGifGrid>button.chosen{border-color:var(--accent,#7c3aed)!important;box-shadow:inset 0 0 0 2px var(--accent,#7c3aed)}
.nickGifGrid img{width:36px!important;height:36px!important;max-width:100%;object-fit:contain!important}
.nickGifOpen{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:46px}
.nickGifOpen img{width:34px;height:34px;object-fit:contain}
.nickGifChooser footer{padding:10px;border-top:1px solid var(--border,#ccc)}
.nickGifManagerBody{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;padding:14px;overflow:auto;max-height:calc(88dvh - 68px)}
.nickGifManagerBody>section{min-width:0}
.nickGifManager .nickGifGrid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:60dvh}
.nickGifEditor{display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--border,#ccc);padding-left:14px}
.nickGifEditor h3{margin:0}
.nickGifEditor label{display:flex;flex-direction:column;gap:7px;font-size:14px}
.nickGifEditor input[type=checkbox]{width:auto}
.nickGifEditor>.styledName{align-self:center;min-height:60px;margin:12px 0}
.nickGifEditor input,.nickGifEditor select{max-width:100%;min-width:0}
@media(max-width:650px){.nickGifManagerBody{grid-template-columns:1fr}.nickGifEditor{border-left:0;border-top:1px solid var(--border,#ccc);padding:14px 0 0}.nickGifManager .nickGifGrid{grid-template-columns:repeat(7,minmax(0,1fr));max-height:30dvh}}
