diff --git a/index.html b/index.html
index 0d5e547..fc19893 100644
--- a/index.html
+++ b/index.html
@@ -7,12 +7,30 @@
-
+
01 Song Brief02 Structure03 Track Plan04 Suno Reference05 Generate06 Review07 Cubase08 Mix09 Export
التقدم0 / 9
أدخل بيانات الأغنية لفتح المشروع
تهيئة المشروع…
-
+
+
+
+
+
+
CategoryCustom
Weirdness10%
Style Influence100%
Audio Influence0%
diff --git a/sw.js b/sw.js
index c97e9ad..cb23d56 100644
--- a/sw.js
+++ b/sw.js
@@ -1,6 +1,6 @@
-const CACHE_NAME = "nasmix-shell-v6";
+const CACHE_NAME = "nasmix-shell-v7";
const APP_SHELL = [
- "./","./index.html","./ui/styles.css","./ui/prompt-safety.css","./ui/app.js",
+ "./","./index.html","./ui/styles.css","./ui/prompt-safety.css","./ui/compact-brief.css","./ui/app.js",
"./ui/project-store.js","./ui/song-brief.js","./ui/project-workspace.js","./ui/project-bootstrap.js",
"./data/catalog.json","./data/presets-acoustic.json","./data/presets-modern.json","./data/project-schema.json",
"./data/knowledge/manifest.json","./data/knowledge/reliability.json","./data/knowledge/evidence-registry.json",
diff --git a/ui/compact-brief.css b/ui/compact-brief.css
new file mode 100644
index 0000000..9672a0a
--- /dev/null
+++ b/ui/compact-brief.css
@@ -0,0 +1,98 @@
+.compact-brief {
+ display: grid;
+ grid-template-columns: repeat(12, minmax(0, 1fr));
+ gap: 8px;
+ padding-top: 12px;
+ border-top: 1px solid var(--line);
+ align-items: end;
+}
+
+.compact-brief .brief-field {
+ grid-column: span 3;
+ min-width: 0;
+ gap: 5px;
+ padding: 8px;
+ border: 1px solid var(--line);
+ border-radius: 12px;
+ background: var(--input);
+}
+
+.compact-brief .brief-field-wide { grid-column: span 6; }
+.compact-brief .brief-field-xs { grid-column: span 2; }
+
+.compact-brief .brief-field > span {
+ color: var(--muted);
+ font-size: 11px;
+ line-height: 1;
+}
+
+.compact-brief input,
+.compact-brief select {
+ min-height: 34px;
+ padding: 6px 8px;
+ border-radius: 8px;
+ background: var(--panel);
+ font-size: 12px;
+}
+
+.compact-brief input[type="number"],
+.compact-brief #briefDuration,
+.compact-brief #briefKey,
+.compact-brief #briefTimeSignature {
+ direction: ltr;
+ text-align: center;
+}
+
+.project-panel {
+ padding: 12px;
+}
+
+.project-toolbar {
+ align-items: center;
+}
+
+.project-selector-group label {
+ gap: 4px;
+ font-size: 11px;
+}
+
+.project-selector-group input,
+.project-selector-group select {
+ min-height: 36px;
+ padding: 7px 9px;
+}
+
+.project-actions button,
+.project-actions .file-button {
+ min-height: 36px;
+ padding: 7px 11px;
+ font-size: 12px;
+}
+
+.stage-strip {
+ padding: 10px 0 8px;
+}
+
+.project-summary {
+ padding: 7px 0 9px;
+}
+
+@media (max-width: 1000px) {
+ .compact-brief .brief-field { grid-column: span 4; }
+ .compact-brief .brief-field-wide { grid-column: span 8; }
+ .compact-brief .brief-field-xs { grid-column: span 2; }
+}
+
+@media (max-width: 760px) {
+ .compact-brief { grid-template-columns: repeat(6, minmax(0, 1fr)); }
+ .compact-brief .brief-field { grid-column: span 3; }
+ .compact-brief .brief-field-wide { grid-column: span 6; }
+ .compact-brief .brief-field-xs { grid-column: span 2; }
+}
+
+@media (max-width: 520px) {
+ .compact-brief { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+ .compact-brief .brief-field,
+ .compact-brief .brief-field-wide { grid-column: span 2; }
+ .compact-brief .brief-field-xs { grid-column: span 1; }
+}
diff --git a/ui/prompt-safety.css b/ui/prompt-safety.css
index 4b34e94..37e73e5 100644
--- a/ui/prompt-safety.css
+++ b/ui/prompt-safety.css
@@ -1,3 +1,5 @@
+@import url("compact-brief.css");
+
.full-prompt-card {
border-color: color-mix(in srgb, var(--ok) 55%, var(--line));
box-shadow: 0 0 0 1px var(--ok-soft);
@@ -46,4 +48,4 @@
.full-prompt-card textarea {
min-height: 260px;
}
-}
+}
\ No newline at end of file