.preview-wrapper.svelte-1flrdclp2ne2b {
		border: 1px solid hsl(var(--border));
		border-radius: 0.5rem;
		margin-bottom: 1.5rem;
	}

	/* ── Tab bar ─────────────────────────────────────────────── */
	.tab-bar.svelte-1flrdclp2ne2b {
		display: flex;
		gap: 0;
		border-bottom: 1px solid hsl(var(--border));
		background-color: hsl(var(--muted) / 0.4);
		padding: 0 0.75rem;
		border-top-left-radius: inherit;
		border-top-right-radius: inherit;
		overflow: hidden;
	}

	.tab-btn.svelte-1flrdclp2ne2b {
		padding: 0.5rem 0.875rem;
		font-size: 0.8125rem;
		font-weight: 500;
		color: hsl(var(--muted-foreground));
		background: none;
		border: none;
		border-bottom: 2px solid transparent;
		margin-bottom: -1px;
		cursor: pointer;
		transition:
			color 0.15s,
			border-color 0.15s;
	}

	.tab-btn.svelte-1flrdclp2ne2b:hover {
		color: hsl(var(--foreground));
	}

	.tab-btn.active.svelte-1flrdclp2ne2b {
		color: hsl(var(--foreground));
		border-bottom-color: hsl(var(--foreground));
	}

	/* ── Preview panel ───────────────────────────────────────── */
	.preview-container.svelte-1flrdclp2ne2b {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		padding: 2rem;
		min-height: 80px;
		border-radius: inherit;
	}

	.has-tabs.svelte-1flrdclp2ne2b .preview-container:where(.svelte-1flrdclp2ne2b) {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	/* ── Code panel ──────────────────────────────────────────── */
	.code-container.svelte-1flrdclp2ne2b {
		border-bottom-left-radius: inherit;
		border-bottom-right-radius: inherit;
		overflow: hidden;
	}

	.code-container.svelte-1flrdclp2ne2b pre.shiki {
		margin: 0;
		border-radius: 0;
		padding: 1.25rem 1.5rem;
		font-size: 0.8125rem;
		line-height: 1.65;
		overflow-x: auto;
		max-height: 480px;
	}


  .svelte-easy-crop-container.svelte-mu35ghxssuxc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    user-select: none;
    touch-action: none;
    cursor: move;
  }

  .svelte-easy-crop-image.svelte-mu35ghxssuxc {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    will-change: transform;
  }

  .svelte-easy-crop-area.svelte-mu35ghxssuxc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 9999em;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    overflow: hidden;
  }

  .svelte-easy-crop-grid.svelte-mu35ghxssuxc:before {
    content: ' ';
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 33.33%;
    right: 33.33%;
    border-top: 0;
    border-bottom: 0;
  }

  .svelte-easy-crop-grid.svelte-mu35ghxssuxc:after {
    content: ' ';
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 33.33%;
    bottom: 33.33%;
    left: 0;
    right: 0;
    border-left: 0;
    border-right: 0;
  }

  .svelte-easy-crop-round.svelte-mu35ghxssuxc {
    border-radius: 50%;
  }


	.bosia-bar.svelte-1drvxa301mq0e {
		position: fixed;
		top: 0;
		left: 0;
		height: 2px;
		width: 100%;
		background: var(--bosia-loading-color, #f73b27);
		z-index: 9999;
		pointer-events: none;
		transform-origin: left center;
	}
	.bosia-bar.loading.svelte-1drvxa301mq0e {
		animation: svelte-1drvxa301mq0e-bosia-load 8s cubic-bezier(0.02, 0.5, 0.5, 1) forwards;
	}
	.bosia-bar.done.svelte-1drvxa301mq0e {
		animation: svelte-1drvxa301mq0e-bosia-done 0.35s ease forwards;
	}
	@keyframes svelte-1drvxa301mq0e-bosia-load {
		from {
			transform: scaleX(0);
		}
		to {
			transform: scaleX(0.85);
		}
	}
	@keyframes svelte-1drvxa301mq0e-bosia-done {
		from {
			transform: scaleX(1);
			opacity: 1;
		}
		to {
			transform: scaleX(1);
			opacity: 0;
		}
	}


	.alert-dialog-backdrop.svelte-3km8itzyxesdi {
		animation: svelte-3km8itzyxesdi-alert-backdrop-in 0.15s ease-out;
	}

	.alert-dialog-content.svelte-3km8itzyxesdi {
		animation: svelte-3km8itzyxesdi-alert-content-in 0.15s ease-out;
	}

	@keyframes svelte-3km8itzyxesdi-alert-backdrop-in {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	@keyframes svelte-3km8itzyxesdi-alert-content-in {
		from {
			opacity: 0;
			transform: scale(0.95);
		}
		to {
			opacity: 1;
			transform: scale(1);
		}
	}


	.command-group.svelte-3jkafp7iqlyrn:not(:has([role="option"]:not([hidden]))) {
		display: none;
	}


	.context-menu-content.svelte-32cpvf0922yg8 {
		animation: svelte-32cpvf0922yg8-context-menu-in 0.15s ease-out;
	}

	@keyframes svelte-32cpvf0922yg8-context-menu-in {
		from {
			opacity: 0;
			transform: scale(0.95);
		}
		to {
			opacity: 1;
			transform: scale(1);
		}
	}


	.context-menu-sub-content.svelte-2u5evfak5hcgc {
		animation: svelte-2u5evfak5hcgc-context-menu-sub-in 0.15s ease-out;
	}

	@keyframes svelte-2u5evfak5hcgc-context-menu-sub-in {
		from {
			opacity: 0;
			transform: translateX(-4px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}


	.dialog-backdrop.svelte-3owmhoeb7b85q {
		animation: svelte-3owmhoeb7b85q-backdrop-in 0.15s ease-out;
	}

	.dialog-content.svelte-3owmhoeb7b85q {
		animation: svelte-3owmhoeb7b85q-content-in 0.15s ease-out;
	}

	@keyframes svelte-3owmhoeb7b85q-backdrop-in {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	@keyframes svelte-3owmhoeb7b85q-content-in {
		from {
			opacity: 0;
			transform: scale(0.95);
		}
		to {
			opacity: 1;
			transform: scale(1);
		}
	}


	.drawer-backdrop.svelte-1ecg7a6e44t4z {
		animation: svelte-1ecg7a6e44t4z-backdrop-in 0.2s ease-out;
	}

	.drawer-content.svelte-1ecg7a6e44t4z {
		animation: svelte-1ecg7a6e44t4z-content-in 0.25s cubic-bezier(0.32, 0.72, 0, 1);
	}

	@keyframes svelte-1ecg7a6e44t4z-backdrop-in {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	@keyframes svelte-1ecg7a6e44t4z-content-in {
		from {
			transform: translateY(100%);
		}
		to {
			transform: translateY(0);
		}
	}


	.dropdown-content.svelte-gtbbzvjyditg {
		animation: svelte-gtbbzvjyditg-dropdown-in 0.15s ease-out;
	}

	@keyframes svelte-gtbbzvjyditg-dropdown-in {
		from {
			opacity: 0;
			transform: scale(0.95) translateY(-4px);
		}
		to {
			opacity: 1;
			transform: scale(1) translateY(0);
		}
	}


	.hover-card-content.svelte-396ayyuu7bkw5 {
		animation: svelte-396ayyuu7bkw5-hover-card-in 0.15s ease-out;
	}

	@keyframes svelte-396ayyuu7bkw5-hover-card-in {
		from {
			opacity: 0;
			transform: scale(0.95);
		}
		to {
			opacity: 1;
			transform: scale(1);
		}
	}


	.menubar-content.svelte-zknq3fl5q7fh {
		animation: svelte-zknq3fl5q7fh-menubar-in 0.15s ease-out;
	}

	@keyframes svelte-zknq3fl5q7fh-menubar-in {
		from {
			opacity: 0;
			transform: scale(0.95) translateY(-4px);
		}
		to {
			opacity: 1;
			transform: scale(1) translateY(0);
		}
	}


	.menubar-sub-content.svelte-kc0hhesrc7r {
		animation: svelte-kc0hhesrc7r-menubar-sub-in 0.15s ease-out;
	}

	@keyframes svelte-kc0hhesrc7r-menubar-sub-in {
		from {
			opacity: 0;
			transform: translateX(-4px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}


	.navigation-menu-content.svelte-duxczf5lnm45 {
		animation: svelte-duxczf5lnm45-navigation-menu-in 0.15s ease-out;
	}

	@keyframes svelte-duxczf5lnm45-navigation-menu-in {
		from {
			opacity: 0;
			transform: scale(0.97) translateY(-4px);
		}
		to {
			opacity: 1;
			transform: scale(1) translateY(0);
		}
	}


	.popover-content.svelte-873kqjo9trbm {
		animation: svelte-873kqjo9trbm-popover-in 0.15s ease-out;
	}

	@keyframes svelte-873kqjo9trbm-popover-in {
		from {
			opacity: 0;
			transform: scale(0.95);
		}
		to {
			opacity: 1;
			transform: scale(1);
		}
	}


	div.svelte-1g2ba5cbi9vgd {
		scrollbar-width: thin;
		scrollbar-color: hsl(var(--border)) transparent;
	}
	div.svelte-1g2ba5cbi9vgd::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
	div.svelte-1g2ba5cbi9vgd::-webkit-scrollbar-track {
		background: transparent;
	}
	div.svelte-1g2ba5cbi9vgd::-webkit-scrollbar-thumb {
		background-color: hsl(var(--border));
		border-radius: 9999px;
		border: 2px solid transparent;
		background-clip: content-box;
	}
	div.svelte-1g2ba5cbi9vgd::-webkit-scrollbar-thumb:hover {
		background-color: hsl(var(--muted-foreground));
	}
	div.svelte-1g2ba5cbi9vgd::-webkit-scrollbar-corner {
		background: transparent;
	}


	.select-content.svelte-2ege9s3mk4k4z {
		animation: svelte-2ege9s3mk4k4z-select-in 0.15s ease-out;
	}

	@keyframes svelte-2ege9s3mk4k4z-select-in {
		from {
			opacity: 0;
			transform: scale(0.95) translateY(-4px);
		}
		to {
			opacity: 1;
			transform: scale(1) translateY(0);
		}
	}


	.tooltip-content.svelte-396pici6gwsa7 {
		animation: svelte-396pici6gwsa7-tooltip-in 0.15s ease-out;
	}

	@keyframes svelte-396pici6gwsa7-tooltip-in {
		from {
			opacity: 0;
			transform: scale(0.95);
		}
		to {
			opacity: 1;
			transform: scale(1);
		}
	}