优化只能创作里的图片创作

core/frontend/src/omni-create-page.css

@@ -137,17 +137,30 @@
   box-shadow: 0 24px 58px rgba(21, 29, 42, .14), 0 0 0 4px rgba(0, 47, 167, .055);
 }
 
+.omni-start-context {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 7px;
+  margin-bottom: 10px;
+}
+
+.omni-start-context[hidden] {
+  display: none;
+}
+
 .omni-selected-case {
   width: fit-content;
   max-width: 100%;
+  height: 36px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 6px;
-  padding: 8px 9px 8px 11px;
+  gap: 6px;
+  margin: 0;
+  padding: 0 5px 0 11px;
   border: 1px solid rgba(0, 47, 167, .13);
-  border-radius: 10px;
+  border-radius: 8px;
   background: #edf5ff;
 }
 
@@ -170,8 +183,8 @@
 }
 
 .omni-selected-case button {
-  width: 27px;
-  height: 27px;
+  width: 23px;
+  height: 23px;
   display: grid;
   place-items: center;
   border-radius: 8px;
@@ -189,7 +202,7 @@
   display: flex;
   flex-wrap: wrap;
   gap: 7px;
-  margin-top: 7px;
+  margin: 0;
 }
 
 .omni-start-attachments:empty {
@@ -315,6 +328,39 @@
   height: 15px;
 }
 
+.omni-icon-tool.is-uploading {
+  color: var(--black-alpha-56);
+  background: var(--background-lighter);
+  border-color: var(--border-faint);
+  cursor: wait;
+}
+
+.omni-icon-tool.is-uploading svg,
+.omni-upload-status svg {
+  animation: omni-upload-spin .8s linear infinite;
+}
+
+.omni-upload-status {
+  height: 34px;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 4px;
+  color: var(--black-alpha-56);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.omni-upload-status svg {
+  width: 14px;
+  height: 14px;
+}
+
+@keyframes omni-upload-spin {
+  to { transform: rotate(360deg); }
+}
+
 .omni-mention-wrap {
   position: relative;
 }
@@ -788,6 +834,36 @@
   gap: 14px;
 }
 
+/* 图片预设不需要分类筛选，直接用更舒展的画幅呈现风格本身。 */
+.omni-case-library.is-image-presets .omni-case-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 14px;
+}
+
+.omni-image-preset-intro {
+  margin: 0 0 14px;
+  text-align: center;
+}
+
+.omni-image-preset-intro strong,
+.omni-image-preset-intro span {
+  display: block;
+}
+
+.omni-image-preset-intro strong {
+  color: var(--accent-black);
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 1.4;
+}
+
+.omni-image-preset-intro span {
+  margin-top: 4px;
+  color: var(--black-alpha-56);
+  font-size: 13px;
+  line-height: 1.8;
+}
+
 .omni-case-card {
   position: relative;
   min-width: 0;
@@ -865,6 +941,11 @@
   display: none;
 }
 
+.omni-case-card[data-mode="image"] .omni-case-visual {
+  height: auto;
+  aspect-ratio: 4 / 3;
+}
+
 .omni-card-use {
   position: absolute;
   right: 10px;
@@ -1105,6 +1186,19 @@
   -webkit-line-clamp: 2;
 }
 
+/* 图片预设只展示风格标题，去掉说明后同步收紧卡片底部留白。 */
+.omni-case-card[data-mode="image"] .omni-case-copy {
+  min-height: 52px;
+  display: flex;
+  align-items: center;
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.omni-case-card[data-mode="image"] .omni-case-copy strong {
+  margin-bottom: 0;
+}
+
 .omni-history-page {
   width: min(1320px, 100%);
   margin: 0 auto;
@@ -1527,6 +1621,10 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .omni-case-library.is-image-presets .omni-case-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .omni-start-toolbar {
     align-items: flex-end;
   }
@@ -1537,6 +1635,10 @@
 }
 
 @media (max-width: 720px) {
+  .omni-case-library.is-image-presets .omni-case-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .omni-preset-modal {
     padding: 12px;
   }