deepsky 2.23.3 → 2.24.1

package/dist/index.css

@@ -1618,7 +1618,18 @@ to {
     background-color: var(--selection-bg);
     color: var(--selection-color);
 }
-
+.dialog-header {
+    font-size: 20px;
+    font-weight: 300;
+    padding: 4px 20px;
+    border-bottom: 2px solid currentColor;
+    letter-spacing: 4px;
+    background: currentColor;
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    filter: drop-shadow(0 0 8px color-mix(in srgb, var(--selection-bg, #0891b2) 30%, transparent)) drop-shadow(0 2px 4px color-mix(in srgb, var(--selection-bg, #0891b2) 15%, transparent));
+}
 .close-corner {
     flex: 0 0 30px;
     width: 30px;
@@ -1642,7 +1653,8 @@ to {
         width: 30px;
         height: 30px;
         border-radius: 50%;
-        background-color: var(--ui-close-corner-bg);
+        /* background-color: var(--ui-close-corner-bg); */
+        background: currentColor;
         transform: rotate(245deg);
     }
 
@@ -1653,7 +1665,8 @@ to {
         width: 30px;
         height: 30px;
         border-radius: 50%;
-        background-color: var(--ui-close-corner-bg);
+        /* background-color: var(--ui-close-corner-bg); */
+        background: currentColor;
         transform: rotate(245deg);
     }
 
@@ -1662,7 +1675,8 @@ to {
         content: "";
         width: 25px;
         height: 3px;
-        background-color: var(--ui-close-corner-bg);
+        /* background-color: var(--ui-close-corner-bg); */
+        background: currentColor;
         transform: rotate(45deg);
     }
 
@@ -1671,7 +1685,8 @@ to {
         content: "";
         width: 3px;
         height: 25px;
-        background-color: var(--ui-close-corner-bg);
+        /* background-color: var(--ui-close-corner-bg); */
+        background: currentColor;
         transform: rotate(45deg);
     }
 }
@@ -2154,7 +2169,7 @@ img[data-v-4e51e29d] {
 
 
 .cube-box-root {
-&[data-v-6ba1716a] {
+&[data-v-360f32de] {
     letter-spacing: var(--line-letter-spacing);
     margin: 2px 0px;
     position: relative;
@@ -2164,13 +2179,13 @@ img[data-v-4e51e29d] {
     justify-content: flex-start;
     gap: 6px;
 }
-.cube-box-root-content[data-v-6ba1716a] {
+.cube-box-root-content[data-v-360f32de] {
         background: var(--box-root-content-bg);
         position: relative;
         flex: 1;
 }
 .cube-dragger {
-&[data-v-6ba1716a] {
+&[data-v-360f32de] {
         transition: 0.5s;
         width: 4px;
         border-radius: 4px;
@@ -2179,28 +2194,28 @@ img[data-v-4e51e29d] {
         cursor: grab;
         flex-shrink: 0;
 }
-&[data-v-6ba1716a]:hover {
+&[data-v-360f32de]:hover {
             width: calc(18px + var(--line-padding) * 2 + var(--line-margin) * 2);
 }
 }
-.anchor-root[data-v-6ba1716a] {
+.anchor-root[data-v-360f32de] {
         background: var(--box-root-anchor-bg);
         opacity: 1 !important;
 }
-.fold-root[data-v-6ba1716a] {
+.fold-root[data-v-360f32de] {
         background: var(--box-root-fold-bg);
         opacity: 1 !important;
 }
 }
-.cube-box-root[data-v-6ba1716a]::view-transition-old {
+.cube-box-root[data-v-360f32de]::view-transition-old {
     animation-duration: 1s;
     animation-timing-function: ease;
 }
-.cube-box-root[data-v-6ba1716a]::view-transition-new {
+.cube-box-root[data-v-360f32de]::view-transition-new {
     animation-duration: 1s;
     animation-timing-function: ease;
 }
-.drag-enter[data-v-6ba1716a] {
+.drag-enter[data-v-360f32de] {
     background-color: var(--box-root-drag-enter-bg);
 }
 
@@ -3417,22 +3432,13 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
         border-radius: 6px;
         cursor: pointer;
         color: var(--dialog-header-color, #888);
-        transition: background 0.15s, color 0.15s, transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
+        transition:
+            background 0.15s,
+            color 0.15s,
+            transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
         z-index: 1;
         will-change: transform;
 
-        &::before {
-            content: "";
-            font-family: sans-serif;
-            font-size: 22px;
-            line-height: 1;
-        }
-
-        &:hover {
-            background: var(--dialog-close-hover-bg, rgba(255, 255, 255, 0.18));
-            color: var(--dialog-close-hover-color);
-            transform: scale(1.14) rotate(90deg);
-        }
     }
 
     .submit {
@@ -3447,7 +3453,9 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
         font-weight: 600;
         font-size: 14px;
         letter-spacing: 0.4px;
-        transition: box-shadow 0.2s ease, transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
+        transition:
+            box-shadow 0.2s ease,
+            transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
         user-select: none;
         width: 100%;
         box-sizing: border-box;
@@ -3465,13 +3473,23 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
 }
 
 @keyframes dialog-spring-in {
-    from { opacity: 0; transform: scale(0.88) translateY(-16px); }
-    to   { opacity: 1; transform: scale(1)    translateY(0); }
+    from {
+        opacity: 0;
+        transform: scale(0.88) translateY(-16px);
+    }
+    to {
+        opacity: 1;
+        transform: scale(1) translateY(0);
+    }
 }
 
 @keyframes backdrop-fade-in {
-    from { opacity: 0; }
-    to   { opacity: 1; }
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
 }
 
 .ui-dialog-box input[type="text"] {
@@ -3482,7 +3500,10 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
     padding: 7px 12px;
     font-size: 14px;
     color: var(--color);
-    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
+    transition:
+        border-color 0.2s,
+        box-shadow 0.2s,
+        background 0.2s;
     font-family: inherit;
     width: 100%;
     box-sizing: border-box;
@@ -3518,16 +3539,32 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
     color: var(--dialog-input-placeholder-color, #888);
 }
 
-.ui-dialog-box:modal { display: flex; animation: dialog-fade-in 0.2s ease-out forwards; }
-
+.ui-dialog-box:modal {
+    display: flex;
+    animation: dialog-fade-in 0.2s ease-out forwards;
+}
 
-.ui-dialog-box { overflow: visible; }
+.ui-dialog-box {
+    overflow: visible;
+}
 
 
+/* ── 右上角关闭按钮（覆盖 dialog-common 默认样式） ── */
+.box-bookmark .close-corner[data-v-7c37dcaa] {
+    position: absolute;
+    right: 0px;
+}
 
+/* 面板标题 */
+.dialog-header-box[data-v-7c37dcaa] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px 16px 10px;
+}
 .box-bookmark {
 .selection {
-&[data-v-eb57ff78]{
+&[data-v-7c37dcaa]{
         display: flex;
         justify-content: space-evenly;
         align-items: center;
@@ -3537,11 +3574,11 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
         padding: 4px;
         background: var(--ui-catalogue-selection-item-bg);
         position: relative;
-}
-&[data-active="bookmark"][data-v-eb57ff78]::before {
+        }
+&[data-active="bookmark"][data-v-7c37dcaa]::before {
             left: calc(50% - 4px);
 }
-&[data-v-eb57ff78]::before {
+&[data-v-7c37dcaa]::before {
             transition: 0.5s;
             content: "";
             position: absolute;
@@ -3553,7 +3590,7 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
             border-radius: 4px;
 }
 .selection-item {
-&[data-v-eb57ff78]{
+&[data-v-7c37dcaa]{
             position: relative;
             width: 120px;
             border-radius: 4px;
@@ -3563,25 +3600,25 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
             align-items: center;
             justify-content: center;
             cursor: pointer;
-}
-.iconfont[data-v-eb57ff78] {
+            }
+.iconfont[data-v-7c37dcaa] {
                 font-size: var(--ui-icon-size-lv2);
 }
 }
 }
 }
 .box-groups {
-&[data-v-eb57ff78]{
+&[data-v-7c37dcaa]{
     column-width: 160px;
     column-gap: 5px;
     overflow-y: scroll;
     padding-right: 4px;
-}
-.group.group-active[data-v-eb57ff78] {
+    }
+.group.group-active[data-v-7c37dcaa] {
         background: var(--ui-catalogue-group-active-bg);
 }
 .group {
-&[data-v-eb57ff78]{
+&[data-v-7c37dcaa]{
         padding: 6px;
         break-inside: avoid;
         background: var(--ui-catalogue-group-bg);
@@ -3589,12 +3626,12 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
         position: relative;
         border-radius: 4px;
         opacity: 0.8;
-}
-&[data-v-eb57ff78]:hover {
+        }
+&[data-v-7c37dcaa]:hover {
             background: var(--ui-catalogue-group-active-bg);
 }
 .group-title-box {
-&[data-v-eb57ff78]{
+&[data-v-7c37dcaa]{
             border-radius: var(--ui-catalogue-title-radius);
             padding: var(--ui-catalogue-title-padding);
             cursor: pointer;
@@ -3602,14 +3639,14 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
             justify-content: center;
             align-items: center;
             gap: 4px;
-}
-.group-title[data-v-eb57ff78] {
+            }
+.group-title[data-v-7c37dcaa] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
 }
 }
-.group-item[data-v-eb57ff78] {
+.group-item[data-v-7c37dcaa] {
             cursor: pointer;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -3618,56 +3655,69 @@ html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-
 }
 }
 .inputbox {
-&[data-v-eb57ff78]{
+&[data-v-7c37dcaa]{
     display: flex;
     flex-flow: column nowrap;
     align-items: center;
     gap: 10px;
-}
+    }
 .info-item {
-&[data-v-eb57ff78]{
+&[data-v-7c37dcaa]{
         width: 300px;
         display: flex;
         justify-content: flex-start;
         align-items: center;
         gap: 10px;
-}
-input[data-v-eb57ff78] {
+        }
+input[data-v-7c37dcaa] {
             width: 200px;
 }
 }
 }
-.tip[data-v-eb57ff78] {
+.tip[data-v-7c37dcaa] {
     color: red;
     text-align: center;
 }
 
 
+/* ── 右上角关闭按钮（覆盖 dialog-common 默认样式） ── */
+.box-custom-style .close-corner[data-v-3f05fd7c] {
+    position: absolute;
+    right: 0px;
+}
+
+/* 面板标题 */
+.dialog-header-box[data-v-3f05fd7c] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px 16px 10px;
+}
 .box-custom-style {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
     max-width: 700px;
-}
+    }
 .box-css {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
         display: flex;
         flex-flow: row nowrap;
         align-items: flex-start;
         gap: 10px;
         overflow-x: scroll;
         padding: 6px 2px;
-}
-&[data-v-1c294864]::-webkit-scrollbar {
+        }
+&[data-v-3f05fd7c]::-webkit-scrollbar {
             height: 4px;
 }
-&[data-v-1c294864]::-webkit-scrollbar-track {
+&[data-v-3f05fd7c]::-webkit-scrollbar-track {
             background: transparent;
 }
-&[data-v-1c294864]::-webkit-scrollbar-thumb {
+&[data-v-3f05fd7c]::-webkit-scrollbar-thumb {
             background: rgba(0, 0, 0, 0.12);
             border-radius: 4px;
 }
 .css-card {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
             min-width: 140px;
             background: var(--dialog-subcard-bg);
             border-radius: 8px;
@@ -3680,8 +3730,8 @@ input[data-v-eb57ff78] {
             user-select: none;
             overflow: hidden;
             border: 1px solid rgba(0, 0, 0, 0.06);
-}
-.css-card-title[data-v-1c294864] {
+            }
+.css-card-title[data-v-3f05fd7c] {
                 width: 100%;
                 display: flex;
                 justify-content: center;
@@ -3695,17 +3745,17 @@ input[data-v-eb57ff78] {
                 white-space: nowrap;
 }
 .css-itembox {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
                 padding: 6px 8px;
                 max-height: 260px;
                 overflow-y: scroll;
                 width: 100%;
-}
-&[data-v-1c294864]::-webkit-scrollbar {
+                }
+&[data-v-3f05fd7c]::-webkit-scrollbar {
                     display: none;
 }
 .css-item {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
                     cursor: pointer;
                     padding: 4px 8px;
                     border-radius: 6px;
@@ -3714,34 +3764,34 @@ input[data-v-eb57ff78] {
                     align-items: center;
                     gap: 4px;
                     transition: background 0.15s;
-}
-.css-key[data-v-1c294864] {
+                    }
+.css-key[data-v-3f05fd7c] {
                         color: var(--dialog-header-color);
                         font-weight: 500;
                         opacity: 0.85;
 }
-.css-sep[data-v-1c294864] {
+.css-sep[data-v-3f05fd7c] {
                         opacity: 0.35;
                         font-size: 11px;
 }
-.css-val[data-v-1c294864] {
+.css-val[data-v-3f05fd7c] {
                         opacity: 0.7;
                         font-size: 11px;
                         white-space: nowrap;
 }
 &:hover {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
                         background: rgba(220, 80, 80, 0.1);
-}
-.css-key[data-v-1c294864],
-                        .css-val[data-v-1c294864] {
+                        }
+.css-key[data-v-3f05fd7c],
+                        .css-val[data-v-3f05fd7c] {
                             color: var(--dialog-css-item-color-hover);
                             opacity: 1;
 }
 }
 }
 }
-&[data-v-1c294864]:hover {
+&[data-v-3f05fd7c]:hover {
                 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
                 transform: translateY(-1px);
 }
@@ -3749,7 +3799,7 @@ input[data-v-eb57ff78] {
 }
 }
 .scroll {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
     display: flex;
     justify-content: center;
     align-items: center;
@@ -3761,13 +3811,13 @@ input[data-v-eb57ff78] {
     font-size: 12px;
     opacity: 0.7;
     letter-spacing: 0.3px;
-}
-.scroll-sep[data-v-1c294864] {
+    }
+.scroll-sep[data-v-3f05fd7c] {
         opacity: 0.4;
 }
 }
 .inputbox {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
     display: grid;
     grid-template-columns: 1fr 1fr auto;
     align-items: end;
@@ -3776,14 +3826,14 @@ input[data-v-eb57ff78] {
     background: rgba(0, 0, 0, 0.025);
     border-radius: 8px;
     border: 1px solid rgba(0, 0, 0, 0.06);
-}
+    }
 .input-field {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
         display: flex;
         flex-direction: column;
         gap: 5px;
-}
-.input-label[data-v-1c294864] {
+        }
+.input-label[data-v-3f05fd7c] {
             font-size: 11px;
             opacity: 0.5;
             letter-spacing: 0.5px;
@@ -3791,7 +3841,7 @@ input[data-v-eb57ff78] {
 }
 }
 .submit-css {
-&[data-v-1c294864]{
+&[data-v-3f05fd7c]{
         cursor: pointer;
         background: var(--float-confirm-gradient);
         color: var(--float-confirm-color);
@@ -3803,8 +3853,8 @@ input[data-v-eb57ff78] {
         transition:
             box-shadow 0.2s,
             transform 0.15s;
-}
-&[data-v-1c294864]:hover {
+        }
+&[data-v-3f05fd7c]:hover {
             box-shadow: var(--float-confirm-hover-shadow);
             transform: translateY(-1px);
 }
@@ -3876,8 +3926,21 @@ input[data-v-eb57ff78] {
 }
 
 
+/* ── 右上角关闭按钮（覆盖 dialog-common 默认样式） ── */
+.dialog-presets .close-corner[data-v-0615891a] {
+    position: absolute;
+    right: 0px;
+}
+
+/* 面板标题 */
+.dialog-header-box[data-v-0615891a] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px 16px 10px;
+}
 .dialog-presets {
-.preset-meta[data-v-4da53a74] {
+.preset-meta[data-v-0615891a] {
         display: flex;
         flex-direction: column;
         align-items: center;
@@ -3888,19 +3951,19 @@ input[data-v-eb57ff78] {
         gap: 4px;
         user-select: none;
 }
-.meta-count[data-v-4da53a74] {
+.meta-count[data-v-0615891a] {
         font-size: 40px;
         font-weight: 700;
         color: var(--dialog-header-color);
         line-height: 1;
         letter-spacing: -1px;
 }
-.meta-desc[data-v-4da53a74] {
+.meta-desc[data-v-0615891a] {
         font-size: 12px;
         opacity: 0.55;
         letter-spacing: 0.5px;
 }
-.form-group[data-v-4da53a74] {
+.form-group[data-v-0615891a] {
         display: flex;
         flex-direction: column;
         gap: 10px;
@@ -3910,14 +3973,14 @@ input[data-v-eb57ff78] {
         border: 1px solid rgba(0, 0, 0, 0.06);
 }
 .submit-group {
-&[data-v-4da53a74]{
+&[data-v-0615891a]{
         display: flex;
         gap: 8px;
-}
-.submit[data-v-4da53a74] {
+        }
+.submit[data-v-0615891a] {
             flex: 1;
 }
-.submit-global[data-v-4da53a74] {
+.submit-global[data-v-0615891a] {
             background: linear-gradient(135deg, rgba(200, 215, 255, 0.6) 0%, rgba(210, 230, 255, 0.4) 100%);
             color: var(--dialog-header-color, #4a6fa5);
 }
@@ -3926,7 +3989,7 @@ input[data-v-eb57ff78] {
 
 
 /* 全屏半透明遮罩 */
-.cubelist-overlay[data-v-e4791d3c] {
+.cubelist-overlay[data-v-01e6f1a6] {
     position: fixed;
     inset: 0;
     z-index: var(--float-zindex);
@@ -3938,13 +4001,14 @@ input[data-v-eb57ff78] {
 }
 
 /* 居中面板 */
-.cubelist-panel[data-v-e4791d3c] {
+.cubelist-panel[data-v-01e6f1a6] {
+    position: relative;
     width: 780px;
     max-width: calc(100vw - 40px);
-    background: var(--float-cubelist-bg);
+    background: var(--dialog-cubelist-bg);
     border-radius: 8px;
-    border: var(--float-cubelist-border);
-    box-shadow: var(--float-cubelist-box-shadow);
+    border: var(--dialog-cubelist-border);
+    box-shadow: var(--dialog-cubelist-box-shadow);
     user-select: none;
     display: flex;
     flex-direction: column;
@@ -3952,59 +4016,84 @@ input[data-v-eb57ff78] {
     padding: 12px 0 0;
 }
 
+/* ── 右上角关闭按钮 ── */
+.close-corner[data-v-01e6f1a6] {
+    position: absolute;
+    right: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 14px;
+    color: var(--dialog-cubelist-input-color);
+    opacity: 0.5;
+    transition: background 0.15s, opacity 0.15s, transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
+    z-index: 1;
+    will-change: transform;
+}
+
+/* 面板标题 */
+.cubelist-header[data-v-01e6f1a6] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px 16px 10px;
+}
+
 /* 顶部搜索栏 */
 .cubelist-search {
-&[data-v-e4791d3c] {
+&[data-v-01e6f1a6] {
     display: flex;
     align-items: center;
     gap: 8px;
     margin: 0 12px 10px;
     padding: 10px 14px;
     border-radius: 6px;
-    background: var(--float-cubelist-search-bg);
-    border: 1px solid color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 40%, transparent);
+    background: var(--dialog-cubelist-search-bg);
+    border: 1px solid color-mix(in srgb, var(--dialog-cubelist-itembox-hover-bg) 40%, transparent);
     }
-.search-icon[data-v-e4791d3c] {
+.search-icon[data-v-01e6f1a6] {
         font-size: 17px;
-        color: var(--float-cubelist-search-color);
+        color: var(--dialog-cubelist-search-color);
         flex-shrink: 0;
         opacity: 0.7;
 }
 input {
-&[data-v-e4791d3c] {
+&[data-v-01e6f1a6] {
         flex: 1;
         background: transparent;
         border: none;
         outline: none;
         font-size: 15px;
         letter-spacing: 0.5px;
-        color: var(--float-cubelist-input-color);
+        color: var(--dialog-cubelist-input-color);
         }
-&[data-v-e4791d3c]::placeholder {
+&[data-v-01e6f1a6]::placeholder {
             color: gray;
 }
 }
-.hint-esc[data-v-e4791d3c] {
+.hint-esc[data-v-01e6f1a6] {
         flex-shrink: 0;
         font-size: 10px;
         padding: 2px 6px;
         border-radius: 3px;
         font-family: inherit;
-        color: var(--float-cubelist-input-color);
-        background: color-mix(in srgb, var(--float-cubelist-input-color) 8%, transparent);
-        border: 1px solid color-mix(in srgb, var(--float-cubelist-input-color) 20%, transparent);
+        color: var(--dialog-cubelist-input-color);
+        background: color-mix(in srgb, var(--dialog-cubelist-input-color) 8%, transparent);
+        border: 1px solid color-mix(in srgb, var(--dialog-cubelist-input-color) 20%, transparent);
         opacity: 0.5;
 }
 }
 
 /* 颜色图例 */
 .cubelist-legend {
-&[data-v-e4791d3c] {
+&[data-v-01e6f1a6] {
     display: flex;
     align-items: center;
     gap: 16px;
     padding: 0 14px 8px;
-    border-bottom: 1px solid color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 25%, transparent);
+    border-bottom: 1px solid color-mix(in srgb, var(--dialog-cubelist-itembox-hover-bg) 25%, transparent);
 
     /* 方块图例 */
 
@@ -4014,34 +4103,34 @@ input {
 
     /* preset-global: +240deg hue rotation from theme selection color */
     }
-.legend-item[data-v-e4791d3c] {
+.legend-item[data-v-01e6f1a6] {
         display: flex;
         align-items: center;
         gap: 6px;
         font-size: 12px;
-        color: var(--float-cubelist-input-color);
+        color: var(--dialog-cubelist-input-color);
         opacity: 0.7;
 }
-.legend-square[data-v-e4791d3c] {
+.legend-square[data-v-01e6f1a6] {
         width: 12px;
         height: 12px;
         border-radius: 3px;
         flex-shrink: 0;
 }
-.sq-cube[data-v-e4791d3c] {
-        background: var(--float-cubelist-itembox-hover-bg);
+.sq-cube[data-v-01e6f1a6] {
+        background: var(--dialog-cubelist-itembox-hover-bg);
 }
-.sq-preset[data-v-e4791d3c] {
+.sq-preset[data-v-01e6f1a6] {
         background: color-mix(in srgb, #f97316 70%, var(--selection-bg));
 }
-.sq-preset-global[data-v-e4791d3c] {
+.sq-preset-global[data-v-01e6f1a6] {
         background: color-mix(in srgb, #a855f7 70%, var(--selection-bg));
 }
 }
 
 /* 卡片网格 */
 .cube-grid {
-&[data-v-e4791d3c] {
+&[data-v-01e6f1a6] {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 5px;
@@ -4049,16 +4138,16 @@ input {
     overflow-y: auto;
     padding: 12px 12px 4px;
     }
-&[data-v-e4791d3c]::-webkit-scrollbar {
+&[data-v-01e6f1a6]::-webkit-scrollbar {
         width: 4px;
         background-color: transparent;
 }
-&[data-v-e4791d3c]::-webkit-scrollbar-thumb {
+&[data-v-01e6f1a6]::-webkit-scrollbar-thumb {
         background: var(--ui-scrollbar-thumb-bg, #888);
         border-radius: 10px;
 }
 .item-card {
-&[data-v-e4791d3c] {
+&[data-v-01e6f1a6] {
         display: flex;
         align-items: center;
         gap: 4px;
@@ -4067,95 +4156,95 @@ input {
         cursor: pointer;
         transition: 0.2s;
         }
-&[data-v-e4791d3c]:hover {
-            background: var(--float-cubelist-itembox-hover-bg);
-            box-shadow: 0px 0px 12px var(--float-cubelist-itembox-hover-bg);
+&[data-v-01e6f1a6]:hover {
+            background: var(--dialog-cubelist-itembox-hover-bg);
+            box-shadow: 0px 0px 12px var(--dialog-cubelist-itembox-hover-bg);
 }
-.iconfont[data-v-e4791d3c] {
+.iconfont[data-v-01e6f1a6] {
             font-size: 24px;
             margin-left: 4px;
 }
 }
-.item-preset-global[data-v-e4791d3c] {
+.item-preset-global[data-v-01e6f1a6] {
         border-left: 3px solid color-mix(in srgb, #a855f7 70%, var(--selection-bg)) !important;
         border-radius: 0 2px 2px 0;
         background: color-mix(in srgb, #a855f7 10%, var(--selection-bg) 5%) !important;
 }
-.item-preset[data-v-e4791d3c] {
+.item-preset[data-v-01e6f1a6] {
         border-left: 3px solid color-mix(in srgb, #f97316 70%, var(--selection-bg));
         border-radius: 0 2px 2px 0;
         background: color-mix(in srgb, #f97316 10%, var(--selection-bg) 5%);
 }
-.item-cube[data-v-e4791d3c] {
-        border-left: 3px solid var(--float-cubelist-itembox-hover-bg);
+.item-cube[data-v-01e6f1a6] {
+        border-left: 3px solid var(--dialog-cubelist-itembox-hover-bg);
         border-radius: 0 2px 2px 0;
-        background: color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 12%, transparent);
+        background: color-mix(in srgb, var(--dialog-cubelist-itembox-hover-bg) 12%, transparent);
 }
 .active {
-&[data-v-e4791d3c] {
-        background: var(--float-cubelist-active-bg);
-        box-shadow: var(--float-cubelist-active-shadow);
-        color: var(--float-cubelist-active-color);
+&[data-v-01e6f1a6] {
+        background: var(--dialog-cubelist-active-bg);
+        box-shadow: var(--dialog-cubelist-active-shadow);
+        color: var(--dialog-cubelist-active-color);
         }
-.iconfont[data-v-e4791d3c] {
-            color: var(--float-cubelist-active-icon-color);
+.iconfont[data-v-01e6f1a6] {
+            color: var(--dialog-cubelist-active-icon-color);
 }
 }
 .cube-box {
-&[data-v-e4791d3c] {
+&[data-v-01e6f1a6] {
         border-radius: 4px;
         padding: 5px 10px;
         cursor: pointer;
         letter-spacing: 1px;
         overflow: hidden;
         }
-&[data-v-e4791d3c] > * {
+&[data-v-01e6f1a6] > * {
             pointer-events: none;
 }
-.cube-name[data-v-e4791d3c],
-        .cube-type[data-v-e4791d3c] {
+.cube-name[data-v-01e6f1a6],
+        .cube-type[data-v-01e6f1a6] {
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
 }
-.cube-name[data-v-e4791d3c] {
-            font-size: var(--float-cubelist-name-size);
+.cube-name[data-v-01e6f1a6] {
+            font-size: var(--dialog-cubelist-name-size);
 }
-.cube-type[data-v-e4791d3c] {
-            font-size: var(--float-cubelist-type-size);
-            color: var(--float-cubelist-itembox-code-bg);
+.cube-type[data-v-01e6f1a6] {
+            font-size: var(--dialog-cubelist-type-size);
+            color: var(--dialog-cubelist-itembox-code-bg);
 }
 }
 }
 
 /* 底部快捷键提示 */
 .cubelist-footer {
-&[data-v-e4791d3c] {
+&[data-v-01e6f1a6] {
     display: flex;
     gap: 16px;
     padding: 6px 14px 10px;
-    border-top: 1px solid color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 20%, transparent);
+    border-top: 1px solid color-mix(in srgb, var(--dialog-cubelist-itembox-hover-bg) 20%, transparent);
     }
-.footer-hint[data-v-e4791d3c] {
+.footer-hint[data-v-01e6f1a6] {
         display: flex;
         align-items: center;
         gap: 4px;
         font-size: 11px;
-        color: var(--float-cubelist-input-color);
+        color: var(--dialog-cubelist-input-color);
         opacity: 0.45;
 }
-kbd[data-v-e4791d3c] {
+kbd[data-v-01e6f1a6] {
         font-size: 10px;
         padding: 1px 5px;
         border-radius: 3px;
         font-family: inherit;
-        background: color-mix(in srgb, var(--float-cubelist-input-color) 8%, transparent);
-        border: 1px solid color-mix(in srgb, var(--float-cubelist-input-color) 18%, transparent);
+        background: color-mix(in srgb, var(--dialog-cubelist-input-color) 8%, transparent);
+        border: 1px solid color-mix(in srgb, var(--dialog-cubelist-input-color) 18%, transparent);
 }
 }
 
 
-.dialog-formula-overlay[data-v-2e9872fe] {
+.dialog-formula-overlay[data-v-39f7c9ce] {
     position: fixed;
     inset: 0;
     z-index: var(--dialog-zindex, 1000);
@@ -4165,14 +4254,17 @@ kbd[data-v-e4791d3c] {
     background: rgba(0, 0, 0, 0.35);
     backdrop-filter: blur(4px);
 }
-.dialog-formula[data-v-2e9872fe] {
+.dialog-formula[data-v-39f7c9ce] {
+    position: relative;
     display: flex;
     flex-flow: column nowrap;
     width: 75%;
     max-width: calc(100vw - 40px);
     border-radius: 8px;
-    box-shadow: var(--float-formula-shadow), 0 8px 32px rgba(0, 0, 0, 0.08);
-    background: var(--float-formula-bg);
+    box-shadow:
+        var(--dialog-formula-shadow),
+        0 8px 32px rgba(0, 0, 0, 0.08);
+    background: var(--dialog-formula-bg);
     backdrop-filter: blur(12px);
     border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 12%, transparent);
     overflow: hidden;
@@ -4180,9 +4272,35 @@ kbd[data-v-e4791d3c] {
     padding: 12px 0 0;
 }
 
+/* ── 右上角关闭按钮 ── */
+.close-corner[data-v-39f7c9ce] {
+    position: absolute;
+    right: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: 14px;
+    color: var(--dialog-formula-input-color);
+    opacity: 0.5;
+    transition: background 0.15s, opacity 0.15s, transform 0.24s cubic-bezier(0.34, 1.56, 0.64, 1);
+    z-index: 1;
+    will-change: transform;
+}
+
+/* ── 面板标题 ── */
+.formula-header[data-v-39f7c9ce] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px 16px 10px;
+    border-bottom: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 15%, transparent);
+}
+
 /* ── 工具栏 ── */
 .formula-toolbar {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
     display: flex;
     flex-flow: row nowrap;
     gap: 4px;
@@ -4190,7 +4308,7 @@ kbd[data-v-e4791d3c] {
     padding: 0 12px 10px;
     border-bottom: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
     }
-.toolbar-sep[data-v-2e9872fe] {
+.toolbar-sep[data-v-39f7c9ce] {
         width: 1px;
         height: 16px;
         background: color-mix(in srgb, var(--selection-bg, #0891b2) 20%, transparent);
@@ -4198,26 +4316,28 @@ kbd[data-v-e4791d3c] {
         flex-shrink: 0;
 }
 span {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 28px;
         height: 28px;
         font-size: 14px;
-        color: var(--float-formula-input-color);
+        color: var(--dialog-formula-input-color);
         background: transparent;
         border-radius: 4px;
         cursor: pointer;
         opacity: 0.65;
-        transition: background 0.15s, opacity 0.15s;
+        transition:
+            background 0.15s,
+            opacity 0.15s;
         }
-&[data-v-2e9872fe]:hover {
-            background: var(--float-formula-nav-item-hover-bg);
+&[data-v-39f7c9ce]:hover {
+            background: var(--dialog-formula-nav-item-hover-bg);
             opacity: 1;
 }
-&.active[data-v-2e9872fe] {
-            background: var(--float-formula-nav-item-active-bg) !important;
+&.active[data-v-39f7c9ce] {
+            background: var(--dialog-formula-nav-item-active-bg) !important;
             color: var(--menu-item-active-color);
             opacity: 1;
 }
@@ -4225,7 +4345,7 @@ span {
 }
 
 /* ── 主编辑区 ── */
-.formula-editor[data-v-2e9872fe] {
+.formula-editor[data-v-39f7c9ce] {
     display: flex;
     flex-flow: row nowrap;
     gap: 8px;
@@ -4235,7 +4355,7 @@ span {
 
 /* ── 输入 + 预览 ── */
 .formula-input-area {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
     display: flex;
     flex-flow: column nowrap;
     gap: 6px;
@@ -4243,12 +4363,12 @@ span {
     min-width: 0;
     }
 .formula-latex-input {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
         flex: 1;
-        color: var(--float-formula-input-color);
-        background: var(--float-formula-part-bg);
-        font-size: var(--float-formula-latex-fontsize);
-        font-family: 'Cascadia Code', 'Fira Mono', 'Consolas', monospace;
+        color: var(--dialog-formula-input-color);
+        background: var(--dialog-formula-part-bg);
+        font-size: var(--dialog-formula-latex-fontsize);
+        font-family: "Cascadia Code", "Fira Mono", "Consolas", monospace;
         padding: 10px 12px;
         resize: none;
         border-radius: 6px;
@@ -4257,28 +4377,28 @@ span {
         line-height: 1.6;
         transition: border-color 0.2s;
         }
-&[data-v-2e9872fe]::placeholder {
+&[data-v-39f7c9ce]::placeholder {
             color: gray;
             opacity: 0.6;
 }
-&[data-v-2e9872fe]:focus {
+&[data-v-39f7c9ce]:focus {
             border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 45%, transparent);
 }
-&[data-v-2e9872fe]::-webkit-scrollbar {
+&[data-v-39f7c9ce]::-webkit-scrollbar {
             width: 3px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar-thumb {
+&[data-v-39f7c9ce]::-webkit-scrollbar-thumb {
             background: color-mix(in srgb, var(--selection-bg, #0891b2) 25%, transparent);
             border-radius: 3px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar-track {
+&[data-v-39f7c9ce]::-webkit-scrollbar-track {
             background: transparent;
 }
 }
 .formula-mathml-input {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
         flex: 1;
-        background: var(--float-formula-part-bg);
+        background: var(--dialog-formula-part-bg);
         border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
         padding: 10px;
         border-radius: 6px;
@@ -4288,20 +4408,20 @@ span {
         justify-content: center;
         align-items: center;
         }
-&[data-v-2e9872fe]:empty::before {
-            content: '公式预览区域';
+&[data-v-39f7c9ce]:empty::before {
+            content: "公式预览区域";
             opacity: 0.3;
             font-size: 13px;
             letter-spacing: 0.5px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar {
+&[data-v-39f7c9ce]::-webkit-scrollbar {
             width: 3px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar-thumb {
+&[data-v-39f7c9ce]::-webkit-scrollbar-thumb {
             background: color-mix(in srgb, var(--selection-bg, #0891b2) 25%, transparent);
             border-radius: 3px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar-track {
+&[data-v-39f7c9ce]::-webkit-scrollbar-track {
             background: transparent;
 }
 }
@@ -4309,19 +4429,19 @@ span {
 
 /* ── 候选区 ── */
 .formula-candidate {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
     display: flex;
     flex-flow: column nowrap;
     gap: 6px;
     border-radius: 6px;
-    background: var(--float-formula-part-bg);
+    background: var(--dialog-formula-part-bg);
     border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
     padding: 8px;
     flex: 4;
     flex-shrink: 0;
     }
 .formula-candidate-nav {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
@@ -4331,40 +4451,42 @@ span {
         padding-bottom: 6px;
         }
 .formula-nav-type {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
             display: flex;
             flex-flow: row nowrap;
             gap: 4px;
             overflow-x: auto;
             }
-&[data-v-2e9872fe]::-webkit-scrollbar {
+&[data-v-39f7c9ce]::-webkit-scrollbar {
                 height: 2px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar-thumb {
+&[data-v-39f7c9ce]::-webkit-scrollbar-thumb {
                 background: color-mix(in srgb, var(--selection-bg, #0891b2) 30%, transparent);
                 border-radius: 2px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar-track {
+&[data-v-39f7c9ce]::-webkit-scrollbar-track {
                 background: transparent;
 }
 span {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
                 padding: 3px 10px;
                 border-radius: 4px;
                 font-size: 12px;
                 white-space: nowrap;
                 cursor: pointer;
                 background: transparent;
-                color: var(--float-formula-input-color);
+                color: var(--dialog-formula-input-color);
                 opacity: 0.6;
-                transition: background 0.15s, opacity 0.15s;
+                transition:
+                    background 0.15s,
+                    opacity 0.15s;
                 }
-&[data-v-2e9872fe]:hover {
-                    background: var(--float-formula-nav-item-hover-bg);
+&[data-v-39f7c9ce]:hover {
+                    background: var(--dialog-formula-nav-item-hover-bg);
                     opacity: 1;
 }
-&.active[data-v-2e9872fe] {
-                    background: var(--float-formula-nav-item-active-bg) !important;
+&.active[data-v-39f7c9ce] {
+                    background: var(--dialog-formula-nav-item-active-bg) !important;
                     color: var(--menu-item-active-color);
                     opacity: 1;
 }
@@ -4372,22 +4494,22 @@ span {
 }
 }
 .formula-candidate-values {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
         overflow: auto;
         flex: 1;
         }
-&[data-v-2e9872fe]::-webkit-scrollbar {
+&[data-v-39f7c9ce]::-webkit-scrollbar {
             width: 3px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar-thumb {
+&[data-v-39f7c9ce]::-webkit-scrollbar-thumb {
             background: color-mix(in srgb, var(--selection-bg, #0891b2) 25%, transparent);
             border-radius: 3px;
 }
-&[data-v-2e9872fe]::-webkit-scrollbar-track {
+&[data-v-39f7c9ce]::-webkit-scrollbar-track {
             background: transparent;
 }
 .formula-type {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
             display: flex;
             gap: 6px;
             flex-flow: row wrap;
@@ -4395,17 +4517,20 @@ span {
             padding-top: 4px;
             }
 span {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
                 padding: 4px 8px;
                 border-radius: 4px;
-                background: var(--float-formula-candidate-item-bg);
+                background: var(--dialog-formula-candidate-item-bg);
                 border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 8%, transparent);
                 cursor: pointer;
                 height: fit-content;
-                transition: background 0.15s, transform 0.1s, box-shadow 0.15s;
+                transition:
+                    background 0.15s,
+                    transform 0.1s,
+                    box-shadow 0.15s;
                 }
-&[data-v-2e9872fe]:hover {
-                    background: var(--float-formula-candidate-item-hover-bg);
+&[data-v-39f7c9ce]:hover {
+                    background: var(--dialog-formula-candidate-item-hover-bg);
                     box-shadow: 0 0 8px color-mix(in srgb, var(--selection-bg, #0891b2) 20%, transparent);
                     transform: translateY(-1px);
 }
@@ -4416,38 +4541,38 @@ span {
 
 /* ── 底部快捷键提示 ── */
 .formula-footer {
-&[data-v-2e9872fe] {
+&[data-v-39f7c9ce] {
     display: flex;
     gap: 16px;
     align-items: center;
     padding: 6px 14px 10px;
     border-top: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
     }
-.footer-hint[data-v-2e9872fe] {
+.footer-hint[data-v-39f7c9ce] {
         display: flex;
         align-items: center;
         gap: 4px;
         font-size: 11px;
-        color: var(--float-formula-input-color);
+        color: var(--dialog-formula-input-color);
         opacity: 0.45;
 }
-.footer-hint-right[data-v-2e9872fe] {
+.footer-hint-right[data-v-39f7c9ce] {
         margin-left: auto;
         opacity: 0.6;
         color: #f97316;
 }
-kbd[data-v-2e9872fe] {
+kbd[data-v-39f7c9ce] {
         font-size: 10px;
         padding: 1px 5px;
         border-radius: 3px;
         font-family: inherit;
-        background: color-mix(in srgb, var(--float-formula-input-color, #888) 8%, transparent);
-        border: 1px solid color-mix(in srgb, var(--float-formula-input-color, #888) 18%, transparent);
+        background: color-mix(in srgb, var(--dialog-formula-input-color, #888) 8%, transparent);
+        border: 1px solid color-mix(in srgb, var(--dialog-formula-input-color, #888) 18%, transparent);
 }
 }
 
 
-.table-overlay[data-v-5a3094d3] {
+.table-overlay[data-v-e74b0a8e] {
     position: fixed;
     inset: 0;
     z-index: var(--float-zindex);
@@ -4457,10 +4582,10 @@ kbd[data-v-2e9872fe] {
     align-items: center;
 }
 .table-panel {
-&[data-v-5a3094d3] {
-    background: var(--float-cubelist-bg);
-    border: var(--float-cubelist-border);
-    box-shadow: var(--float-cubelist-box-shadow);
+&[data-v-e74b0a8e] {
+    background: var(--dialog-cubelist-bg);
+    border: var(--dialog-cubelist-border);
+    box-shadow: var(--dialog-cubelist-box-shadow);
     border-radius: 8px;
     padding: 16px 16px 0;
     display: flex;
@@ -4468,21 +4593,21 @@ kbd[data-v-2e9872fe] {
     user-select: none;
     overflow: hidden;
     }
-.table-panel-title[data-v-5a3094d3] {
+.table-panel-title[data-v-e74b0a8e] {
         font-size: 13px;
         text-align: center;
         margin-bottom: 12px;
-        color: var(--float-cubelist-input-color);
+        color: var(--dialog-cubelist-input-color);
         opacity: 0.6;
         letter-spacing: 1px;
 }
 .table-grid {
-&[data-v-5a3094d3] {
+&[data-v-e74b0a8e] {
         display: grid;
         grid-template-columns: repeat(9, 1fr);
         }
 div {
-&[data-v-5a3094d3]::before {
+&[data-v-e74b0a8e]::before {
                 content: "";
                 display: block;
                 margin: 3px;
@@ -4493,47 +4618,47 @@ div {
                 transition: background 0.1s;
 }
 }
-div.active[data-v-5a3094d3]::before {
+div.active[data-v-e74b0a8e]::before {
             background: var(--float-table-grid-active);
 }
 }
 .table-size-label {
-&[data-v-5a3094d3] {
+&[data-v-e74b0a8e] {
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 6px;
         margin-top: 10px;
         font-size: 14px;
-        color: var(--float-cubelist-input-color);
+        color: var(--dialog-cubelist-input-color);
         }
-.sep[data-v-5a3094d3] {
+.sep[data-v-e74b0a8e] {
             opacity: 0.4;
 }
 }
 .table-footer {
-&[data-v-5a3094d3] {
+&[data-v-e74b0a8e] {
         display: flex;
         gap: 16px;
         padding: 8px 2px 10px;
         margin-top: 10px;
-        border-top: 1px solid color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 20%, transparent);
+        border-top: 1px solid color-mix(in srgb, var(--dialog-cubelist-itembox-hover-bg) 20%, transparent);
         }
-.footer-hint[data-v-5a3094d3] {
+.footer-hint[data-v-e74b0a8e] {
             display: flex;
             align-items: center;
             gap: 4px;
             font-size: 11px;
-            color: var(--float-cubelist-input-color);
+            color: var(--dialog-cubelist-input-color);
             opacity: 0.45;
 }
-kbd[data-v-5a3094d3] {
+kbd[data-v-e74b0a8e] {
             font-size: 10px;
             padding: 1px 5px;
             border-radius: 3px;
             font-family: inherit;
-            background: color-mix(in srgb, var(--float-cubelist-input-color) 8%, transparent);
-            border: 1px solid color-mix(in srgb, var(--float-cubelist-input-color) 18%, transparent);
+            background: color-mix(in srgb, var(--dialog-cubelist-input-color) 8%, transparent);
+            border: 1px solid color-mix(in srgb, var(--dialog-cubelist-input-color) 18%, transparent);
 }
 }
 }
@@ -5798,18 +5923,18 @@ img[data-v-dfef5592] {
 
 
 .ui-presets {
-&[data-v-52412796] {
+&[data-v-982d8b0c] {
     padding-bottom: 6px;
 }
 .box-presets {
-&[data-v-52412796] {
+&[data-v-982d8b0c] {
         padding: 4px;
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
         gap: 8px;
 }
 .preset-item {
-&[data-v-52412796] {
+&[data-v-982d8b0c] {
             padding: 8px 10px;
             border-radius: 4px;
             position: relative;
@@ -5827,7 +5952,7 @@ img[data-v-dfef5592] {
                 box-shadow 0.22s ease,
                 transform 0.18s ease;
 }
-&[data-v-52412796]::before {
+&[data-v-982d8b0c]::before {
                 content: "";
                 position: absolute;
                 top: 0;
@@ -5839,26 +5964,26 @@ img[data-v-dfef5592] {
                 transition: opacity 0.2s ease;
 }
 &:hover {
-&[data-v-52412796] {
+&[data-v-982d8b0c] {
                 background: var(--ui-presets-item-hover-bg);
                 box-shadow: var(--ui-presets-item-hover-shadow);
 }
-&[data-v-52412796]::before {
+&[data-v-982d8b0c]::before {
                     opacity: 1;
 }
-.close-corner[data-v-52412796] {
+.close-corner[data-v-982d8b0c] {
                     opacity: 1;
                     transform: scale(1);
 }
 }
-.preset-item-info[data-v-52412796] {
+.preset-item-info[data-v-982d8b0c] {
                 flex: 1;
                 display: flex;
                 flex-flow: column nowrap;
                 min-width: 0;
 }
 .close-corner {
-&[data-v-52412796] {
+&[data-v-982d8b0c] {
                 flex-shrink: 0;
                 cursor: pointer;
                 color: var(--ui-presets-delete-color);
@@ -5870,22 +5995,22 @@ img[data-v-dfef5592] {
                     opacity 0.2s ease,
                     transform 0.18s ease;
 }
-&[data-v-52412796]:hover {
+&[data-v-982d8b0c]:hover {
                     color: var(--ui-presets-delete-hover-color);
 }
 }
-.cube-name[data-v-52412796],
-            .cube-type[data-v-52412796] {
+.cube-name[data-v-982d8b0c],
+            .cube-type[data-v-982d8b0c] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
 }
-.cube-name[data-v-52412796] {
-                font-size: var(--float-cubelist-name-size);
+.cube-name[data-v-982d8b0c] {
+                font-size: var(--dialog-cubelist-name-size);
                 font-weight: 500;
 }
-.cube-type[data-v-52412796] {
-                font-size: var(--float-cubelist-type-size);
+.cube-type[data-v-982d8b0c] {
+                font-size: var(--dialog-cubelist-type-size);
                 color: var(--ui-presets-item-type-color);
                 margin-top: 2px;
 }