Polish study layout controls

src/App.css

@@ -161,12 +161,11 @@
 
 .top-bar {
   display: grid;
-  grid-template-columns: minmax(260px, 0.8fr) minmax(420px, 1.1fr) minmax(300px, 0.65fr);
-  gap: 14px;
+  grid-template-columns: minmax(760px, 1.42fr) minmax(320px, 0.58fr);
+  gap: 6px;
   align-items: end;
 }
 
-.version-block h1,
 .study-margin h2,
 .notes-workspace h2,
 .strong-focus h4 {
@@ -174,12 +173,6 @@
   letter-spacing: 0;
 }
 
-.version-block h1 {
-  margin-top: 3px;
-  font-size: 24px;
-  line-height: 1.15;
-}
-
 .eyebrow {
   color: #657061;
   font-size: 12px;
@@ -240,6 +233,7 @@ textarea:focus-visible {
   grid-template-columns: minmax(130px, 1.1fr) minmax(130px, 1.3fr) minmax(86px, 0.7fr) minmax(78px, 0.6fr) minmax(120px, 0.9fr);
   gap: 8px;
   align-items: end;
+  max-width: 960px;
 }
 
 .page-controls label {
@@ -255,7 +249,7 @@ textarea:focus-visible {
 .study-desk {
   display: grid;
   grid-template-columns: minmax(720px, 1fr);
-  gap: 16px;
+  gap: 6px;
   min-height: 0;
 }
 
@@ -466,6 +460,17 @@ textarea:focus-visible {
   gap: 8px;
   align-items: center;
   justify-content: space-between;
+  margin: -6px -6px 2px;
+  padding: 7px 8px;
+  border-radius: 5px;
+  background: #f5efe1;
+  cursor: pointer;
+}
+
+.margin-section-header:hover,
+.margin-section-header:focus-visible {
+  background: #efe5d0;
+  outline: none;
 }
 
 .collapse-button,
@@ -480,8 +485,10 @@ textarea:focus-visible {
 }
 
 .collapse-button {
+  flex: 1;
   padding: 0;
   text-align: left;
+  cursor: pointer;
 }
 
 .collapse-button::before {
@@ -736,6 +743,34 @@ textarea:focus-visible {
   text-align: left;
 }
 
+.notes-quick-panels {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 8px;
+  margin-top: auto;
+}
+
+.notes-quick-panels .note-helper {
+  margin-top: 0;
+}
+
+.note-placeholder {
+  display: grid;
+  align-content: center;
+  gap: 4px;
+  width: 100%;
+  padding: 12px;
+  border-color: #ded6c7;
+  background: #fbf8ef;
+  color: #202124;
+  text-align: left;
+}
+
+.note-placeholder small {
+  color: #657061;
+  font-size: 12px;
+}
+
 .note-helper strong,
 .note-helper small {
   display: block;