.avatarka-picker{--_avatarka-picker-bg: var(--avatarka-picker-bg, #ffffff);--_avatarka-picker-surface: var(--avatarka-picker-surface, #f7f8fa);--_avatarka-picker-text: var(--avatarka-picker-text, #202632);--_avatarka-picker-muted: var(--avatarka-picker-muted, #646f82);--_avatarka-picker-border: var(--avatarka-picker-border, #dfe3e9);--_avatarka-picker-accent: var(--avatarka-picker-accent, #585be0);--_avatarka-picker-focus: var(--avatarka-picker-focus, #4f46e5);--_avatarka-picker-placeholder: var(--avatarka-picker-placeholder, #e9ecf1);--_avatarka-picker-columns: var(--avatarka-picker-columns, 5);display:flex;width:100%;flex-direction:column;color:var(--_avatarka-picker-text);background:var(--_avatarka-picker-bg);font-family:inherit}.avatarka-picker *,.avatarka-picker *:before,.avatarka-picker *:after{box-sizing:border-box}.avatarka-picker button{font:inherit}.avatarka-picker__themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.avatarka-picker__themes button{min-width:0;height:34px;padding:0 8px;overflow:hidden;border:1px solid var(--_avatarka-picker-border);border-radius:8px;color:var(--_avatarka-picker-muted);background:var(--_avatarka-picker-bg);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.avatarka-picker__themes button:hover{border-color:color-mix(in srgb,var(--_avatarka-picker-accent) 48%,var(--_avatarka-picker-border));color:var(--_avatarka-picker-text)}.avatarka-picker__themes button.is-active{border-color:var(--_avatarka-picker-accent);color:var(--_avatarka-picker-accent);background:color-mix(in srgb,var(--_avatarka-picker-accent) 8%,var(--_avatarka-picker-bg))}.avatarka-picker__palette-row{display:flex;min-height:30px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.avatarka-picker__palette-row>span:first-child{margin-right:3px;color:var(--_avatarka-picker-muted);font-size:11px;font-weight:650}.avatarka-picker__palette{width:26px;height:26px;flex:0 0 26px;padding:0;border:2px solid var(--_avatarka-picker-bg);border-radius:50%;outline:1px solid var(--_avatarka-picker-border);cursor:pointer;transition:outline-color .15s ease,transform .15s ease}.avatarka-picker__palette:hover{transform:scale(1.08)}.avatarka-picker__palette.is-active{outline:2px solid var(--_avatarka-picker-accent);outline-offset:1px}.avatarka-picker__randomize{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;gap:6px;margin-left:6px;padding:10px 18px;border:1px solid var(--_avatarka-picker-border);border-radius:12px;color:var(--_avatarka-picker-muted);background:var(--_avatarka-picker-bg);cursor:pointer;font-size:12px;font-weight:700;transition:color .16s ease,border-color .16s ease,background .16s ease}.avatarka-picker__randomize:hover{border-color:color-mix(in srgb,var(--_avatarka-picker-accent) 48%,var(--_avatarka-picker-border));color:var(--_avatarka-picker-accent);background:color-mix(in srgb,var(--_avatarka-picker-accent) 8%,transparent)}.avatarka-picker__randomize-icon{display:block;width:56px;height:56px;transform-box:fill-box;transform-origin:center;transition:transform .2s ease}.avatarka-picker__randomize-label{display:block;white-space:nowrap}.avatarka-picker__randomize:hover .avatarka-picker__randomize-icon{transform:rotate(12deg)}.avatarka-picker__randomize-icon.is-rolling{animation:avatarka-picker-dice-roll 1s cubic-bezier(.4,0,.2,1)}@keyframes avatarka-picker-dice-roll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatarka-picker__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.avatarka-picker__error{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--_avatarka-picker-border);border-radius:8px;color:var(--_avatarka-picker-text);background:color-mix(in srgb,var(--_avatarka-picker-accent) 7%,var(--_avatarka-picker-surface));font-size:12px;line-height:1.4}.avatarka-picker__error span{min-width:0;flex:1;overflow-wrap:anywhere}.avatarka-picker__error button{flex:0 0 auto;min-height:30px;padding:0 10px;border:1px solid var(--_avatarka-picker-accent);border-radius:7px;color:var(--_avatarka-picker-accent);background:var(--_avatarka-picker-bg);font-size:11px;font-weight:700;cursor:pointer}.avatarka-picker__gallery{display:grid;grid-template-columns:repeat(var(--_avatarka-picker-columns),minmax(0,1fr));gap:9px}.avatarka-picker__gallery.is-generating{pointer-events:none}.avatarka-picker__gallery-item,.avatarka-picker__placeholder{position:relative;display:block;width:100%;min-width:0;aspect-ratio:1;overflow:hidden;border-radius:50%}.avatarka-picker__gallery-item[data-background-shape=rounded],.avatarka-picker__placeholder[data-background-shape=rounded],.avatarka-picker__preview[data-background-shape=rounded]{border-radius:22%}.avatarka-picker__gallery-item[data-background-shape=square],.avatarka-picker__placeholder[data-background-shape=square],.avatarka-picker__preview[data-background-shape=square]{border-radius:0}.avatarka-picker__placeholder{background:var(--_avatarka-picker-placeholder);isolation:isolate}.avatarka-picker__placeholder:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 32%,color-mix(in srgb,var(--_avatarka-picker-bg) 68%,transparent) 50%,transparent 68%);content:"";transform:translate(-110%);animation:avatarka-picker-placeholder 1.4s ease-in-out infinite}.avatarka-picker__gallery.has-error .avatarka-picker__placeholder:after{opacity:0;animation:none}@keyframes avatarka-picker-placeholder{to{transform:translate(110%)}}.avatarka-picker__gallery-item{padding:0;border:0;outline:0 solid transparent;outline-offset:2px;background:transparent;cursor:pointer;transition:outline-width .16s ease,outline-color .16s ease}.avatarka-picker__gallery-item:hover:not(.is-selected){outline:2px solid color-mix(in srgb,var(--_avatarka-picker-accent) 66%,var(--_avatarka-picker-border))}.avatarka-picker__gallery-item.is-selected{outline:2px solid var(--_avatarka-picker-accent)}.avatarka-picker__gallery-item:disabled{opacity:1;cursor:wait}.avatarka-picker__art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.avatarka-picker__art--outgoing{z-index:0}.avatarka-picker__art--incoming{z-index:1;animation:avatarka-picker-avatar-dissolve .32s cubic-bezier(.22,1,.36,1) both}@keyframes avatarka-picker-avatar-dissolve{0%{opacity:0}to{opacity:1}}.avatarka-picker__art,.avatarka-picker__preview-image{display:block;width:100%;height:100%}.avatarka-picker__preview-panel{position:relative;display:flex;flex-direction:column;margin-top:20px;padding:12px 14px;border:1px solid var(--_avatarka-picker-border);border-radius:10px;background:var(--_avatarka-picker-surface)}.avatarka-picker__preview-row{display:flex;min-height:98px;align-items:flex-start;justify-content:flex-start;gap:10px}.avatarka-picker__preview-footer{position:absolute;bottom:12px;left:50%;display:flex;align-items:center;gap:8px;transform:translate(-50%)}.avatarka-picker__preview{flex:0 0 auto;border-radius:50%}.avatarka-picker__preview.is-empty{background:var(--_avatarka-picker-placeholder)}.avatarka-picker__downloads{display:flex;flex-direction:row;align-self:flex-start;gap:6px;margin-left:auto}.avatarka-picker__downloads button{display:flex;min-width:56px;height:32px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid var(--_avatarka-picker-border);border-radius:7px;color:var(--_avatarka-picker-muted);background:var(--_avatarka-picker-bg);font-size:10px;font-weight:700;cursor:pointer;transition:border-color .16s ease,color .16s ease,opacity .16s ease}.avatarka-picker__downloads button:hover:not(:disabled){border-color:var(--_avatarka-picker-accent);color:var(--_avatarka-picker-accent)}.avatarka-picker__downloads button:disabled{opacity:.42;cursor:not-allowed}.avatarka-picker__themes button:focus-visible,.avatarka-picker__palette:focus-visible,.avatarka-picker__randomize:focus-visible,.avatarka-picker__gallery-item:focus-visible,.avatarka-picker__error button:focus-visible,.avatarka-picker__downloads button:focus-visible{outline:3px solid var(--_avatarka-picker-focus);outline-offset:3px}@media(max-width:480px){.avatarka-picker__themes{gap:6px}.avatarka-picker__themes button{padding:0 5px;font-size:11px}.avatarka-picker__palette-row{gap:5px}.avatarka-picker__palette{width:24px;height:24px;flex-basis:24px}.avatarka-picker__gallery{gap:6px}.avatarka-picker__preview-row{flex-wrap:wrap;gap:9px}.avatarka-picker__preview-footer{position:static;flex:0 0 100%;justify-content:center;margin-top:8px;transform:none}.avatarka-picker__downloads{justify-content:flex-end;margin:0}}@media(max-width:400px){.avatarka-picker__themes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:350px){.avatarka-picker__palette-row>span:first-child{display:none}.avatarka-picker__preview-row{justify-content:center}}@media(prefers-reduced-motion:reduce){.avatarka-picker__themes button,.avatarka-picker__palette,.avatarka-picker__randomize,.avatarka-picker__randomize-icon,.avatarka-picker__gallery-item,.avatarka-picker__downloads button{transition:none}.avatarka-picker__placeholder:after,.avatarka-picker__randomize-icon.is-rolling,.avatarka-picker__art--incoming{animation:none}.avatarka-picker__palette:hover,.avatarka-picker__randomize:hover .avatarka-picker__randomize-icon{transform:none}}*{box-sizing:border-box}:root{--page-start: #5869bd;--page-end: #745596;--card: #ffffff;--surface: #f4f5f8;--text: #202737;--muted: #646f82;--border: #dfe3ea;--accent: #585be0;--focus: #3038d8;--shadow: rgba(24, 29, 50, .18)}[data-theme=dark]{--page-start: #17152b;--page-end: #291738;--card: #202938;--surface: #2a3546;--text: #f3f5f8;--muted: #aab3c0;--border: #526074;--accent: #9ba4ff;--focus: #c1c6ff;--shadow: rgba(0, 0, 0, .42)}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:linear-gradient(135deg,var(--page-start),var(--page-end));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .24s ease,color .18s ease}button,a{-webkit-tap-highlight-color:transparent}.app{width:min(100%,640px);min-height:100vh;margin:0 auto;padding:40px 20px 32px}.main-card{padding:24px;border-radius:16px;background:var(--card);box-shadow:0 20px 46px var(--shadow);transition:background .18s ease,box-shadow .18s ease;--avatarka-picker-bg: var(--card);--avatarka-picker-surface: var(--surface);--avatarka-picker-text: var(--text);--avatarka-picker-muted: var(--muted);--avatarka-picker-border: var(--border);--avatarka-picker-accent: var(--accent);--avatarka-picker-focus: var(--focus);--avatarka-picker-placeholder: color-mix(in srgb, var(--surface) 72%, var(--border))}.card-footer__brand{color:var(--muted);font-size:13px;font-weight:750;letter-spacing:.04em}.card-footer__link{display:inline-flex;padding:2px;color:var(--muted);transition:color .15s ease}.card-footer__link:hover{color:var(--accent)}.card-footer__link:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}@media(max-width:600px){.app{padding:42px 20px 28px}.main-card{padding:16px;border-radius:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}