1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,334869,e=>{"use strict";var r=e.i(843476),t=e.i(271645),a=e.i(657688),i=e.i(725147),s=e.i(653339),n=e.i(283086),o=e.i(63209),l=e.i(948148),c=e.i(861745),d=e.i(158816);let m=[{rowKey:"seedance2",max:200,step:5,initial:25},{rowKey:"nanoBanana2",max:600,step:10,initial:70},{rowKey:"music",max:150,step:5,initial:15}],h=d.FEATURE_SECTIONS.flatMap(e=>e.rows);function x({row:e}){return"music"===e.iconKind?(0,r.jsx)(s.Music,{className:"w-4 h-4 text-primary-blue",strokeWidth:2.5}):"logo"===e.iconKind&&e.logoSrc?e.needsBg?(0,r.jsx)("span",{className:"w-5 h-5 rounded-sm bg-white p-[2px] flex items-center justify-center",children:(0,r.jsx)(a.default,{src:e.logoSrc,alt:"",width:16,height:16,className:"w-full h-full object-contain"})}):(0,r.jsx)(a.default,{src:e.logoSrc,alt:"",width:20,height:20,className:"w-5 h-5 object-contain"}):(0,r.jsx)(i.Gem,{className:"w-4 h-4 text-primary-blue",strokeWidth:2.5})}e.s(["default",0,function({tiers:e,getButtonAction:a,onPlanClick:i,disabled:s}){let p=(0,l.useTranslations)("UpgradePage"),g=(0,l.useTranslations)("pricing.features"),b=(0,l.useTranslations)("pricing.units"),u="ko"===(0,c.useLocale)(),f=u?"ko-KR":"en-US",v=(0,d.getCurrencySymbol)(u),[y,w]=(0,t.useState)(()=>Object.fromEntries(m.map(e=>[e.rowKey,e.initial]))),j=(0,t.useMemo)(()=>m.map(e=>{let r=h.find(r=>r.key===e.rowKey);return r&&void 0!==r.costPerUnit?{...e,row:r,cost:r.costPerUnit}:null}).filter(e=>null!==e),[]),N=j.reduce((e,r)=>e+(y[r.rowKey]??0)*r.cost,0),k=e.find(e=>e.credits>=N)??null,S=null===k,T=k&&k.credits>0?Math.min(100,Math.round(N/k.credits*100)):100,C=k?d.TIER_ACCENTS[k.accent]:d.TIER_ACCENTS.deepest;return(0,r.jsxs)("section",{className:"relative mx-auto w-full max-w-[1280px] mt-14 lg:mt-20 pt-14 lg:pt-20 border-t border-[var(--color-theme-border)]","aria-labelledby":"plan-finder-heading",children:[(0,r.jsx)("style",{children:` 2 /* The INPUT is 44px tall for touch (WCAG 2.5.5 / HIG); the visible track 3 is a 10px rounded bar painted inside it by the track pseudo-element. 4 Styling the input's own background instead would make the draggable 5 box only as tall as the bar â measured at 10px, which is far too thin 6 to grab on a phone. */ 7 .pricing-range { 8 -webkit-appearance: none; 9 appearance: none; 10 width: 100%; 11 height: 44px; 12 background: transparent; 13 outline: none; 14 cursor: pointer; 15 transition: filter 150ms ease; 16 } 17 .pricing-range:hover { filter: brightness(1.08); } 18 19 .pricing-range::-webkit-slider-runnable-track { 20 height: 10px; 21 border-radius: 9999px; 22 background: linear-gradient( 23 to right, 24 var(--color-primary-blue) 0 var(--range-pct, 0%), 25 var(--color-theme-bg-fill) var(--range-pct, 0%) 100% 26 ); 27 } 28 .pricing-range::-moz-range-track { 29 height: 10px; 30 border-radius: 9999px; 31 background: linear-gradient( 32 to right, 33 var(--color-primary-blue) 0 var(--range-pct, 0%), 34 var(--color-theme-bg-fill) var(--range-pct, 0%) 100% 35 ); 36 } 37 38 /* Thumb: white disc on the blue track, ringed in the brand tint so it 39 reads on both the filled and unfilled halves. --color-primary-light 40 is the 20% brand token, so the ring can never drift from the brand. */ 41 .pricing-range::-webkit-slider-thumb { 42 -webkit-appearance: none; 43 appearance: none; 44 margin-top: -6px; /* centres the 22px thumb on the 10px track */ 45 width: 22px; 46 height: 22px; 47 border-radius: 9999px; 48 background: #fff; 49 border: none; 50 box-shadow: 51 0 0 0 4px var(--color-primary-light), 52 0 2px 6px var(--color-theme-shadow); 53 cursor: grab; 54 transition: box-shadow 160ms ease, transform 120ms ease; 55 } 56 .pricing-range:hover::-webkit-slider-thumb { 57 box-shadow: 58 0 0 0 7px var(--color-primary-light), 59 0 2px 8px var(--color-theme-shadow); 60 } 61 .pricing-range:active::-webkit-slider-thumb { 62 cursor: grabbing; 63 transform: scale(1.12); 64 } 65 .pricing-range:focus-visible::-webkit-slider-thumb { 66 box-shadow: 67 0 0 0 4px var(--color-primary-blue), 68 0 2px 8px var(--color-theme-shadow); 69 } 70 71 .pricing-range::-moz-range-thumb { 72 width: 22px; 73 height: 22px; 74 border-radius: 9999px; 75 background: #fff; 76 border: none; 77 box-shadow: 78 0 0 0 4px var(--color-primary-light), 79 0 2px 6px var(--color-theme-shadow); 80 cursor: grab; 81 transition: box-shadow 160ms ease, transform 120ms ease; 82 } 83 .pricing-range:hover::-moz-range-thumb { 84 box-shadow: 85 0 0 0 7px var(--color-primary-light), 86 0 2px 8px var(--color-theme-shadow); 87 } 88 .pricing-range:active::-moz-range-thumb { cursor: grabbing; transform: scale(1.12); } 89 .pricing-range:focus-visible::-moz-range-thumb { 90 box-shadow: 91 0 0 0 4px var(--color-primary-blue), 92 0 2px 8px var(--color-theme-shadow); 93 } 94 95 @media (prefers-reduced-motion: reduce) { 96 .pricing-range, 97 .pricing-range::-webkit-slider-thumb, 98 .pricing-range::-moz-range-thumb { transition: none; } 99 } 100 `}),(0,r.jsxs)("header",{className:"text-center mb-8",children:[(0,r.jsx)("h3",{id:"plan-finder-heading",className:"text-2xl lg:text-3xl font-bold text-[var(--color-theme-text-primary)] mb-1",children:p("finder.title")}),(0,r.jsx)("p",{className:"text-sm text-[var(--color-theme-text-secondary)]",children:p("finder.subtitle")})]}),(0,r.jsxs)("div",{className:"grid gap-8 lg:grid-cols-[1fr_360px] lg:gap-10 items-start",children:[(0,r.jsxs)("div",{className:"space-y-6",children:[j.map(({rowKey:e,row:t,cost:a,max:i,step:s})=>{let n=g(t.key,{count:0}),o=n.indexOf(" · "),l=o>=0?n.slice(0,o):n,c=y[e]??0,d=c*a;return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-baseline justify-between gap-3 mb-2",children:[(0,r.jsxs)("label",{htmlFor:`finder-${e}`,className:"flex items-center gap-2.5 text-[13px] text-[var(--color-theme-text-primary)]",children:[(0,r.jsx)("span",{className:"shrink-0 flex h-5 w-5 items-center justify-center",children:(0,r.jsx)(x,{row:t})}),(0,r.jsx)("span",{className:"font-medium",children:l}),(0,r.jsx)("span",{className:"text-[var(--color-theme-text-secondary)]",children:p("compare.costPerUnit",{credits:a.toLocaleStr
100ing(f),unit:t.unitKey?b(t.unitKey):""})})]}),(0,r.jsxs)("span",{className:"shrink-0 text-right",children:[(0,r.jsx)("span",{className:"block text-base font-bold tabular-nums text-[var(--color-theme-text-primary)]",children:c.toLocaleString(f)}),(0,r.jsx)("span",{className:"block text-[11px] tabular-nums text-[var(--color-theme-text-secondary)]",children:p("finder.rowCredits",{credits:d.toLocaleString(f)})})]})]}),(0,r.jsx)("input",{id:`finder-${e}`,type:"range",min:0,max:i,step:s,value:c,onChange:r=>w(t=>({...t,[e]:Number(r.target.value)})),className:"pricing-range",style:{"--range-pct":`${c/i*100}%`},"aria-describedby":`finder-${e}-out`}),(0,r.jsxs)("div",{className:"mt-1 flex justify-between text-[11px] tabular-nums text-[var(--color-theme-text-secondary)] opacity-70",children:[(0,r.jsx)("span",{children:"0"}),(0,r.jsx)("span",{children:i.toLocaleString(f)})]}),(0,r.jsx)("span",{id:`finder-${e}-out`,className:"sr-only",children:p("finder.rowCredits",{credits:d.toLocaleString(f)})})]},e)}),(0,r.jsx)("p",{className:"text-[13px] text-[var(--color-theme-text-secondary)]",children:p("finder.total",{credits:N.toLocaleString(f)})})]}),(0,r.jsx)("div",{className:`rounded-2xl border p-6 ${S?"border-[var(--color-theme-border)]":C.card} ${C.panel}`,children:S?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-2 text-[var(--color-theme-text-primary)]",children:[(0,r.jsx)(o.AlertCircle,{className:"w-4 h-4","aria-hidden":!0}),(0,r.jsx)("h4",{className:"text-base font-bold",children:p("finder.overTitle")})]}),(0,r.jsx)("p",{className:"text-[13px] text-[var(--color-theme-text-secondary)]",children:p("finder.overBody",{credits:N.toLocaleString(f)})})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("p",{className:"flex items-center gap-1.5 text-[11px] font-bold uppercase tracking-wider text-[var(--color-theme-text-secondary)]",children:[(0,r.jsx)(n.Sparkles,{className:"w-3.5 h-3.5 text-primary-blue","aria-hidden":!0}),p("finder.recommended")]}),(0,r.jsx)("p",{className:"mt-1 text-3xl font-bold text-[var(--color-theme-text-primary)]",children:k.title}),(0,r.jsxs)("p",{className:"text-sm text-[var(--color-theme-text-secondary)]",children:[v,(0,d.formatPrice)(u?k.monthlyPriceKRW:k.monthlyPriceUSD,u),p("billing.perMonth")]}),(0,r.jsxs)("div",{className:"mt-5",children:[(0,r.jsxs)("div",{className:"flex items-baseline justify-between gap-2 mb-1.5",children:[(0,r.jsx)("span",{className:"text-[13px] text-[var(--color-theme-text-secondary)]",children:p("finder.usage",{used:N.toLocaleString(f),total:k.credits.toLocaleString(f)})}),(0,r.jsxs)("span",{className:"text-[13px] font-bold tabular-nums text-[var(--color-theme-text-primary)]",children:[T,"%"]})]}),(0,r.jsx)("div",{className:"h-2 w-full overflow-hidden rounded-full bg-[var(--color-theme-bg-fill)]",role:"img","aria-label":p("finder.usage",{used:N.toLocaleString(f),total:k.credits.toLocaleString(f)}),children:(0,r.jsx)("div",{className:`h-full rounded-full ${C.bar}`,style:{width:`${Math.max(T,2)}%`}})}),(0,r.jsx)("p",{className:"mt-2 text-[11px] text-[var(--color-theme-text-secondary)]",children:p("finder.headroom",{credits:Math.max(0,k.credits-N).toLocaleString(f)})})]}),(0,r.jsx)("button",{type:"button",onClick:()=>i(k.key,a(k.key)),disabled:s,className:`mt-5 w-full min-h-[44px] rounded-xl px-4 py-2.5 text-sm font-semibold transition-colors disabled:opacity-60 ${C.cta}`,children:p("finder.cta",{plan:k.title})})]})})]})]})}])},711799,e=>{e.n(e.i(334869))}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.