.bi{--bi-size:64px;vertical-align:middle;box-sizing:border-box;width:var(--bi-size);height:var(--bi-size);border-radius:calc(var(--bi-size) * .22);-webkit-user-select:none;user-select:none;line-height:1;font-family:var(--font-inter,"Inter"), system-ui, -apple-system, "Segoe UI", sans-serif;flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:hidden}.bi--light .bi-ink{opacity:.8}.bi-glyph{width:calc(var(--bi-size) * .5);height:calc(var(--bi-size) * .5);display:block}.bi-text{white-space:nowrap;letter-spacing:-.03em;font-size:calc(var(--bi-size) * .56)}.bi-text[data-len="2"]{font-size:calc(var(--bi-size) * .42)}.bi-text[data-len="3"]{font-size:calc(var(--bi-size) * .3)}.bi-badge{box-sizing:border-box;min-width:calc(var(--bi-size) * .44);height:calc(var(--bi-size) * .44);padding:0 calc(var(--bi-size) * .06);border-radius:calc(var(--bi-size) * .08);font-size:calc(var(--bi-size) * .3);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;background:#ffffff57;place-items:center;font-weight:700;display:grid}.bi-badge[data-len="2"]{font-size:calc(var(--bi-size) * .27)}.bi-badge[data-len="3"]{font-size:calc(var(--bi-size) * .22)}.bi--light .bi-badge{background:#0000003d}.bi-emoji{font-size:calc(var(--bi-size) * .52);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-weight:400}.bi-img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bi-img-placeholder{opacity:.55}.ip{box-sizing:border-box;background:var(--surface,#282828);width:300px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text,#f2f2f2);border-radius:var(--radius-ui,10px);box-shadow:var(--shadow-pop,0 12px 32px -12px #0009, 0 0 0 1px #3d3d3d);font-family:var(--font-inter,"Inter"), system-ui, -apple-system, "Segoe UI", sans-serif;text-align:left;cursor:default;flex-direction:column;font-size:13px;line-height:1.4;display:flex;overflow:hidden}:where(.ip) *,:where(.ip) :before,:where(.ip) :after{box-sizing:border-box}:where(.ip) :where(button,input){font:inherit;color:inherit}:where(.ip) :focus-visible{outline:2px solid var(--select,#4ea1ff);outline-offset:1px}.ip-head{align-items:center;gap:12px;padding:12px 10px 10px 12px;display:flex}.ip-head-text{flex:1;min-width:0}.ip-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ip-sub{color:var(--text-3,#8c8c8c);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.ip-auto{border-radius:var(--radius-pill,999px);background:var(--surface-2,#323232);height:24px;color:var(--text-2,#b8b8b8);cursor:pointer;border:0;align-items:center;gap:5px;margin-top:6px;padding:0 9px 0 7px;font-size:11.5px;font-weight:600;display:inline-flex}.ip-auto:hover{color:var(--text,#f2f2f2);background:var(--border,#3d3d3d)}.ip-auto[aria-pressed=true]{background:var(--brand-soft,#ff2d6e24);color:var(--text,#f2f2f2);cursor:default}.ip-icon-btn{width:28px;height:28px;color:var(--text-3,#8c8c8c);cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:flex-start;place-items:center;display:grid}.ip-icon-btn:hover{background:var(--surface-2,#323232);color:var(--text,#f2f2f2)}.ip-tabs{border-bottom:1px solid var(--border,#3d3d3d);gap:2px;padding:0 8px;display:flex}.ip-tab{height:34px;color:var(--text-3,#8c8c8c);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;font-size:12.5px;font-weight:600}.ip-tab:hover{color:var(--text,#f2f2f2)}.ip-tab[aria-selected=true]{color:var(--text,#f2f2f2);border-bottom-color:var(--brand,#ff2d6e)}.ip-body{flex-direction:column;flex:auto;height:252px;min-height:150px;display:flex}.ip-field{margin:10px 12px 4px;position:relative}.ip-field>svg{color:var(--text-3,#8c8c8c);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.ip-input{border:1px solid var(--border,#3d3d3d);background:var(--surface-2,#323232);border-radius:8px;outline:none;width:100%;height:32px;padding:0 10px 0 30px}.ip-input::placeholder{color:var(--text-3,#8c8c8c)}.ip-input:focus{border-color:var(--select,#4ea1ff)}.ip-input:focus-visible,.ip-text-input:focus-visible{outline:none}.ip-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong,#4d4d4d) transparent;flex:1;min-height:0;padding:0 12px 10px;position:relative;overflow-y:auto}.ip-section{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3,#8c8c8c);margin:10px 0 5px;font-size:10.5px;font-weight:700}.ip-empty{text-align:center;color:var(--text-3,#8c8c8c);padding:28px 8px}.ip-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.ip-grid--emoji{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.ip-cell{aspect-ratio:1;color:var(--text-2,#b8b8b8);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.ip-cell:hover{background:var(--surface-2,#323232);color:var(--text,#f2f2f2)}.ip-cell:focus-visible{outline-offset:-2px}.ip-cell[aria-pressed=true]{background:var(--brand-soft,#ff2d6e24);color:var(--text,#f2f2f2);box-shadow:inset 0 0 0 1.5px var(--brand,#ff2d6e)}.ip-cell--emoji{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:21px;line-height:1}.ip-hint{color:var(--text-3,#8c8c8c);margin:2px 12px 0;font-size:11.5px}.ip-hint--error{color:var(--danger,#ff5a5f)}.ip-text{flex-direction:column;flex:1;align-items:center;gap:12px;padding:14px 12px 12px;display:flex}.ip-text-row{gap:8px;width:100%;display:flex}.ip-text-input{border:1px solid var(--border,#3d3d3d);background:var(--surface-2,#323232);text-align:center;letter-spacing:.02em;border-radius:8px;outline:none;flex:1;min-width:0;height:40px;padding:0 12px;font-size:20px;font-weight:800}.ip-text-input:focus{border-color:var(--select,#4ea1ff)}.ip-primary{background:var(--brand,#ff2d6e);color:#fff;cursor:pointer;border:0;border-radius:8px;height:40px;padding:0 14px;font-weight:700}.ip-primary:hover{background:var(--brand-deep,#d11857)}.ip-primary:disabled{opacity:.4;cursor:default;background:var(--brand,#ff2d6e)}.ip-secondary{border:1px solid var(--border-strong,#4d4d4d);background:var(--surface-2,#323232);height:36px;color:var(--text,#f2f2f2);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-weight:600;display:inline-flex}.ip-secondary:hover{border-color:var(--text-3,#8c8c8c)}.ip-drop{border:1.5px dashed var(--border-strong,#4d4d4d);text-align:center;color:var(--text-3,#8c8c8c);border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;margin:12px;padding:12px;display:flex}.ip-drop[data-over=true]{border-color:var(--drop,#22d3ee);color:var(--text,#f2f2f2);background:#22d3ee0f}.ip-colors{border-top:1px solid var(--border,#3d3d3d);padding:9px 12px 12px}.ip-colors-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3,#8c8c8c);margin-bottom:7px;font-size:10.5px;font-weight:700}.ip-swatches{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid;position:relative}.ip-swatch{aspect-ratio:1;cursor:pointer;border:0;border-radius:30%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.ip-swatch:hover{transform:scale(1.1)}.ip-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface,#282828), 0 0 0 3.5px var(--text,#f2f2f2)}.ip-swatch--custom{background:conic-gradient(#ff5757,#ffd14d,#7cd651,#38bdf8,#a142ff,#ff3385,#ff5757);overflow:hidden}.ip-swatch--custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}@media (pointer:coarse){.ip-grid,.ip-grid--emoji{grid-template-columns:repeat(6,minmax(0,1fr))}.ip-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.ip-tab{height:40px}.ip-icon-btn{width:40px;height:40px}}.ip-swatch--custom[data-active=true]{box-shadow:0 0 0 2px var(--surface,#282828), 0 0 0 3.5px var(--text,#f2f2f2)}.ip-swatch--custom:has(input:focus-visible){outline:2px solid var(--select,#4ea1ff);outline-offset:1px}.ip-text-placeholder{opacity:.35}@media (max-height:560px){.ip{overscroll-behavior:contain;overflow-y:auto}.ip-body{flex:none;height:200px}}