0.10.0-5 AudioBooks Frontend

frontend/src/styles/app.css

@@ -3405,3 +3405,74 @@ body {
     grid-template-columns: 1fr;
   }
 }
+
+.audiobook-config-panel {
+  display: grid;
+  gap: 1rem;
+}
+
+.audiobook-config-head {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+
+.audiobook-config-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  align-items: flex-start;
+}
+
+.audiobook-config-grid {
+  display: grid;
+  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
+  gap: 1rem;
+}
+
+.audiobook-config-settings,
+.audiobook-config-chapters {
+  display: grid;
+  gap: 0.85rem;
+}
+
+.audiobook-config-chapters h4 {
+  margin: 0;
+}
+
+.audiobook-chapter-list {
+  display: grid;
+  gap: 0.55rem;
+  max-height: 18rem;
+  overflow: auto;
+  padding-right: 0.25rem;
+}
+
+.audiobook-chapter-row {
+  display: grid;
+  gap: 0.15rem;
+  padding: 0.65rem 0.75rem;
+  border: 1px solid var(--surface-border, #d8d3c6);
+  border-radius: 10px;
+  background: var(--surface-card, #fff);
+}
+
+.audiobook-chapter-row small {
+  color: var(--rip-muted, #666);
+}
+
+.audiobook-output-path {
+  padding: 0.75rem 0.85rem;
+  border-radius: 10px;
+  border: 1px solid var(--surface-border, #d8d3c6);
+  background: var(--surface-ground, #f7f7f7);
+  word-break: break-word;
+}
+
+@media (max-width: 980px) {
+  .audiobook-config-grid {
+    grid-template-columns: 1fr;
+  }
+}