@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap);:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-accent:#eff6ff;--text-dark:#111827;--text-medium:#374151;--text-light:#6b7280;--border-color:#e5e7eb;--focus-ring:#60a5fa;--primary-color:#2563eb;--primary-color-hover:#1d4ed8;--red-color:#ef4444;--red-color-hover:#dc2626;--green-color:#16a34a;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:12px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--transition:200ms cubic-bezier(0.4,0,0.2,1);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--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-transform:translateX(var(--tw-translate-x)) translateY(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))}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-secondary);color:#374151;color:var(--text-medium);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);line-height:1.6}.text-gray-900,h1,h2,h3,h4,h5,h6{color:#111827;color:var(--text-dark)}ul{list-style:none}.bg-surface{background-color:#fff;background-color:var(--bg-primary)}.bg-surface-2{background-color:#f9fafb;background-color:var(--bg-secondary)}.bg-surface-accent{background-color:#eff6ff;background-color:var(--bg-accent)}.text-primary{color:#111827;color:var(--text-dark)}.text-secondary{color:#374151;color:var(--text-medium)}.text-muted{color:#6b7280;color:var(--text-light)}.border-theme{border-color:#e5e7eb;border-color:var(--border-color)}.bg-card{background-color:#fff;background-color:var(--bg-primary)}.btn{align-items:center;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.btn-primary{background:#2563eb;background:var(--primary-color);color:#fff}.btn-primary:hover{background:#1d4ed8;background:var(--primary-color-hover)}.btn-outline{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#111827;color:var(--text-dark)}.btn-outline:hover{background:#f9fafb;background:var(--bg-secondary);border-color:#2563eb;border-color:var(--primary-color)}.btn-ghost{background:#0000;color:#2563eb;color:var(--primary-color)}.btn-ghost:hover{background:#f9fafb;background:var(--bg-secondary)}.input,.textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:#111827;color:var(--text-dark);padding:.75rem 1rem}.input::placeholder,.textarea::placeholder{color:#6b7280;color:var(--text-light)}.card{background:#fff;background:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.min-h-screen{min-height:100vh}.max-w-4xl{max-width:56rem}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-6,.w-6{height:1.5rem;width:1.5rem}.h-8,.w-8{height:2rem;width:2rem}.h-12,.w-12{height:3rem;width:3rem}.h-16,.w-16{height:4rem;width:4rem}.h-4,.w-4{height:1rem;width:1rem}.h-5,.w-5{height:1.25rem;width:1.25rem}.h-0\.5{height:2px}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-\[3\/4\]{aspect-ratio:3/4}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.p-8{padding:2rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-3{padding:.75rem}.p-2{padding:.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-8{padding-left:2rem;padding-right:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.mt-8{margin-top:2rem}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.mt-1{margin-top:.25rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mr-2{margin-right:.5rem}.flex{display:flex}.inline-block{display:inline-block}.grid{display:grid}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.space-x-3>:not([hidden])~:not([hidden]){margin-left:.75rem}.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}.text-4xl{font-size:2.25rem;font-weight:800}.text-2xl{font-size:1.5rem;font-weight:700}.text-xl{font-size:1.25rem;font-weight:700}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-center{text-align:center}.text-left{text-align:left}.list-none{list-style-type:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-white{background-color:#fff;background-color:var(--bg-primary)}.bg-gray-50{background-color:#f9fafb;background-color:var(--bg-secondary)}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb;background-color:var(--border-color)}.bg-blue-50{background-color:#eff6ff;background-color:var(--bg-accent)}.bg-blue-100{background-color:#dbeafe}.bg-blue-600{background-color:#2563eb;background-color:var(--primary-color)}.bg-green-600{background-color:#16a34a;background-color:var(--green-color)}.bg-red-500{background-color:#ef4444;background-color:var(--red-color)}.bg-red-50{background-color:#fef2f2}.bg-green-50{background-color:#f0fdf4}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-500,.text-gray-600{color:#6b7280;color:var(--text-light)}.text-gray-700{color:#374151;color:var(--text-medium)}.text-blue-600{color:#2563eb;color:var(--primary-color)}.text-blue-800,.text-blue-900{color:#1d4ed8;color:var(--primary-color-hover)}.text-red-600{color:#dc2626}.text-red-800{color:#991b1b}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-green-900{color:#14532d}.rounded-xl{border-radius:12px;border-radius:var(--border-radius-xl)}.rounded-lg{border-radius:12px;border-radius:var(--border-radius-lg)}.rounded-md{border-radius:6px}.rounded-full{border-radius:9999px;border-radius:var(--border-radius-full)}.border{border:1px solid #e5e7eb;border:1px solid var(--border-color)}.border-2{border:2px solid #e5e7eb;border-color:var(--border-color)}.border-dashed{border-style:dashed}.border-gray-200,.border-gray-300{border-color:#e5e7eb}.border-gray-300{border-color:var(--border-color)}.border-blue-500{border-color:#2563eb;border-color:var(--primary-color)}.border-red-200{border-color:#fecaca}.border-green-200{border-color:#bbf7d0}.border-transparent{border-color:#0000}.ring-2{box-shadow:0 0 0 2px #60a5fa;box-shadow:0 0 0 2px var(--focus-ring)}.ring-blue-200{--tw-ring-color:#bfdbfe;box-shadow:0 0 0 2px var(--tw-ring-color)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.hover\:opacity-80:hover{opacity:.8}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:background-color,border-color,color}.transition-transform{transition-property:transform}.transition-opacity{transition-property:opacity}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.hover\:border-gray-400:hover{border-color:#9ca3af}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8}.hover\:to-indigo-700:hover{--tw-gradient-to:#4338ca}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transform:var(--tw-transform)}.hover\:bg-red-600:hover{background-color:#dc2626;background-color:var(--red-color-hover)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.scale-0,.transform{transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transform:var(--tw-transform)}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transform:var(--tw-transform)}.relative{position:relative}.absolute{position:absolute}.inset-0{bottom:0;left:0;right:0;top:0}.-top-3{top:-.75rem}.-right-3{right:-.75rem}.top-2{top:.5rem}.right-2{right:.5rem}.top-3{top:.75rem}.left-3{left:.75rem}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-to));background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-to));background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-from),var(--tw-gradient-to));background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#eff6ff00)}.to-indigo-50{--tw-gradient-to:#eef2ff}.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#2563eb00)}.to-indigo-600{--tw-gradient-to:#4f46e5}.from-gray-100{--tw-gradient-from:#f3f4f6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f3f4f600)}.to-gray-200{--tw-gradient-to:#e5e7eb}.from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.via-black\/50{--tw-gradient-stops:var(--tw-gradient-from),#00000080,var(--tw-gradient-to,#0000)}.to-transparent{--tw-gradient-to:#0000}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.group:hover .group-hover\:scale-100,.group:hover .group-hover\:scale-105{transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transform:var(--tw-transform)}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:border-blue-300{border-color:#93c5fd}.group:hover .group-hover\:bg-gray-300{background-color:#d1d5db}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}button:focus-visible,input:focus-visible,textarea:focus-visible{border-color:#2563eb!important;border-color:var(--primary-color)!important;outline:2px solid #60a5fa;outline:2px solid var(--focus-ring);outline-offset:2px}input[type=text],textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:#111827;color:var(--text-dark);padding:.75rem 1rem}.color-swatch-button{border:3px solid #0000;border-radius:.75rem;height:4rem;transition:all .15s ease-in-out;width:100%}.color-swatch-button:hover{opacity:.8}.color-swatch-button.selected{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary-color)}.bg-absolute-white{background-color:#fff!important}.swatch-contrast{box-shadow:inset 0 0 0 2px #00000026}@media (prefers-color-scheme:dark){.swatch-contrast{box-shadow:inset 0 0 0 2px #ffffff59}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:767px){.btn,.btn-ghost,.btn-outline{padding-bottom:.875rem;padding-top:.875rem}}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details[open]>summary{color:#2563eb;color:var(--primary-color)}details>summary:focus{outline:none}details>summary:after{content:"▸";display:inline-block;margin-left:8px;transform:translateY(-1px);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition)}details[open]>summary:after{transform:rotate(90deg) translateY(-1px)}
/*# sourceMappingURL=main.538221f8.css.map*/