feat: initial impl w/ styles, scripts, & server-side logic (steps 1, 2, 3)

assessment/assets/css/styles.css

@@ -0,0 +1,49 @@
+html {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+}
+
+.dynamic-div ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.dynamic-div li {
+    margin: 6px 0;
+}
+
+.garage-bullet {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.garage-color {
+    width: 12px;
+    height: 12px;
+    border-radius: 50%;
+    display: inline-block;
+    border: 1px solid rgba(0, 0, 0, 0.12);
+}
+
+.car-item {
+    cursor: pointer;
+}
+.dynamic-div .car-item:hover {
+    background-color: rgba(59, 130, 246, 0.06);
+}
+.car-item:focus {
+    outline: 2px solid rgba(59,130,246,0.18);
+    outline-offset: 2px;
+}
+
+.error-message {
+    color: crimson;
+}

assessment/assets/css/toolbar.css

@@ -0,0 +1,33 @@
+.toolbar {
+    background: #1f2937;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 14px;
+    font-family: Inter, system-ui, Arial, sans-serif
+}
+
+.toolbar button {
+    background: #fff;
+    color: #111;
+    border: 0;
+    padding: 8px 12px;
+    border-radius: 6px;
+    cursor: pointer
+}
+
+.toolbar button.active {
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15)
+}
+
+.toolbar button.toolbar-close {
+    margin-left: auto;
+    background: transparent;
+    color: #fff;
+    border: 1px solid rgba(255, 255, 255, 0.08)
+}
+
+.error-message {
+    color: crimson;
+}