Added some features :D, Codex limits are burned out by GPT 6 Astra D:

app/workshop.css

@@ -0,0 +1,96 @@
+.editor-navigation {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px 24px;
+  margin: 16px 0 28px;
+  color: var(--green);
+}
+.editor-panel {
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 24px;
+  margin: 28px 0;
+  max-width: 850px;
+}
+.editor-panel h2 {
+  margin: 0 0 16px;
+}
+.editor-panel p {
+  line-height: 1.7;
+}
+.editor-panel select {
+  width: 100%;
+  background: var(--bg);
+  color: var(--text);
+  border: 1px solid var(--line);
+  padding: 12px;
+  font: inherit;
+  border-radius: 4px;
+}
+.command-line {
+  display: block;
+  padding: 14px;
+  background: var(--bg);
+  overflow-wrap: anywhere;
+  user-select: all;
+  border: 1px solid var(--line);
+}
+.token-box code,
+.page-content code {
+  overflow-wrap: anywhere;
+}
+.token-box .token-box {
+  border: 0;
+  border-top: 1px solid var(--line);
+  padding: 24px 0 0;
+  background: transparent;
+}
+.draft-row {
+  gap: 20px;
+}
+.draft-row > div {
+  min-width: 0;
+}
+.draft-row h3 {
+  overflow-wrap: anywhere;
+}
+.preview-tile label {
+  position: relative;
+  display: block;
+}
+.preview-tile input[type="checkbox"] {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  width: 22px;
+  height: 22px;
+  accent-color: var(--green);
+  z-index: 1;
+}
+.preview-tile:has(input:checked) {
+  outline: 2px solid var(--green);
+  outline-offset: 2px;
+}
+.preview-tile label > span {
+  display: block;
+  padding: 12px;
+}
+.detail-grid > * {
+  min-width: 0;
+}
+@media (max-width: 600px) {
+  .editor-panel {
+    padding: 18px;
+  }
+  .draft-row {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .inline-actions .button {
+    flex: 1 1 180px;
+  }
+  .page-content h1 {
+    font-size: 44px;
+  }
+}