Get the base Actor sheet working w/ collaboration

styles/v1/components/incrementer.scss

@@ -6,7 +6,6 @@ the corresponding web component. Importing this into other files is forbidden
 $default-border-radius: 4px;
 $default-height: 1.5rem;
 
-@use "../mixins/material";
 @use "./common.scss";
 
 div {
@@ -14,15 +13,6 @@ div {
 	grid-template-columns: var(--height, $default-height) var(--width, 50px) var(--height, $default-height);
 	grid-template-rows: var(--height, 1fr);
 	border-radius: var(--border-radius, $default-border-radius);
-	@include material.elevate(2);
-
-	&:hover {
-		@include material.elevate(4);
-	}
-
-	&:focus-within {
-		@include material.elevate(6);
-	}
 }
 
 span, input {

styles/v1/index.scss

@@ -1 +1,3 @@
-// Styling version 1
+// Styling version 1
+
+@use "./player/root.scss";

styles/v1/player/root.scss

@@ -0,0 +1,42 @@
+.actor--player.style-v1 {
+	--header-size: 75px;
+
+	form {
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+	}
+
+	.header-row {
+		display: flex;
+		flex-direction: row;
+		border-radius: 4px;
+		border: 1px solid var(--color-underline-header);
+	}
+
+	.avatar {
+		--size: var(--header-size);
+		width: var(--size);
+		height: var(--size);
+		border: none;
+		border-right: 1px solid var(--color-underline-header);
+	}
+
+	.actor-name {
+		height: var(--header-size);
+		padding: 8px 1rem;
+		font-size: clamp(1rem, 2rem, calc(var(--header-size) - 16px));
+		border: none;
+	}
+
+	prose-mirror {
+		--menu-background: rgba(0, 0, 0, 0.1);
+		flex-grow: 1;
+		border: 1px solid var(--color-underline-header);
+		border-radius: 4px;
+
+		.editor-container {
+			height: auto;
+		}
+	}
+}