.modal-content.svelte-ogztna{padding:24px;display:flex;flex-direction:column;gap:24px}.preview-section.svelte-ogztna{width:100%;display:flex;justify-content:center}.preview-container.svelte-ogztna{width:100%;display:flex;justify-content:center;position:relative}.card-preview.svelte-ogztna{max-width:100%;height:auto;display:block;border-radius:12px}.card-preview.hidden.svelte-ogztna{position:absolute;opacity:0;pointer-events:none}.card-skeleton.svelte-ogztna{width:100%;aspect-ratio:3 / 1;background:var(--button-elevated);border-radius:12px;overflow:hidden;position:relative}.skeleton-shimmer.svelte-ogztna{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--button-hover-transparent) 50%,transparent 100%);animation:svelte-ogztna-shimmer 1.5s infinite}@keyframes svelte-ogztna-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes svelte-ogztna-spin{to{transform:rotate(360deg)}}.spin{animation:svelte-ogztna-spin 1s linear infinite}.controls.svelte-ogztna{display:flex;flex-direction:column;gap:16px}.control-group.svelte-ogztna label:where(.svelte-ogztna){display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:var(--secondary);margin-bottom:8px}.toggle-group.svelte-ogztna{display:flex;background:var(--button);padding:4px;border-radius:10px;gap:4px;border:1px solid var(--button-stroke)}.toggle-group.svelte-ogztna button:where(.svelte-ogztna){flex:1;background:transparent;border:none;padding:8px 12px;border-radius:8px;color:var(--gray);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toggle-group.svelte-ogztna button:where(.svelte-ogztna):hover{color:var(--secondary);background:var(--button-hover-transparent)}.toggle-group.svelte-ogztna button.active:where(.svelte-ogztna){background:var(--button-elevated);color:var(--secondary);box-shadow:var(--button-box-shadow)}.snippets.svelte-ogztna{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--card-border);padding-top:24px}.tabs.svelte-ogztna{display:flex;gap:4px;background:var(--button);padding:4px;border-radius:10px;border:1px solid var(--button-stroke)}.tabs.svelte-ogztna button:where(.svelte-ogztna){flex:1;background:transparent;border:none;padding:8px;font-size:.85rem;font-weight:500;color:var(--gray);border-radius:8px;cursor:pointer;transition:all .2s}.tabs.svelte-ogztna button:where(.svelte-ogztna):hover{color:var(--secondary);background:var(--button-hover-transparent)}.tabs.svelte-ogztna button.active:where(.svelte-ogztna){background:var(--button-elevated);color:var(--secondary);box-shadow:var(--button-box-shadow)}.snippet-box.svelte-ogztna{position:relative}.code-block.svelte-ogztna{background:var(--codeblock-bg);padding:16px 48px 16px 16px;border-radius:12px;font-family:monospace;font-size:.8rem;color:var(--gray);word-break:break-all;border:1px solid var(--button-stroke);min-height:60px;display:flex;align-items:center}.single-line.svelte-ogztna{white-space:nowrap;overflow-x:auto;word-break:normal;display:block;padding-top:20px}.copy-action.svelte-ogztna{position:absolute;top:8px;right:8px;padding:6px 12px;border-radius:8px;background:var(--button);border:1px solid var(--button-stroke);display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--secondary);cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.copy-action.svelte-ogztna:hover{background:var(--button-hover);transform:scale(1.02)}.copy-action.svelte-ogztna:active{transform:scale(.95)}.copy-action.copied.svelte-ogztna{background:var(--green);color:#fff;border-color:var(--green)}.helper-text.svelte-ogztna{font-size:.8rem;color:var(--gray);text-align:center;margin:0;opacity:.8}.download-button.svelte-ogztna{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:var(--button);border:1px solid var(--button-stroke);border-radius:12px;color:var(--secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.download-button.svelte-ogztna:not(:disabled):hover{background:var(--button-hover);transform:scale(1.01)}.download-button.svelte-ogztna:not(:disabled):active{transform:scale(.98)}.download-button.svelte-ogztna:disabled{opacity:.7;cursor:not-allowed}.download-button.success.svelte-ogztna{background:var(--green);color:#fff;border-color:var(--green)}.download-button.error.svelte-ogztna{background:#f44;color:#fff;border-color:#f44}