Improve channel admin page

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

@@ -1,3 +1,11 @@
+* {
+    box-sizing: border-box;
+}
+
+.hidden {
+    display: none !important;
+}
+
 body {
     font-family: Arial, sans-serif;
     background: #0f172a;
@@ -565,14 +573,14 @@ body {
 
 .asset-item {
     display: flex;
-    justify-content: space-between;
-    align-items: center;
+    flex-direction: column;
+    align-items: stretch;
     padding: 10px 12px;
-    border-radius: 8px;
+    border-radius: 10px;
     background: #111827;
     border: 1px solid #1f2937;
     cursor: pointer;
-    gap: 12px;
+    gap: 10px;
 }
 
 .asset-item.selected {
@@ -580,6 +588,17 @@ body {
     box-shadow: 0 0 0 1px rgba(124, 58, 237, 0.6);
 }
 
+.asset-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+}
+
+.asset-row .meta {
+    flex: 1;
+}
+
 .asset-item .meta {
     display: flex;
     flex-direction: column;
@@ -595,6 +614,10 @@ body {
     gap: 8px;
 }
 
+.asset-detail {
+    margin-top: 4px;
+}
+
 .icon-button {
     display: inline-flex;
     align-items: center;
@@ -641,6 +664,17 @@ body {
     flex-shrink: 0;
 }
 
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+}
+
 .control-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
@@ -653,6 +687,10 @@ body {
     margin-top: 8px;
 }
 
+.control-grid.three-col {
+    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+}
+
 .control-grid label {
     display: flex;
     flex-direction: column;
@@ -669,6 +707,15 @@ body {
     color: #e2e8f0;
 }
 
+.range-meta {
+    display: flex;
+    justify-content: space-between;
+    color: #94a3b8;
+    font-size: 12px;
+    margin-top: -6px;
+    padding: 0 2px;
+}
+
 .number-input {
     position: relative;
     padding-right: 48px !important;
@@ -697,6 +744,10 @@ body {
     flex-wrap: wrap;
 }
 
+.control-actions.compact button {
+    padding: 10px 12px;
+}
+
 .control-actions.filled {
     background: rgba(255, 255, 255, 0.02);
     border: 1px solid rgba(124, 58, 237, 0.22);