.prompter-container{min-height:100vh;background-color:hsl(var(--background))}.prompter-header{margin-bottom:3rem;text-align:center}.prompter-title{margin-bottom:1rem;font-family:var(--font-outfit),var(--font-geist-sans),system-ui,sans-serif;font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width:768px){.prompter-title{font-size:3rem;line-height:1}}.prompter-description{margin-left:auto;margin-right:auto;max-width:42rem;font-size:1.125rem;line-height:1.75rem;line-height:1.625;color:hsl(var(--muted-foreground))}.prompter-card{border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card))}.prompter-card-header{padding-bottom:1.5rem;text-align:center}.prompter-card-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-outfit),var(--font-geist-sans),system-ui,sans-serif;font-size:1.5rem;line-height:2rem}.option-card{cursor:pointer;border-width:2px;border-color:hsl(var(--border));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.option-card:hover{border-color:hsl(var(--primary)/.5)}.option-card-selected,.option-card:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.option-card-selected{border-color:hsl(var(--primary));background-color:hsl(var(--primary)/.05)}.icon-gradient-blue{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.icon-gradient-blue,.icon-gradient-purple{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.icon-gradient-purple{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.icon-gradient-red{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.icon-gradient-green,.icon-gradient-red{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.icon-gradient-green{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:hsl(var(--primary)/0.2);--tw-shadow:var(--tw-shadow-colored)}.btn-primary:hover{background-color:hsl(var(--primary)/.9)}.tip-box{background-color:hsl(var(--muted)/.5);padding:1rem}.result-display,.tip-box{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border))}.result-display{background-color:hsl(var(--muted));padding:1.5rem;font-family:var(--font-geist-mono),monospace;font-size:.875rem;line-height:1.25rem;line-height:1.625}