Improve asset setttings

src/main/resources/static/css/styles.css

@@ -84,6 +84,10 @@ body {
     margin: 0;
 }
 
+.eyebrow.subtle {
+    color: #cbd5e1;
+}
+
 .cta-row {
     display: flex;
     flex-wrap: wrap;
@@ -180,6 +184,12 @@ body {
     margin-top: 6px;
 }
 
+.badge-row.stacked {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 6px;
+}
+
 .feature-list {
     list-style: none;
     padding: 0;
@@ -433,6 +443,14 @@ body {
     display: none;
 }
 
+.asset-settings {
+    background: radial-gradient(circle at 15% 20%, rgba(124, 58, 237, 0.08), transparent 40%),
+                radial-gradient(circle at 85% 0%, rgba(59, 130, 246, 0.06), transparent 45%),
+                #0b1220;
+    border: 1px solid #312e81;
+    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
 .panel-header {
     display: flex;
     justify-content: space-between;
@@ -444,6 +462,19 @@ body {
     margin: 0;
 }
 
+.panel-summary {
+    background: rgba(124, 58, 237, 0.06);
+    border: 1px solid rgba(124, 58, 237, 0.22);
+    border-radius: 12px;
+    padding: 12px 14px;
+    max-width: 320px;
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.panel-summary p {
+    margin: 0;
+}
+
 .panel ul {
     list-style: none;
     padding: 0;
@@ -454,6 +485,42 @@ body {
     margin: 6px 0;
 }
 
+.title-row {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    flex-wrap: wrap;
+}
+
+.meta-text {
+    margin: 6px 0 0;
+}
+
+.panel-section {
+    margin-top: 16px;
+    padding: 14px;
+    border-radius: 12px;
+    background: rgba(255, 255, 255, 0.02);
+    border: 1px solid rgba(148, 163, 184, 0.15);
+}
+
+.panel-section.two-col {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+    gap: 14px;
+}
+
+.section-header {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    margin-bottom: 10px;
+}
+
+.section-header h5 {
+    margin: 0;
+}
+
 .asset-list {
     display: flex;
     flex-direction: column;
@@ -514,6 +581,11 @@ body {
     margin-top: 12px;
 }
 
+.control-grid.condensed {
+    gap: 10px;
+    margin-top: 8px;
+}
+
 .control-grid label {
     display: flex;
     flex-direction: column;
@@ -537,6 +609,13 @@ body {
     flex-wrap: wrap;
 }
 
+.control-actions.filled {
+    background: rgba(255, 255, 255, 0.02);
+    border: 1px solid rgba(124, 58, 237, 0.22);
+    padding: 12px;
+    border-radius: 12px;
+}
+
 .checkbox-inline {
     display: flex;
     align-items: center;