.detail-container.svelte-hlpeft{max-width:1200px;margin:0 auto;padding:2rem}.top-section.svelte-hlpeft{display:grid;grid-template-columns:3fr 2fr;gap:3rem;margin-bottom:2rem;align-items:start}.title-block.svelte-hlpeft{margin-bottom:2rem}.title-block.svelte-hlpeft h1:where(.svelte-hlpeft){font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.badge.svelte-hlpeft{display:inline-block;background:#22c55e;color:#fff;padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;text-transform:capitalize}.info-box.svelte-hlpeft{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.info-item.svelte-hlpeft{display:grid;grid-template-columns:1fr;gap:.25rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.info-item.svelte-hlpeft:last-child{border-bottom:none;padding-bottom:0}.info-item.svelte-hlpeft dt:where(.svelte-hlpeft){font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-item.svelte-hlpeft dd:where(.svelte-hlpeft){font-size:1rem;color:#1f2937}.tags.svelte-hlpeft{display:flex;flex-wrap:wrap;gap:.5rem}.tag.svelte-hlpeft{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.empty.svelte-hlpeft{color:#9ca3af;font-style:italic}.image-container.svelte-hlpeft{position:sticky;top:2rem}.image-container.svelte-hlpeft img:where(.svelte-hlpeft){width:100%;aspect-ratio:1;object-fit:cover;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.placeholder-image.svelte-hlpeft{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:3rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.bottom-section.svelte-hlpeft{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}@media (max-width: 1024px){.detail-container.svelte-hlpeft{padding:1.5rem}.top-section.svelte-hlpeft{grid-template-columns:1fr;gap:2rem}.image-container.svelte-hlpeft{position:relative;top:0;max-width:400px;margin:0 auto}}@media (max-width: 640px){.detail-container.svelte-hlpeft{padding:1rem}.title-block.svelte-hlpeft h1:where(.svelte-hlpeft){font-size:1.5rem}}