*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-active:#1e40af;--color-secondary:#64748b;--color-secondary-hover:#475569;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-success:#16a34a;--color-success-hover:#15803d;--color-warning:#ea580c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-600:#2563eb;--color-blue-800:#1e40af;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-600:#16a34a;--color-green-700:#15803d;--color-green-800:#166534;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-yellow-50:#fefce8;--color-yellow-100:#fef9c3;--color-yellow-800:#854d0e;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-600:#ea580c;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-600:#9333ea;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-gray-900);background-color:var(--color-gray-50)}.btn,body{line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);font-weight:500;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg)}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active);transform:translateY(0)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--color-danger);color:white}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-outline:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.card{background-color:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.modal-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--spacing-4);animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:32rem;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn var(--transition-base)}@keyframes slideIn{0%{opacity:0;transform:translateY(-1rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-900)}.modal-body,.modal-footer{padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--color-gray-200);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.textarea{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);line-height:1.5;color:var(--color-gray-900);background-color:white;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base);font-family:inherit}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-100)}.textarea-sm{padding:var(--spacing-2);font-size:var(--font-size-sm)}.textarea-lg{font-size:var(--font-size-lg)}.alert,.textarea-lg{padding:var(--spacing-4)}.alert{border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--spacing-4)}.alert-success{background-color:var(--color-green-50);border-color:var(--color-green-200);color:var(--color-green-800)}.alert-error{background-color:var(--color-red-50);border-color:var(--color-red-200);color:var(--color-red-800)}.alert-info{background-color:var(--color-blue-50);border-color:var(--color-blue-200);color:var(--color-blue-800)}.alert-warning{background-color:var(--color-yellow-50);border-color:var(--color-yellow-100);color:var(--color-yellow-800)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md)}.badge-green{background-color:var(--color-green-100);color:var(--color-green-800)}.badge-red{background-color:var(--color-red-100);color:var(--color-red-800)}.badge-yellow{background-color:var(--color-yellow-100);color:var(--color-yellow-800)}.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-800)}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .75s linear infinite}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.space-y-6>*+*{margin-top:var(--spacing-6)}.space-y-4>*+*{margin-top:var(--spacing-4)}.space-y-3>*+*{margin-top:var(--spacing-3)}.space-y-2>*+*{margin-top:var(--spacing-2)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.bg-white{background-color:white}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.relative{position:relative}.absolute{position:absolute}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.transition-all{transition:all var(--transition-base)}.hover\:shadow-xl:hover{box-shadow:var(--shadow-xl)}.hover\:border-blue-500:hover{border-color:var(--color-primary)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.cursor-pointer{cursor:pointer}.step-indicator{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid}.step-indicator-blue{background-color:var(--color-blue-50);border-color:var(--color-blue-200)}.step-indicator-green{background-color:var(--color-green-50);border-color:var(--color-green-200)}.step-indicator-orange{background-color:var(--color-orange-50);border-color:var(--color-orange-200)}.step-indicator-purple{background-color:var(--color-purple-50);border-color:var(--color-purple-200)}.step-number{flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;color:white}.step-number-blue{background-color:var(--color-blue-600)}.step-number-green{background-color:var(--color-green-600)}.step-number-orange{background-color:var(--color-orange-600)}.step-number-purple{background-color:var(--color-purple-600)}.slide-select-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--spacing-3);gap:var(--spacing-3)}.slide-select-btn{padding:var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);background-color:white;cursor:pointer;transition:all var(--transition-base);text-align:center;font-weight:600;font-size:var(--font-size-lg);color:var(--color-gray-900)}.slide-select-btn:hover{border-color:var(--color-primary);background-color:var(--color-blue-50)}.slide-select-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.image-grid{display:grid;grid-gap:var(--spacing-4);gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media (min-width:768px){.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.image-preview{position:relative}.image-preview-container{aspect-ratio:9/16;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base)}.image-preview-container:hover{box-shadow:var(--shadow-xl)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-badge{position:absolute;padding:var(--spacing-1) var(--spacing-2);background-color:rgba(0,0,0,.6);color:white;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.image-badge-top-left{top:var(--spacing-2);left:var(--spacing-2)}.image-badge-top-right{top:var(--spacing-2);right:var(--spacing-2);background-color:var(--color-green-600)}.preview-btn{position:absolute;bottom:var(--spacing-2);right:var(--spacing-2);background-color:var(--color-primary);color:white;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-1);border:none;cursor:pointer;transition:background-color var(--transition-base)}.preview-btn:hover{background-color:var(--color-primary-hover)}@media (max-width:640px){.grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col-sm{flex-direction:column}}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:order-1{order:1}.lg\:order-2{order:2}}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.order-1{order:1}.order-2{order:2}.object-cover{object-fit:cover}.aspect-9-16{aspect-ratio:9/16}.text-center{text-align:center}.leading-relaxed{line-height:1.625}.w-8{width:2rem}.h-8{height:2rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-4{width:1rem}.h-4{height:1rem}.w-3{width:.75rem}.h-3{height:.75rem}.ml-2{margin-left:var(--spacing-2)}.top-2{top:var(--spacing-2)}.left-2{left:var(--spacing-2)}.right-2{right:var(--spacing-2)}.bottom-2{bottom:var(--spacing-2)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.list-disc{list-style-type:disc;padding-left:var(--spacing-6)}.list-inside{list-style-position:inside}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.footer-link{color:var(--color-gray-600);text-decoration:none;transition:all var(--transition-base)}.footer-link:hover{color:var(--color-gray-900);text-decoration:underline}