@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.10ev4cu2inrn-.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.0i6ci0u~g4zml.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.0x1a9yg0jkq20.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.0dyk20wuvya7a.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.0ctuso5mgh_i..woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.0kho-wj7-y-w1.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_95a74d9f-module__4wiJXW__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_95a74d9f-module__4wiJXW__variable{--font-sans:"Manrope", "Manrope Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2?dpl=dpl_HKyuMhkMfdSjVsSf9c51fr3J8cvb)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_26c32650-module__M4m31q__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_26c32650-module__M4m31q__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fff;--foreground:#1d1d1b;--card:#fff;--muted:#f5f5f4;--muted-strong:#eeeeec;--muted-foreground:#737373;--border:#e5e5e2;--primary:#e8b65a;--primary-soft:#f3e4c0;--radius:8px;--shadow-sm:0 1px 2px 0 #00000008, 0 2px 4px 0 #0000000a;--shadow-lg:0 2px 4px 0 #00000008, 0 6px 12px -2px #0000000d, 0 16px 32px -6px #00000014;--s-radius:.5rem;--s-background:0 0% 100%;--s-foreground:60 2% 11%;--s-card:0 0% 100%;--s-card-foreground:60 2% 11%;--s-primary:39 75% 63%;--s-primary-foreground:40 35% 12%;--s-primary-hover:39 78% 56%;--s-secondary:0 0% 97%;--s-secondary-foreground:60 2% 11%;--s-muted:0 0% 96%;--s-muted-foreground:0 0% 45%;--s-accent:220 10% 95%;--s-accent-foreground:60 2% 11%;--s-border:0 0% 90%;--s-ring:39 75% 63%;--s-success:168 90% 27%;--s-warning:31 100% 45%;--s-shadow-xs:0 1px 2px 0 #00000008, 0 1px 3px 0 #0000000a;--s-shadow-sm:0 1px 2px 0 #00000008, 0 2px 4px 0 #0000000a, 0 4px 8px -2px #0000000a;--s-shadow-lg:0 2px 4px 0 #00000008, 0 6px 12px -2px #0000000d, 0 16px 32px -6px #00000014;--s-ease:cubic-bezier(.23, 1, .32, 1)}.dark{--background:#1d1d1b;--foreground:#fafafa;--card:#242421;--muted:#2d2d29;--muted-strong:#33332f;--muted-foreground:#a3a3a3;--border:#33332f;--s-background:60 2% 11%;--s-foreground:0 0% 98%;--s-card:60 2% 14%;--s-card-foreground:0 0% 98%;--s-primary:41 70% 60%;--s-primary-foreground:40 40% 10%;--s-primary-hover:41 72% 53%;--s-secondary:60 2% 17%;--s-secondary-foreground:0 0% 98%;--s-muted:60 2% 18%;--s-muted-foreground:0 0% 65%;--s-accent:60 2% 18%;--s-accent-foreground:0 0% 98%;--s-border:60 2% 20%;--s-ring:41 70% 60%}*{box-sizing:border-box}body{background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-sans), system-ui, sans-serif;font-feature-settings:"ss01" 1;margin:0}button{font:inherit}.app-shell{background:var(--background);grid-template-columns:minmax(392px,.88fr) minmax(560px,1.12fr);min-height:100vh;display:grid}.hero-panel{color:#fff;background:linear-gradient(#ffffff0f,#0000 34%),#111110;grid-template-rows:auto 1fr auto;gap:24px;min-height:100vh;padding:28px;display:grid}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{border-radius:var(--radius);width:44px;height:44px;color:var(--foreground);background:#fff;border:1px solid #ffffff4d;place-items:center;display:grid}.brand-mark svg{fill:currentColor;width:26px;height:26px;display:block}.brand-lockup p,.builder-header p,.option-toolbar p,.swatch-group p,.quality-list p{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0;margin:0 0 3px;font-size:11px;font-weight:800}.hero-panel .brand-lockup p{color:#ffffff94}.brand-lockup h1,.builder-header h2{letter-spacing:0;margin:0;font-size:38px;line-height:1}.builder-header h2{max-width:640px;font-size:29px;line-height:1.08}.preview-stage{place-items:center;min-height:470px;display:grid}.avatar-svg{width:min(84vw,440px);height:auto;max-height:58vh}.avatar-body{transform-origin:220px 235px}.avatar-svg.is-animated .avatar-body{animation:3.2s cubic-bezier(.23,1,.32,1) infinite avatar-float}@keyframes avatar-float{0%,to{transform:translateY(0)rotate(-.2deg)}50%{transform:translateY(-7px)rotate(.35deg)}}.quick-actions,.audience-toggle,.option-toolbar{align-items:center;gap:8px;display:flex}.family-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.family-strip button{border-radius:var(--radius);color:#ffffffb8;cursor:pointer;text-align:left;background:#ffffff14;border:1px solid #ffffff24;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:44px;padding:5px 8px 5px 5px;font-size:11px;font-weight:800;display:grid}.family-strip .mini-avatar,.family-strip .mini-avatar svg{border-radius:6px;width:34px;height:34px}.family-strip span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.family-strip button.is-selected{color:#fff;background:#ffffff2e;border-color:#ffffff8c}.quick-actions{flex-wrap:wrap}.quick-actions button,.option-toolbar button{border-radius:var(--radius);min-height:38px;color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:14px;font-weight:750;display:inline-flex}.hero-panel .quick-actions button{background:#fffffff5}.reference-link,.references-header a,.generator-header a,.generator-actions button{border-radius:var(--radius);min-height:38px;color:var(--foreground);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.quick-actions button[aria-label=Reset\ avatar]{width:38px;padding:0}.builder-panel{border-left:1px solid var(--border);flex-direction:column;gap:18px;min-width:0;max-height:100vh;padding:24px;display:flex;overflow:hidden}.builder-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.audience-toggle{border:1px solid var(--border);border-radius:calc(var(--radius) + 3px);background:var(--muted);padding:3px}.audience-toggle button{border-radius:var(--radius);min-width:76px;min-height:34px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:800}.audience-toggle .is-active{background:var(--foreground);color:#fff;box-shadow:var(--shadow-sm)}.quality-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.quality-list div{border:1px solid var(--border);border-radius:var(--radius);background:var(--muted);min-width:0;padding:11px 12px}.quality-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.2;display:block;overflow:hidden}.control-grid{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--card);min-height:0;box-shadow:var(--shadow-sm);grid-template-columns:174px minmax(0,1fr);display:grid;overflow:hidden}.section-tabs{border-right:1px solid var(--border);background:var(--muted);flex-direction:column;gap:2px;padding:8px;display:flex}.section-tabs button{border-radius:var(--radius);color:#40403c;text-align:left;cursor:pointer;background:0 0;border:0;min-height:39px;padding:0 10px;font-size:13px;font-weight:750}.section-tabs button.is-active{color:var(--foreground);box-shadow:var(--shadow-sm);background:#fff}.option-panel{min-width:0;padding:12px}.option-toolbar{justify-content:space-between;margin-bottom:12px}.option-toolbar strong{font-size:17px;line-height:1.1;display:block}.option-toolbar button{border-color:var(--border);background:var(--muted);min-height:36px;box-shadow:none}.option-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px;max-height:min(48vh,480px);padding:1px 4px 4px 1px;display:grid;overflow:auto}.option-grid button{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;justify-items:center;gap:6px;min-width:0;min-height:108px;padding:8px 6px;display:grid}.option-grid button.is-selected{border-color:var(--foreground);box-shadow:0 0 0 1px var(--foreground), var(--shadow-sm)}.mini-avatar{border-radius:var(--radius);background:var(--muted);place-items:center;width:66px;height:66px;display:grid;overflow:hidden}.mini-avatar svg{filter:none;width:66px;height:66px}.option-grid span:last-child{max-width:100%;color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.swatch-row{grid-template-columns:1.4fr 1.15fr .85fr;gap:10px;display:grid}.swatch-group{border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-sm);background:#fff;padding:12px}.swatch-group>div{flex-wrap:wrap;gap:8px;display:flex}.swatch-group button{cursor:pointer;width:28px;height:28px;box-shadow:0 0 0 1px var(--border);border:2px solid #fff;border-radius:50%}.swatch-group button.is-selected{box-shadow:0 0 0 2px var(--foreground), inset 0 0 0 2px #fff}.references-page{background:var(--background);min-height:100vh;padding:28px}.references-header,.generator-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.references-header p,.generator-header p,.reference-card p{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0;margin:0 0 4px;font-size:11px;font-weight:800}.references-header h1,.generator-header h1{margin:0;font-size:38px;line-height:1}.references-header nav,.generator-header nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.references-header a,.generator-header a{border-color:var(--border);background:var(--muted)}.references-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.reference-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.reference-card img{aspect-ratio:1;object-fit:cover;background:#111110;width:100%;display:block}.reference-card div{padding:14px}.reference-card h2{margin:0 0 6px;font-size:19px;line-height:1.15}.reference-card span{color:#4a4a45;font-size:13px;line-height:1.45;display:block}.generator-page{background:var(--background);min-height:100vh;padding:28px}.generator-layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:18px;display:grid}.generator-sidebar,.generator-stage{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-sm);background:#fff}.generator-sidebar{max-height:calc(100vh - 36px);padding:12px;position:sticky;top:18px;overflow:auto}.generator-stage{padding:16px}.mode-toggle{border:1px solid var(--border);border-radius:calc(var(--radius) + 3px);background:var(--muted);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.mode-toggle button,.family-list button,.stepper-grid button{border-radius:var(--radius);min-height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;font-weight:800}.mode-toggle .is-active{background:var(--foreground);color:#fff}.generator-section{gap:10px;margin-top:14px;display:grid}.generator-section>p,.generator-meta p,.generator-swatches span{color:var(--muted-foreground);text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.family-list{gap:6px;display:grid}.family-list button{border:1px solid var(--border);min-width:0;color:var(--foreground);text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.family-list button.is-selected,.background-list button.is-selected,.concept-grid button.is-selected{border-color:var(--foreground);box-shadow:0 0 0 1px var(--foreground)}.family-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.family-list small{color:var(--muted-foreground);font-size:11px}.stepper-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stepper-grid button{border:1px solid var(--border);background:var(--muted);color:var(--foreground)}.generator-swatches{gap:6px;display:grid}.generator-swatches>div{flex-wrap:wrap;gap:7px;display:flex}.generator-swatches button{cursor:pointer;width:26px;height:26px;box-shadow:0 0 0 1px var(--border);border:2px solid #fff;border-radius:50%}.generator-swatches button.is-selected{box-shadow:0 0 0 2px var(--foreground), inset 0 0 0 2px #fff}.background-list{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.background-list button,.concept-grid button{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;padding:0;overflow:hidden}.background-list img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.generator-preview{border-radius:calc(var(--radius) + 2px);background:#111110;place-items:center;min-height:480px;display:grid;overflow:hidden}.generator-preview>img,.modular-preview{aspect-ratio:1;border-radius:24px;width:min(100%,520px)}.generator-preview>img{object-fit:cover;display:block}.modular-preview{background-position:50%;background-size:cover;place-items:center;display:grid;overflow:hidden}.modular-preview .avatar-svg{width:100%;max-height:none}.generator-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.generator-actions button{border-color:var(--border);cursor:pointer}.generator-meta{max-width:680px;margin-top:14px}.generator-meta h2{margin:2px 0 6px;font-size:24px;line-height:1.1}.generator-meta span{color:#4a4a45;font-size:14px;line-height:1.45}.concept-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin-top:16px;display:grid}.concept-grid button{position:relative}.concept-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.concept-grid span{min-width:22px;height:22px;color:var(--foreground);background:#ffffffeb;border-radius:999px;place-items:center;font-size:11px;font-weight:900;display:grid;position:absolute;bottom:6px;right:6px}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1040px){.app-shell{grid-template-columns:1fr}.hero-panel{min-height:auto}.builder-panel{border-left:0;max-height:none}}@media (max-width:820px){.generator-layout{grid-template-columns:1fr}.generator-sidebar{max-height:none;position:static}}@media (max-width:720px){.hero-panel,.builder-panel{padding:18px}.control-grid,.swatch-row,.quality-list{grid-template-columns:1fr}.section-tabs{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow:auto}.section-tabs button{flex:none}.builder-header,.quick-actions,.family-strip{flex-wrap:wrap}.family-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-lockup h1{font-size:31px}.builder-header h2{font-size:23px}}.ui-button{border-radius:calc(var(--s-radius) - 2px);cursor:pointer;font:inherit;letter-spacing:0;transition:background .16s var(--s-ease), border-color .16s var(--s-ease), color .16s var(--s-ease), transform .16s var(--s-ease);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.ui-button svg{flex:none;width:16px;height:16px}.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-button:focus-visible,.ui-tab:focus-visible,.ui-select select:focus-visible,.ui-switch:focus-visible,.asset-grid button:focus-visible{outline:4px solid hsl(var(--s-ring) / .22);outline-offset:1px}.ui-button--default{border-color:hsl(var(--s-primary) / .75);background:hsl(var(--s-primary));color:hsl(var(--s-primary-foreground));box-shadow:var(--s-shadow-xs)}.ui-button--default:hover{border-color:hsl(var(--s-primary-hover));background:hsl(var(--s-primary-hover))}.ui-button--secondary{border-color:hsl(var(--s-border));background:hsl(var(--s-secondary));color:hsl(var(--s-secondary-foreground));box-shadow:var(--s-shadow-xs)}.ui-button--secondary:hover,.ui-button--outline:hover,.ui-button--ghost:hover{background:hsl(var(--s-accent));color:hsl(var(--s-accent-foreground))}.ui-button--outline{border-color:hsl(var(--s-border));color:hsl(var(--s-foreground));background:0 0}.ui-button--ghost,.ui-button--plain{color:hsl(var(--s-foreground));background:0 0}.ui-button--plain:hover{background:0 0}.ui-button-size--default{min-height:36px;padding:0 14px}.ui-button-size--sm{min-height:32px;padding:0 11px;font-size:12px}.ui-button-size--icon{width:36px;min-width:36px;height:36px;padding:0}.ui-card{border:1px solid hsl(var(--s-border));border-radius:calc(var(--s-radius) + 4px);background:hsl(var(--s-card));color:hsl(var(--s-card-foreground));box-shadow:var(--s-shadow-sm);overflow:hidden}.ui-card-header{border-bottom:1px solid hsl(var(--s-border));justify-content:space-between;align-items:flex-start;gap:14px;padding:15px;display:flex}.ui-card-header h2{margin:0;font-size:16px;line-height:1.12}.ui-card-content{gap:14px;padding:15px;display:grid}.ui-badge{border:1px solid hsl(var(--s-border));background:hsl(var(--s-muted));min-height:22px;color:hsl(var(--s-muted-foreground));white-space:nowrap;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.ui-badge--default{background:hsl(var(--s-primary) / .12);color:hsl(var(--s-primary))}.ui-badge--success{background:hsl(var(--s-success) / .12);color:hsl(var(--s-success))}.ui-badge--warning{background:hsl(var(--s-warning) / .13);color:hsl(var(--s-warning))}.ui-badge--rare{color:#d68b00;background:#ffc01426;border-color:#ffc01447}.dark .ui-badge--rare{color:#ffd152}.ui-separator{background:hsl(var(--s-border));height:1px}.ui-switch{border:1px solid hsl(var(--s-border));background:hsl(var(--s-muted));cursor:pointer;width:38px;height:22px;transition:background .16s var(--s-ease);border-radius:999px;align-items:center;padding:2px;display:inline-flex}.ui-switch span{background:hsl(var(--s-background));width:16px;height:16px;box-shadow:var(--s-shadow-xs);transition:transform .16s var(--s-ease);border-radius:50%}.ui-switch.is-checked{border-color:hsl(var(--s-primary));background:hsl(var(--s-primary))}.ui-switch.is-checked span{transform:translate(16px)}.ui-select{gap:6px;display:grid}.ui-select span,.eyebrow{color:hsl(var(--s-muted-foreground));letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.ui-select select{border:1px solid hsl(var(--s-border));border-radius:calc(var(--s-radius) - 2px);background:hsl(var(--s-background));width:100%;min-height:36px;color:hsl(var(--s-foreground));font:inherit;padding:0 34px 0 10px;font-size:13px;font-weight:650}.ui-tabs{border:1px solid hsl(var(--s-border));border-radius:calc(var(--s-radius) + 2px);background:hsl(var(--s-muted));flex-wrap:wrap;gap:4px;padding:4px;display:flex}.ui-tab{border-radius:calc(var(--s-radius) - 2px);min-height:32px;color:hsl(var(--s-muted-foreground));cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.ui-tab small{background:hsl(var(--s-background));min-width:20px;height:20px;color:hsl(var(--s-muted-foreground));border-radius:999px;place-items:center;font-size:11px;display:grid}.ui-tab.is-active{background:hsl(var(--s-background));color:hsl(var(--s-foreground));box-shadow:var(--s-shadow-xs)}.ui-tab-panel{gap:14px;display:grid}.ui-tooltip{display:inline-flex;position:relative}.ui-tooltip:hover:after{z-index:30;border:1px solid hsl(var(--s-border));border-radius:calc(var(--s-radius) - 2px);background:hsl(var(--s-card));width:max-content;max-width:220px;color:hsl(var(--s-foreground));box-shadow:var(--s-shadow-lg);content:attr(data-tooltip);padding:7px 9px;font-size:12px;font-weight:700;position:absolute;top:calc(100% + 8px);right:0}.collection-shell{background:hsl(var(--s-background));min-height:100vh;color:hsl(var(--s-foreground));padding:22px}.collection-topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.collection-brand,.collection-nav,.preview-actions,.collection-switch-row{align-items:center;gap:10px;display:flex}.collection-mark{border:1px solid hsl(var(--s-border));border-radius:var(--s-radius);background:hsl(var(--s-foreground));width:42px;height:42px;color:hsl(var(--s-background));place-items:center;display:grid}.collection-mark svg{fill:currentColor;width:24px;height:24px;display:block}.collection-brand p{color:hsl(var(--s-muted-foreground));text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:800}.collection-brand h1{letter-spacing:0;margin:0;font-size:clamp(27px,4vw,38px);line-height:.98}.collection-nav{flex-wrap:wrap;justify-content:flex-end}.collection-nav a{border:1px solid hsl(var(--s-border));border-radius:calc(var(--s-radius) - 2px);background:hsl(var(--s-secondary));min-height:36px;color:hsl(var(--s-foreground));box-shadow:var(--s-shadow-xs);justify-content:center;align-items:center;padding:0 13px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.collection-grid{grid-template-columns:minmax(286px,342px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.collection-sidebar,.collection-stage{gap:16px;display:grid}.collection-sidebar{position:sticky;top:18px}.collection-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.collection-stats div,.preview-meta div{border:1px solid hsl(var(--s-border));border-radius:var(--s-radius);background:hsl(var(--s-muted));min-width:0;padding:10px}.collection-stats span,.preview-meta span,.collection-switch-row small{color:hsl(var(--s-muted-foreground));text-transform:uppercase;font-size:11px;font-weight:800;display:block}.collection-stats strong,.preview-meta strong{color:hsl(var(--s-foreground));text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:16px;line-height:1.1;display:block;overflow:hidden}.family-progress{gap:9px;display:grid}.family-progress div{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;padding-bottom:8px;display:grid;position:relative}.family-progress span,.collection-switch-row span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.family-progress small{color:hsl(var(--s-muted-foreground));font-size:12px;font-weight:800}.family-progress i{background:hsl(var(--s-primary));border-radius:999px;height:3px;position:absolute;bottom:0;left:0}.collection-switch-row{border:1px solid hsl(var(--s-border));border-radius:var(--s-radius);background:hsl(var(--s-muted));justify-content:space-between;padding:10px}.preview-card .ui-card-content{justify-items:center}.collection-preview{aspect-ratio:1;border:1px solid hsl(var(--s-border));border-radius:calc(var(--s-radius) + 8px);width:min(100%,620px);box-shadow:var(--s-shadow-lg);isolation:isolate;background:#111110;position:relative;overflow:hidden}.preview-layer{-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.preview-background,.preview-character{object-fit:cover;width:100%;height:100%;inset:0}.preview-character{z-index:3;transform-origin:50% 58%}.preview-accessory{z-index:4;transform-origin:50%;height:auto}.preview-scan,.preview-orbit,.preview-spark{z-index:6;pointer-events:none;display:none;position:absolute}.effect-agent-float .preview-character{animation:collection-float 3.8s var(--s-ease) infinite}.effect-agent-float .preview-accessory{animation:collection-float-small 3.8s var(--s-ease) infinite}.effect-signal-scan .preview-scan{background:linear-gradient(180deg, transparent 0 42%, hsl(var(--s-primary) / .2) 48%, transparent 56% 100%);mix-blend-mode:screen;animation:2.8s linear infinite collection-scan;display:block;inset:0}.effect-pixel-shimmer .preview-spark{background:hsl(var(--s-primary));border-radius:2px;width:7px;height:7px;animation:1.8s steps(2,end) infinite collection-spark;display:block;box-shadow:18px 12px #0bdab1,-20px 24px #fff,32px -16px #ffc629}.preview-spark-one{top:18%;left:14%}.preview-spark-two{animation-delay:.35s;bottom:20%;right:16%}.effect-rare-orbit .preview-orbit{border:1px solid #ffffff61;border-radius:50%;width:72%;height:72%;animation:8s linear infinite collection-orbit;display:block;top:14%;left:14%;transform:rotate(-12deg)}.effect-rare-orbit .preview-orbit-two{border-color:hsl(var(--s-primary) / .48);width:60%;height:60%;animation-duration:11s;animation-direction:reverse;top:19%;left:20%}.preview-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:10px;display:grid}.asset-grid button{border:1px solid hsl(var(--s-border));border-radius:var(--s-radius);background:hsl(var(--s-card));min-width:0;color:hsl(var(--s-foreground));cursor:pointer;text-align:left;justify-items:start;gap:8px;padding:8px;display:grid}.asset-grid button.is-selected{border-color:hsl(var(--s-primary));box-shadow:0 0 0 1px hsl(var(--s-primary))}.asset-grid img{aspect-ratio:1;border-radius:calc(var(--s-radius) - 2px);background:linear-gradient(45deg, hsl(var(--s-muted)) 25%, transparent 25%), linear-gradient(-45deg, hsl(var(--s-muted)) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, hsl(var(--s-muted)) 75%), linear-gradient(-45deg, transparent 75%, hsl(var(--s-muted)) 75%), hsl(var(--s-background));object-fit:cover;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;width:100%;display:block}.asset-grid span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:800;line-height:1.15;overflow:hidden}@keyframes collection-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.2deg)}}@keyframes collection-float-small{0%,to{translate:0}50%{translate:0 -5px}}@keyframes collection-scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes collection-spark{0%,to{opacity:.25;transform:translate(0)}50%{opacity:1;transform:translate(4px,-3px)}}@keyframes collection-orbit{0%{transform:rotate(0)skewY(-8deg)}to{transform:rotate(360deg)skewY(-8deg)}}@media (prefers-reduced-motion:reduce){.preview-character,.preview-accessory,.preview-scan,.preview-orbit,.preview-spark{animation:none!important}}@media (max-width:1040px){.collection-grid{grid-template-columns:1fr}.collection-sidebar{position:static}}@media (max-width:760px){.collection-shell{padding:14px}.collection-topbar,.collection-nav,.ui-card-header{flex-direction:column;align-items:stretch}.collection-nav{justify-content:flex-start}.preview-meta,.collection-stats{grid-template-columns:1fr 1fr}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}