diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..13566b8
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/AvanzaCast.iml b/.idea/AvanzaCast.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.idea/AvanzaCast.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/copilot.data.migration.agent.xml b/.idea/copilot.data.migration.agent.xml
new file mode 100644
index 0000000..4ea72a9
--- /dev/null
+++ b/.idea/copilot.data.migration.agent.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AgentMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/copilot.data.migration.ask.xml b/.idea/copilot.data.migration.ask.xml
new file mode 100644
index 0000000..7ef04e2
--- /dev/null
+++ b/.idea/copilot.data.migration.ask.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AskMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/copilot.data.migration.edit.xml b/.idea/copilot.data.migration.edit.xml
new file mode 100644
index 0000000..8648f94
--- /dev/null
+++ b/.idea/copilot.data.migration.edit.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="EditMigrationStateService">
+    <option name="migrationStatus" value="COMPLETED" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..190a3d7
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/AvanzaCast.iml" filepath="$PROJECT_DIR$/.idea/AvanzaCast.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/docs/REMOVED_Hero.md b/docs/REMOVED_Hero.md
new file mode 100644
index 0000000..e69de29
diff --git a/docs/archive/Hero-removed-2025-11-10.txt b/docs/archive/Hero-removed-2025-11-10.txt
new file mode 100644
index 0000000..fd2d15b
--- /dev/null
+++ b/docs/archive/Hero-removed-2025-11-10.txt
@@ -0,0 +1,14 @@
+Hero component removed from `packages/studio-panel` on 2025-11-10.
+
+Current file (stub) contents archived here:
+
+// Hero removed for Studio Panel context.
+// Kept as a stub to avoid deleting the file from the repo — returns null so it doesn't render.
+export default function Hero() {
+  return null
+}
+
+Notes:
+- The full original Hero implementation was previously replaced during a refactor and is not available in this archived stub. If you need the original implementation, retrieve it from git history (e.g., `git log -- packages/studio-panel/src/components/Hero.tsx` and `git checkout <commit> -- packages/studio-panel/src/components/Hero.tsx`).
+- After archiving this stub, the file `packages/studio-panel/src/components/Hero.tsx` will be deleted from the repository.
+
diff --git a/docs/design-tokens.md b/docs/design-tokens.md
new file mode 100644
index 0000000..e69de29
diff --git a/docs/figma-extracted-tokens.md b/docs/figma-extracted-tokens.md
new file mode 100644
index 0000000..e69de29
diff --git a/docs/figma-import-report.md b/docs/figma-import-report.md
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/.eslintrc.cjs b/packages/studio-panel/.eslintrc.cjs
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/Hero.tsx b/packages/studio-panel/src/components/Hero.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/figma/FigmaHeader.tsx b/packages/studio-panel/src/components/figma/FigmaHeader.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/figma/MediaGrid.tsx b/packages/studio-panel/src/components/figma/MediaGrid.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/figma/PersonCard.tsx b/packages/studio-panel/src/components/figma/PersonCard.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/header/Brand.tsx b/packages/studio-panel/src/components/header/Brand.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/header/LiveBadge.tsx b/packages/studio-panel/src/components/header/LiveBadge.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/header/RecordButton.tsx b/packages/studio-panel/src/components/header/RecordButton.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/ui/AddDestinationDialog.tsx b/packages/studio-panel/src/components/ui/AddDestinationDialog.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/ui/AddDestinationMenu.tsx b/packages/studio-panel/src/components/ui/AddDestinationMenu.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/ui/Button.tsx b/packages/studio-panel/src/components/ui/Button.tsx
new file mode 100644
index 0000000..3994528
--- /dev/null
+++ b/packages/studio-panel/src/components/ui/Button.tsx
@@ -0,0 +1,27 @@
+// ...existing code...
+import React from 'react'
+
+type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  variant?: 'default' | 'primary' | 'ghost'
+}
+
+export default function Button({
+  children,
+  variant = 'default',
+  className = '',
+  ...props
+}: ButtonProps) {
+  const base = 'inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium transition'
+  const variants: Record<string, string> = {
+    default: 'bg-white/10 text-white hover:bg-white/20',
+    primary: 'bg-gradient-to-br from-blue-600 to-blue-500 text-white shadow-sm',
+    ghost: 'bg-transparent text-white hover:bg-white/4',
+  }
+
+  return (
+    <button className={`${base} ${variants[variant] ?? variants.default} ${className}`} {...props}>
+      {children}
+    </button>
+  )
+}
+
diff --git a/packages/studio-panel/src/components/ui/ConfirmDialog.tsx b/packages/studio-panel/src/components/ui/ConfirmDialog.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/ui/Dialog.tsx b/packages/studio-panel/src/components/ui/Dialog.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/components/ui/IconButton.tsx b/packages/studio-panel/src/components/ui/IconButton.tsx
new file mode 100644
index 0000000..8d04fea
--- /dev/null
+++ b/packages/studio-panel/src/components/ui/IconButton.tsx
@@ -0,0 +1,18 @@
+// ...existing code...
+import React from 'react'
+
+type IconButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+  'aria-label': string
+}
+
+export default function IconButton({ className = '', children, ...props }: IconButtonProps) {
+  return (
+    <button
+      className={`inline-flex items-center justify-center p-2 rounded-md hover:bg-white/6 transition ${className}`}
+      {...props}
+    >
+      {children}
+    </button>
+  )
+}
+
diff --git a/packages/studio-panel/src/components/ui/index.ts b/packages/studio-panel/src/components/ui/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/packages/studio-panel/src/design/figma-tokens.json b/packages/studio-panel/src/design/figma-tokens.json
new file mode 100644
index 0000000..e69de29