Initial commit: YouTube Studio Flow (backend, frontend, infrastructure, docs)

2026-08-11 12:27:44 +02:00
commit d5af006443
304 changed files with 74604 additions and 0 deletions
@@ -0,0 +1,49 @@
+/* Floating pill that appears centered at the top of each section on hover */
+.topBar {
+  position: absolute;
+  top: -13px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  height: 22px;
+  padding: 0 4px;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-full);
+  box-shadow: var(--shadow-sm);
+  opacity: 0;
+  transition: opacity 0.15s;
+  z-index: 2;
+  white-space: nowrap;
+}
+
+div:hover > .topBar {
+  opacity: 1;
+}
+
+.handle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 18px;
+  color: var(--color-text-faint);
+  cursor: grab;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  border: none;
+  padding: 0;
+  transition: color 0.15s, background 0.15s;
+}
+
+.handle:active {
+  cursor: grabbing;
+}
+
+.handle:hover {
+  color: var(--color-text-muted);
+  background: var(--color-surface-offset);
+}
+