/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-font-weight:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-text:var(--text);--color-bubble:var(--bubble);--background-image-dot:radial-gradient(var(--dot) 2px, var(--bg) 2px);--color-drag-active:var(--drag-active);--color-drag-outline:var(--drag-outline);--color-outline:var(--border-color);--color-caption:var(--caption-color);--color-foreground:var(--caption-foreground);--color-btn-secondary:var(--btn-bg-secondary);--color-btn:var(--btn-bg-primary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{color:var(--color-text)}button{cursor:pointer;color:var(--color-caption)}}@layer components{.bubble-sm{pointer-events:none;z-index:30;background-color:var(--color-bubble);opacity:.4;width:90px;height:90px;animation:float-y var(--float-duration,5s) ease-in-out infinite alternate, bubble 60s linear infinite;position:absolute;overflow:hidden}.bubble,.bubble-2,.bubble-3{background-color:var(--color-bubble);opacity:.4;width:400px;height:400px;transition:scale 1s var(--bubble-spring), opacity 1s var(--bubble-spring), border-radius 1s var(--bubble-spring);animation:60s linear infinite bubble;scale:1}.bubble-2{animation-delay:-10s}.bubble-3{animation-delay:-15s}.group:hover .bubble,.group:hover .bubble-2,.group:hover .bubble-3{scale:1.05}.generate-btn{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);color:var(--color-foreground);background-color:var(--btn-bg-primary);border-radius:3.40282e38px;display:inline-flex}.generate-btn:hover{background-color:var(--btn-bg-hover)}.generate-btn:disabled{cursor:not-allowed;background-color:var(--btn-mute)}.copy-btn{gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-outline);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);background-color:var(--btn-bg-secondary);border-radius:3.40282e38px;display:inline-flex}#text-area{height:calc(var(--spacing) * 40);width:100%;max-width:calc(var(--spacing) * 95);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-outline);padding:calc(var(--spacing) * 2)}@media (min-width:48rem){#text-area{height:calc(var(--spacing) * 60)}}#text-area{background-color:var(--text-area-bg)}.drag-overlay:before{content:"";pointer-events:none;inset:calc(var(--spacing) * 2);z-index:10;border-radius:var(--radius-2xl);background-color:var(--color-drag-active);position:absolute}@supports (color:color-mix(in lab, red, red)){.drag-overlay:before{background-color:color-mix(in oklab, var(--color-drag-active) 50%, transparent)}}.drag-overlay:before{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-drag-outline);--tw-outline-style:dashed;outline-style:dashed}.loadingView{pointer-events:none;inset:calc(var(--spacing) * 0);z-index:10;justify-content:center;align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);background-color:var(--loading-bg);flex-direction:column;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.loading-spinner{z-index:50;height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10);animation:1s linear infinite spin;position:relative}.loading-spinner-track{fill:var(--btn-bg-secondary);opacity:.55}.loading-spinner-head{fill:var(--btn-bg-primary)}.loading-label{z-index:50;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);position:relative}.loading-text{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));position:absolute;top:50%;left:50%}.switch{cursor:pointer;display:inline-block}.switch .track{height:calc(var(--spacing) * 11);width:calc(var(--spacing) * 19.5);background-color:var(--color-outline);padding:calc(var(--spacing) * 1);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.8s;--tw-ease:var(--theme-toggle-spring);transition-duration:.8s;transition-timing-function:var(--theme-toggle-spring);border-radius:3.40282e38px;display:block}.switch .knob{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9);--tw-translate-x:calc(var(--spacing) * 0);--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-outline);background-color:var(--color-btn-secondary);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.8s;--tw-ease:var(--theme-toggle-spring);transition-duration:.8s;transition-timing-function:var(--theme-toggle-spring);border-radius:3.40282e38px;display:block}.stage:has(.switch-input:focus-visible) .switch{outline-color:var(--color-btn)}.stage:has(.switch-input:checked) .switch .track{background-color:var(--btn-bg-primary)}.stage:has(.switch-input:checked) .switch .knob{--tw-translate-x:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}@keyframes bubble{0%{border-radius:48% 52% 68% 32%/42% 28% 72% 58%}5%{border-radius:48% 52% 41% 59%/66% 37% 63% 34%}10%{border-radius:69% 31% 71% 29%/67% 31% 69% 33%}15%{border-radius:60% 40% 71% 29%/63% 65% 35% 37%}20%{border-radius:61% 39% 51% 49%/57% 58% 42% 43%}25%{border-radius:66% 34% 25% 75%/47% 30% 70% 53%}30%{border-radius:32% 68% 38% 62%/65% 60% 40% 35%}35%{border-radius:63% 37% 41% 59%/35% 38% 62% 65%}40%{border-radius:57% 43% 49% 51%/55% 71% 29% 45%}45%{border-radius:47% 53% 34% 66%/65% 36% 64% 35%}50%{border-radius:44% 56% 32% 68%/69% 26% 74% 31%}55%{border-radius:28% 72% 37% 63%/71% 44% 56% 29%}60%{border-radius:38% 62% 35% 65%/74% 53% 47% 26%}65%{border-radius:73% 27% 46% 54%/54% 47% 53% 46%}70%{border-radius:75% 25% 47% 53%/49% 53% 47% 51%}75%{border-radius:62% 38% 43% 57%/55% 60% 40% 45%}80%{border-radius:41% 59% 65% 35%/73% 50% 50% 27%}85%{border-radius:55% 45% 57% 43%/73% 61% 39% 27%}90%{border-radius:74% 26% 33% 67%/40% 65% 35% 60%}95%{border-radius:58% 42% 57% 43%/53% 45% 55% 47%}to{border-radius:48% 52% 68% 32%/42% 28% 72% 58%}}@keyframes float-y{0%{transform:translateY(calc(var(--float-distance,16px) * -1))}to{transform:translateY(var(--float-distance,16px))}}@keyframes spin{to{transform:rotate(360deg)}}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.left-1\/2{left:50%}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.flex{display:flex}.hidden{display:none}.h-6{height:calc(var(--spacing) * 6)}.h-90{height:calc(var(--spacing) * 90)}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-24{width:calc(var(--spacing) * 24)}.w-90{width:calc(var(--spacing) * 90)}.w-full{width:100%}.max-w-50{max-width:calc(var(--spacing) * 50)}.max-w-225{max-width:calc(var(--spacing) * 225)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.gap-16{gap:calc(var(--spacing) * 16)}.px-4{padding-inline:calc(var(--spacing) * 4)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-28{padding-top:calc(var(--spacing) * 28)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.text-caption{color:var(--color-caption)}@media (min-width:40rem){.sm\:pt-32{padding-top:calc(var(--spacing) * 32)}}@media (min-width:48rem){.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-32{gap:calc(var(--spacing) * 32)}}}:root{--green-50:oklch(97% .02 145);--green-100:oklch(93% .04 145);--green-200:oklch(88% .07 145);--green-300:oklch(80% .11 145);--green-400:oklch(72% .14 145);--green-500:oklch(64% .16 145);--green-600:oklch(56% .14 145);--green-700:oklch(48% .12 145);--green-900:oklch(51.47% .0814 145);--gray-50:oklch(98.5% .003 260);--gray-100:oklch(96.5% .004 260);--gray-200:oklch(92% .005 260);--gray-300:oklch(84% .006 260);--gray-400:oklch(70% .008 260);--gray-500:oklch(56% .01 260);--gray-700:oklch(37% .012 260);--gray-800:oklch(28% .011 260);--gray-900:oklch(21% .01 260);--bg:var(--gray-100);--dot:var(--gray-200);--text:var(--gray-900);--bubble:var(--green-500);--primary-soft:var(--green-100);--text-area-bg:var(--green-100);--caption-color:var(--gray-800);--caption-foreground:var(--gray-50);--drag-active:var(--gray-500);--drag-outline:var(--green-600);--btn-bg-primary:var(--green-500);--btn-mute:var(--gray-300);--btn-bg-hover:var(--green-400);--btn-bg-secondary:var(--gray-50);--border-color:var(--gray-300);--loading-bg:var(--green-200);--theme-toggle-spring:linear(0, .0107, .0398, .0834, .138, .2003, .2677, .3379, .4089, .4791, .5471, .612, .6731, .7297, .7815, .8283, .87, .9068, .9388, .9662, .9892, 1.0083, 1.0237, 1.0357, 1.0449, 1.0514, 1.0556, 1.058, 1.0587, 1.0581, 1.0563, 1.0538, 1.0506, 1.0469, 1.043, 1.0388, 1.0347, 1.0306, 1.0266, 1.0228, 1.0192, 1.0159, 1.0128, 1.0101, 1.0076, 1.0055, 1.0036, 1.002, 1.0006, .9995, .9986, .9979, .9974, .997, .9967, .9966, .9966, .9966, .9967, .9968, .997, .9972, .9975, .9977, .998, .9982, .9984, .9987, .9989, .9991, .9992, .9994, .9996, .9997, .9998, .9999, 1, 1, 1.0001, 1.0001, 1.0002, 1.0002, 1.0002, 1.0002, 1.0002, 1.0002, 1.0002, 1.0002, 1.0002, 1.0002, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1.0001, 1, 1, 1);--bubble-spring:linear(0, .0282, .1054, .2195, .3584, .5107, .6659, .8149, .9506, 1.0676, 1.1625, 1.2335, 1.2805, 1.3046, 1.3083, 1.2944, 1.2666, 1.2285, 1.1839, 1.1362, 1.0885, 1.0435, 1.0032, .9691, .9421, .9225, .9102, .9048, .9055, .9113, .921, .9335, .9477, .9626, .9771, .9906, 1.0025, 1.0124, 1.0201, 1.0254, 1.0285, 1.0296, 1.0288, 1.0266, 1.0233, 1.0192, 1.0147, 1.0101, 1.0057, 1.0017, .9982, .9953, .9932, .9918, .991, .9909, .9913, .9921, .9932, .9945, .9959, .9973, .9986, .9998, 1.0009, 1.0017, 1.0023, 1.0026, 1.0028, 1.0028, 1.0026, 1.0024, 1.002, 1.0016, 1.0011, 1.0007, 1.0003, .9999, .9996, .9994, .9993, .9992, .9991, .9991, .9992, .9993, .9994, .9996, .9997, .9998, .9999, 1, 1.0001, 1.0002, 1.0002, 1.0003, 1.0003, 1.0003, 1.0002, 1.0002, 1)}.dark{--bg:var(--gray-900);--dot:var(--gray-700);--text:var(--gray-200);--bubble:var(--green-500);--text-area-bg:var(--green-900);--caption-color:var(--gray-50);--caption-foreground:var(--gray-900);--drag-active:var(--gray-200);--drag-outline:var(--green-600);--btn-bg-primary:var(--green-500);--btn-mute:var(--gray-400);--btn-bg-hover:var(--green-600);--btn-bg-secondary:var(--gray-900);--border-color:var(--gray-100);--loading-bg:var(--green-700)}.background{background-image:var(--background-image-dot);background-size:24px 24px}.app-logo{width:clamp(140px,32vw,240px);height:auto}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}