@templatical/media-library 0.35.0 → 0.36.0

package/dist/{cdn/chunks/de-ByQyu2jv.js → de-D5ebAV5i.js}

@@ -11,6 +11,7 @@ var e = { mediaLibrary: {
 	newFolder: "Neuer Ordner",
 	folderName: "Ordnername",
 	noFiles: "Keine Dateien gefunden",
+	noSearchResults: "Keine Dateien entsprechen Ihrer Suche",
 	dropOrClick: "Dateien hierher ziehen oder klicken zum Hochladen",
 	acceptedFormats: "Bilder, PDF, Video, Audio, Dokumente (max. 10 MB)",
 	uploading: "Wird hochgeladen...",
@@ -56,11 +57,6 @@ var e = { mediaLibrary: {
 	import: "Importieren",
 	importing: "Wird importiert...",
 	importError: "Import von URL fehlgeschlagen",
-	conversionLabel: "Groesse",
-	conversionOriginal: "Original",
-	conversionSmall: "Klein (150px)",
-	conversionMedium: "Mittel (600px)",
-	conversionLarge: "Gross (1200px)",
 	replaceFile: "Datei ersetzen",
 	replaceWarningTitle: "Datei ersetzen",
 	replaceWarningMessage: "Sie sind dabei, diese Datei zu ersetzen. Die Ersatzdatei muss dieselbe Dateierweiterung haben ({extension}).",
@@ -85,5 +81,3 @@ var e = { mediaLibrary: {
 } };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=de-ByQyu2jv.js.map

package/dist/{cdn/chunks/es-Bcp-DbmC.js → es-BG--QNW0.js}

@@ -11,6 +11,7 @@ var e = { mediaLibrary: {
 	newFolder: "Nueva carpeta",
 	folderName: "Nombre de la carpeta",
 	noFiles: "No se han encontrado archivos",
+	noSearchResults: "Ningún archivo coincide con tu búsqueda",
 	dropOrClick: "Suelta los archivos aquí o haz clic para subirlos",
 	acceptedFormats: "Imágenes, PDF, vídeo, audio y documentos (máx. 10 MB)",
 	uploading: "Subiendo...",
@@ -56,11 +57,6 @@ var e = { mediaLibrary: {
 	import: "Importar",
 	importing: "Importando...",
 	importError: "No se ha podido importar desde la URL",
-	conversionLabel: "Tamaño",
-	conversionOriginal: "Original",
-	conversionSmall: "Pequeño (150 px)",
-	conversionMedium: "Mediano (600 px)",
-	conversionLarge: "Grande (1200 px)",
 	replaceFile: "Reemplazar archivo",
 	replaceWarningTitle: "Reemplazar archivo",
 	replaceWarningMessage: "Estás a punto de reemplazar este archivo. El archivo de reemplazo debe tener la misma extensión ({extension}).",
@@ -85,5 +81,3 @@ var e = { mediaLibrary: {
 } };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=es-Bcp-DbmC.js.map

package/dist/{cdn/chunks/fr-DXb0cCZG.js → fr-Mdi4AlCR.js}

@@ -11,6 +11,7 @@ var e = { mediaLibrary: {
 	newFolder: "Nouveau dossier",
 	folderName: "Nom du dossier",
 	noFiles: "Aucun fichier trouvé",
+	noSearchResults: "Aucun fichier ne correspond à votre recherche",
 	dropOrClick: "Déposez des fichiers ici ou cliquez pour téléverser",
 	acceptedFormats: "Images, PDF, vidéo, audio, documents (max 10 Mo)",
 	uploading: "Téléversement...",
@@ -56,11 +57,6 @@ var e = { mediaLibrary: {
 	import: "Importer",
 	importing: "Importation...",
 	importError: "Échec de l'importation depuis l'URL",
-	conversionLabel: "Taille",
-	conversionOriginal: "Originale",
-	conversionSmall: "Petite (150px)",
-	conversionMedium: "Moyenne (600px)",
-	conversionLarge: "Grande (1200px)",
 	replaceFile: "Remplacer le fichier",
 	replaceWarningTitle: "Remplacer le fichier",
 	replaceWarningMessage: "Vous êtes sur le point de remplacer ce fichier. Le remplacement doit avoir la même extension ({extension}).",
@@ -85,5 +81,3 @@ var e = { mediaLibrary: {
 } };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=fr-DXb0cCZG.js.map

package/dist/index.d.ts

@@ -1,49 +1,38 @@
-import type { AuthManager } from '@templatical/core/cloud';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { ComputedRef } from 'vue';
 import { DefineComponent } from 'vue';
+import { MaybeRefOrGetter } from 'vue';
+import { MediaAsset } from '@templatical/types';
+import { MediaCategory } from '@templatical/types';
+import { MediaFolder } from '@templatical/types';
+import type { MediaOptions } from '@templatical/types';
+import type { MediaProvider as MediaProvider_2 } from '@templatical/types';
+import { MediaRequestContext } from '@templatical/types';
+import { MediaResult } from '@templatical/types';
+import type { MediaStorageInfo } from '@templatical/types';
+import { MediaUsageInfo } from '@templatical/types';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
-import type { SdkAuthConfig } from '@templatical/core/cloud';
-import type { UsePlanConfigReturn } from '@templatical/core/cloud';
 
 declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-select: (item: MediaItem) => any;
+select: (item: MediaAsset) => any;
 close: () => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-onSelect?: ((item: MediaItem) => any) | undefined;
+onSelect?: ((item: MediaAsset) => any) | undefined;
 onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare type __VLS_Props = {
     visible: boolean;
-    accept?: MediaCategory[];
-    /**
-     * Authenticated Cloud session. **A prop, not an injection.** An injection would
-     * have to agree with the host on key *identity*: a bare string never resolves
-     * the `Symbol` `@templatical/editor` provides, and the miss is silent —
-     * `undefined` here means the library opens and does nothing. A prop is checked
-     * at compile time, which makes that class of miss impossible rather than merely
-     * fixed.
-     */
-    authManager: AuthManager;
-    /** Scopes every request. Same story as {@link authManager}. */
-    projectId: string;
     /**
-     * The active plan's config — media limits and the storage gauge. Re-provided
-     * under `PLAN_CONFIG_KEY` for the five descendants that call
-     * `useMediaCategories`, which is why this one is a prop *and* a provide.
-     */
-    planConfig: UsePlanConfigReturn;
-    /**
-     * Mount target for the modal's teleport. When provided, the modal and
-     * its sub-modals render inside this element instead of `document.body`
-     * — used by editors that wrap the media library inside a shadow root
-     * (or any other DOM boundary) and want the modal to stay inside.
-     * Defaults to `null` → teleport to body, preserving the original
-     * standalone-SDK behavior.
+     * Storage backend. **A prop, not an injection.** An injection would have
+     * to agree with the host on key identity: a bare string never resolves
+     * the `Symbol` a host provides, and the miss is silent. A prop is checked
+     * at compile time.
      */
+    provider: MediaProvider_2;
+    accept?: MediaCategory[];
     popoverTarget?: HTMLElement | null;
     /**
      * BCP-47 locale for this package's own strings, defaulting to English.
@@ -63,6 +52,15 @@ declare type __VLS_Props = {
      * how the host stores it.
      */
     uiTheme?: string;
+    /** Forwarded on list / create / importFromUrl when a template is loaded. */
+    templateId?: string;
+    /**
+     * Failures from the storage provider. The composable already reports
+     * them here; a host that wants them on its own `onError` passes that
+     * function through. Standalone `init()` has no such config, so this
+     * stays optional.
+     */
+    onError?: (error: Error) => void;
 };
 
 declare const en: {
@@ -78,6 +76,7 @@ declare const en: {
         newFolder: string;
         folderName: string;
         noFiles: string;
+        noSearchResults: string;
         dropOrClick: string;
         acceptedFormats: string;
         uploading: string;
@@ -123,11 +122,6 @@ declare const en: {
         import: string;
         importing: string;
         importError: string;
-        conversionLabel: string;
-        conversionOriginal: string;
-        conversionSmall: string;
-        conversionMedium: string;
-        conversionLarge: string;
         replaceFile: string;
         replaceWarningTitle: string;
         replaceWarningMessage: string;
@@ -154,99 +148,22 @@ declare const en: {
 
 export declare function init(config: MediaLibraryConfig): Promise<MediaLibraryInstance>;
 
-export declare class MediaApiClient {
-    private readonly authManager;
-    constructor(authManager: AuthManager);
-    private get projectId();
-    private get tenantSlug();
-    private get baseParams();
-    private request;
-    browseMedia(params: Omit<MediaBrowseParams, "project_id">): Promise<MediaBrowseResponse>;
-    uploadMedia(file: File, folderId?: string | null): Promise<MediaItem>;
-    updateMedia(mediaId: string, filename: string, altText?: string): Promise<MediaItem>;
-    deleteMedia(ids: string[]): Promise<void>;
-    moveMedia(ids: string[], folderId: string | null): Promise<MediaItem[]>;
-    getMediaFolders(): Promise<MediaFolder[]>;
-    createMediaFolder(name: string, parentId?: string | null): Promise<MediaFolder>;
-    renameMediaFolder(folderId: string, name: string): Promise<MediaFolder>;
-    deleteMediaFolder(folderId: string): Promise<void>;
-    checkMediaUsage(ids: string[]): Promise<MediaUsageResponse>;
-    getFrequentlyUsed(): Promise<MediaItem[]>;
-    importFromUrl(url: string, folderId?: string | null): Promise<MediaItem>;
-    replaceMedia(mediaId: string, file: File): Promise<MediaItem>;
-}
-
-export declare interface MediaBrowseParams {
-    folder_id?: string | null;
-    search?: string;
-    category?: string;
-    sort?: string;
-    cursor?: string;
-}
-
-export declare interface MediaBrowseResponse {
-    data: MediaItem[];
-    meta: {
-        path: string;
-        per_page: number;
-        next_cursor: string | null;
-        prev_cursor: string | null;
-    };
-}
-
-export declare type MediaCategory = "images" | "documents" | "videos" | "audio";
-
-export declare interface MediaCategoryData {
-    mime_types: string[];
-    extensions: string[];
-}
-
-export declare interface MediaConfig {
-    use_media_library: boolean;
-    categories: Record<string, MediaCategoryData>;
-    max_file_size: number;
-}
-
-export declare type MediaConversion = "original" | "small" | "medium" | "large";
+export { MediaAsset }
 
-export declare interface MediaFolder {
-    id: string;
-    project_id: string;
-    parent_id: string | null;
-    name: string;
-    children?: MediaFolder[];
-    created_at: string;
-}
+export { MediaCategory }
 
-export declare interface MediaItem {
-    id: string;
-    filename: string;
-    mime_type: string;
-    size: number;
-    url: string;
-    small_url: string | null;
-    medium_url: string | null;
-    large_url: string | null;
-    folder_id: string | null;
-    conversions_generated: boolean;
-    width: number | null;
-    height: number | null;
-    alt_text: string;
-    created_at: string;
-    updated_at: string;
-}
+export { MediaFolder }
 
 export declare interface MediaLibraryConfig {
     container: string | HTMLElement;
-    auth: SdkAuthConfig;
-    baseUrl?: string;
+    provider: MediaProvider_2;
     locale?: string;
     theme?: {
         primaryColor?: string;
         borderRadius?: number;
     };
-    onSelect?: (item: MediaItem) => void;
-    onError?: (error: Error) => void;
+    onSelect?: (asset: MediaAsset) => void;
+    accept?: MediaCategory[];
 }
 
 export declare interface MediaLibraryInstance {
@@ -259,35 +176,39 @@ export declare interface MediaLibraryInstance {
 
 export declare const MediaLibraryModal: typeof __VLS_export;
 
-export declare interface MediaRequestContext {
+/**
+ * Client pre-check limits plus the host's `accept` filter.
+ *
+ * `maxFileSize` / `mimeTypes` are {@link MediaOptions} fields and may be
+ * getters — Cloud fills them after construction — so every reader must
+ * access them inside a computed, never by destructuring at setup.
+ *
+ * **Provided by whichever component roots the tree** — `MediaLibraryModal`
+ * and `standalone/MediaLibrary.vue` — and consumed by `useMediaCategories`,
+ * which five descendants call. It is a provide rather than prop-drilling
+ * *only* because of that depth; the values themselves cross the package
+ * boundary as props.
+ *
+ * Vue matches injection keys by identity, so a bare-string
+ * `inject("mediaLimits")` never resolves the `Symbol` a host provided — it
+ * yields `undefined` silently, and the library opens with no limits and
+ * nothing to debug. Props make the cross-package boundary typed; a single
+ * exported key makes the intra-package hop impossible to spell two
+ * different ways.
+ */
+declare type MediaLimits = Pick<MediaOptions, "maxFileSize" | "mimeTypes"> & {
     accept?: MediaCategory[];
-    /**
-     * Image files dragged directly onto an image block/field (issue #229).
-     * Present only on drag-and-drop requests; absent for click → Browse Media.
-     * The media handler should upload these and return the resulting
-     * `MediaResult`. Plural for forward-compat, but the editor currently sends
-     * a single file per drop.
-     */
-    files?: File[];
-}
+};
 
-declare type MediaTranslations = typeof en;
+export { MediaRequestContext }
 
-export declare interface MediaUsageInfo {
-    template_count: number;
-    template_names: string[];
-}
+export { MediaResult }
 
-export declare interface MediaUsageResponse {
-    data: Record<string, MediaUsageInfo>;
-}
+declare type MediaTranslations = typeof en;
 
-export declare type MediaViewMode = "files" | "frequently-used";
+export { MediaUsageInfo }
 
-export declare interface StorageInfo {
-    used_bytes: number;
-    limit_bytes: number;
-}
+export declare type MediaViewMode = "files" | "frequently-used";
 
 export declare function unmount(): void;
 
@@ -324,15 +245,15 @@ declare interface UseI18nReturn {
 
 export declare function useMediaCategories(
 /**
- * The plan config to read, for callers that cannot inject one.
+ * The limits to read, for callers that cannot inject them.
  *
  * A component never sees its own `provide` — Vue resolves `inject` against
- * the *parent* chain — so the two hosts that provide `PLAN_CONFIG_KEY`
+ * the *parent* chain — so the two hosts that provide `MEDIA_LIMITS_KEY`
  * cannot also inject it, and must pass their value here instead. Descendants
  * (`MediaGrid`, `MediaEditModal`, `MediaUploadZone`, `MediaPreviewPanel`)
- * omit the argument and inject as before. Mirrors `useI18n(override?)`.
+ * omit the argument and inject. Mirrors `useI18n(override?)`.
  */
-planConfigOverride?: UsePlanConfigReturn): UseMediaCategoriesReturn;
+limitsOverride?: MediaLimits): UseMediaCategoriesReturn;
 
 export declare interface UseMediaCategoriesReturn {
     isMediaLibraryEnabled: ComputedRef<boolean>;
@@ -340,18 +261,29 @@ export declare interface UseMediaCategoriesReturn {
     allAcceptedInputString: ComputedRef<string>;
     maxFileSize: ComputedRef<number>;
     availableCategories: ComputedRef<MediaCategory[]>;
-    isAcceptedMimeType: (mimeType: string, filterCategories?: MediaCategory[]) => boolean;
+    isAcceptedMimeType: (mimeType: string, accept?: MediaCategory[]) => boolean;
+    isAcceptedFile: (file: {
+        type: string;
+        size: number;
+    }) => boolean;
     isImageMimeType: (mimeType: string) => boolean;
     getCategoryForMimeType: (mimeType: string) => MediaCategory | null;
 }
 
+/**
+ * Reactive state over a {@link MediaProvider}.
+ *
+ * Owns the listing, selection, preview, sequential upload loop and the
+ * delete-usage flow. Chrome that should hide for a `false` method is the
+ * modal's job; this composable simply does not call a disabled method.
+ */
 export declare function useMediaLibrary(options: UseMediaLibraryOptions): {
-    items: Ref<MediaItem[], MediaItem[]>;
+    items: Ref<MediaAsset[], MediaAsset[]>;
     folders: Ref<MediaFolder[], MediaFolder[]>;
     currentFolderId: Ref<string | null, string | null>;
     viewMode: Ref<MediaViewMode, MediaViewMode>;
     searchQuery: Ref<string, string>;
-    categoryFilter: Ref<string | null, string | null>;
+    categoryFilter: Ref<MediaCategory | null, MediaCategory | null>;
     sortOption: Ref<string, string>;
     isLoading: Ref<boolean, boolean>;
     isUploading: Ref<boolean, boolean>;
@@ -364,28 +296,28 @@ export declare function useMediaLibrary(options: UseMediaLibraryOptions): {
     } | null>;
     hasMore: Ref<boolean, boolean>;
     selectedItems: Ref<Set<string>, Set<string>>;
-    previewItem: Ref<MediaItem | null, MediaItem | null>;
-    frequentlyUsedItems: Ref<MediaItem[], MediaItem[]>;
+    previewItem: Ref<MediaAsset | null, MediaAsset | null>;
+    frequentlyUsedItems: Ref<MediaAsset[], MediaAsset[]>;
     deleteUsageInfo: Ref<Record<string, MediaUsageInfo>, Record<string, MediaUsageInfo>>;
     showDeleteWarning: Ref<boolean, boolean>;
     loadItems: () => Promise<void>;
     loadMore: () => Promise<void>;
     search: (query: string) => Promise<void>;
-    filterByCategory: (category: string | null) => Promise<void>;
+    filterByCategory: (category: MediaCategory | null) => Promise<void>;
     sortBy: (option: string) => Promise<void>;
     navigateToFolder: (folderId: string | null) => Promise<void>;
     showFrequentlyUsed: () => Promise<void>;
-    uploadFile: (file: File) => Promise<MediaItem | null>;
+    uploadFile: (file: File) => Promise<MediaAsset | null>;
     uploadFiles: (files: File[]) => Promise<void>;
     moveSelected: (targetFolderId: string | null) => Promise<void>;
     updateFile: (mediaId: string, filename: string, altText?: string) => Promise<void>;
     deleteSelected: () => Promise<void>;
     isImportingFromUrl: Ref<boolean, boolean>;
     importFromUrlError: Ref<string | null, string | null>;
-    importFromUrl: (url: string) => Promise<MediaItem | null>;
+    importFromUrl: (url: string) => Promise<MediaAsset | null>;
     toggleSelection: (id: string) => void;
     clearSelection: () => void;
-    selectItem: (item: MediaItem) => void;
+    selectItem: (item: MediaAsset) => void;
     loadFolders: () => Promise<void>;
     createFolder: (name: string, parentId?: string | null) => Promise<MediaFolder | null>;
     renameFolder: (folderId: string, name: string) => Promise<void>;
@@ -398,18 +330,29 @@ export declare function useMediaLibrary(options: UseMediaLibraryOptions): {
     isReplacing: Ref<boolean, boolean>;
     replaceError: Ref<string | null, string | null>;
     showReplaceWarning: Ref<boolean, boolean>;
-    pendingReplaceItem: Ref<MediaItem | null, MediaItem | null>;
+    pendingReplaceItem: Ref<MediaAsset | null, MediaAsset | null>;
     replaceUsageInfo: Ref<MediaUsageInfo | null, MediaUsageInfo | null>;
-    checkUsageBeforeReplace: (item: MediaItem) => Promise<void>;
+    checkUsageBeforeReplace: (item: MediaAsset) => Promise<void>;
     cancelReplace: () => void;
-    replaceFile: (file: File) => Promise<MediaItem | null>;
-    replaceMediaDirectly: (mediaId: string, file: File) => Promise<MediaItem | null>;
+    replaceFile: (file: File) => Promise<MediaAsset | null>;
+    replaceMediaDirectly: (mediaId: string, file: File) => Promise<MediaAsset | null>;
+    storageInfo: Ref<MediaStorageInfo | null, MediaStorageInfo | null>;
+    loadStorage: () => Promise<void>;
 };
 
 export declare interface UseMediaLibraryOptions {
-    projectId: string;
-    authManager: AuthManager;
+    /**
+     * Storage backend. The composable is transport-agnostic and never talks
+     * to a network itself.
+     */
+    provider: MediaProvider_2;
     onError?: (error: Error) => void;
+    /**
+     * Forwarded on `list` / `create` / `importFromUrl` when a template is
+     * loaded. Read at call time — a ref that fills after setup must still
+     * reach the store.
+     */
+    templateId?: MaybeRefOrGetter<string | undefined>;
 }
 
 export declare function useMediaPicker(): UseMediaPickerReturn;
@@ -417,7 +360,7 @@ export declare function useMediaPicker(): UseMediaPickerReturn;
 declare interface UseMediaPickerReturn {
     isPluggableMediaEnabled: ComputedRef<boolean>;
     isRequesting: Ref<boolean>;
-    requestMedia: (context?: MediaRequestContext) => Promise<MediaItem | null>;
+    requestMedia: (context?: MediaRequestContext) => Promise<MediaResult | null>;
 }
 
 export { }

package/dist/{cdn/chunks/nl-DGT1t3Be.js → nl-D-6hT8te.js}

@@ -11,6 +11,7 @@ var e = { mediaLibrary: {
 	newFolder: "Nieuwe map",
 	folderName: "Mapnaam",
 	noFiles: "Geen bestanden gevonden",
+	noSearchResults: "Geen bestanden komen overeen met uw zoekopdracht",
 	dropOrClick: "Sleep bestanden hierheen of klik om te uploaden",
 	acceptedFormats: "Afbeeldingen, PDF, video, audio, documenten (max. 10 MB)",
 	uploading: "Uploaden...",
@@ -56,11 +57,6 @@ var e = { mediaLibrary: {
 	import: "Importeren",
 	importing: "Importeren...",
 	importError: "Importeren vanaf URL mislukt",
-	conversionLabel: "Grootte",
-	conversionOriginal: "Origineel",
-	conversionSmall: "Klein (150px)",
-	conversionMedium: "Middel (600px)",
-	conversionLarge: "Groot (1200px)",
 	replaceFile: "Bestand vervangen",
 	replaceWarningTitle: "Bestand vervangen",
 	replaceWarningMessage: "U staat op het punt dit bestand te vervangen. De vervanging moet dezelfde bestandsextensie hebben ({extension}).",
@@ -85,5 +81,3 @@ var e = { mediaLibrary: {
 } };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=nl-DGT1t3Be.js.map

package/dist/{cdn/chunks/pt-BR-C0Hzc26R.js → pt-BR-DMfAgDWi.js}

@@ -11,6 +11,7 @@ var e = { mediaLibrary: {
 	newFolder: "Nova Pasta",
 	folderName: "Nome da pasta",
 	noFiles: "Nenhum arquivo encontrado",
+	noSearchResults: "Nenhum arquivo corresponde à sua busca",
 	dropOrClick: "Solte arquivos aqui ou clique para enviar",
 	acceptedFormats: "Imagens, PDF, Vídeo, Áudio, Documentos (máx. 10MB)",
 	uploading: "Enviando...",
@@ -56,11 +57,6 @@ var e = { mediaLibrary: {
 	import: "Importar",
 	importing: "Importando...",
 	importError: "Falha ao importar da URL",
-	conversionLabel: "Tamanho",
-	conversionOriginal: "Original",
-	conversionSmall: "Pequeno (150px)",
-	conversionMedium: "Médio (600px)",
-	conversionLarge: "Grande (1200px)",
 	replaceFile: "Substituir Arquivo",
 	replaceWarningTitle: "Substituir Arquivo",
 	replaceWarningMessage: "Você está prestes a substituir este arquivo. O substituto deve ter a mesma extensão ({extension}).",
@@ -85,5 +81,3 @@ var e = { mediaLibrary: {
 } };
 //#endregion
 export { e as default };
-
-//# sourceMappingURL=pt-BR-C0Hzc26R.js.map

package/dist/templatical-media-library.css

@@ -1,2 +1,2 @@
-@import"https://fonts.bunny.net/css?family=geist:400,500,600";.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-72091aa5] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-72091aa5] .vue-advanced-cropper{background-color:transparent!important}[data-v-72091aa5] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-72091aa5] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-5b4cc2c6]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-5b4cc2c6]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-5b4cc2c6]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-79f055d7]{transform:scale(.45);transform-origin:center}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-leading:initial}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\:invisible{visibility:hidden}.tpl\:absolute{position:absolute}.tpl\:fixed{position:fixed}.tpl\:relative{position:relative}.tpl\:inset-0{inset:0}.tpl\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\:top-1\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:top-1\/2{top:50%}.tpl\:top-full{top:100%}.tpl\:right-1\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:right-2\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:bottom-full{bottom:100%}.tpl\:left-0{left:0}.tpl\:left-1\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:left-1\/2{left:50%}.tpl\:left-2\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:z-10{z-index:10}.tpl\:z-50{z-index:50}.tpl\:z-\[9999\]{z-index:9999}.tpl\:z-\[10000\]{z-index:10000}.tpl\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:mt-0\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\:mb-1\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:mb-px{margin-bottom:1px}.tpl\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\:ml-0{margin-left:0}.tpl\:block{display:block}.tpl\:flex{display:flex}.tpl\:grid{display:grid}.tpl\:inline{display:inline}.tpl\:inline-flex{display:inline-flex}.tpl\:aspect-square{aspect-ratio:1}.tpl\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\:size-full{width:100%;height:100%}.tpl\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\:h-full{height:100%}.tpl\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\:max-h-\[90\%\]{max-height:90%}.tpl\:max-h-\[90vh\]{max-height:90vh}.tpl\:min-h-0{min-height:0}.tpl\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\:w-full{width:100%}.tpl\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\:min-w-0{min-width:0}.tpl\:flex-1{flex:1}.tpl\:shrink-0{flex-shrink:0}.tpl\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\:-rotate-90{rotate:-90deg}.tpl\:rotate-45{rotate:45deg}.tpl\:rotate-90{rotate:90deg}.tpl\:animate-spin{animation:1s linear infinite spin}.tpl\:cursor-help{cursor:help}.tpl\:cursor-not-allowed{cursor:not-allowed}.tpl\:cursor-pointer{cursor:pointer}.tpl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\:flex-col{flex-direction:column}.tpl\:flex-wrap{flex-wrap:wrap}.tpl\:items-center{align-items:center}.tpl\:justify-between{justify-content:space-between}.tpl\:justify-center{justify-content:center}.tpl\:justify-end{justify-content:flex-end}.tpl\:gap-0\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\:gap-1\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}:where(.tpl\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\:overflow-hidden{overflow:hidden}.tpl\:overflow-y-auto{overflow-y:auto}.tpl\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\:rounded-\[var\(--tpl-radius-lg\)\]{border-radius:var(--tpl-radius-lg)}.tpl\:rounded-full{border-radius:3.40282e38px}.tpl\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\:bg-\[var\(--tpl-primary\)\]{background-color:var(--tpl-primary)}.tpl\:object-cover{object-fit:cover}.tpl\:p-0\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\:px-1\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:px-2\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\:py-0\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\:py-1\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:py-2\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:py-3\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:pr-6{padding-right:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:pl-2{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:pl-2\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\:text-center{text-align:center}.tpl\:text-left{text-align:left}.tpl\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\:text-\[9px\]{font-size:9px}.tpl\:text-\[10px\]{font-size:10px}.tpl\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\:whitespace-nowrap{white-space:nowrap}.tpl\:text-white{color:#fff}.tpl\:italic{font-style:italic}.tpl\:opacity-0{opacity:0}.tpl\:opacity-50{opacity:.5}.tpl\:opacity-60{opacity:.6}.tpl\:opacity-100{opacity:1}.tpl\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\:outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.tpl\:group-hover\:opacity-100:is(:where(.tpl\:group):hover *){opacity:1}.tpl\:hover\:underline:hover{text-decoration-line:underline}.tpl\:hover\:opacity-90:hover{opacity:.9}}.tpl\:focus\:shadow-\[var\(--tpl-ring\)\]:focus{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\:disabled\:opacity-50:disabled{opacity:.5}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:"Geist", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+@import"https://fonts.bunny.net/css?family=geist:400,500,600";.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-c7f50076] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-c7f50076] .vue-advanced-cropper{background-color:transparent!important}[data-v-c7f50076] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-c7f50076] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-02bd861d]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-02bd861d]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-02bd861d]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-c7fe5962]{transform:scale(.45);transform-origin:center}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-leading:initial}}}@layer theme{:root,:host{--tpl-radius-sm:calc(.25 * var(--tpl-base-size));--tpl-radius-lg:calc(.5 * var(--tpl-base-size));--tpl-shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tpl-radius:calc(.25 * var(--tpl-base-size))}}.tpl\:invisible{visibility:hidden}.tpl\:absolute{position:absolute}.tpl\:fixed{position:fixed}.tpl\:relative{position:relative}.tpl\:inset-0{inset:0}.tpl\:-top-1{top:calc(calc(var(--tpl-base-size) / 4) * -1)}.tpl\:top-1\.5{top:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:top-1\/2{top:50%}.tpl\:top-full{top:100%}.tpl\:right-1\.5{right:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:right-2\.5{right:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:bottom-full{bottom:100%}.tpl\:left-0{left:0}.tpl\:left-1\.5{left:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:left-1\/2{left:50%}.tpl\:left-2\.5{left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:z-10{z-index:10}.tpl\:z-50{z-index:50}.tpl\:mx-4{margin-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:mt-0\.5{margin-top:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\:mt-1{margin-top:calc(var(--tpl-base-size) / 4)}.tpl\:mt-2{margin-top:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:mb-1{margin-bottom:calc(var(--tpl-base-size) / 4)}.tpl\:mb-1\.5{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:mb-2{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:mb-3{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:mb-4{margin-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:mb-px{margin-bottom:1px}.tpl\:-ml-48{margin-left:calc(calc(var(--tpl-base-size) / 4) * -48)}.tpl\:ml-0{margin-left:0}.tpl\:block{display:block}.tpl\:flex{display:flex}.tpl\:grid{display:grid}.tpl\:inline{display:inline}.tpl\:inline-flex{display:inline-flex}.tpl\:aspect-square{aspect-ratio:1}.tpl\:size-2{width:calc(calc(var(--tpl-base-size) / 4) * 2);height:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:size-4{width:calc(calc(var(--tpl-base-size) / 4) * 4);height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:size-5{width:calc(calc(var(--tpl-base-size) / 4) * 5);height:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\:size-6{width:calc(calc(var(--tpl-base-size) / 4) * 6);height:calc(calc(var(--tpl-base-size) / 4) * 6)}.tpl\:size-7{width:calc(calc(var(--tpl-base-size) / 4) * 7);height:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\:size-10{width:calc(calc(var(--tpl-base-size) / 4) * 10);height:calc(calc(var(--tpl-base-size) / 4) * 10)}.tpl\:size-full{width:100%;height:100%}.tpl\:h-4{height:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:h-12{height:calc(calc(var(--tpl-base-size) / 4) * 12)}.tpl\:h-full{height:100%}.tpl\:max-h-32{max-height:calc(calc(var(--tpl-base-size) / 4) * 32)}.tpl\:max-h-56{max-height:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\:max-h-\[90\%\]{max-height:90%}.tpl\:max-h-\[90vh\]{max-height:90vh}.tpl\:min-h-0{min-height:0}.tpl\:w-48{width:calc(calc(var(--tpl-base-size) / 4) * 48)}.tpl\:w-52{width:calc(calc(var(--tpl-base-size) / 4) * 52)}.tpl\:w-56{width:calc(calc(var(--tpl-base-size) / 4) * 56)}.tpl\:w-full{width:100%}.tpl\:max-w-2xl{max-width:calc(42 * var(--tpl-base-size))}.tpl\:max-w-sm{max-width:calc(24 * var(--tpl-base-size))}.tpl\:min-w-0{min-width:0}.tpl\:flex-1{flex:1}.tpl\:shrink-0{flex-shrink:0}.tpl\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\:translate-y-1{--tw-translate-y:calc(var(--tpl-base-size) / 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.tpl\:-rotate-90{rotate:-90deg}.tpl\:rotate-45{rotate:45deg}.tpl\:rotate-90{rotate:90deg}.tpl\:animate-spin{animation:1s linear infinite spin}.tpl\:cursor-help{cursor:help}.tpl\:cursor-not-allowed{cursor:not-allowed}.tpl\:cursor-pointer{cursor:pointer}.tpl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tpl\:flex-col{flex-direction:column}.tpl\:flex-wrap{flex-wrap:wrap}.tpl\:items-center{align-items:center}.tpl\:justify-between{justify-content:space-between}.tpl\:justify-center{justify-content:center}.tpl\:justify-end{justify-content:flex-end}.tpl\:gap-0\.5{gap:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\:gap-1{gap:calc(var(--tpl-base-size) / 4)}.tpl\:gap-1\.5{gap:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:gap-2{gap:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:gap-3{gap:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:gap-5{gap:calc(calc(var(--tpl-base-size) / 4) * 5)}:where(.tpl\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(calc(var(--tpl-base-size) / 4) * 3) * calc(1 - var(--tw-space-y-reverse)))}.tpl\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tpl\:overflow-hidden{overflow:hidden}.tpl\:overflow-y-auto{overflow-y:auto}.tpl\:rounded{border-radius:calc(.25 * var(--tpl-base-size))}.tpl\:rounded-\[var\(--tpl-radius-lg\)\]{border-radius:var(--tpl-radius-lg)}.tpl\:rounded-full{border-radius:3.40282e38px}.tpl\:rounded-lg{border-radius:calc(.5 * var(--tpl-base-size))}.tpl\:rounded-md{border-radius:calc(.375 * var(--tpl-base-size))}.tpl\:border{border-style:var(--tw-border-style);border-width:1px}.tpl\:border-2{border-style:var(--tw-border-style);border-width:2px}.tpl\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.tpl\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.tpl\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tpl\:border-dashed{--tw-border-style:dashed;border-style:dashed}.tpl\:bg-\[var\(--tpl-primary\)\]{background-color:var(--tpl-primary)}.tpl\:object-cover{object-fit:cover}.tpl\:p-0\.5{padding:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\:p-2{padding:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:p-4{padding:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:p-5{padding:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\:px-1\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:px-2{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:px-2\.5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:px-3{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:px-4{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:px-5{padding-inline:calc(calc(var(--tpl-base-size) / 4) * 5)}.tpl\:py-0\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * .5)}.tpl\:py-1{padding-block:calc(var(--tpl-base-size) / 4)}.tpl\:py-1\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 1.5)}.tpl\:py-2{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:py-2\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:py-3{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:py-3\.5{padding-block:calc(calc(var(--tpl-base-size) / 4) * 3.5)}.tpl\:py-4{padding-block:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:py-16{padding-block:calc(calc(var(--tpl-base-size) / 4) * 16)}.tpl\:pt-3{padding-top:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:pt-4{padding-top:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:pr-2{padding-right:calc(calc(var(--tpl-base-size) / 4) * 2)}.tpl\:pr-3{padding-right:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:pr-7{padding-right:calc(calc(var(--tpl-base-size) / 4) * 7)}.tpl\:pr-8{padding-right:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\:pb-4{padding-bottom:calc(calc(var(--tpl-base-size) / 4) * 4)}.tpl\:pl-2\.5{padding-left:calc(calc(var(--tpl-base-size) / 4) * 2.5)}.tpl\:pl-3{padding-left:calc(calc(var(--tpl-base-size) / 4) * 3)}.tpl\:pl-8{padding-left:calc(calc(var(--tpl-base-size) / 4) * 8)}.tpl\:text-center{text-align:center}.tpl\:text-left{text-align:left}.tpl\:text-sm{font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875))}.tpl\:text-xs{font-size:calc(.75 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1 / .75))}.tpl\:text-\[9px\]{font-size:9px}.tpl\:text-\[10px\]{font-size:10px}.tpl\:font-bold{--tw-font-weight:700;font-weight:700}.tpl\:font-medium{--tw-font-weight:500;font-weight:500}.tpl\:font-normal{--tw-font-weight:400;font-weight:400}.tpl\:font-semibold{--tw-font-weight:600;font-weight:600}.tpl\:tracking-wider{--tw-tracking:.05em;letter-spacing:.05em}.tpl\:whitespace-nowrap{white-space:nowrap}.tpl\:text-white{color:#fff}.tpl\:italic{font-style:italic}.tpl\:opacity-0{opacity:0}.tpl\:opacity-50{opacity:.5}.tpl\:opacity-60{opacity:.6}.tpl\:opacity-100{opacity:1}.tpl\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.tpl\:duration-100{--tw-duration:.1s;transition-duration:.1s}.tpl\:duration-150{--tw-duration:.15s;transition-duration:.15s}.tpl\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tpl\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tpl\:ease-in{--tw-ease:cubic-bezier(.4, 0, 1, 1);transition-timing-function:cubic-bezier(.4,0,1,1)}.tpl\:ease-out{--tw-ease:cubic-bezier(0, 0, .2, 1);transition-timing-function:cubic-bezier(0,0,.2,1)}.tpl\:outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.tpl\:group-hover\:opacity-100:is(:where(.tpl\:group):hover *){opacity:1}.tpl\:hover\:underline:hover{text-decoration-line:underline}.tpl\:hover\:opacity-90:hover{opacity:.9}}.tpl\:focus\:shadow-\[var\(--tpl-ring\)\]:focus{--tw-shadow:var(--tpl-ring);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tpl\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.tpl\:disabled\:opacity-50:disabled{opacity:.5}@layer base,components;.tpl{--tpl-base-size:var(--tpl-user-base-size,16px);--tpl-bg:oklch(99.5% .002 60);--tpl-bg-elevated:oklch(98% .004 60);--tpl-bg-hover:oklch(96% .006 60);--tpl-bg-active:oklch(93.5% .008 60);--tpl-border:oklch(92% .006 60);--tpl-border-light:oklch(86% .01 60);--tpl-text:oklch(18% .01 60);--tpl-text-muted:oklch(50% .015 60);--tpl-text-dim:oklch(68% .012 60);--tpl-primary:oklch(70% .16 55);--tpl-primary-hover:oklch(63% .17 55);--tpl-primary-light:oklch(95% .04 55);--tpl-secondary:oklch(60% .118 184.71);--tpl-secondary-hover:oklch(53.2% .105 186.39);--tpl-secondary-light:oklch(93.8% .03 186.82);--tpl-success:oklch(62.8% .194 155.1);--tpl-success-light:oklch(93.6% .043 163.51);--tpl-warning:oklch(76.9% .168 70.08);--tpl-warning-light:oklch(95% .038 73.59);--tpl-danger:oklch(63.7% .237 25.33);--tpl-danger-light:oklch(93.6% .032 17.72);--tpl-radius:10px;--tpl-radius-sm:7px;--tpl-radius-lg:14px;--tpl-font-family:"Geist", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--tpl-shadow:0 1px 2px #0000000a, 0 1px 3px #00000008;--tpl-shadow-md:0 2px 8px #0000000f, 0 1px 3px #0000000a;--tpl-shadow-lg:0 4px 16px #00000014, 0 2px 6px #0000000a;--tpl-shadow-xl:0 8px 32px #0000001a, 0 4px 12px #0000000f;--tpl-ring:0 0 0 3px var(--tpl-primary-light);--tpl-transition:.12s cubic-bezier(.16, 1, .3, 1)}.tpl[data-tpl-theme=dark]{--tpl-bg:oklch(16% .005 60);--tpl-bg-elevated:oklch(21% .006 60);--tpl-bg-hover:oklch(26% .007 60);--tpl-bg-active:oklch(30% .008 60);--tpl-border:oklch(30% .006 60);--tpl-border-light:oklch(38% .008 60);--tpl-text:oklch(93% .005 60);--tpl-text-muted:oklch(65% .01 60);--tpl-text-dim:oklch(50% .008 60);--tpl-primary:oklch(73% .15 55);--tpl-primary-hover:oklch(78% .14 55);--tpl-primary-light:oklch(28% .05 55);--tpl-secondary:oklch(63% .11 184.71);--tpl-secondary-hover:oklch(68% .1 186.39);--tpl-secondary-light:oklch(25% .03 186.82);--tpl-success:oklch(65% .18 155.1);--tpl-success-light:oklch(25% .04 163.51);--tpl-warning:oklch(78% .16 70.08);--tpl-warning-light:oklch(28% .04 73.59);--tpl-danger:oklch(65% .22 25.33);--tpl-danger-light:oklch(25% .04 17.72);--tpl-shadow:0 1px 2px #0000004d, 0 1px 3px #0003;--tpl-shadow-md:0 2px 8px #00000059, 0 1px 3px #00000040;--tpl-shadow-lg:0 4px 16px #0006, 0 2px 6px #0000004d;--tpl-shadow-xl:0 8px 32px #00000080, 0 4px 12px #00000059;--tpl-ring:0 0 0 3px var(--tpl-primary-light)}.tpl{font-family:Geist,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:calc(.875 * var(--tpl-base-size));line-height:var(--tw-leading,calc(1.25 / .875));--tw-leading:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--tpl-bg);color:var(--tpl-text);line-height:1.5;font-family:var(--tpl-font-family)}:where(.tpl) button,:where(.tpl) input,:where(.tpl) select,:where(.tpl) textarea{box-sizing:border-box;font-family:inherit}:where(.tpl) button{cursor:pointer;background:0 0;border:none}:where(.tpl) button:focus-visible,:where(.tpl) input:focus-visible,:where(.tpl) select:focus-visible,:where(.tpl) textarea:focus-visible{box-shadow:var(--tpl-ring);outline:none}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:0 0}.tpl ::-webkit-scrollbar-thumb{background-color:var(--tpl-border-light)}@supports (color:color-mix(in lab,red,red)){.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent)}}.tpl ::-webkit-scrollbar-thumb{border-radius:calc(.25 * var(--tpl-base-size))}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:2s infinite tpl-pulse}.tpl-spinner{animation:1s linear infinite tpl-spin}.tpl-scale-in{animation:.15s cubic-bezier(.16,1,.3,1) tpl-scale-in}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
 /*$vite$:1*/