.modal-backdrop.svelte-2n8j2n{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-primary-rgb),.15);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content.svelte-2n8j2n{background:var(--color-secondary);border-radius:.7rem;width:90%;max-width:44rem;box-shadow:0 .5rem 2.5rem rgba(var(--color-fixed-rgb),.2);overflow:hidden;transform-origin:center;animation:svelte-2n8j2n-modal-pop .3s cubic-bezier(.34,1.56,.64,1);border:1px solid color-mix(in srgb,var(--color-secondary) 80%,black)}@keyframes svelte-2n8j2n-modal-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header.svelte-2n8j2n{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--color-primary);color:var(--color-primary-invert);border-bottom:none}.modal-header.svelte-2n8j2n h2:where(.svelte-2n8j2n){margin:0;font-size:1.2rem;font-weight:600;color:var(--color-primary-invert)}.close-button.svelte-2n8j2n{background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--color-primary-invert);padding:0;line-height:1;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button.svelte-2n8j2n:hover{background-color:rgba(var(--color-secondary-rgb),.3);color:var(--color-primary-invert);transform:rotate(90deg) scale(1.1)}.tabs.svelte-2n8j2n{display:flex;background-color:var(--color-background);padding:0 1rem;border-bottom:1px solid var(--input-border)}.tabs.svelte-2n8j2n button:where(.svelte-2n8j2n){flex:1;padding:1rem;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-tertiary);border-bottom:3px solid transparent;transition:all .2s ease;position:relative;margin-bottom:-1px;opacity:.7}.tabs.svelte-2n8j2n button:where(.svelte-2n8j2n):hover{color:var(--color-primary);opacity:1;background-color:rgba(var(--color-primary-rgb),.05)}.tabs.svelte-2n8j2n button.active:where(.svelte-2n8j2n){color:var(--color-primary);border-bottom-color:var(--color-primary);opacity:1;background-color:transparent}.modal-body.svelte-2n8j2n{padding:1.5rem;background-color:var(--color-background)}.share-text.svelte-2n8j2n{margin-bottom:1.5rem;color:var(--color-text);font-size:1rem;line-height:1.6}.share-text.svelte-2n8j2n strong:where(.svelte-2n8j2n){color:var(--color-tertiary);font-weight:600}.url-container.svelte-2n8j2n,.code-container.svelte-2n8j2n{display:flex;gap:.5rem;margin-bottom:.5rem}.url-input.svelte-2n8j2n,.code-input.svelte-2n8j2n{flex:1;padding:.75rem 1rem;border:1px solid var(--input-border);border-radius:.4rem;font-size:.9rem;font-family:monospace;color:var(--color-secondary-invert);background-color:var(--color-secondary);transition:all .2s ease}.url-input.svelte-2n8j2n::placeholder,.code-input.svelte-2n8j2n::placeholder{color:color-mix(in srgb,var(--color-fixed) 50%,transparent)}.url-input.svelte-2n8j2n:focus,.code-input.svelte-2n8j2n:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--input-focus-shadow);background-color:var(--color-background);color:var(--color-text)}.copy-button.svelte-2n8j2n{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.4rem;background-color:var(--color-accent-1);color:var(--color-fixed);cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:7rem;font-weight:600}.copy-button.svelte-2n8j2n:hover{background-color:color-mix(in srgb,var(--color-accent-1) 75%,white);transform:translateY(-2px);box-shadow:0 2px 4px rgba(var(--color-fixed-rgb),.15)}.copy-button.copied.svelte-2n8j2n{background-color:var(--color-success);color:var(--color-success-invert);transform:translateY(0);box-shadow:none}.copy-button.svelte-2n8j2n svg:where(.svelte-2n8j2n){flex-shrink:0;transition:transform .3s ease}.copy-button.svelte-2n8j2n:not(.copied) svg:where(.svelte-2n8j2n){stroke:var(--color-fixed)}.copy-button.copied.svelte-2n8j2n svg:where(.svelte-2n8j2n){stroke:var(--color-success-invert)}.copy-button.svelte-2n8j2n:hover svg:where(.svelte-2n8j2n){transform:scale(1.1)}.copy-button.svelte-2n8j2n span:where(.svelte-2n8j2n){font-size:.875rem}.embed-options.svelte-2n8j2n{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--color-secondary);border:1px solid color-mix(in srgb,var(--color-secondary) 80%,black);border-radius:.4rem}.embed-options.svelte-2n8j2n label:where(.svelte-2n8j2n){display:flex;align-items:center;gap:.6rem;cursor:pointer;color:var(--color-text);transition:color .2s ease;font-size:.95rem}.embed-options.svelte-2n8j2n input[type=radio]:where(.svelte-2n8j2n){accent-color:var(--color-tertiary);width:1rem;height:1rem;cursor:pointer}.embed-options.svelte-2n8j2n label:where(.svelte-2n8j2n):hover{color:var(--color-primary)}.success-message.svelte-2n8j2n{text-align:center;font-size:.9rem;font-weight:500;background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info);border-radius:.3rem;margin:0;max-height:0;opacity:0;visibility:hidden;transition:all .3s ease-in-out;padding:0 .8rem;overflow:hidden;transform:translateY(-.5rem) scaleY(.8)}.success-message.show.svelte-2n8j2n{max-height:4rem;opacity:1;visibility:visible;margin-top:1rem;padding:.6rem .8rem;transform:translateY(0) scaleY(1)}@media (max-width: 640px){.modal-content.svelte-2n8j2n{width:95%;margin:1rem;max-height:calc(100vh - 2rem);display:flex;flex-direction:column}.modal-body.svelte-2n8j2n{overflow-y:auto}.url-container.svelte-2n8j2n,.code-container.svelte-2n8j2n{flex-direction:column;gap:.8rem}.copy-button.svelte-2n8j2n{min-width:100%;justify-content:center;padding:.75rem 1rem}.embed-options.svelte-2n8j2n{flex-direction:column;gap:1rem}}