*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ABC Diatype,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button{-webkit-appearance:button;background-color:transparent;background-image:none}input:where([type=button]){-webkit-appearance:button;background-color:transparent;background-image:none}input:where([type=reset]){-webkit-appearance:button;background-color:transparent;background-image:none}input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--radius:.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}*{border-color:hsl(var(--border))}html{scroll-behavior:smooth}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"rlig" 1,"calt" 1;font-family:ABC Diatype,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}::-webkit-scrollbar{display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;bottom:0;left:0;right:0}.bottom-5{bottom:1.25rem}.left-0{left:0}.left-5{left:1.25rem}.right-0{right:0}.right-5{right:1.25rem}.top-0{top:0}.top-\[71px\]{top:71px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mt-\[2px\]{margin-top:-2px}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-\[48px\]{margin-top:48px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[123\.75px\]{height:123.75px}.h-\[20\.36px\]{height:20.36px}.h-\[200px\]{height:200px}.h-\[40px\]{height:40px}.h-\[443\.75px\]{height:443.75px}.h-\[51px\]{height:51px}.h-\[54\.65px\]{height:54.65px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-\[162px\]{width:162px}.w-\[33\.39px\]{width:33.39px}.w-\[calc\(\(100\%-2\.5rem\)\/3\)\]{width:calc(33.3333% - .833333rem)}.w-\[clamp\(280px\,38\.82vw\,320px\)\]{width:max(280px,min(38.82vw,320px))}.w-\[clamp\(280px\,85vw\,325px\)\]{width:max(280px,min(85vw,325px))}.w-auto{width:auto}.w-full{width:100%}.max-w-\[1360px\]{max-width:1360px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[66\.625rem\]{max-width:66.625rem}.max-w-\[85rem\]{max-width:85rem}.max-w-full{max-width:100%}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[10px\]{gap:10px}.gap-\[15px\]{gap:15px}.gap-\[2px\]{gap:2px}.gap-\[40px\]{gap:40px}.gap-\[5px\]{gap:5px}.gap-\[6px\]{gap:6px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.whitespace-nowrap{white-space:nowrap}.rounded-\[16px\]{border-radius:16px}.rounded-\[29\.68px\]{border-radius:29.68px}.rounded-\[32px\]{border-radius:32px}.rounded-\[33px\]{border-radius:33px}.rounded-\[64px\]{border-radius:64px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-black{--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.bg-\[\#F8F8F8\]{--tw-bg-opacity:1;background-color:rgba(248,248,248,var(--tw-bg-opacity,1))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity,1))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity,1))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-right{-o-object-position:right;object-position:right}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[20px\]{padding-left:20px;padding-right:20px}.px-\[40px\]{padding-left:40px;padding-right:40px}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-\[40px\]{padding-bottom:40px}.pl-5{padding-left:1.25rem}.pt-2{padding-top:.5rem}.pt-\[40px\]{padding-top:40px}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:ABC Diatype,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.text-\[18px\]{font-size:18px}.text-\[32px\]{font-size:32px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.leading-\[110\%\]{line-height:110%}.leading-\[120\%\]{line-height:120%}.leading-\[126\%\]{line-height:126%}.leading-\[150\%\]{line-height:150%}.leading-\[27px\]{line-height:27px}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity,1))}.text-black\/80{color:rgba(0,0,0,.8)}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity,1))}.text-white\/60{color:rgba(255,255,255,.6)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-\[0px_246px_98px_rgba\(140\,140\,140\,0\.01\)\,0px_138px_83px_rgba\(140\,140\,140\,0\.05\)\,0px_61px_61px_rgba\(140\,140\,140\,0\.09\)\,0px_15px_34px_rgba\(140\,140\,140\,0\.1\)\]{--tw-shadow:0px 246px 98px rgba(140,140,140,.01),0px 138px 83px rgba(140,140,140,.05),0px 61px 61px rgba(140,140,140,.09),0px 15px 34px rgba(140,140,140,.1);--tw-shadow-colored:0px 246px 98px var(--tw-shadow-color),0px 138px 83px var(--tw-shadow-color),0px 61px 61px var(--tw-shadow-color),0px 15px 34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.grayscale-0{--tw-grayscale:grayscale(0);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.backdrop-blur-\[12\.1px\]{--tw-backdrop-blur:blur(12.1px);-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@font-face{font-family:ABC Diatype;src:url("/fonts/ABC Diatype.otf")format("opentype");font-weight:100 900;font-style:normal;font-display:swap}body:has(.generator-page){background:#000!important}.generator-page{color:#ededed;background:#000;width:100%;min-height:100vh}.gen-container{max-width:1200px;margin:0 auto;padding:2rem}.generator-page h1{color:#fff;margin-bottom:.25rem;font-size:2rem;font-weight:700}.gen-subtitle{color:#a3a3a3;margin-bottom:2rem;font-size:1rem}.generator-grid{grid-template-columns:340px 1fr;align-items:start;gap:2rem;display:grid}.gen-form{background:#111;border:1px solid #222;border-radius:8px;padding:1.5rem;position:-webkit-sticky;position:sticky;top:1rem}.gen-form h2{color:#fff;margin-bottom:1rem;font-size:1.1rem}.gen-form h3{color:#a3a3a3;margin-bottom:.75rem;font-size:.95rem}.gen-field-group{margin-bottom:1rem}.gen-field-group label{color:#ededed;margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.gen-field-group input[type=text],.gen-field-group input[type=email],.gen-field-group input[type=tel],.gen-field-group input[type=url]{color:#ededed;background:#0a0a0a;border:1px solid #333;border-radius:6px;width:100%;padding:.55rem .75rem;font-size:.9rem;transition:border-color .15s}.gen-field-group input:focus{border-color:#0070f3;outline:none;box-shadow:0 0 0 3px rgba(0,112,243,.25)}.gen-file-input{color:#a3a3a3;margin-bottom:.4rem;font-size:.85rem;display:block}.gen-hint{color:#a3a3a3;margin-bottom:.35rem;font-size:.78rem;display:block}.gen-hint code{color:#ededed;word-break:break-all;background:#1a1a1a;border-radius:3px;padding:.1rem .35rem;font-size:.75rem}.gen-required{color:#e63946}.gen-divider{border:none;border-top:1px solid #222;margin:1.25rem 0}.gen-clear-btn{color:#a3a3a3;cursor:pointer;background:0 0;border:1px solid #333;border-radius:4px;margin-top:.35rem;padding:.25rem .6rem;font-size:.8rem;display:inline-block}.gen-clear-btn:hover{color:#e63946;background:#1a1a1a;border-color:#e63946}.gen-upload-actions{margin-top:.35rem}.gen-upload-success{color:#22c55e;margin-top:.35rem;font-size:.82rem;display:block}.gen-upload-error{color:#e63946;margin-top:.35rem;font-size:.82rem;display:block}.gen-upload-reminder{color:#fbbf24;background:#1a1a00;border:1px solid rgba(163,130,0,.267);border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem}.gen-btn-upload{cursor:pointer;color:#000;background:#22c55e;border:none;border-radius:6px;width:100%;margin-top:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s}.gen-btn-upload:hover:not(:disabled){background:#16a34a}.gen-btn-upload:disabled{opacity:.5;cursor:not-allowed}.gen-field-group input[type=password]{color:#ededed;background:#0a0a0a;border:1px solid #333;border-radius:6px;width:100%;padding:.55rem .75rem;font-size:.9rem;transition:border-color .15s}.gen-field-group input[type=password]:focus{border-color:#0070f3;outline:none;box-shadow:0 0 0 3px rgba(0,112,243,.25)}.gen-preview{min-width:0}.gen-preview-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.gen-preview-header h2{margin:0;font-size:1.1rem}.gen-action-buttons{gap:.5rem;display:flex}.gen-btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s}.gen-btn:disabled{opacity:.4;cursor:not-allowed}.gen-btn-primary{color:#fff;background:#0070f3}.gen-btn-primary:hover:not(:disabled){background:#0051a8}.gen-btn-secondary{color:#ededed;background:#111;border:1px solid #333}.gen-btn-secondary:hover:not(:disabled){background:#222}.gen-preview-wrapper{background:#000;border:none;border-radius:8px;overflow:hidden}.gen-preview-empty{color:#a3a3a3;text-align:center;border:2px dashed #333;border-radius:8px;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex}.gen-instructions{background:#111;border:1px solid #222;border-radius:8px;margin-top:1.5rem;padding:1.25rem 1.5rem}.gen-instructions h3{margin-bottom:.75rem;font-size:.95rem}.gen-instructions ol{margin-bottom:.75rem;padding-left:1.25rem}.gen-instructions li{color:#a3a3a3;font-size:.9rem;line-height:1.7}.gen-instructions kbd{color:#ededed;background:#222;border-radius:3px;padding:.1rem .4rem;font-family:monospace;font-size:.8rem;display:inline-block}.gen-instructions code{color:#ededed;word-break:break-all;background:#1a1a1a;border-radius:3px;padding:.1rem .35rem;font-size:.8rem}.gen-note{color:#a3a3a3;font-size:.85rem;line-height:1.5}@media (max-width:768px){.generator-grid{grid-template-columns:1fr}.gen-form{position:static}.gen-preview-header{flex-direction:column;align-items:flex-start}.gen-action-buttons{flex-wrap:wrap}}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-black\/5:hover{background-color:rgba(0,0,0,.05)}.hover\:bg-black\/70:hover{background-color:rgba(0,0,0,.7)}.hover\:bg-black\/90:hover{background-color:rgba(0,0,0,.9)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-70:hover{opacity:.7}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid transparent}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (max-width:639px){.max-\[639px\]\:flex{display:flex}}@media (min-width:640px){.sm\:bottom-10{bottom:2.5rem}.sm\:left-10{left:2.5rem}.sm\:right-auto{right:auto}.sm\:mb-12{margin-bottom:3rem}.sm\:mt-\[96px\]{margin-top:96px}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-\[559px\]{width:559px}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:rounded-\[64px\]{border-radius:64px}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-\[32px\]{padding-left:32px;padding-right:32px}.sm\:px-\[40px\]{padding-left:40px;padding-right:40px}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pr-\[100px\]{padding-right:100px}.min-\[640px\]\:flex{display:flex}.min-\[640px\]\:hidden{display:none}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[clamp\(198px\,30\.7vw\,443\.75px\)\]{height:max(198px,min(30.7vw,443.75px))}.md\:h-\[clamp\(55px\,8\.56vw\,123\.75px\)\]{height:max(55px,min(8.56vw,123.75px))}.md\:h-\[clamp\(90px\,13\.8vw\,200px\)\]{height:max(90px,min(13.8vw,200px))}.md\:w-\[clamp\(145px\,22\.5vw\,325px\)\]{width:max(145px,min(22.5vw,325px))}.md\:justify-center{justify-content:center}.md\:gap-\[clamp\(16px\,2\.77vw\,40px\)\]{gap:max(16px,min(2.77vw,40px))}.md\:overflow-x-visible{overflow-x:visible}.md\:px-\[clamp\(16px\,2\.77vw\,40px\)\]{padding-left:max(16px,min(2.77vw,40px));padding-right:max(16px,min(2.77vw,40px))}.md\:\!pl-0{padding-left:0!important}.md\:\!pr-0{padding-right:0!important}.md\:pb-\[clamp\(16px\,2\.77vw\,40px\)\]{padding-bottom:max(16px,min(2.77vw,40px))}.md\:pr-\[270px\]{padding-right:270px}.md\:pt-\[clamp\(16px\,2\.77vw\,40px\)\]{padding-top:max(16px,min(2.77vw,40px))}.md\:text-\[clamp\(0\.75rem\,1\.25vw\,1\.125rem\)\]{font-size:max(.75rem,min(1.25vw,1.125rem))}.md\:text-\[clamp\(1rem\,2\.22vw\,2rem\)\]{font-size:max(1rem,min(2.22vw,2rem))}}@media (min-width:1024px){.lg\:h-\[51px\]{height:51px}.lg\:gap-6{gap:1.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-\[64px\]{padding-left:64px;padding-right:64px}.lg\:pl-0{padding-left:0}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:gap-10{gap:2.5rem}}@media (min-width:1440px){.min-\[1440px\]\:shrink{flex-shrink:1}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}@media (hover:hover){.group:hover .\[\@media\(hover\:hover\)\]\:group-hover\:opacity-100{opacity:1}.group:hover .\[\@media\(hover\:hover\)\]\:group-hover\:grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}}