@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap";.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0px;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ps{overflow:auto!important}}/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{max-width:100%;height:auto}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}a{color:inherit;text-decoration:none}button{padding:0;font-family:inherit;border:none}@font-face{font-family:Fallback;src:local(system-ui),local(-apple-system),local(BlinkMacSystemFont),local(Segoe UI),local(Roboto),local(Ubuntu),local(Helvetica),local(Arial),local(sans-serif)}:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-card: 0 10px 30px rgba(139, 92, 246, .15);--shadow-button: 0 4px 12px rgba(139, 92, 246, .3)}:root{color-scheme:dark;--color-accent: #6366f1;--color-primary: #8b5cf6;--color-secondary: #ec4899;--color-tertiary: #3b82f6;--color-text: hsl(211, 19%, 70%);--color-dark: hsl(216, 14%, 14%);--color-gray: hsl(216, 19%, 16%);--color-page-bg: hsl(216, 14%, 10%);--color-configurator: hsl(216, 14%, 14%);--color-stroke: hsl(211, 19%, 70%);--color-success: hsl(145, 63%, 49%);--color-warning: hsl(45, 95%, 55%);--color-danger: hsl(354, 70%, 54%);--color-info: hsl(204, 86%, 53%)}.dark-theme{color-scheme:dark;--opposite: white;--color-accent: #6366f1;--color-primary: #8b5cf6;--color-secondary: #ec4899;--color-tertiary: #3b82f6;--color-text: hsl(211, 19%, 70%);--color-dark: hsl(216, 14%, 14%);--color-gray: hsl(216, 19%, 16%);--color-page-bg: hsl(216, 14%, 10%);--color-configurator: hsl(216, 14%, 14%);--color-stroke: hsl(211, 19%, 70%);--color-success: hsl(145, 63%, 49%);--color-warning: hsl(45, 95%, 55%);--color-danger: hsl(354, 70%, 54%);--color-info: hsl(204, 86%, 53%)}.light-theme{color-scheme:light;--opposite: black;--color-accent: #6366f1;--color-primary: #8b5cf6;--color-secondary: #ec4899;--color-tertiary: #3b82f6;--color-text: hsl(215 46.26% 27.19%);--color-bg-hover: #d5d5d5;--color-dark: #eeeeee;--color-gray: #ffffff;--color-page-bg: #eef9ff;--color-configurator: #ffffff;--color-stroke: #94a3b8;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6}*{box-sizing:border-box}html,body{height:100%;margin:0;font-size:16px;font-family:Inter,Fallback,-apple-system,BlinkMacSystemFont,sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-page-bg, hsl(216, 14%, 10%));color:var(--color-text, hsl(211, 19%, 70%));transition:background-color .3s ease,color .3s ease}body{overflow-x:hidden}img{user-select:none;-webkit-user-drag:none;max-width:100%;height:auto}::selection{background:rgba(var(--color-text, 166, 180, 200),.15);color:var(--color-text, hsl(211, 19%, 70%))}#app{width:100%;height:100%}button{border:none;outline:none;font-family:inherit;cursor:pointer;transition:all .2s ease}a{color:var(--color-primary, hsl(241, 99%, 70%));text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-secondary, hsl(186, 84%, 74%))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(166,180,200,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(166,180,200,.5)}[data-v-99afa5ef]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.action-menu[data-v-99afa5ef]{display:flex;align-items:center;margin-top:5rem;padding:.5rem;background-color:var(--color-gray);border-radius:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(166,180,200,.1);backdrop-filter:blur(8px)}.action-menu .menu-item[data-v-99afa5ef]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin:0 .5rem;background-color:color-mix(in srgb,var(--color-gray) 90%,white 10%);border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid transparent}.action-menu .menu-item img[data-v-99afa5ef]{filter:brightness(.7);transition:filter .3s ease}.action-menu .menu-item[data-v-99afa5ef]:not(.disabled):hover{background-color:color-mix(in srgb,var(--color-gray) 85%,var(--opposite) 15%);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#a6b4c833}.action-menu .menu-item:not(.disabled):hover img[data-v-99afa5ef]{filter:brightness(1)}.action-menu .menu-item[data-v-99afa5ef]:not(.disabled):active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.action-menu .menu-item.disabled[data-v-99afa5ef]{cursor:default;opacity:.4;transform:none;box-shadow:none}.action-menu .menu-item[data-v-99afa5ef]:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:radial-gradient(circle at center,#8b5cf6,transparent 70%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s ease}.action-menu .menu-item[data-v-99afa5ef]:not(.disabled):active:after{opacity:.5;transition:opacity .1s ease}.ps--active-y .ps__rail-y:hover,.ps--active-y .ps__rail-y.ps--clicking{background-color:#2c323a}[data-v-966de86b]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.setting-section[data-v-966de86b]{padding:3rem 1.5rem;position:relative;overflow:hidden;border-bottom:1px solid rgba(166,180,200,.1)}.setting-section[data-v-966de86b]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899,transparent);opacity:.7;transform:translateY(-4px);transition:transform .3s ease,opacity .3s ease}.setting-section[data-v-966de86b]:hover:before{transform:translateY(0);opacity:1}.setting-section .section-title[data-v-966de86b]{margin-bottom:1.5rem;font-weight:600;line-height:23px;color:var(--color-text);font-size:1rem;letter-spacing:.02em;text-transform:uppercase;position:relative;display:inline-block}.setting-section .section-title[data-v-966de86b]:after{content:"";position:absolute;bottom:-5px;left:0;width:30%;height:2px;background:#8b5cf6;border-radius:1px;transition:width .3s ease}.setting-section .section-title[data-v-966de86b]:hover:after{width:70%}.setting-section[data-v-966de86b]{animation:fadeInUp-966de86b .5s ease-out}@keyframes fadeInUp-966de86b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-v-b786e59e]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.avatarcraft-scroll[data-v-b786e59e]{width:20rem;height:100%}@media screen and (max-width: 976px){.avatarcraft-scroll[data-v-b786e59e]{background-color:#1f2329}}.avatarcraft[data-v-b786e59e]{width:100%;color:#a4b2c1}.avatarcraft .wrapper-shape[data-v-b786e59e]{display:flex;align-items:center}.avatarcraft .wrapper-shape .wrapper-shape__item[data-v-b786e59e]{padding:.4rem .5rem;cursor:pointer}.avatarcraft .wrapper-shape .wrapper-shape__item .shape[data-v-b786e59e]{display:inline-block;width:1.5rem;height:1.5rem;background-color:#a4b2c1;transition:background-color .2s}.avatarcraft .wrapper-shape .wrapper-shape__item .shape.circle[data-v-b786e59e]{border-radius:50%}.avatarcraft .wrapper-shape .wrapper-shape__item .shape.squircle[data-v-b786e59e]{border-radius:20%}.avatarcraft .wrapper-shape .wrapper-shape__item .shape.active[data-v-b786e59e]{background-color:#6366f1}.avatarcraft .color-picker[data-v-b786e59e]{margin:1rem 0 .5rem}.avatarcraft .color-picker summary[data-v-b786e59e]{color:#677f98;font-size:small;font-weight:500;cursor:pointer;user-select:none;padding:.25rem 0;transition:color .2s ease;position:relative;display:inline-block}.avatarcraft .color-picker summary[data-v-b786e59e]:after{content:"\25bc";position:absolute;right:-12px;top:50%;transform:translateY(-50%) scale(.7);transition:transform .2s ease}.avatarcraft .color-picker summary[data-v-b786e59e]:hover{color:#a4b2c1}.avatarcraft .color-picker[open] summary[data-v-b786e59e]:after{transform:translateY(-50%) scale(.7) rotate(180deg)}.avatarcraft .color-list[data-v-b786e59e]{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.avatarcraft .color-list .color-list__item[data-v-b786e59e]{position:relative;z-index:1;width:14.2857142857%;padding:.5rem 0;cursor:pointer;transition:transform .2s ease,filter .2s ease}.avatarcraft .color-list .color-list__item[data-v-b786e59e]:hover{transform:scale(1.05);filter:brightness(1.1)}.avatarcraft .color-list .color-list__item .bg-color[data-v-b786e59e]{position:relative;box-sizing:content-box;width:1.3em;height:1.3em;margin:0 auto;font-size:16px;border-radius:50%;box-shadow:0 0 .05em .2em #1f2329,0 1px 2px #0000000d;border:2px solid transparent;transition:all .2s ease}.avatarcraft .color-list .color-list__item .bg-color.transparent[data-v-b786e59e]{background:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%,#ccc),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%,#ccc);background-size:8px 8px;background-position:0 0,4px 4px}.avatarcraft .color-list .color-list__item .bg-color.transparent[data-v-b786e59e]:after{position:absolute;top:50%;left:50%;z-index:1;color:#ff4757;font-weight:700;font-size:1.8rem;transform:translate(-50%,-50%) scale(.5);opacity:1;content:"\\"}.avatarcraft .color-list .color-list__item .bg-color[data-v-b786e59e]:before{position:absolute;top:50%;left:50%;z-index:-1;width:100%;height:100%;background:inherit;border-radius:50%;transform:translate(-50%,-50%);opacity:.5;transition:width .2s ease,height .2s ease;content:""}.avatarcraft .color-list .color-list__item .bg-color[data-v-b786e59e]:after{position:absolute;top:50%;left:50%;z-index:1;color:#1f2329;font-size:1.5rem;font-weight:700;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:opacity .2s ease,transform .2s ease;content:"\2714"}.avatarcraft .color-list .color-list__item .bg-color.active[data-v-b786e59e]{border-color:#fffc;transform:scale(1.1);box-shadow:0 0 .05em .2em #1f2329,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.avatarcraft .color-list .color-list__item .bg-color.active[data-v-b786e59e]:before{width:160%;height:160%}.avatarcraft .color-list .color-list__item .bg-color.active[data-v-b786e59e]:after{opacity:1;transform:translate(-50%,-50%) scale(.6)}.avatarcraft .widget-list[data-v-b786e59e]{display:flex;flex-wrap:wrap;gap:.5rem}.avatarcraft .widget-list .list-item[data-v-b786e59e]{display:flex;align-items:center;justify-content:center;width:calc(25% - .5rem);height:5rem;padding:.5rem;border-radius:.8rem;cursor:pointer;transition:all .3s ease;border:1px solid transparent;position:relative}.avatarcraft .widget-list .list-item[data-v-b786e59e]:hover{background-color:#303740;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#a6b4c833}.avatarcraft .widget-list .list-item[data-v-b786e59e]:hover path{stroke:#8b5cf6!important;transition:stroke .3s ease}.avatarcraft .widget-list .list-item.selected[data-v-b786e59e]{border-color:#8b5cf6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #8b5cf6 inset}.avatarcraft .widget-list .list-item.selected[data-v-b786e59e] path{stroke:#8b5cf6!important}.avatarcraft .widget-list .list-item.selected[data-v-b786e59e]:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:.8rem;border:2px solid #8b5cf6;opacity:.7;animation:pulse-b786e59e 2s infinite;pointer-events:none;z-index:-1}.avatarcraft .widget-list .list-item[data-v-b786e59e]>svg{width:100%!important;height:100%!important;transition:transform .3s ease}.avatarcraft .widget-list .list-item[data-v-b786e59e]:hover>svg{transform:scale(1.1)}.avatarcraft .widget-list .list-item[data-v-b786e59e] path{stroke:#a4b2c1!important;transition:stroke .2s ease}@keyframes pulse-b786e59e{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:.3}to{transform:scale(.95);opacity:.7}}.avatar-background[data-v-e654e794]{position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color .1s}.avatar-border[data-v-24b3377a]{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;border-style:solid;border-width:10px;transition:border-color .1s}.avatar-craft[data-v-fe7bf230]{position:relative;overflow:hidden}.avatar-craft .avatar-payload[data-v-fe7bf230]{position:relative;z-index:2;width:100%;height:100%}.modal[data-v-6052a117]{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;overflow:hidden;backdrop-filter:blur(.1rem)}@media (prefers-reduced-motion: no-preference){.fade-enter-active[data-v-6052a117],.fade-leave-active[data-v-6052a117]{transition:opacity .25s ease,transform .2s}}.fade-enter-from[data-v-6052a117],.fade-leave-to[data-v-6052a117]{opacity:0}[data-v-1b8168b6]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.container[data-v-1b8168b6]{position:absolute;top:50%;left:50%;height:min(90vh,1000px);overflow:hidden;background-color:#252a31;border-radius:1rem;transform:translate(-50%,-50%)}.container .top-bar[data-v-1b8168b6]{position:absolute;right:0;left:0;z-index:10;display:flex;align-items:center;height:3.5rem;padding:1rem 2rem;background-color:#2c323a}.container .top-bar .right[data-v-1b8168b6]{display:flex;align-items:center;margin-left:auto}.container .top-bar .right .download-btn[data-v-1b8168b6]{color:#fff;background-color:#6366f1}.container .top-bar .right .regenerate-btn[data-v-1b8168b6],.container .top-bar .right .download-btn[data-v-1b8168b6]{display:flex;align-items:center;justify-content:center;height:2rem;margin-left:1rem;padding:0 1rem;border-radius:.4rem;cursor:pointer}.container .top-bar .right .regenerate-btn[data-v-1b8168b6]:disabled,.container .top-bar .right .regenerate-btn[disabled][data-v-1b8168b6],.container .top-bar .right .download-btn[data-v-1b8168b6]:disabled,.container .top-bar .right .download-btn[disabled][data-v-1b8168b6]{color:#fffc;cursor:not-allowed}.container .content-box[data-v-1b8168b6]{height:100%;padding:3.5rem 0rem 0rem}.container .content[data-v-1b8168b6]{z-index:10;display:grid;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;justify-content:space-between;width:max(85vw,1280px);padding:2rem}.container .content .avatar-box[data-v-1b8168b6]{position:relative;display:flex;align-items:center;justify-content:center}.container .content .avatar-box .download-single[data-v-1b8168b6]{position:absolute;bottom:1rem;left:50%;z-index:10;display:flex;align-items:center;justify-content:center;min-width:6.6rem;height:2.3rem;margin-left:1rem;padding:0 1rem;color:#a4b2c1;font-weight:700;background:hsl(216,14%,19%);border-radius:.4rem;border-radius:.6rem;transform:translate(-50%);cursor:pointer;opacity:0;transition:color .2s;user-select:none}.container .content .avatar-box .download-single[data-v-1b8168b6]:hover{color:#c2ccd6}.container .content .avatar-box:hover .download-single[data-v-1b8168b6]{opacity:1}[data-v-a505c122]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.code-box[data-v-a505c122]{position:absolute;top:50%;left:50%;width:75%;max-width:800px;height:min(90vh,1000px);margin:0 auto;padding:4rem 2rem 2.5rem;overflow:hidden;background-color:#adbac7;border-radius:1rem;transform:translate(-50%,-50%);transition:width .2s}@media screen and (max-width: 1200px){.code-box[data-v-a505c122]{width:75%}}@media screen and (max-width: 768px){.code-box[data-v-a505c122]{width:80%}}@media screen and (max-width: 480px){.code-box[data-v-a505c122]{width:90%;padding:4rem 1rem 2.5rem}.code-box .code-header[data-v-a505c122]{padding:0 1rem}}.code-box .code-header[data-v-a505c122]{position:absolute;top:0;left:0;display:flex;align-items:center;width:100%;height:4rem;padding:0 2rem}.code-box .code-header .title[data-v-a505c122]{font-weight:700}.code-box .code-header .close-btn[data-v-a505c122]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:auto;background-color:#303740;border-radius:50%;cursor:pointer}.code-box .code-header .close-btn .icon-close[data-v-a505c122]{width:45%;opacity:.6;transition:opacity .2s}.code-box .code-header .close-btn:hover .icon-close[data-v-a505c122]{opacity:1}.code-box .code-content-box[data-v-a505c122]{position:relative;height:20rem;height:100%;padding:1rem 0;background:hsl(216,14%,13%);border-radius:.8rem}.code-box .code-content-box .code-scroll-wrapper[data-v-a505c122]{height:100%}.code-box .code-content-box .copy-btn[data-v-a505c122]{position:absolute;top:100%;left:50%;display:flex;align-items:center;justify-content:center;width:5rem;height:2rem;color:#fff;background-color:#6366f1;border-radius:.4rem;transform:translate(-50%,-45%);cursor:pointer;transition:color .15s,background-color .15s}.code-box .code-content-box .copy-btn.copied[data-v-a505c122]{color:#1f2329;background-color:#ec4899}:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.code-content{display:block;padding:0 1.5rem;color:#c0c5ce;color:#81cfef;font-size:1.25rem;font-family:Ubuntu Mono,Fallback;line-height:1.4}@media screen and (max-width: 480px){.code-content{padding:0 1rem;font-size:1rem}}.code-content>.token.key{color:#ffcb6b}.code-content>.token.string,.code-content>.token.number{color:#c3e88d}[data-v-298dd980]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.download-modal-wrapper[data-v-298dd980]{position:fixed;bottom:0;left:50%;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem 0;overflow:hidden;transform:translate(-50%);backdrop-filter:blur(.3rem)}@supports not (backdrop-filter: blur(.3rem)){.download-modal-wrapper[data-v-298dd980]{background-color:#1f2329cc}}.download-modal[data-v-298dd980]{position:relative;width:50%;min-width:310px;max-width:500px;background-color:#1d2026;border:.15rem solid rgba(99,102,241,.8);border-radius:1rem}.download-modal .modal-body[data-v-298dd980]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.8rem 1.2rem 1rem}.download-modal .modal-body .avatar-preview[data-v-298dd980]{width:60%;margin:0 auto}@media screen and (max-width: 768px){.download-modal .modal-body .avatar-preview[data-v-298dd980]{width:80%}}@media screen and (max-width: 480px){.download-modal .modal-body .avatar-preview[data-v-298dd980]{width:90%}}.download-modal .modal-body .avatar-preview .avatar-img[data-v-298dd980]{width:100%;height:100%;object-fit:contain}.download-modal .modal-body .tip[data-v-298dd980]{max-width:70%;margin:0 auto;padding:1.5rem 0;color:#a4b2c1;font-size:.85rem;text-align:center;cursor:default}.download-modal .close-btn[data-v-298dd980]{position:absolute;right:1rem;bottom:-1rem;min-width:5rem;height:2.5rem;margin:0 1rem 0 auto;padding:0 1rem;color:#a4b2c1;font-weight:700;background:hsl(216,14%,19%);border-radius:.2rem;cursor:pointer;transition:color .2s,transform .2s;user-select:none}.download-modal .close-btn[data-v-298dd980]:hover{color:#c2ccd6;transform:translateY(-.3rem)}[data-v-f4c326bd]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.container[data-v-f4c326bd]{height:100%;padding-right:20rem}.container.full[data-v-f4c326bd]{padding-right:0}@media screen and (max-width: 976px){.container[data-v-f4c326bd]{padding-right:0}}@media (prefers-reduced-motion: no-preference){.container[data-v-f4c326bd]{transition:padding-right .2s}}[data-v-e340d813]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.footer[data-v-e340d813]{display:flex;align-items:center;justify-content:center;height:4rem;padding:.8rem 0;color:rgba(var(--color-text),.4);font-weight:700;font-size:.8rem}.footer .divider[data-v-e340d813]{padding:0 1rem}.footer .locale[data-v-e340d813]{cursor:pointer}.footer .link[data-v-e340d813],.footer .locale[data-v-e340d813]{transition:color .2s}.footer .link[data-v-e340d813]:hover,.footer .locale[data-v-e340d813]:hover{color:#a4b2c1}[data-v-ed459dd0]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.sider[data-v-ed459dd0]{position:fixed;top:0;right:0;z-index:200;height:100%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-left:1px solid rgba(166,180,200,.1)}@media (prefers-reduced-motion: no-preference){.sider[data-v-ed459dd0]{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);will-change:transform}}.sider .icon-right[data-v-ed459dd0]{transition:transform .3s cubic-bezier(.4,0,.2,1);filter:brightness(.7)}.sider.collapsed[data-v-ed459dd0]{transform:translate(100%);box-shadow:none}.sider.collapsed .icon-right[data-v-ed459dd0]{transform:rotateY(180deg);filter:brightness(1)}.sider .trigger[data-v-ed459dd0]{position:absolute;top:50%;left:1px;display:flex;align-items:center;justify-content:center;width:1.2rem;height:4rem;background-color:#1f2329;border-radius:.4rem 0 0 .4rem;border:1px solid rgba(166,180,200,.1);border-right:none;transform:translate(-100%,-50%);cursor:pointer;transition:width .2s,background-color .2s,transform .2s;box-shadow:0 1px 2px #0000000d}.sider .trigger[data-v-ed459dd0]:hover{width:1.5rem;background-color:#2a2f37;border-color:#a6b4c833;transform:translate(-100%,-50%) scale(1.05)}[data-v-0ffe91c3]:export{color-accent:#6366f1;color-primary:#8b5cf6;color-secondary:#ec4899;color-tertiary:#3b82f6;color-text:hsl(211,19%,70%);color-dark:hsl(216,14%,14%);color-gray:hsl(216,14%,19%);color-page-bg:hsl(216,14%,9%);color-configurator:hsl(216,14%,14%);color-stroke:hsl(211,19%,70%);color-success:hsl(145,63%,49%);color-warning:hsl(45,95%,55%);color-danger:hsl(354,70%,54%);color-info:hsl(204,86%,53%);color-light-accent:#6366f1;color-light-primary:#8b5cf6;color-light-secondary:#ec4899;color-light-tertiary:#3b82f6;color-light-text:#334155;color-light-dark:#1e293b;color-light-gray:#ffffff;color-light-page-bg:#f8fafc;shadow-card:0 10px 30px rgba(139,92,246,.15);shadow-button:0 4px 12px rgba(139,92,246,.3)}.main[data-v-0ffe91c3]{width:100%;height:100%;overflow:hidden;color:var(--color-text);background-color:var(--color-page-bg);position:relative;transition:background-color .3s ease,color .3s ease}.main .content-warpper[data-v-0ffe91c3]{height:100%;position:relative}.main .content-warpper .content-view[data-v-0ffe91c3]{position:relative;z-index:110;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-bottom:var(--color-layout-footer-height, 4rem)}.hero-section[data-v-0ffe91c3]{padding:2rem 1.5rem 1rem;text-align:center;position:relative;overflow:hidden}.hero-section .hero-content[data-v-0ffe91c3]{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-section .header-controls[data-v-0ffe91c3]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.hero-section .theme-toggle-btn[data-v-0ffe91c3]{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.hero-section .theme-toggle-btn[data-v-0ffe91c3]:hover{background:rgba(255,255,255,.15);transform:rotate(15deg)}.hero-section .theme-toggle-btn[data-v-0ffe91c3]:active{transform:scale(.95)}.hero-section .app-name[data-v-0ffe91c3]{font-size:3.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.05em;text-shadow:0 4px 12px rgba(0,0,0,.1)}@media screen and (max-width: 768px){.hero-section .app-name[data-v-0ffe91c3]{font-size:2.8rem}}@media screen and (max-width: 480px){.hero-section .app-name[data-v-0ffe91c3]{font-size:2.2rem}}.hero-section .hero-text[data-v-0ffe91c3]{background:rgba(0,0,0,.05);backdrop-filter:blur(12px);border-radius:1rem;padding:1.5rem 2rem;border:1px solid rgba(166,180,200,.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hero-section .hero-text .feature-title[data-v-0ffe91c3]{font-size:1.6rem;font-weight:700;margin:0 0 .8rem;color:var(--color-text);line-height:1.3}.hero-section .hero-text .feature-text[data-v-0ffe91c3]{font-size:1.05rem;line-height:1.7;color:var(--color-text);opacity:.9;max-width:700px;margin:0 auto}.playground[data-v-0ffe91c3]{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;gap:3rem}.playground .avatar-card[data-v-0ffe91c3]{background:var(--color-gray);border-radius:1.5rem;padding:2.5rem;border:1px solid rgba(166,180,200,.1);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease}.playground .avatar-card[data-v-0ffe91c3]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.playground .avatar-card[data-v-0ffe91c3]:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.playground .avatar-card .avatar-display[data-v-0ffe91c3]{position:relative;display:flex;align-items:center;justify-content:center;min-height:320px}.playground .avatar-card .avatar-display[data-v-0ffe91c3]:before,.playground .avatar-card .avatar-display[data-v-0ffe91c3]:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(60px);opacity:.2;z-index:0}.playground .avatar-card .avatar-display[data-v-0ffe91c3]:before{background:var(--color-primary);top:-20px;right:-20px}.playground .avatar-card .avatar-display[data-v-0ffe91c3]:after{background:var(--color-secondary);bottom:-20px;left:-20px}@media screen and (max-width: var(--color-screen-sm, 640px)){.playground .avatar-card[data-v-0ffe91c3]{padding:1.8rem;transform:scale(.9)}}.playground .controls-container[data-v-0ffe91c3]{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:600px}.playground .primary-actions[data-v-0ffe91c3]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%}.playground .primary-actions .primary-btn[data-v-0ffe91c3]{flex:1;min-width:120px;height:3rem;padding:0 1.5rem;color:#fff;font-weight:600;font-size:1rem;border-radius:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;position:relative;overflow:hidden;border:none}.playground .primary-actions .primary-btn[data-v-0ffe91c3]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.playground .primary-actions .primary-btn[data-v-0ffe91c3]:hover:before{left:100%}.playground .primary-actions .primary-btn[data-v-0ffe91c3]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.playground .primary-actions .primary-btn[data-v-0ffe91c3]:active{transform:translateY(0)}.playground .primary-actions .primary-btn[data-v-0ffe91c3]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.playground .primary-actions .randomize-btn[data-v-0ffe91c3]{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.playground .primary-actions .download-btn[data-v-0ffe91c3]{background:linear-gradient(135deg,var(--color-secondary),var(--color-info))}.playground .primary-actions .secondary-btn[data-v-0ffe91c3]{min-width:120px;height:3rem;padding:0 1.5rem;color:var(--color-text);font-weight:600;font-size:.9rem;background:var(--color-dark);border:1px solid rgba(166,180,200,.2);border-radius:1rem;cursor:pointer;transition:all .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease;user-select:none}.playground .primary-actions .secondary-btn[data-v-0ffe91c3]:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.playground .primary-actions .secondary-btn[data-v-0ffe91c3]:active{transform:translateY(0)}@media screen and (max-width: var(--color-screen-sm, 640px)){.playground .primary-actions[data-v-0ffe91c3]{align-items:stretch;gap:.8rem}.playground .primary-actions .secondary-btn[data-v-0ffe91c3]{display:none}}@supports (filter: blur(4rem)) or (-webkit-filter: blur(4rem)) or (-moz-filter: blur(4rem)){.gradient-bg[data-v-0ffe91c3]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.gradient-bg .gradient-top[data-v-0ffe91c3]{position:absolute;width:80vh;height:80vh;background-image:radial-gradient(rgba(100,116,139,.8) 20%,rgba(100,116,139,.6) 40%,rgba(100,116,139,.4) 60%,rgba(100,116,139,.2) 80%,transparent 100%);border-radius:50%;opacity:.15;filter:blur(4rem);animation:gradientFloat-0ffe91c3 20s ease-in-out infinite;background:var(var(--color-secondary));mix-blend-mode:overlay;top:-30%;right:-10%;animation-delay:0s}.gradient-bg .gradient-bottom[data-v-0ffe91c3]{position:absolute;width:90vh;height:90vh;background-image:radial-gradient(rgba(100,116,139,.8) 20%,rgba(100,116,139,.6) 40%,rgba(100,116,139,.4) 60%,rgba(100,116,139,.2) 80%,transparent 100%);border-radius:50%;opacity:.15;filter:blur(4rem);animation:gradientFloat-0ffe91c3 20s ease-in-out infinite;background:var(var(--color-accent));mix-blend-mode:overlay;bottom:-30%;left:-10%;animation-delay:5s}.gradient-bg .gradient-accent[data-v-0ffe91c3]{position:absolute;width:60vh;height:60vh;background-image:radial-gradient(rgba(100,116,139,.8) 20%,rgba(100,116,139,.6) 40%,rgba(100,116,139,.4) 60%,rgba(100,116,139,.2) 80%,transparent 100%);border-radius:50%;opacity:.1;filter:blur(4rem);animation:gradientFloat-0ffe91c3 20s ease-in-out infinite;background:var(var(--color-primary));mix-blend-mode:overlay;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes gradientFloat-0ffe91c3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5%,5%) scale(1.05)}50%{transform:translateY(10%) scale(1)}75%{transform:translate(-5%,5%) scale(.95)}}}.theme-toggle-btn[data-v-0ffe91c3]{position:relative;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:2px solid transparent;background:var(--color-gray);box-shadow:var(--shadow-md);cursor:pointer;transition:all .3s ease;user-select:none;z-index:9999}.theme-toggle-btn.fixed-position[data-v-0ffe91c3]{position:fixed;top:2rem;right:2rem;background:linear-gradient(135deg,var(--color-gray),var(--color-dark))}.theme-toggle-btn[data-v-0ffe91c3]:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.theme-toggle-btn[data-v-0ffe91c3]:active{transform:translateY(0) scale(.95);box-shadow:var(--shadow-md)}.theme-icon[data-v-0ffe91c3]{position:absolute;font-size:1.25rem;transition:transform .3s ease,opacity .3s ease}.theme-icon.sun-icon[data-v-0ffe91c3]{opacity:0;transform:scale(.8) rotate(-15deg)}.theme-icon.moon-icon[data-v-0ffe91c3]{opacity:0;transform:scale(.8) rotate(15deg)}.theme-icon.active[data-v-0ffe91c3]{opacity:1;transform:scale(1) rotate(0)}.theme-toggle-btn:hover .theme-icon.active[data-v-0ffe91c3]{transform:scale(1.1) rotate(0)}.light-theme{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1)}.light-theme{background:rgba(0,0,0,.1);border-color:var(--color-primary)}.light-theme{background:linear-gradient(135deg,#ffffff,#f1f5f9)}.light-theme{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(8px);box-shadow:0 4px 6px -1px #0000000d}.light-theme{border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.95);box-shadow:0 10px 15px -3px #0000000d}.light-theme{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.light-theme{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.light-theme{background:var(--color-light-gray);border:1px solid rgba(0,0,0,.1);color:var(--color-text)}.light-theme{background:#f1f5f9;border-color:#0003}