deepsky 2.41.11 → 2.42.2

package/dist/index.css

@@ -534,7 +534,7 @@ img[data-v-680e3ae6] {
 
 
 .cube-postil {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
     padding: 5px;
     position: fixed;
     display: flex;
@@ -550,61 +550,62 @@ img[data-v-680e3ae6] {
     transition: 0.2s;
 }
 .iconbox {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
         width: 100%;
         display: flex;
         justify-content: right;
         align-items: center;
         gap: 5px;
 }
-.close[data-v-ed20cfda] {
+.close[data-v-53e28524] {
             background: var(--postil-text-icon-close-bg);
 }
-.delete[data-v-ed20cfda] {
+.delete[data-v-53e28524] {
             background: var(--postil-text-icon-delete-bg);
 }
 .pointer {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
             background: var(--postil-text-icon-close-bg);
 }
-&[data-v-ed20cfda]::before {
+&[data-v-53e28524]::before {
                 opacity: 1 !important;
                 scale: 1 !important;
 }
 }
 .iconfont {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
             font-size: 20px;
             border-radius: 50%;
             padding: 4px;
             cursor: pointer;
 }
-&[data-v-ed20cfda]::before {
+&[data-v-53e28524]::before {
                 transition: 1s;
                 opacity: 0;
                 scale: 0;
 }
-&[data-v-ed20cfda]:hover::before {
+&[data-v-53e28524]:hover::before {
                 opacity: 1;
                 scale: 1;
 }
 }
 }
 .mark-contents {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
+        width: 100%;
         max-height: 600px;
         overflow-y: scroll;
         display: flex;
         flex-flow: column nowrap;
         gap: 5px;
 }
-[data-v-ed20cfda] {
+[data-v-53e28524] {
             flex-shrink: 0;
 }
 }
 }
 .ui-text-link {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
     display: flex;
     z-index: 5;
     position: fixed;
@@ -618,7 +619,7 @@ img[data-v-680e3ae6] {
     flex-flow: row nowrap;
     gap: 5px;
 }
-& > div[data-v-ed20cfda] {
+& > div[data-v-53e28524] {
         font-size: 14px;
         padding: 5px 10px;
         border-radius: 20px;
@@ -627,17 +628,17 @@ img[data-v-680e3ae6] {
         color: var(--text-link-color);
 }
 .iconbox {
-&[data-v-ed20cfda] {
+&[data-v-53e28524] {
         display: flex;
         flex-flow: row nowrap;
         align-items: center;
 }
-.iconfont[data-v-ed20cfda] {
+.iconfont[data-v-53e28524] {
             cursor: pointer;
             padding: 3px 6px;
             border-radius: 20px;
 }
-.iconfont[data-v-ed20cfda]:hover {
+.iconfont[data-v-53e28524]:hover {
             background: var(--text-link-icon-hover-bg);
             color: var(--text-link-icon-hover-color);
 }
@@ -1684,9 +1685,10 @@ to {
     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;
-    height: 30px;
+    --size: 30px;
+    flex: 0 0 var(--size);
+    width: var(--size);
+    height: var(--size);
 
     border-radius: 50%;
     margin: 0px 10px;
@@ -1703,8 +1705,8 @@ to {
         transition: 0.5s;
         position: absolute;
         content: "";
-        width: 30px;
-        height: 30px;
+        width: var(--size);
+        height: var(--size);
         border-radius: 50%;
         /* background-color: var(--ui-close-corner-bg); */
         background: currentColor;
@@ -1715,8 +1717,8 @@ to {
         transition: 0.5s;
         position: absolute;
         content: "";
-        width: 30px;
-        height: 30px;
+        width: var(--size);
+        height: var(--size);
         border-radius: 50%;
         /* background-color: var(--ui-close-corner-bg); */
         background: currentColor;
@@ -1726,7 +1728,7 @@ to {
     &:hover::before {
         position: absolute;
         content: "";
-        width: 25px;
+        width: calc(var(--size) - 5px);
         height: 3px;
         /* background-color: var(--ui-close-corner-bg); */
         background: currentColor;
@@ -1737,7 +1739,7 @@ to {
         position: absolute;
         content: "";
         width: 3px;
-        height: 25px;
+        height: calc(var(--size) - 5px);
         /* background-color: var(--ui-close-corner-bg); */
         background: currentColor;
         transform: rotate(45deg);
@@ -1745,12 +1747,12 @@ to {
 }
 
 
-.cube-doc[data-v-5dc6f251] {
+.cube-doc[data-v-02e5ab40] {
     position: relative;
     font-family: var(--text-family);
     padding: 2px;
 }
-.cube-doc-footer[data-v-5dc6f251] {
+.cube-doc-footer[data-v-02e5ab40] {
     user-select: none;
     width: 100%;
     height: 50vh;
@@ -2267,7 +2269,7 @@ div[data-v-062dda50] {
 
 
 .cube-detail-list {
-&[data-v-89b68ea2] {
+&[data-v-2d8d6158] {
     --width-col1: 100px;
     --adjuster-bg: transparent;
     display: grid;
@@ -2279,15 +2281,15 @@ div[data-v-062dda50] {
     width: fit-content;
     max-width: 100%;
 }
-.cube-box[data-v-89b68ea2]:nth-child(odd) {
+.cube-box[data-v-2d8d6158]:nth-child(odd) {
         background: var(--detail-odd-bg);
 }
-.cube-box[data-v-89b68ea2]:nth-child(even) {
+.cube-box[data-v-2d8d6158]:nth-child(even) {
         background: var(--detail-even-bg);
         min-width: 100px;
 }
 .adder-wrap {
-&[data-v-89b68ea2] {
+&[data-v-2d8d6158] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2296,14 +2298,14 @@ div[data-v-062dda50] {
         border-radius: 4px;
         cursor: pointer;
 }
-& > .adder[data-v-89b68ea2] {
+& > .adder[data-v-2d8d6158] {
             display: flex;
 }
-&:hover > .adder[data-v-89b68ea2] {
+&:hover > .adder[data-v-2d8d6158] {
             display: flex;
 }
 .adder {
-&[data-v-89b68ea2] {
+&[data-v-2d8d6158] {
             justify-content: center;
             align-items: center;
             background-color: var(--detail-adder-bg);
@@ -2312,7 +2314,7 @@ div[data-v-062dda50] {
             height: 20px;
             border-radius: 4px;
 }
-&[data-v-89b68ea2]::before {
+&[data-v-2d8d6158]::before {
                 content: "";
                 position: absolute;
                 border-radius: 10px;
@@ -2320,7 +2322,7 @@ div[data-v-062dda50] {
                 height: 2px;
                 background-color: #48cae4;
 }
-&[data-v-89b68ea2]::after {
+&[data-v-2d8d6158]::after {
                 content: "";
                 position: absolute;
                 border-radius: 10px;
@@ -2332,7 +2334,7 @@ div[data-v-062dda50] {
 }
 }
 .adjuster {
-&[data-v-89b68ea2] {
+&[data-v-2d8d6158] {
 
         position: absolute;
         left: calc(var(--width-col1) - 2px);
@@ -2343,7 +2345,7 @@ div[data-v-062dda50] {
         cursor: ew-resize;
         border-radius: 8px;
 }
-&[data-v-89b68ea2]:hover {
+&[data-v-2d8d6158]:hover {
             background: linear-gradient(0deg, #48cae4, deepskyblue);
 }
 }
@@ -2351,11 +2353,11 @@ div[data-v-062dda50] {
 
 
 .cube-todo {
-.todoitem[data-v-2280efce] {
+.todoitem[data-v-790c0333] {
         display: flex;
 }
 .todoitem-status {
-&[data-v-2280efce] {
+&[data-v-790c0333] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2372,7 +2374,7 @@ div[data-v-062dda50] {
         justify-content: center;
         transition: 0.3s;
 }
-&[data-v-2280efce]::before {
+&[data-v-790c0333]::before {
             content: "";
             transition: 0.3s;
             position: absolute;
@@ -2380,7 +2382,7 @@ div[data-v-062dda50] {
             height: 2px;
             background: var(--color);
 }
-&[data-v-2280efce]::after {
+&[data-v-790c0333]::after {
             content: "";
             transition: 0.3s;
             position: absolute;
@@ -2390,11 +2392,11 @@ div[data-v-062dda50] {
 }
 }
 .active {
-&[data-v-2280efce] {
+&[data-v-790c0333] {
         background: var(--todoitem-status-active-bg);
         border: none;
 }
-&[data-v-2280efce]::before {
+&[data-v-790c0333]::before {
             content: "";
             position: absolute;
             width: 34%;
@@ -2404,7 +2406,7 @@ div[data-v-062dda50] {
             left: 14%;
             top: 60%;
 }
-&[data-v-2280efce]::after {
+&[data-v-790c0333]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2415,16 +2417,16 @@ div[data-v-062dda50] {
             top: 50%;
 }
 }
-.active + .todoitem-box[data-v-2280efce] {
+.active + .todoitem-box[data-v-790c0333] {
         color: var(--todoitem-done-color);
 }
 .todoitem-box {
-&[data-v-2280efce] {
+&[data-v-790c0333] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-2280efce]:focus-within,
-        &[data-v-2280efce]:hover {
+&[data-v-790c0333]:focus-within,
+        &[data-v-790c0333]:hover {
             background: var(--list-item-bg);
 }
 }
@@ -2433,15 +2435,15 @@ div[data-v-062dda50] {
 
 .cube-list {
 .listitem {
-&[data-v-209b0861] {
+&[data-v-7586aaa0] {
         display: flex;
 }
-&:hover .listitem-symbol[data-v-209b0861]::before {
+&:hover .listitem-symbol[data-v-7586aaa0]::before {
             scale: 1;
 }
 }
 .listitem-symbol {
-&[data-v-209b0861] {
+&[data-v-7586aaa0] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2458,7 +2460,7 @@ div[data-v-062dda50] {
         transition: 0.3s;
         border-radius: 36px;
 }
-&[data-v-209b0861]::before {
+&[data-v-7586aaa0]::before {
             content: "";
             transition: 0.3s;
             width: 14px;
@@ -2469,10 +2471,10 @@ div[data-v-062dda50] {
 }
 }
 .active {
-&[data-v-209b0861] {
+&[data-v-7586aaa0] {
         background: var(--todoitem-status-active-bg);
 }
-&[data-v-209b0861]::before {
+&[data-v-7586aaa0]::before {
             content: "";
             position: absolute;
             width: 35%;
@@ -2482,7 +2484,7 @@ div[data-v-062dda50] {
             left: 10%;
             top: 65%;
 }
-&[data-v-209b0861]::after {
+&[data-v-7586aaa0]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2493,16 +2495,16 @@ div[data-v-062dda50] {
             top: 50%;
 }
 }
-.active + .listitem-box[data-v-209b0861] {
+.active + .listitem-box[data-v-7586aaa0] {
         color: var(--todoitem-done-color);
 }
 .listitem-box {
-&[data-v-209b0861] {
+&[data-v-7586aaa0] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-209b0861]:focus-within,
-        &[data-v-209b0861]:hover {
+&[data-v-7586aaa0]:focus-within,
+        &[data-v-7586aaa0]:hover {
             background: var(--list-item-bg);
 }
 }
@@ -2510,13 +2512,13 @@ div[data-v-062dda50] {
 
 
 .cube-list-ordered {
-.listitem[data-v-a6b7dd40] {
+.listitem[data-v-7867e1df] {
         display: flex;
 }
-.listitem:hover .listitem-symbol[data-v-a6b7dd40] {
+.listitem:hover .listitem-symbol[data-v-7867e1df] {
         background: var(--list-ordered-symbol-hover-bg);
 }
-.listitem-symbol[data-v-a6b7dd40] {
+.listitem-symbol[data-v-7867e1df] {
         background: var(--todoitem-status-bg);
         flex-shrink: 0;
         border-radius: 4px;
@@ -2534,10 +2536,10 @@ div[data-v-062dda50] {
         transition: 0.3s;
 }
 .active {
-&[data-v-a6b7dd40] {
+&[data-v-7867e1df] {
         background: var(--todoitem-status-active-bg);
 }
-&[data-v-a6b7dd40]::before {
+&[data-v-7867e1df]::before {
             content: "";
             position: absolute;
             width: 35%;
@@ -2547,7 +2549,7 @@ div[data-v-062dda50] {
             left: 10%;
             top: 65%;
 }
-&[data-v-a6b7dd40]::after {
+&[data-v-7867e1df]::after {
             content: "";
             position: absolute;
             width: 65%;
@@ -2558,16 +2560,16 @@ div[data-v-062dda50] {
             top: 50%;
 }
 }
-.active + .listitem-box[data-v-a6b7dd40] {
+.active + .listitem-box[data-v-7867e1df] {
         color: var(--todoitem-done-color);
 }
 .listitem-box {
-&[data-v-a6b7dd40] {
+&[data-v-7867e1df] {
         flex: 1;
         background-color: transparent;
 }
-&[data-v-a6b7dd40]:focus-within,
-        &[data-v-a6b7dd40]:hover {
+&[data-v-7867e1df]:focus-within,
+        &[data-v-7867e1df]:hover {
             background: var(--list-item-bg);
 }
 }
@@ -2889,7 +2891,7 @@ textarea[data-v-13305c21] {
 
 
 .cube-table {
-&[data-v-5e4a671e] {
+&[data-v-3d91367a] {
     position: relative;
     min-width: var(--table-min-width);
     max-width: 100%;
@@ -2897,15 +2899,15 @@ textarea[data-v-13305c21] {
     overflow: hidden;
 }
 .cube-table-title {
-&[data-v-5e4a671e] {
+&[data-v-3d91367a] {
         background: var(--table-title-bg);
 }
-&[data-v-5e4a671e] .cube-line {
+&[data-v-3d91367a] .cube-line {
             text-align: center;
 }
 }
 .cube-table-toolbar {
-&[data-v-5e4a671e] {
+&[data-v-3d91367a] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2914,15 +2916,15 @@ textarea[data-v-13305c21] {
         background: var(--table-toolbar-bg);
 }
 .iconfont {
-&[data-v-5e4a671e] {
+&[data-v-3d91367a] {
             cursor: pointer;
             text-indent: 0px !important;
 }
-&[data-v-5e4a671e]:hover {
+&[data-v-3d91367a]:hover {
                 color: var(--table-toolbar-icon-hover-color);
 }
 }
-.table-size[data-v-5e4a671e] {
+.table-size[data-v-3d91367a] {
             text-indent: 0px !important;
             border: 1px dashed;
             padding: 2px;
@@ -2931,26 +2933,26 @@ textarea[data-v-13305c21] {
 }
 }
 .cube-table-container {
-&[data-v-5e4a671e] {
+&[data-v-3d91367a] {
         --drag-pointer-events: auto;
         display: grid;
         gap: 1px;
 }
 .cube-box {
-&[data-v-5e4a671e] {
+&[data-v-3d91367a] {
             background: var(--table-cell-bg);
             border-radius: 4px;
             padding: 4px;
 }
-&[data-v-5e4a671e] > * {
+&[data-v-3d91367a] > * {
                 pointer-events: var(--drag-pointer-events);
 }
 }
-.cube-box[data-v-5e4a671e]:focus-within {
+.cube-box[data-v-3d91367a]:focus-within {
             background: var(--table-cell-active-bg);
 }
 }
-.cube-table-dragger[data-v-5e4a671e] {
+.cube-table-dragger[data-v-3d91367a] {
         position: absolute;
         bottom: 0px;
         right: 0px;
@@ -2961,7 +2963,7 @@ textarea[data-v-13305c21] {
         cursor: w-resize;
         background: var(--table-dragger-bg);
 }
-.cube-cell-selection[data-v-5e4a671e] {
+.cube-cell-selection[data-v-3d91367a] {
         user-select: none;
         background: var(--table-cell-selection-bg) !important;
 }
@@ -5343,31 +5345,42 @@ div[data-v-de9c6e02]::before {
 
 
 .ui-sideitem-search {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
     height: 100%;
     overflow-y: scroll;
     padding-bottom: 6px;
 }
 .search-bar {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
         padding: 0 4px 6px;
 }
 .search-input-box {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
+            /* 搜索框统一基于菜单语义色，避免暗色主题继承亮色输入框渐变。 */
+            --ui-base-input-bg: var(--menu-bg, var(--page-bg));
+            --ui-base-input-text: var(--menu-item-color, var(--color));
+            --ui-base-input-border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 32%, var(--menu-item-color, var(--color)));
+            --ui-base-input-border-focus: var(--selection-bg, #0891b2);
+            --ui-base-input-container-gradient: var(--menu-bg, var(--page-bg));
+            --ui-base-input-border-gradient: linear-gradient(135deg, color-mix(in srgb, var(--selection-bg, #0891b2) 58%, transparent), color-mix(in srgb, var(--selection-bg, #0891b2) 30%, transparent));
+            --ui-base-input-overlay-shadow: 0 3px 10px color-mix(in srgb, var(--selection-bg, #0891b2) 16%, transparent);
+            --ui-base-input-text-shadow: none;
             display: flex;
             align-items: center;
             flex-flow: row nowrap;
             gap: 8px;
-            background: var(--ui-search-bar-bg);
+            background: color-mix(in srgb, var(--menu-bg, var(--page-bg)) 82%, transparent);
+            border: var(--ui-search-bar-border, 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 32%, transparent));
+            box-shadow: var(--ui-search-bar-shadow, none);
             border-radius: 8px;
             padding: 6px 8px;
 }
-.box-input[data-v-b1b3f1a4] {
+.box-input[data-v-604a11b5] {
                 flex: 1;
                 margin: 0;
 }
 .iconfont {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
                 background: var(--ui-search-icon-bg);
                 color: var(--ui-search-icon-color);
                 font-size: 22px;
@@ -5381,7 +5394,7 @@ div[data-v-de9c6e02]::before {
                     transform 0.15s ease,
                     box-shadow 0.2s ease;
 }
-&[data-v-b1b3f1a4]:hover {
+&[data-v-604a11b5]:hover {
                     background: var(--ui-search-icon-hover-bg);
                     color: var(--ui-search-icon-hover-color);
                     transform: scale(1.08);
@@ -5391,11 +5404,11 @@ div[data-v-de9c6e02]::before {
 }
 }
 .search-result {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
         padding: 0 4px;
 }
 .search-result-item {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
             padding: 7px 10px 7px 14px;
             cursor: pointer;
             border-radius: 6px;
@@ -5409,7 +5422,7 @@ div[data-v-de9c6e02]::before {
                 transform 0.15s ease,
                 box-shadow 0.18s ease;
 }
-&[data-v-b1b3f1a4]::before {
+&[data-v-604a11b5]::before {
                 content: "";
                 position: absolute;
                 left: 0;
@@ -5421,19 +5434,19 @@ div[data-v-de9c6e02]::before {
                 opacity: 0;
                 transition: opacity 0.18s ease;
 }
-&[data-v-b1b3f1a4]:nth-child(even) {
+&[data-v-604a11b5]:nth-child(even) {
                 background: var(--ui-search-item-even-bg);
 }
-&[data-v-b1b3f1a4]:nth-child(odd) {
+&[data-v-604a11b5]:nth-child(odd) {
                 background: var(--ui-search-item-odd-bg);
 }
 &:hover {
-&[data-v-b1b3f1a4] {
+&[data-v-604a11b5] {
                 background: var(--ui-search-item-hover-bg);
                 transform: translateX(2px);
                 box-shadow: var(--ui-search-item-hover-shadow);
 }
-&[data-v-b1b3f1a4]::before {
+&[data-v-604a11b5]::before {
                     opacity: 1;
 }
 }
@@ -6214,53 +6227,232 @@ img[data-v-f3cd29a4] {
 
 
 .ui-sidebar {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
     display: flex;
     flex-flow: row nowrap;
+    min-width: 0;
+    flex: 0 0 auto;
 }
-.sidebar-icons[data-v-6806ce1d] {
+.sidebar-icons[data-v-3cbbf0bd] {
         box-sizing: border-box;
-        padding: 20px 6px;
+        padding: 16px 8px;
         display: flex;
         flex-flow: column nowrap;
         align-items: center;
-        gap: 12px;
+        gap: 10px;
         backdrop-filter: var(--menubar-backdrop, blur(4px) saturate(160%));
         width: var(--sidebar-width);
         user-select: none;
         z-index: calc(var(--ui-z-index) + 1);
         flex-shrink: 0;
 }
-.active-sideitem[data-v-6806ce1d] {
+.sidebar-icon-group {
+&[data-v-3cbbf0bd] {
+        display: flex;
+        flex-flow: column nowrap;
+        align-items: center;
+        gap: 4px;
+        padding: 5px 3px;
+        border-radius: 6px;
+        background: color-mix(in srgb, var(--menu-bg, var(--page-bg)) 44%, transparent);
+        transition:
+            border-color var(--transition-base, 0.24s),
+            background var(--transition-base, 0.24s);
+}
+&[data-v-3cbbf0bd]:hover {
+            border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 38%, transparent);
+}
+}
+.active-sideitem[data-v-3cbbf0bd] {
         color: var(--sidebar-icon-active-color);
-        background: var(--sidebar-icon-active-gradient);
-        text-shadow: var(--sidebar-icon-active-shadow);
+        background: transparent !important;
+        text-shadow: none;
+        box-shadow: none;
         position: relative;
 }
-.iconfont {
-&[data-v-6806ce1d] {
-        font-size: 22px;
+.sidebar-icon-group .iconfont {
+&[data-v-3cbbf0bd] {
+        appearance: none;
+        border: 0;
+        font-size: 21px;
         cursor: pointer;
-        background: var(--sidebar-icon-bg);
-        border: var(--sidebar-icon-border);
-        border-radius: 6px;
-        padding: var(--sidebar-icon-padding, 6px);
+        background: transparent;
+        border-radius: 4px;
+        width: 34px;
+        height: 34px;
+        padding: 0;
+        color: inherit;
+        line-height: 1;
+        display: grid;
+        place-items: center;
         transition:
             background var(--transition-base, 0.24s),
             color var(--transition-base, 0.24s),
-            box-shadow var(--transition-base, 0.24s),
-            transform var(--transition-spring, 0.36s cubic-bezier(0.34, 1.56, 0.64, 1));
-        will-change: transform;
+            box-shadow var(--transition-base, 0.24s);
 }
-&[data-v-6806ce1d]:hover {
-            background: var(--sidebar-icon-hover-bg);
+&[data-v-3cbbf0bd]:hover {
             color: var(--sidebar-icon-hover-color);
-            transform: scale(1.15);
-            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
+&.sidebar-panel-trigger {
+&[data-v-3cbbf0bd] {
+            color: color-mix(in srgb, var(--selection-bg, #0891b2) 62%, #22c55e);
+}
+&[data-v-3cbbf0bd]:hover {
+                color: color-mix(in srgb, var(--selection-bg, #0891b2) 62%, #22c55e);
+}
+&.active-sideitem[data-v-3cbbf0bd] {
+                color: color-mix(in srgb, var(--selection-bg, #0891b2) 62%, #22c55e);
+}
+}
+}
+}
+.sidebar-docked-panel {
+&[data-v-3cbbf0bd] {
+    position: relative;
+    width: 0;
+    min-width: 0;
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    margin: 4px 0;
+    border: 0;
+    border-radius: 4px;
+    background: var(--menu-bg, var(--page-bg));
+    backdrop-filter: var(--sidebar-panel-backdrop, blur(14px) saturate(140%));
+    -webkit-backdrop-filter: var(--sidebar-panel-backdrop, blur(14px) saturate(140%));
+    box-shadow: none;
+    color: var(--dialog-cubelist-input-color);
+    transition:
+        width var(--transition-base, 0.24s),
+        opacity var(--transition-fast, 0.15s),
+        margin var(--transition-base, 0.24s),
+        box-shadow var(--transition-base, 0.24s);
+}
+&.open[data-v-3cbbf0bd] {
+        width: 360px;
+        opacity: 1;
+        visibility: visible;
+        pointer-events: auto;
+        margin: 4px;
+        border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 24%, transparent);
+        box-shadow: 2px 2px 8px color-mix(in srgb, var(--selection-bg, #0891b2) 10%, transparent);
+}
+&.resizing[data-v-3cbbf0bd] {
+        transition: none;
+        user-select: none;
+}
+.sidebar-docked-header[data-v-3cbbf0bd] {
+        height: 38px;
+        padding: 0 6px 0 10px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        flex-shrink: 0;
+        border-bottom: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 18%, transparent);
+        background: color-mix(in srgb, var(--selection-bg, #0891b2) 7%, transparent);
+}
+.sidebar-docked-title {
+&[data-v-3cbbf0bd] {
+        display: flex;
+        align-items: center;
+        gap: 7px;
+        font-size: 13px;
+        font-weight: 600;
+        letter-spacing: 0.8px;
+}
+&[data-v-3cbbf0bd]::before {
+            content: "";
+            display: block;
+            width: 3px;
+            height: 15px;
+            background: var(--selection-bg, #0891b2);
+            box-shadow: 0 0 6px color-mix(in srgb, var(--selection-bg, #0891b2) 35%, transparent);
+}
+}
+.close-docked.close-corner[data-v-3cbbf0bd] {
+        --size: 20px;
+        margin: 0;
+        padding: 0;
+        border: 0;
+        color: var(--ui-close-corner-bg, var(--selection-bg, #0891b2));
+        background: transparent;
+}
+.sidebar-docked-content {
+&[data-v-3cbbf0bd] {
+        position: relative;
+        flex: 1;
+        min-height: 0;
+        margin: 4px 6px 6px;
+        overflow: hidden;
+}
+.sidebar-module-pane {
+&[data-v-3cbbf0bd] {
+            position: absolute;
+            inset: 0;
+            overflow: hidden;
+            opacity: 0;
+            visibility: hidden;
+            pointer-events: none;
+            transition: opacity var(--transition-fast, 0.15s);
+}
+&.active[data-v-3cbbf0bd] {
+                opacity: 1;
+                visibility: visible;
+                pointer-events: auto;
+                z-index: 1;
 }
+& > * {
+&[data-v-3cbbf0bd] {
+                height: 100%;
+                overflow: scroll;
+                padding-right: 4px;
 }
-.sidebar-dialog-overlay[data-v-6806ce1d] {
+&[data-v-3cbbf0bd]::-webkit-scrollbar {
+                    display: none;
+}
+}
+}
+}
+.sidebar-docked-resizer {
+&[data-v-3cbbf0bd] {
+        position: absolute;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 3;
+        width: 8px;
+        height: 100px;
+        margin: auto;
+        cursor: w-resize;
+        touch-action: none;
+}
+&[data-v-3cbbf0bd]::after {
+            content: "";
+            position: absolute;
+            top: 0;
+            right: 2px;
+            width: 4px;
+            height: 100%;
+            border-radius: 999px;
+            background: var(--sidebar-dragger-hover-bg, var(--selection-bg, #0891b2));
+            opacity: 0.45;
+            transition:
+                height var(--transition-base, 0.24s),
+                opacity var(--transition-fast, 0.15s),
+                transform var(--transition-base, 0.24s);
+}
+&[data-v-3cbbf0bd]:hover::after,
+        .resizing &[data-v-3cbbf0bd]::after {
+            height: 140px;
+            opacity: 1;
+            transform: translateY(-20px);
+}
+}
+}
+.sidebar-dialog-overlay[data-v-3cbbf0bd] {
     position: fixed;
     inset: 0;
     z-index: var(--float-zindex);
@@ -6270,7 +6462,7 @@ img[data-v-f3cd29a4] {
     align-items: center;
 }
 .sidebar-dialog-panel {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
     position: relative;
     width: min(1080px, calc(100vw - 40px));
     height: min(760px, calc(100vh - 14vh));
@@ -6288,7 +6480,7 @@ img[data-v-f3cd29a4] {
     color: var(--dialog-cubelist-input-color);
 }
 .close-corner {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
         position: absolute;
         right: 0px;
         top: 8px;
@@ -6307,12 +6499,12 @@ img[data-v-f3cd29a4] {
         z-index: 2;
         will-change: transform;
 }
-&[data-v-6806ce1d]:hover {
+&[data-v-3cbbf0bd]:hover {
             opacity: 1;
             transform: scale(1.08);
 }
 }
-.sidebar-dialog-header[data-v-6806ce1d] {
+.sidebar-dialog-header[data-v-3cbbf0bd] {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -6321,7 +6513,7 @@ img[data-v-f3cd29a4] {
         flex-shrink: 0;
 }
 .sidebar-tabs {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -6332,7 +6524,7 @@ img[data-v-f3cd29a4] {
         flex-shrink: 0;
 }
 .sidebar-tab {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
             appearance: none;
             border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 24%, transparent);
             background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 82%, var(--selection-bg, #0891b2) 10%) 0%, color-mix(in srgb, var(--menu-bg, #f2f2f2) 88%, var(--selection-bg, #0891b2) 12%) 100%), color-mix(in srgb, var(--sidebar-bg, transparent) 70%, transparent);
@@ -6357,30 +6549,30 @@ img[data-v-f3cd29a4] {
                 box-shadow var(--transition-base, 0.24s),
                 transform var(--transition-spring, 0.36s cubic-bezier(0.34, 1.56, 0.64, 1));
 }
-.iconfont[data-v-6806ce1d] {
+.iconfont[data-v-3cbbf0bd] {
                 font-size: 17px;
                 line-height: 1;
 }
-&[data-v-6806ce1d]:hover {
+&[data-v-3cbbf0bd]:hover {
                 background: var(--dialog-cubelist-itembox-hover-bg);
                 border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 42%, transparent);
                 transform: translateY(-1px);
 }
 &.active {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
                 background: var(--dialog-cubelist-active-bg);
                 color: var(--dialog-cubelist-active-color);
                 border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 52%, transparent);
                 box-shadow: var(--dialog-cubelist-active-shadow);
 }
-.iconfont[data-v-6806ce1d] {
+.iconfont[data-v-3cbbf0bd] {
                     color: var(--dialog-cubelist-active-icon-color);
 }
 }
 }
 }
 .sideitem-component {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
         overflow: hidden;
         flex: 1;
         min-height: 0;
@@ -6388,7 +6580,7 @@ img[data-v-f3cd29a4] {
         position: relative;
 }
 .sidebar-module-pane {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
             position: absolute;
             inset: 12px;
             overflow: hidden;
@@ -6402,24 +6594,24 @@ img[data-v-f3cd29a4] {
             transition: opacity var(--transition-fast, 0.15s);
             contain: layout paint style;
 }
-&.active[data-v-6806ce1d] {
+&.active[data-v-3cbbf0bd] {
                 opacity: 1;
                 visibility: visible;
                 pointer-events: auto;
                 z-index: 1;
 }
 & > * {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
                 height: 100%;
                 overflow: scroll;
                 padding-right: 4px;
 }
-&[data-v-6806ce1d]::-webkit-scrollbar {
+&[data-v-3cbbf0bd]::-webkit-scrollbar {
                     display: none;
 }
 }
 }
-&[data-v-6806ce1d] .sidebar-panel-toolbox {
+&[data-v-3cbbf0bd] .sidebar-panel-toolbox {
             position: sticky;
             top: 0px;
             background: var(--sidebar-panel-toolbox-bg);
@@ -6455,29 +6647,49 @@ img[data-v-f3cd29a4] {
 }
 }
 @media (max-width: 720px) {
-.sidebar-dialog-overlay[data-v-6806ce1d] {
+.sidebar-docked-panel {
+&[data-v-3cbbf0bd] {
+        position: fixed;
+        z-index: var(--float-zindex);
+        left: var(--sidebar-width);
+        top: 8px;
+        bottom: 8px;
+        margin: 0;
+        border-radius: 4px;
+}
+&.open[data-v-3cbbf0bd] {
+            margin: 0;
+}
+}
+.sidebar-dialog-overlay[data-v-3cbbf0bd] {
 }
 .sidebar-dialog-panel {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
         width: calc(100vw - 24px);
         height: calc(100vh - 10vh);
 }
 .sidebar-tabs {
-&[data-v-6806ce1d] {
+&[data-v-3cbbf0bd] {
             justify-content: flex-start;
 }
-.sidebar-tab[data-v-6806ce1d] {
+.sidebar-tab[data-v-3cbbf0bd] {
                 min-width: 78px;
                 padding: 8px 10px;
 }
 }
 .sideitem-component {
-.sidebar-module-pane[data-v-6806ce1d] {
+.sidebar-module-pane[data-v-3cbbf0bd] {
                 inset: 8px;
 }
 }
 }
 }
+@media (min-width: 721px) {
+.sidebar-docked-panel.open[data-v-3cbbf0bd] {
+        min-width: 360px;
+        max-width: min(1200px, calc(100vw - var(--sidebar-width) - 16px));
+}
+}
 
 
 .note-menubar {