deepsky 2.28.3 → 2.28.5

package/dist/index.css

@@ -2722,7 +2722,7 @@ div[data-v-63f5dbe5] {
 }
 
 
-@keyframes slide-down-5c7ac317 {
+@keyframes slide-down-4d29b8f1 {
 from {
         /* height: 0px ;
         opacity: 0 ; */
@@ -2733,7 +2733,7 @@ to {
 }
 }
 .cube-code {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
     margin: 2px;
     text-align: left !important;
     position: relative;
@@ -2745,7 +2745,7 @@ to {
     overflow: hidden;
     break-inside: avoid;
 }
-.code-dragger[data-v-5c7ac317] {
+.code-dragger[data-v-4d29b8f1] {
         border-radius: 20px;
         width: 20px;
         aspect-ratio: 1;
@@ -2758,26 +2758,26 @@ to {
         cursor: nwse-resize;
 }
 .code-tabbar {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
         height: var(--code-tabbar-height);
         overflow: hidden;
 }
-.code-tabs-box[data-v-5c7ac317] {
+.code-tabs-box[data-v-4d29b8f1] {
             height: 100%;
 }
-.code-tab[data-v-5c7ac317]:first-child {
+.code-tab[data-v-4d29b8f1]:first-child {
             padding-left: 0px;
 }
 .code-tab {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             transition: 0.5s;
             width: 160px;
             padding: 0px 2px;
 }
-&[data-v-5c7ac317] > * {
+&[data-v-4d29b8f1] > * {
                 pointer-events: var(--drag-item-point-event);
 }
-.code-tab-name[data-v-5c7ac317] {
+.code-tab-name[data-v-4d29b8f1] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -2787,14 +2787,14 @@ to {
                 background: var(--code-tabbar-item-bg);
                 color: var(--code-tabbar-item-color);
 }
-.code-active-tab[data-v-5c7ac317] {
+.code-active-tab[data-v-4d29b8f1] {
                 background: var(--code-tabbar-item-active-bg);
                 color: var(--code-tabbar-item-active-color);
 }
 }
 }
 .code-toolbar {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2803,16 +2803,16 @@ to {
         background: var(--code-toolbar-bg);
 }
 .code-langs-box {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             cursor: pointer;
             position: relative;
 }
-.code-active-lang[data-v-5c7ac317] {
+.code-active-lang[data-v-4d29b8f1] {
                 color: blueviolet;
                 cursor: pointer;
 }
 .code-langs {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                 transition: 0.3s;
                 opacity: 0;
                 position: absolute;
@@ -2826,10 +2826,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-5c7ac317 forwards;
+                animation: 0.3s slide-down-4d29b8f1 forwards;
 }
 .code-lang-item {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2838,26 +2838,26 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-5c7ac317]:hover {
+&[data-v-4d29b8f1]:hover {
                         background: #bdbdbd66;
 }
 }
 }
 }
 .code-theme-box {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             cursor: pointer;
             position: relative;
 }
-.code-active-theme[data-v-5c7ac317]:hover {
+.code-active-theme[data-v-4d29b8f1]:hover {
                 color: var(--code-toolbar-item-hover-color);
 }
-.code-active-theme[data-v-5c7ac317] {
+.code-active-theme[data-v-4d29b8f1] {
                 color: deeppink;
                 cursor: pointer;
 }
 .code-themes {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                 opacity: 0;
                 transition: 0.3s;
                 position: absolute;
@@ -2871,10 +2871,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-5c7ac317 forwards;
+                animation: 0.3s slide-down-4d29b8f1 forwards;
 }
 .code-theme-item {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2883,7 +2883,7 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-5c7ac317]:hover {
+&[data-v-4d29b8f1]:hover {
                         background: #bdbdbd66;
 }
 }
@@ -2891,7 +2891,7 @@ to {
 }
 .input_add,
         .input_rename {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             border: none;
             outline: none;
             background: transparent;
@@ -2900,7 +2900,7 @@ to {
             width: 0px;
             letter-spacing: 1px;
 }
-&[data-v-5c7ac317]:focus {
+&[data-v-4d29b8f1]:focus {
                 border: var(--code-input-border);
                 color: var(--code-input-color);
                 padding: 5px;
@@ -2908,7 +2908,7 @@ to {
 }
 }
 .code-tools {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -2916,11 +2916,11 @@ to {
             flex-flow: row nowrap;
 }
 .code-help {
-&:hover .code-tooltip[data-v-5c7ac317] {
+&:hover .code-tooltip[data-v-4d29b8f1] {
                     display: flex;
 }
 .code-tooltip {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                     display: none;
                     padding: 5px 10px;
                     background: var(--code-tooltip-bg);
@@ -2933,7 +2933,7 @@ to {
                     color: var(--code-tooltip-color);
                     z-index: 2;
 }
-&[data-v-5c7ac317]::before {
+&[data-v-4d29b8f1]::before {
                         content: "";
                         border: 10px solid;
                         border-color: transparent;
@@ -2945,18 +2945,18 @@ to {
 }
 }
 .iconfont {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                 cursor: pointer;
                 text-indent: 0px;
 }
-&[data-v-5c7ac317]:hover {
+&[data-v-4d29b8f1]:hover {
                     color: var(--code-toolbar-item-hover-color);
 }
 }
 }
 }
 .code-box {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
         position: relative;
         width: 100%;
         height: calc(100% - var(--code-tabbar-height));
@@ -2964,13 +2964,13 @@ to {
         overflow: hidden;
         border-radius: 4px;
 }
-.code-box-inner[data-v-5c7ac317] {
+.code-box-inner[data-v-4d29b8f1] {
             position: relative;
             min-width: 100%;
             min-height: 100%;
             display: inline-block;
 }
-textarea[data-v-5c7ac317] {
+textarea[data-v-4d29b8f1] {
             position: absolute;
             top: 0px;
             left: 0px;
@@ -2990,7 +2990,7 @@ textarea[data-v-5c7ac317] {
             overflow: hidden;
 }
 .code-highlight {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             pointer-events: none;
             position: relative;
             top: 0px;
@@ -3000,11 +3000,11 @@ textarea[data-v-5c7ac317] {
             min-height: 100%;
             overflow: hidden;
 }
-&[data-v-5c7ac317] code {
+&[data-v-4d29b8f1] code {
                 font-family: inherit !important;
                 font-size: inherit;
 }
-&[data-v-5c7ac317] pre {
+&[data-v-4d29b8f1] pre {
                 font-family: inherit;
                 display: inline-block;
                 position: relative;
@@ -5223,48 +5223,53 @@ div[data-v-de9c6e02]::before {
 }
 
 
-.box-catalogue[data-v-185da48a] {
+.box-catalogue[data-v-d6bc2996] {
     overflow-y: scroll;
     height: 100%;
 }
 .box-groups {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
     column-width: var(--ui-catalogue-item-min-width);
     column-gap: 5px;
     }
-.tip-empty[data-v-185da48a] {
+.tip-empty[data-v-d6bc2996] {
         text-align: center;
 }
 .group {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
         padding: 5px;
         break-inside: avoid;
         background: var(--ui-catalogue-group-bg);
         margin-bottom: 5px;
         position: relative;
         border-radius: 4px;
+        transition:
+            background 0.2s ease,
+            box-shadow 0.2s ease,
+            opacity 0.2s ease,
+            transform 0.2s ease;
         }
 .group-title-box,
         .group-item {
 .tools {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 flex-shrink: 0;
                 display: none;
                 flex-flow: row nowrap;
                 align-items: center;
                 gap: 4px;
                 }
-.colors[data-v-185da48a] {
+.colors[data-v-d6bc2996] {
                     display: none;
 }
 }
 }
-.group-items[data-v-185da48a] {
+.group-items[data-v-d6bc2996] {
             position: relative;
             width: 100%;
 }
 .group-title-box {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
             background: var(--ui-catalogue-title-bg);
             color: var(--ui-catalogue-title-color);
             border-radius: var(--ui-catalogue-title-radius);
@@ -5276,32 +5281,37 @@ div[data-v-de9c6e02]::before {
             font-weight: bold;
             }
 &:hover {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 background: var(--ui-catalogue-item-hover-bg) !important;
                 }
-.tools[data-v-185da48a] {
+.tools[data-v-d6bc2996] {
                     display: flex;
 }
 }
-&[data-v-185da48a] .el-color-picker {
+&[data-v-d6bc2996] .el-color-picker {
                 height: fit-content !important;
                 width: fit-content !important;
 }
 .group-title {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 flex: 1;
                 text-align: center;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
+                cursor: grab;
                 }
-&[contenteditable="true"][data-v-185da48a] {
+&[contenteditable="true"][data-v-d6bc2996] {
                     border: 1px dashed;
+                    cursor: text;
+}
+&[data-v-d6bc2996]:active {
+                    cursor: grabbing;
 }
 }
 }
 .group-item {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
             cursor: pointer;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -5311,41 +5321,95 @@ div[data-v-de9c6e02]::before {
             width: 100%;
             left: 0;
             box-sizing: border-box;
-            transition: 0.5s;
+            transition:
+                background 0.2s ease,
+                box-shadow 0.2s ease,
+                opacity 0.2s ease,
+                transform 0.2s ease;
             display: flex;
             justify-content: space-between;
             align-items: center;
+            position: relative;
             }
-&[data-v-185da48a] > * {
+&[data-v-d6bc2996] > * {
                 pointer-events: var(--drag-item-point-event);
 }
 &:hover {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 background: var(--ui-catalogue-item-hover-bg) !important;
                 }
-.tools[data-v-185da48a] {
+.tools[data-v-d6bc2996] {
                     display: flex;
 }
 }
 .name {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 flex: 1;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 }
-&[contenteditable="true"][data-v-185da48a] {
+&[contenteditable="true"][data-v-d6bc2996] {
                     border: 1px dashed;
 }
 }
 }
-.group-item-drag[data-v-185da48a] {
+.group-item-drag[data-v-d6bc2996] {
             background: var(--ui-catalogue-item-drag-bg) !important;
+            opacity: 0.55;
+            transform: scale(0.98);
+}
 }
+.group-dragging[data-v-d6bc2996] {
+        opacity: 0.55;
+        transform: scale(0.99);
 }
-.group-over[data-v-185da48a] {
+.group-over[data-v-d6bc2996] {
         background: var(--ui-catalogue-group-drag-over-bg) !important;
+        box-shadow: inset 0 0 0 1px var(--ui-catalogue-item-drag-bg);
+}
+.group-target-before[data-v-d6bc2996]::before,
+    .group-target-after[data-v-d6bc2996]::after,
+    .group-item-before[data-v-d6bc2996]::before,
+    .group-item-after[data-v-d6bc2996]::after {
+        content: "";
+        position: absolute;
+        left: 5px;
+        right: 5px;
+        height: 2px;
+        border-radius: 999px;
+        background: var(--ui-catalogue-item-drag-bg);
+        box-shadow: 0 0 8px var(--ui-catalogue-item-drag-bg);
+        pointer-events: none;
+        z-index: 2;
 }
+.group-target-before[data-v-d6bc2996]::before,
+    .group-item-before[data-v-d6bc2996]::before {
+        top: -2px;
+}
+.group-target-after[data-v-d6bc2996]::after,
+    .group-item-after[data-v-d6bc2996]::after {
+        bottom: -2px;
+}
+}
+.catalogue-group-move[data-v-d6bc2996],
+.catalogue-item-move[data-v-d6bc2996] {
+    transition: transform 0.24s ease;
+}
+.catalogue-group-enter-active[data-v-d6bc2996],
+.catalogue-group-leave-active[data-v-d6bc2996],
+.catalogue-item-enter-active[data-v-d6bc2996],
+.catalogue-item-leave-active[data-v-d6bc2996] {
+    transition:
+        opacity 0.18s ease,
+        transform 0.18s ease;
+}
+.catalogue-group-enter-from[data-v-d6bc2996],
+.catalogue-group-leave-to[data-v-d6bc2996],
+.catalogue-item-enter-from[data-v-d6bc2996],
+.catalogue-item-leave-to[data-v-d6bc2996] {
+    opacity: 0;
+    transform: translateY(6px);
 }
 
 
@@ -5450,14 +5514,14 @@ div[data-v-de9c6e02]::before {
 
 
 .ui-sideitem-theme {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
     height: 100%;
     overflow-y: scroll;
     user-select: none;
     padding: 0 0 10px;
 }
 .theme-toolbox {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
         background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 86%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 16%, transparent) 100%), var(--sidebar-panel-toolbox-bg);
         display: flex;
         align-items: center;
@@ -5466,45 +5530,45 @@ div[data-v-de9c6e02]::before {
         padding: 10px 12px;
         margin: 6px;
 }
-.toolbox-copy[data-v-2370bfc4] {
+.toolbox-copy[data-v-9e75cb34] {
             min-width: 0;
 }
-.toolbox-title[data-v-2370bfc4] {
+.toolbox-title[data-v-9e75cb34] {
             font-size: 14px;
             font-weight: 700;
             color: var(--color);
             letter-spacing: 0.08em;
 }
-.toolbox-desc[data-v-2370bfc4] {
+.toolbox-desc[data-v-9e75cb34] {
             font-size: 12px;
             color: color-mix(in srgb, var(--color, #333333) 64%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
             font-size: var(--ui-icon-size-lv2);
             color: var(--ui-theme-item-color);
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-2370bfc4]:hover {
+&[data-v-9e75cb34]:hover {
                 color: var(--ui-catalogue-tools-hover-color);
                 transform: translateX(-2px);
 }
 }
-.tools-icon[data-v-2370bfc4] {
+.tools-icon[data-v-9e75cb34] {
             display: flex;
             align-items: center;
             gap: 10px;
 }
 }
 .list-box {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
         padding: 0;
 }
 .bg-item-clear {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -5522,14 +5586,14 @@ div[data-v-de9c6e02]::before {
                 transform 0.2s ease;
 }
 .clear-shape {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
                 width: 44px;
                 height: 44px;
                 clip-path: polygon(20% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 20%);
                 position: relative;
 }
-&[data-v-2370bfc4]::before,
-                &[data-v-2370bfc4]::after {
+&[data-v-9e75cb34]::before,
+                &[data-v-9e75cb34]::after {
                     content: "";
                     position: absolute;
                     inset: 50% auto auto 50%;
@@ -5538,19 +5602,19 @@ div[data-v-de9c6e02]::before {
                     background: color-mix(in srgb, var(--selection-bg, #bbbbbb) 65%, transparent);
                     transform-origin: center;
 }
-&[data-v-2370bfc4]::before {
+&[data-v-9e75cb34]::before {
                     transform: translate(-50%, -50%) rotate(45deg);
 }
-&[data-v-2370bfc4]::after {
+&[data-v-9e75cb34]::after {
                     transform: translate(-50%, -50%) rotate(-45deg);
 }
 }
 }
-.active-theme[data-v-2370bfc4] {
+.active-theme[data-v-9e75cb34] {
             border: 2px solid black;
 }
 .bg-item {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
             cursor: pointer;
             border-radius: 4px;
             overflow: hidden;
@@ -5565,7 +5629,7 @@ div[data-v-de9c6e02]::before {
             contain: layout paint style;
             transform:translateZ(0);
 }
-.extention[data-v-2370bfc4] {
+.extention[data-v-9e75cb34] {
                 position: absolute;
                 right: 6px;
                 bottom: 6px;
@@ -5577,35 +5641,35 @@ div[data-v-de9c6e02]::before {
                 border-radius: 4px;
                 z-index: 1;
 }
-.extention-image[data-v-2370bfc4] {
+.extention-image[data-v-9e75cb34] {
                 color: var(--color);
                 background: var(--text-hover-bg);
 }
-.extention-video[data-v-2370bfc4] {
+.extention-video[data-v-9e75cb34] {
                 color: var(--selection-color);
                 background: var(--selection-bg);
 }
-video[data-v-2370bfc4] {
+video[data-v-9e75cb34] {
                 width: 100%;
                 height: 100%;
                 object-fit: cover;
                 display: block;
 }
-img[data-v-2370bfc4] {
+img[data-v-9e75cb34] {
                 width: 100%;
                 height: 100%;
                 object-fit: cover;
                 display: block;
 }
 }
-.bg-item[data-v-2370bfc4]:hover,
-        .bg-item-clear[data-v-2370bfc4]:hover {
+.bg-item[data-v-9e75cb34]:hover,
+        .bg-item-clear[data-v-9e75cb34]:hover {
             transform: translateY(-3px);
             box-shadow: var(--ui-theme-item-hover-shadow);
 }
 }
 .list-title {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
         color: var(--ui-theme-title-color);
         padding: 8px 10px;
         display: flex;
@@ -5615,39 +5679,39 @@ img[data-v-2370bfc4] {
         margin: 0 0 10px;
         border-radius: 4px;
 }
-.section-title[data-v-2370bfc4] {
+.section-title[data-v-9e75cb34] {
             font-size: 14px;
             font-weight: 700;
             letter-spacing: 0.04em;
 }
-.section-desc[data-v-2370bfc4] {
+.section-desc[data-v-9e75cb34] {
             font-size: 12px;
             color: color-mix(in srgb, currentColor 65%, transparent);
             margin-top: 2px;
 }
 .iconfont {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
             cursor: pointer;
             transition:
                 color 0.2s ease,
                 transform 0.2s ease;
 }
-&[data-v-2370bfc4]:hover {
+&[data-v-9e75cb34]:hover {
                 transform: rotate(-20deg);
 }
 }
 }
-.list-background[data-v-2370bfc4] {
+.list-background[data-v-9e75cb34] {
         background: var(--ui-background-title-bg);
         color: var(--ui-background-title-color);
 }
-.list-theme[data-v-2370bfc4] {
+.list-theme[data-v-9e75cb34] {
         background: var(--ui-theme-title-bg);
 }
-.list-note-theme[data-v-2370bfc4] {
+.list-note-theme[data-v-9e75cb34] {
         background: var(--ui-theme-title-bg);
 }
-.theme-list[data-v-2370bfc4] {
+.theme-list[data-v-9e75cb34] {
         border: var(--sidebar-cube-border);
         background: var(--ui-theme-list-bg);
         border-radius: 12px;
@@ -5656,7 +5720,7 @@ img[data-v-2370bfc4] {
         box-shadow: var(--ui-theme-list-shadow);
 }
 .note-theme-list {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
         border: var(--sidebar-cube-border);
         border-radius: 6px;
         padding: 12px;
@@ -5667,7 +5731,7 @@ img[data-v-2370bfc4] {
         position: relative;
         overflow: hidden;
 }
-&[data-v-2370bfc4]::before {
+&[data-v-9e75cb34]::before {
             content: "";
             position: absolute;
             inset: 0 auto auto 0;
@@ -5676,15 +5740,14 @@ img[data-v-2370bfc4] {
             background: radial-gradient(circle, color-mix(in srgb, var(--selection-bg, #bbbbbb) 10%, transparent) 0%, transparent 72%);
             pointer-events: none;
 }
-.theme-card-grid[data-v-2370bfc4] {
+.theme-card-grid[data-v-9e75cb34] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
             gap: 14px;
 }
 .theme-card {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
             padding: 14px;
-            min-height: 216px;
             border: 1px solid color-mix(in srgb, var(--card-primary) 28%, transparent);
             border-radius: 6px;
             position: relative;
@@ -5704,7 +5767,7 @@ img[data-v-2370bfc4] {
                 0 12px 24px color-mix(in srgb, var(--card-primary) 10%, transparent),
                 inset 0 1px 0 rgba(255, 255, 255, 0.55);
 }
-&[data-v-2370bfc4]::before {
+&[data-v-9e75cb34]::before {
                 content: "";
                 position: absolute;
                 inset: -1px;
@@ -5713,7 +5776,7 @@ img[data-v-2370bfc4] {
                 clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
                 pointer-events: none;
 }
-&[data-v-2370bfc4]::after {
+&[data-v-9e75cb34]::after {
                 content: "";
                 position: absolute;
                 right: -34px;
@@ -5723,38 +5786,30 @@ img[data-v-2370bfc4] {
                 background: radial-gradient(circle, color-mix(in srgb, var(--card-accent) 24%, transparent) 0%, transparent 70%);
                 pointer-events: none;
 }
-.theme-card-head[data-v-2370bfc4] {
+.theme-card-head[data-v-9e75cb34] {
                 display: flex;
-                align-items: flex-start;
+                align-items: center;
                 justify-content: space-between;
                 gap: 10px;
 }
-.theme-motif[data-v-2370bfc4] {
+.theme-motif[data-v-9e75cb34] {
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 78%, transparent);
-                background: color-mix(in srgb, var(--card-primary) 10%, transparent);
-                border: 1px solid color-mix(in srgb, var(--card-primary) 22%, transparent);
-                border-radius: 999px;
                 padding: 5px 10px;
                 max-width: 72%;
 }
-.theme-key[data-v-2370bfc4] {
+.theme-key[data-v-9e75cb34] {
                 font-size: 11px;
                 font-weight: 700;
                 color: color-mix(in srgb, var(--card-primary) 84%, var(--card-ink) 16%);
                 letter-spacing: 0.08em;
                 text-transform: uppercase;
 }
-.theme-geometry[data-v-2370bfc4] {
-                position: relative;
-                min-height: 96px;
-                margin: 12px 0 10px;
-}
-.geo[data-v-2370bfc4] {
+.geo[data-v-9e75cb34] {
                 position: absolute;
                 display: block;
 }
-.geo-diamond[data-v-2370bfc4] {
+.geo-diamond[data-v-9e75cb34] {
                 width: 74px;
                 height: 74px;
                 left: 12px;
@@ -5763,7 +5818,7 @@ img[data-v-2370bfc4] {
                 clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
                 box-shadow: 0 10px 24px color-mix(in srgb, var(--card-primary) 22%, transparent);
 }
-.geo-band[data-v-2370bfc4] {
+.geo-band[data-v-9e75cb34] {
                 width: 88px;
                 height: 18px;
                 right: 8px;
@@ -5773,7 +5828,7 @@ img[data-v-2370bfc4] {
                 transform: rotate(-17deg);
 }
 .geo-orbit {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
                 width: 120px;
                 height: 54px;
                 right: 10px;
@@ -5782,7 +5837,7 @@ img[data-v-2370bfc4] {
                 border-radius: 999px;
                 transform: rotate(-18deg);
 }
-&[data-v-2370bfc4]::before {
+&[data-v-9e75cb34]::before {
                     content: "";
                     position: absolute;
                     top: 50%;
@@ -5795,7 +5850,7 @@ img[data-v-2370bfc4] {
                     box-shadow: 0 0 12px color-mix(in srgb, var(--card-accent) 40%, transparent);
 }
 }
-.geo-cut[data-v-2370bfc4] {
+.geo-cut[data-v-9e75cb34] {
                 width: 48px;
                 height: 48px;
                 left: 92px;
@@ -5804,43 +5859,47 @@ img[data-v-2370bfc4] {
                 border: 1px solid color-mix(in srgb, var(--card-primary) 24%, transparent);
                 clip-path: polygon(0 0, 100% 0, 72% 100%, 0 100%);
 }
-.theme-card-foot[data-v-2370bfc4] {
+.theme-card-foot[data-v-9e75cb34] {
                 position: relative;
                 z-index: 1;
+                display: flex;
+                flex-flow: column wrap;
+                justify-content: center;
+                align-items: center;
 }
-.theme-name[data-v-2370bfc4] {
+.theme-name[data-v-9e75cb34] {
                 font-size: 15px;
                 font-weight: 700;
 }
-.theme-palette-text[data-v-2370bfc4] {
+.theme-palette-text[data-v-9e75cb34] {
                 margin-top: 4px;
                 font-size: 12px;
                 color: color-mix(in srgb, var(--card-ink) 65%, transparent);
 }
-.theme-swatches[data-v-2370bfc4] {
+.theme-swatches[data-v-9e75cb34] {
                 display: flex;
                 align-items: center;
                 gap: 8px;
                 margin-top: 12px;
 }
-.swatch[data-v-2370bfc4] {
+.swatch[data-v-9e75cb34] {
                 width: 18px;
                 height: 18px;
                 border-radius: 6px;
                 border: 1px solid rgba(255, 255, 255, 0.5);
                 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
 }
-.swatch-primary[data-v-2370bfc4] {
+.swatch-primary[data-v-9e75cb34] {
                 background: var(--card-primary);
 }
-.swatch-accent[data-v-2370bfc4] {
+.swatch-accent[data-v-9e75cb34] {
                 background: var(--card-accent);
 }
-.swatch-surface[data-v-2370bfc4] {
+.swatch-surface[data-v-9e75cb34] {
                 background: var(--card-surface);
                 border-color: color-mix(in srgb, var(--card-primary) 18%, transparent);
 }
-&[data-v-2370bfc4]:hover {
+&[data-v-9e75cb34]:hover {
                 transform: translateY(-4px);
                 border-color: color-mix(in srgb, var(--card-primary) 48%, transparent);
                 box-shadow:
@@ -5848,10 +5907,10 @@ img[data-v-2370bfc4] {
                     0 0 18px color-mix(in srgb, var(--card-accent) 14%, transparent),
                     inset 0 1px 0 rgba(255, 255, 255, 0.12);
 }
-&[data-v-2370bfc4]:active {
+&[data-v-9e75cb34]:active {
                 transform: translateY(-1px);
 }
-&.active-theme[data-v-2370bfc4] {
+&.active-theme[data-v-9e75cb34] {
                 border-color: color-mix(in srgb, var(--card-primary) 68%, transparent) !important;
                 box-shadow:
                     0 0 0 1px color-mix(in srgb, var(--card-primary) 34%, transparent),
@@ -5862,7 +5921,7 @@ img[data-v-2370bfc4] {
 }
 }
 .background-list {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
         margin: 6px;
         border: var(--ui-background-list-border);
         background: linear-gradient(155deg, color-mix(in srgb, var(--page-bg, #ffffff) 96%, transparent) 0%, color-mix(in srgb, var(--selection-bg, #cccccc) 6%, transparent) 100%), var(--ui-background-list-bg);
@@ -5871,29 +5930,29 @@ img[data-v-2370bfc4] {
         box-shadow: var(--ui-theme-list-shadow);
 }
 .background-actions {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
             display: grid;
             grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
             gap: 10px;
             margin-bottom: 10px;
 }
-.bg-item-clear[data-v-2370bfc4] {
+.bg-item-clear[data-v-9e75cb34] {
                 min-height: 96px;
                 height: 96px;
 }
 }
-.background-summary[data-v-2370bfc4] {
+.background-summary[data-v-9e75cb34] {
             padding: 0 2px 10px;
             font-size: 12px;
             color: color-mix(in srgb, var(--ui-background-title-color, currentColor) 68%, transparent);
             user-select: none;
 }
 .background-grid {
-&[data-v-2370bfc4] {
+&[data-v-9e75cb34] {
             display: grid;
             align-items: start;
 }
-.virtual-spacer[data-v-2370bfc4] {
+.virtual-spacer[data-v-9e75cb34] {
                 grid-column: 1 / -1;
                 pointer-events: none;
 }