@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/banger/2c55a0e60120577a-s.2a48534a.woff2)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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/banger/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/banger/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/banger/5476f68d60460930-s.c995e352.woff2)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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/banger/2bbe8d2671613f1f-s.76dcb0b2.woff2)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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/banger/1bffadaabf893a1e-s.7cd81963.woff2)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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/banger/83afe278b6a6bb3c-s.p.3a6ba036.woff2)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:300 700;font-display:swap;src:url(/fonts/banger/32687112bd2dd8db-s.cfdd66c2.woff2)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:300 700;font-display:swap;src:url(/fonts/banger/28868e710e86be81-s.c30238d4.woff2)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:300 700;font-display:swap;src:url(/fonts/banger/0c89a48fa5027cee-s.p.4564287c.woff2)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}:root,.dark{--background: #090b0a;--foreground: #f5f6f2;--card: #121614;--card-foreground: #f5f6f2;--popover: #121614;--popover-foreground: #f5f6f2;--primary: #b5ff3d;--primary-foreground: #090b0a;--secondary: #1d2320;--secondary-foreground: #e2e6e0;--muted: #1d2320;--muted-foreground: #a6aea9;--accent: #2c3530;--accent-foreground: #f5f6f2;--destructive: oklch(.577 .245 27.325);--destructive-foreground: #f5f6f2;--border: #2c3530;--input: #29312c;--ring: #b5ff3d;--chart-1: #b5ff3d;--chart-2: oklch(.65 .18 200);--chart-3: oklch(.7 .22 330);--chart-4: oklch(.8 .15 80);--chart-5: oklch(.6 .2 30);--radius: .75rem;--sidebar: #0d100e;--sidebar-foreground: #f5f6f2;--sidebar-primary: #b5ff3d;--sidebar-primary-foreground: #090b0a;--sidebar-accent: #1d2320;--sidebar-accent-foreground: #f5f6f2;--sidebar-border: #2c3530;--sidebar-ring: #b5ff3d}:root,.dark{--font-sans: "Inter", system-ui, sans-serif;--font-brand: "Space Grotesk", sans-serif;--font-display: "Space Grotesk", sans-serif;color-scheme:dark}body{font-family:var(--font-sans)}h1,h2,h3,.font-heading,.font-display{font-family:var(--font-display)}.banger-shell{min-height:100vh;padding-top:64px}.banger-header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.banger-preview{padding:10px 16px;text-align:center;font-size:12px;line-height:1.6;color:var(--muted-foreground);background:var(--secondary);border-bottom:1px solid var(--border)}.banger-generator .zona-workspace>[data-testid=generation-form]{padding:0;border:0;background:none;border-radius:0}.banger-generator .zona-workspace>.zona-results{padding:20px 0 0;border:0;background:none}.banger-generator .zona-workspace{gap:24px}.banger-generator .zona-wallet-strip{display:flex;font-size:12px;line-height:1.7}.banger-generator .zona-mode-tabs{width:100%}.banger-generator .zona-mode-tabs>*{flex:1}.banger-generator .zona-workspace [type=submit]{min-height:48px}.banger-generator .zona-track-grid{grid-template-columns:1fr}.banger-shell>main>.zona-page{max-width:none;margin:0 auto}.banger-shell>main .max-w-7xl,.banger-shell>footer>.max-w-7xl{width:100%;max-width:none;padding-inline:40px}.banger-home-hero .zona-workspace-compact{width:100%;max-width:none}@media(min-width:1500px){.banger-shell>main .max-w-7xl,.banger-shell>footer>.max-w-7xl{padding-inline:60px}}@media(max-width:1100px){.banger-shell>main .max-w-7xl,.banger-shell>footer>.max-w-7xl{padding-inline:24px}}@media(max-width:700px){.banger-shell>main .max-w-7xl,.banger-shell>footer>.max-w-7xl{padding-inline:18px}}.banger-shell a,.banger-shell button{transition-duration:.15s}@media(max-width:639px){.banger-generator{padding:16px}.zona-form-intro{flex-wrap:wrap}.zona-mode-tabs{height:auto}.zona-mode-tabs button{padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.banger-shell{--banger-side: 232px}.banger-sidebar{display:none}.banger-topbar{display:flex;align-items:center;gap:16px;height:64px;padding:0 24px}.banger-mobile-toggle,.banger-collapse{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px}.banger-mobile-toggle:focus-visible,.banger-collapse:focus-visible,.banger-nav-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.banger-brand{display:flex;align-items:center;gap:10px;min-height:64px;font:700 18px var(--font-display);white-space:nowrap}.banger-brand-mark{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:transparent;border-radius:0}.banger-wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap}.banger-wordmark>span{color:var(--primary)}.banger-side-links{flex:1;overflow-y:auto;padding:10px 0}.banger-nav-heading{font-size:10px;letter-spacing:.13em;color:var(--muted-foreground);margin:24px 10px 8px}.banger-nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:44px;border-radius:7px;font-size:13px;color:var(--muted-foreground)}.banger-nav-link svg{flex-shrink:0}.banger-nav-link:hover,.banger-collapse:hover{background:var(--secondary);color:var(--foreground)}.banger-nav-link[aria-current=page]{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);box-shadow:inset 2px 0 var(--primary)}.banger-collapse{margin-top:16px;gap:12px;color:var(--muted-foreground);border-top:1px solid var(--border)}.banger-drawer{padding:16px;width:min(320px,88vw)!important;gap:0}.banger-inner-footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:20px;padding:28px 32px;border-top:1px solid var(--border);font-size:12px;color:var(--muted-foreground)}.banger-inner-footer nav{display:flex;flex-wrap:wrap;gap:12px 20px}.banger-inner-footer a:hover{color:var(--primary)}.banger-shell main{min-width:0}.banger-shell .zona-page{width:100%}.banger-tool-status{border-left:2px solid var(--primary);background:var(--card);padding:20px 24px;margin-bottom:24px}.banger-tool-status p{margin:0;color:var(--muted-foreground)}.banger-editorial-text{grid-template-columns:minmax(0,1fr)!important;max-width:900px}.banger-editorial-text .zona-editorial-copy{max-width:780px}@media(min-width:1024px){.banger-shell{margin-left:var(--banger-side)}.banger-shell.banger-collapsed{--banger-side: 76px}.banger-sidebar{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:var(--banger-side);padding:0 16px 16px;background:var(--sidebar);border-right:1px solid var(--border);z-index:45}.banger-header{left:var(--banger-side)}.banger-mobile-toggle,.banger-collapsed .banger-sidebar .banger-nav-label{display:none}.banger-collapsed .banger-sidebar .banger-nav-heading{font-size:0;margin:18px 8px 8px;border-top:1px solid var(--border)}.banger-collapsed .banger-sidebar .banger-nav-link{padding:12px}.banger-collapsed .banger-sidebar .banger-brand{justify-content:center}}@media(max-width:639px){.banger-topbar{padding:0 12px;gap:10px}.banger-inner-footer{padding:24px 20px}}.banger-home-hero>.pointer-events-none{background:none}.banger-home-grid{padding-block:36px;gap:32px}.banger-home-intro{position:static;padding-top:16px}.banger-home-intro>p:first-child{border:0;padding:0;background:none;border-radius:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px}.banger-home-intro h1{color:var(--foreground);font-size:clamp(36px,3.5vw,56px);line-height:1.06;letter-spacing:-.045em;text-wrap:balance}.banger-home-intro h1>span{color:var(--foreground)}.banger-home-intro h1+p{font-size:14px;line-height:1.75;max-width:43ch;color:var(--muted-foreground);margin-top:22px}.banger-home-intro>div{margin-top:24px;gap:12px 20px;font-size:11px}.banger-home-intro>p:last-of-type{max-width:48ch;font-size:12px;line-height:1.7}.banger-home-intro>a{margin-top:20px;padding:0 16px;min-height:44px;border:1px solid var(--border);border-radius:8px;color:var(--foreground)}.banger-home-intro>a:hover{border-color:var(--primary);color:var(--primary)}.banger-home-hero .banger-generator{border-radius:12px;padding:22px;box-shadow:inset 0 1px color-mix(in srgb,var(--primary) 16%,transparent)}.banger-home-hero .banger-generator:focus-within{border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.banger-home-creator{display:flex;flex-direction:column;gap:18px}.banger-home-creator h2{font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.25;letter-spacing:-.035em;margin-bottom:6px}.banger-home-creator label{font-size:13px;font-weight:500}.banger-home-creator textarea{min-height:148px;resize:vertical;background:var(--background);font-size:14px;line-height:1.7;padding:14px}.banger-creator-hint,.banger-creator-note{font-size:12px;line-height:1.6;color:var(--muted-foreground)}.banger-creator-note{text-align:right;margin-top:-8px}.banger-home-creator button{width:100%;min-height:48px;font-weight:650}.banger-home-hero .zona-workspace{gap:14px}.banger-home-hero .zona-wallet-strip{font-size:11px;padding-bottom:10px}.banger-home-hero [data-testid=generation-form]>*{margin-block:0}.banger-home-hero [data-testid=generation-form]{display:flex;flex-direction:column;gap:14px}.banger-home-hero .zona-form-intro{margin-bottom:0}.banger-home-hero .zona-form-intro h2{font-size:20px;font-weight:650}.banger-home-hero .zona-mode-tabs[data-slot=tabs-list]{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:0;margin:0;height:auto}.banger-home-hero .zona-mode-tabs [role=tab]{border-radius:0;min-height:44px;font-size:12px}.banger-home-hero .zona-mode-tabs [role=tab][aria-selected=true]{background:transparent;color:var(--foreground);box-shadow:inset 0 -2px var(--primary)}.banger-home-hero .zona-tab-check{display:none}.banger-home-hero .zona-mode-tabs [role=tab]{border:0}.banger-style-options{border:1px solid var(--border);border-radius:8px}.banger-style-options summary{cursor:pointer;padding:12px 14px;min-height:44px;font-size:12px;color:var(--muted-foreground)}.banger-style-options summary:hover{color:var(--foreground)}.banger-style-options summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.banger-style-options .zona-style-picker{padding:14px}.banger-home-hero .zona-workspace textarea[name=prompt]{height:112px;min-height:112px;resize:vertical}.banger-home-hero .zona-prompt-help{font-size:11px}.banger-home-hero .zona-style-picker{padding-top:12px}.banger-home-hero .zona-style-picker>div{padding-top:0;gap:12px}.banger-home-hero .zona-style-picker [data-slot=field-set]{gap:6px;min-width:0}.banger-home-hero .zona-style-picker legend{font-size:12px}.banger-home-hero .zona-style-picker [aria-pressed],.banger-home-hero .zona-instrument-chip span{font-size:11px;padding-inline:10px;border-radius:7px}.banger-home-examples{background:transparent;border:0;padding-block:24px 44px}.banger-home-examples>.pointer-events-none{background:none}.banger-home-examples h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em}.banger-home-examples .sm\:items-end>p{font-size:12px;line-height:1.7;max-width:38ch}.banger-home-examples article{border:0;border-radius:8px;background:none}.banger-home-examples article:hover{transform:none;box-shadow:none}.banger-home-examples article>div:first-child{border-radius:8px}.banger-home-examples article>div:last-of-type{padding:14px 0 0}.banger-home-examples article button{background:var(--foreground);color:var(--background)}.banger-home-examples article button:hover{background:var(--primary)}@media(min-width:768px){.banger-home-hero .zona-style-picker>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.banger-home-hero .zona-style-picker [data-slot=field-set]:last-child{grid-column:1 / -1}.banger-home-hero .zona-instrument-options{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.banger-home-hero .zona-instrument-chip{flex-shrink:0}}@media(min-width:1024px){.banger-home-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding-block:32px 24px;gap:32px}.banger-home-intro{padding-top:12px}.banger-home-intro h1{font-size:clamp(28px,2.5vw,40px);max-width:none}.banger-home-intro h1 br{display:none}.banger-home-intro h1>span{display:block;margin-top:10px;font-size:clamp(44px,4vw,64px)}.banger-home-intro h1+p{max-width:58ch;font-size:14px;line-height:1.7;margin-top:18px}.banger-home-intro>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.banger-home-intro>div>span{padding:12px;min-height:58px;border:1px solid var(--border);border-radius:8px;background:var(--card);line-height:1.6}.banger-home-intro>p:last-of-type{max-width:none;font-size:11px}.banger-home-intro>div>span:first-child{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--card))}.banger-home-intro>div>span>span{flex-shrink:0}.banger-home-hero .banger-generator{padding:28px}}@media(max-width:639px){.banger-home-grid{gap:24px;padding-block:24px}.banger-home-intro{padding-top:0}.banger-home-intro h1{font-size:38px;max-width:13ch}.banger-home-intro>p:first-child{font-size:10px;letter-spacing:.07em;margin-bottom:16px}.banger-home-intro h1+p{margin-top:16px}.banger-home-hero .banger-generator{padding:16px}.banger-home-examples{padding-top:16px}}