.prompt-header.svelte-7b8m3d{text-align:center;margin-bottom:4rem}.prompt-tags.svelte-7b8m3d{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.tag.svelte-7b8m3d{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.prompt-container.svelte-7b8m3d,.example-output-container.svelte-7b8m3d{max-width:800px;margin-left:auto;margin-right:auto;background-color:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.example-output-container.svelte-7b8m3d{margin-top:2.5rem}.prompt-code-header.svelte-7b8m3d{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);min-height:68px}.prompt-code-header.svelte-7b8m3d h2:where(.svelte-7b8m3d){font-size:1.125rem;margin:0}.copy-button.svelte-7b8m3d{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase;font-family:Space Grotesk,sans-serif}.copy-button.svelte-7b8m3d:hover{color:#000;background-color:#fff;border-color:#fff}.prompt-container.svelte-7b8m3d pre:where(.svelte-7b8m3d),.example-output-container.svelte-7b8m3d pre:where(.svelte-7b8m3d){padding:1.5rem;margin:0;color:var(--text-secondary);background-color:#000;white-space:pre-wrap;word-wrap:break-word;font-family:Inter,sans-serif;font-weight:300;font-size:1.1rem;line-height:1.7;overflow-x:auto}.prompt-container.svelte-7b8m3d pre:where(.svelte-7b8m3d) code:where(.svelte-7b8m3d),.example-output-container.svelte-7b8m3d pre:where(.svelte-7b8m3d) code:where(.svelte-7b8m3d){font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit}.placeholder-inputs-container.svelte-7b8m3d{max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:2rem;background-color:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden}.placeholder-inputs-header.svelte-7b8m3d{padding:1.25rem 1.5rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.placeholder-inputs-header.svelte-7b8m3d h2:where(.svelte-7b8m3d){font-size:1.125rem;margin:0;color:var(--text-primary)}.placeholder-fields.svelte-7b8m3d{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background-color:#000}.placeholder-field.svelte-7b8m3d{display:flex;flex-direction:column}.placeholder-field.svelte-7b8m3d input:where(.svelte-7b8m3d){padding:.75rem 1rem;font-size:1.1rem;border:1px solid #333;border-radius:var(--radius-sm);background-color:#000;color:var(--text-secondary);font-weight:300;line-height:1.7;transition:border-color .2s ease,box-shadow .2s ease;font-family:Inter,sans-serif}.placeholder-field.svelte-7b8m3d input:where(.svelte-7b8m3d):focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #ffffff1a}.placeholder-field.svelte-7b8m3d input:where(.svelte-7b8m3d)::placeholder{color:var(--text-secondary);opacity:.6;font-weight:300}
