Get the module foundations and the Artist app created

styles/apps/ArtistApp.css

@@ -0,0 +1,48 @@
+.token-browser.ArtistApp {
+	> .window-content {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+		color: var(--color-form-label);
+	}
+
+	label, .label {
+		font-weight: bold;
+	}
+
+	footer {
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
+		gap: 0.5rem;
+	}
+
+	.large {
+		font-size: 1rem;
+	}
+
+	ul {
+		display: flex;
+		flex-flow: row wrap;
+		gap: 8px;
+
+		li {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			gap: 4px;
+			padding: 2px 4px;
+			background: var(--content-link-background);
+			color: var(--content-link-text-color);
+			border: 1px solid var(--content-link-border-color);
+			border-radius: 4px;
+
+			button {
+				padding: 0;
+				border: none;
+				min-height: 0;
+				height: 1rem;
+				width: 1rem;
+			}
+		}
+	}
+}

styles/elements/lists.css

@@ -0,0 +1,7 @@
+.token-browser > .window-content {
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+}

styles/elements/utils.css

@@ -0,0 +1,9 @@
+.token-browser > .window-content {
+	.row {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		gap: 0.5rem;
+	}
+	.grow { flex-grow: 1 }
+}

styles/main.css

@@ -0,0 +1,11 @@
+@layer resets, elements, apps;
+
+/* Resets */
+@import url("./resets/lists.css") layer(resets);
+
+/* Elements */
+@import url("./elements/utils.css") layer(elements);
+@import url("./elements/lists.css") layer(elements);
+
+/* Apps */
+@import url("./apps/ArtistApp.css") layer(apps);

styles/resets/lists.css

@@ -0,0 +1,5 @@
+.token-browser > .window-content {
+	li {
+		margin: 0;
+	}
+}