@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--background:#0a0a0c;--foreground:#f8fafc;--primary:#8b5cf6;--primary-hover:#7c3aed;--secondary:#1e1e24;--accent:#3b82f6;--success:#10b981;--error:#ef4444;--card-bg:#1e1e24b3;--border:#ffffff1a;--glass:#ffffff08;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}body{background:radial-gradient(circle at 100% 0,#8b5cf626,#0000 40%),radial-gradient(circle at 0 100%,#3b82f61a,#0000 40%);min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.gradient-text{background:linear-gradient(135deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background:var(--primary);color:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.btn-secondary{background:var(--glass);border:1px solid var(--glass-border);color:#fff;border-radius:12px;padding:10px 20px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff14}.input-field{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;transition:border-color .2s}.input-field:focus{border-color:var(--primary);outline:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-12{padding:48px}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-full{height:100%}.w-10{width:40px}.h-10{height:40px}.w-16{width:64px}.h-16{height:64px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-12{padding:48px}.py-1\.5{padding-top:6px;padding-bottom:6px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.mb-1{margin-bottom:4px}.mb-1\.5{margin-bottom:6px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-12{margin-bottom:48px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-20{margin-top:80px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-4xl{font-size:36px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:monospace}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-white{color:#fff}.text-gray-400{color:#94a3b8}.text-gray-500{color:#64748b}.text-gray-600{color:#475569}.text-center{text-align:center}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-primary\/5{background-color:#8b5cf60d}.bg-primary\/10{background-color:#8b5cf61a}.bg-primary\/20{background-color:#8b5cf633}.bg-black\/60{background-color:#0009}.border{border:1px solid var(--glass-border)}.border-b{border-bottom:1px solid var(--glass-border)}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-primary{border-color:var(--primary)}.border-primary\/30{border-color:#8b5cf64d}.border-glass-border{border-color:var(--glass-border)}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.shrink-0{flex-shrink:0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.hidden{display:none!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.aspect-square{width:100%;aspect-ratio:1!important}.media-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.media-card:hover{border-color:#fff3;transform:translateY(-2px)}.media-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb), .1);box-shadow:0 0 15px rgba(var(--primary-rgb), .3)}.object-cover{object-fit:cover}