1 files changed, 143 insertions, 0 deletions
diff --git a/src/options/options.css b/src/options/options.css
new file mode 100644
index 0000000..7de8418
--- /dev/null
+++ b/src/options/options.css
@@ -0,0 +1,143 @@
+body {
+  margin: 0;
+  padding: 24px;
+  font-family: system-ui, sans-serif;
+  font-size: 14px;
+  color: #1f1f1f;
+  background: #fafafa;
+}
+
+main {
+  max-width: 640px;
+  margin: 0 auto;
+  background: #ffffff;
+  border: 1px solid rgba(0, 0, 0, 0.12);
+  border-radius: 8px;
+  padding: 20px 24px;
+}
+
+h1 {
+  font-size: 18px;
+  margin: 0 0 16px;
+}
+
+fieldset {
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 6px;
+  margin: 0 0 16px;
+  padding: 12px 16px;
+}
+
+legend {
+  font-weight: 600;
+  padding: 0 6px;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-bottom: 14px;
+}
+
+.field.inline {
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+
+label,
+.label-text {
+  font-weight: 500;
+}
+
+.hint {
+  color: #5f6368;
+  font-size: 11px;
+  margin: 2px 0 0;
+}
+
+.status {
+  color: #5f6368;
+  font-size: 12px;
+}
+
+.status.error {
+  color: #c5221f;
+}
+
+input[type='text'],
+input[type='number'],
+select,
+textarea {
+  font-family: system-ui, sans-serif;
+  font-size: 13px;
+  padding: 4px 6px;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+}
+
+textarea {
+  resize: vertical;
+}
+
+.inline {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+
+.inline select {
+  flex: 1;
+  min-width: 0;
+}
+
+.inline input[type='number'] {
+  width: 120px;
+}
+
+.segmented {
+  display: flex;
+  gap: 12px;
+  margin: 4px 0;
+}
+
+.segmented label {
+  font-weight: 400;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+#seed-value-row {
+  margin-top: 4px;
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+#save {
+  padding: 6px 24px;
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+  background: #1a73e8;
+  color: #fff;
+  cursor: pointer;
+  font-size: 13px;
+}
+
+#save:hover {
+  background: #1765cc;
+}
+
+.dev-link {
+  margin-top: 16px;
+  font-size: 11px;
+}
+
+.dev-link a {
+  color: #5f6368;
+}
+\ No newline at end of file