stego-cli 0.4.2 → 0.5.0

package/dist/stego-cli/src/modules/quality/application/inspect-project.js

@@ -1,6 +1,7 @@
 import fs from "node:fs";
 import path from "node:path";
 import { parseCommentAppendix } from "../../../../../shared/src/domain/comments/index.js";
+import { parseMarkdownDocument } from "../../../../../shared/src/domain/frontmatter/index.js";
 import { isStageName } from "../../../../../shared/src/domain/stages/index.js";
 import { readSpineCatalogForProject } from "../../spine/index.js";
 export function inspectProject(project, options = {}) {
@@ -12,6 +13,7 @@ export function inspectProject(project, options = {}) {
     const compileStructureState = resolveCompileStructure(project);
     issues.push(...requiredMetadataState.issues);
     issues.push(...compileStructureState.issues);
+    issues.push(...validateProjectImagesConfiguration(project));
     if (project.meta.spineCategories !== undefined) {
         issues.push(makeIssue("error", "metadata", "Legacy 'spineCategories' in stego-project.json is no longer supported. Use spine/ category directories and files.", path.relative(repoRoot, path.join(project.root, "stego-project.json"))));
     }
@@ -232,7 +234,8 @@ function parseChapter(chapterPath, project, requiredMetadata, spineCategories, c
     }
     const referenceValidation = extractReferenceKeysByCategory(metadata, relativePath, spineCategories);
     chapterIssues.push(...referenceValidation.issues);
-    chapterIssues.push(...validateMarkdownBody(body, chapterPath, repoRoot));
+    chapterIssues.push(...validateImagesMetadata(metadata, relativePath));
+    chapterIssues.push(...validateMarkdownBody(body, chapterPath, repoRoot, project.root));
     return {
         path: chapterPath,
         relativePath,
@@ -251,7 +254,7 @@ function normalizeGroupingValue(rawValue, relativePath, issues, key) {
     if (rawValue == null || rawValue === "") {
         return undefined;
     }
-    if (Array.isArray(rawValue)) {
+    if (Array.isArray(rawValue) || isPlainObject(rawValue)) {
         issues.push(makeIssue("error", "metadata", `Metadata '${key}' must be a scalar value.`, relativePath));
         return undefined;
     }
@@ -316,101 +319,135 @@ function extractReferenceKeysByCategory(metadata, relativePath, spineCategories)
     }
     return { referencesByCategory, issues };
 }
+function validateImagesMetadata(metadata, relativePath) {
+    const issues = [];
+    const rawImages = metadata.images;
+    if (rawImages == null) {
+        return issues;
+    }
+    if (!isPlainObject(rawImages)) {
+        issues.push(makeIssue("warning", "metadata", "Metadata 'images' must be an object.", relativePath));
+        return issues;
+    }
+    const reservedGlobalKeys = new Set(["width", "height", "classes", "id", "attrs", "layout", "align"]);
+    for (const [key, value] of Object.entries(rawImages)) {
+        if (reservedGlobalKeys.has(key)) {
+            issues.push(makeIssue("warning", "metadata", `Manuscript frontmatter 'images.${key}' is reserved for project defaults. Put defaults in stego-project.json 'images.${key}'.`, relativePath));
+            continue;
+        }
+        if (!isPlainObject(value)) {
+            issues.push(makeIssue("warning", "metadata", `Metadata 'images.${key}' must be an object of style keys (width, height, classes, id, attrs, layout, align).`, relativePath));
+            continue;
+        }
+        for (const [styleKey, styleValue] of Object.entries(value)) {
+            issues.push(...validateImageStyleField(styleValue, styleKey, `images.${key}.${styleKey}`, relativePath));
+        }
+    }
+    return issues;
+}
+function validateProjectImagesConfiguration(project) {
+    const issues = [];
+    const rawImages = project.meta.images;
+    const projectConfigPath = path.relative(project.workspace.repoRoot, path.join(project.root, "stego-project.json"));
+    if (rawImages == null) {
+        return issues;
+    }
+    if (!isPlainObject(rawImages)) {
+        issues.push(makeIssue("warning", "metadata", "Project 'images' must be an object.", projectConfigPath));
+        return issues;
+    }
+    const reservedGlobalKeys = new Set(["width", "height", "classes", "id", "attrs", "layout", "align"]);
+    for (const [key, value] of Object.entries(rawImages)) {
+        if (reservedGlobalKeys.has(key)) {
+            issues.push(...validateImageStyleField(value, key, `images.${key}`, projectConfigPath));
+            continue;
+        }
+        issues.push(makeIssue("warning", "metadata", `Project image defaults do not support key 'images.${key}'. Use only width, height, classes, id, attrs, layout, align in stego-project.json.`, projectConfigPath));
+    }
+    return issues;
+}
+function validateImageStyleField(value, key, metadataPath, relativePath) {
+    const issues = [];
+    if (key === "width" || key === "height" || key === "id") {
+        if (!isStyleScalar(value)) {
+            issues.push(makeIssue("warning", "metadata", `Metadata '${metadataPath}' must be a scalar value.`, relativePath));
+        }
+        return issues;
+    }
+    if (key === "classes") {
+        if (typeof value === "string") {
+            return issues;
+        }
+        if (!Array.isArray(value) || value.some((entry) => typeof entry !== "string" || entry.trim().length === 0)) {
+            issues.push(makeIssue("warning", "metadata", `Metadata '${metadataPath}' must be a string or array of strings.`, relativePath));
+        }
+        return issues;
+    }
+    if (key === "attrs") {
+        if (!isPlainObject(value)) {
+            issues.push(makeIssue("warning", "metadata", `Metadata '${metadataPath}' must be an object of scalar values.`, relativePath));
+            return issues;
+        }
+        for (const [attrKey, attrValue] of Object.entries(value)) {
+            if (!isStyleScalar(attrValue)) {
+                issues.push(makeIssue("warning", "metadata", `Metadata '${metadataPath}.${attrKey}' must be a scalar value.`, relativePath));
+            }
+        }
+        return issues;
+    }
+    if (key === "layout") {
+        if (value !== "block" && value !== "inline") {
+            issues.push(makeIssue("warning", "metadata", `Metadata '${metadataPath}' must be either 'block' or 'inline'.`, relativePath));
+        }
+        return issues;
+    }
+    if (key === "align") {
+        if (value !== "left" && value !== "center" && value !== "right") {
+            issues.push(makeIssue("warning", "metadata", `Metadata '${metadataPath}' must be one of: left, center, right.`, relativePath));
+        }
+        return issues;
+    }
+    issues.push(makeIssue("warning", "metadata", `Unsupported image style key '${key}' in '${metadataPath}'. Allowed keys: width, height, classes, id, attrs, layout, align.`, relativePath));
+    return issues;
+}
+function isStyleScalar(value) {
+    return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
 function parseMetadata(raw, chapterPath, repoRoot, required) {
     const relativePath = path.relative(repoRoot, chapterPath);
     const issues = [];
-    if (!raw.startsWith("---\n") && !raw.startsWith("---\r\n")) {
-        const commentsResult = parseStegoCommentsAppendix(raw, relativePath, 1);
-        if (!required) {
-            return {
-                metadata: {},
-                body: commentsResult.bodyWithoutComments,
-                comments: commentsResult.comments,
-                issues: commentsResult.issues
-            };
-        }
+    const frontmatterMatch = raw.match(/^---\r?\n([\s\S]*?)\r?\n---(?:\r?\n|$)/);
+    if ((raw.startsWith("---\n") || raw.startsWith("---\r\n")) && !frontmatterMatch) {
         return {
             metadata: {},
-            body: commentsResult.bodyWithoutComments,
-            comments: commentsResult.comments,
-            issues: [makeIssue("error", "metadata", "Missing metadata block at top of file.", relativePath), ...commentsResult.issues]
+            body: raw,
+            comments: [],
+            issues: [makeIssue("error", "metadata", "Metadata opening delimiter found, but closing delimiter is missing.", relativePath)]
         };
     }
-    const match = raw.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n?/);
-    if (!match) {
+    let parsed;
+    try {
+        parsed = parseMarkdownDocument(raw);
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
         return {
             metadata: {},
             body: raw,
             comments: [],
-            issues: [makeIssue("error", "metadata", "Metadata opening delimiter found, but closing delimiter is missing.", relativePath)]
+            issues: [makeIssue("error", "metadata", `Could not parse frontmatter: ${message}`, relativePath)]
         };
     }
-    const metadataText = match[1];
-    const body = raw.slice(match[0].length);
-    const metadata = {};
-    const lines = metadataText.split(/\r?\n/);
-    for (let i = 0; i < lines.length; i += 1) {
-        const line = lines[i].trim();
-        if (!line || line.startsWith("#")) {
-            continue;
-        }
-        const separatorIndex = line.indexOf(":");
-        if (separatorIndex === -1) {
-            issues.push(makeIssue("error", "metadata", `Invalid metadata line '${line}'. Expected 'key: value' format.`, relativePath, i + 1));
-            continue;
-        }
-        const key = line.slice(0, separatorIndex).trim();
-        const value = line.slice(separatorIndex + 1).trim();
-        if (!value) {
-            let lookahead = i + 1;
-            while (lookahead < lines.length) {
-                const nextTrimmed = lines[lookahead].trim();
-                if (!nextTrimmed || nextTrimmed.startsWith("#")) {
-                    lookahead += 1;
-                    continue;
-                }
-                break;
-            }
-            if (lookahead < lines.length) {
-                const firstValueLine = lines[lookahead];
-                const firstValueTrimmed = firstValueLine.trim();
-                const firstValueIndent = firstValueLine.length - firstValueLine.trimStart().length;
-                if (firstValueIndent > 0 && firstValueTrimmed.startsWith("- ")) {
-                    const items = [];
-                    let j = lookahead;
-                    while (j < lines.length) {
-                        const candidateRaw = lines[j];
-                        const candidateTrimmed = candidateRaw.trim();
-                        if (!candidateTrimmed || candidateTrimmed.startsWith("#")) {
-                            j += 1;
-                            continue;
-                        }
-                        const indent = candidateRaw.length - candidateRaw.trimStart().length;
-                        if (indent === 0) {
-                            break;
-                        }
-                        if (!candidateTrimmed.startsWith("- ")) {
-                            issues.push(makeIssue("error", "metadata", `Unsupported metadata list line '${candidateTrimmed}'. Expected '- value'.`, relativePath, j + 1));
-                            j += 1;
-                            continue;
-                        }
-                        const itemValue = candidateTrimmed.slice(2).trim().replace(/^['"]|['"]$/g, "");
-                        items.push(itemValue);
-                        j += 1;
-                    }
-                    metadata[key] = items;
-                    i = j - 1;
-                    continue;
-                }
-            }
-        }
-        metadata[key] = coerceMetadataValue(value);
+    if (!parsed.hasFrontmatter && required) {
+        issues.push(makeIssue("error", "metadata", "Missing metadata block at top of file.", relativePath));
     }
-    const bodyStartLine = match[0].split(/\r?\n/).length;
-    const commentsResult = parseStegoCommentsAppendix(body, relativePath, bodyStartLine);
+    const bodyStartLine = frontmatterMatch
+        ? frontmatterMatch[0].split(/\r?\n/).length
+        : 1;
+    const commentsResult = parseStegoCommentsAppendix(parsed.body, relativePath, bodyStartLine);
     issues.push(...commentsResult.issues);
     return {
-        metadata,
+        metadata: parsed.frontmatter,
         body: commentsResult.bodyWithoutComments,
         comments: commentsResult.comments,
         issues
@@ -439,32 +476,7 @@ function parseCommentIssueFromParserError(error, relativePath, bodyStartLine) {
     const absoluteLine = Number.isFinite(relativeLine) ? bodyStartLine + relativeLine - 1 : undefined;
     return makeIssue("error", "comments", lineMatch[2], relativePath, absoluteLine);
 }
-function coerceMetadataValue(value) {
-    if (!value) {
-        return "";
-    }
-    if ((value.startsWith("\"") && value.endsWith("\"")) || (value.startsWith("'") && value.endsWith("'"))) {
-        return value.slice(1, -1);
-    }
-    if (value.startsWith("[") && value.endsWith("]")) {
-        const inner = value.slice(1, -1).trim();
-        if (!inner) {
-            return [];
-        }
-        return inner.split(",").map((entry) => entry.trim().replace(/^['\"]|['\"]$/g, ""));
-    }
-    if (/^-?\d+$/.test(value)) {
-        return Number(value);
-    }
-    if (value === "true") {
-        return true;
-    }
-    if (value === "false") {
-        return false;
-    }
-    return value;
-}
-function validateMarkdownBody(body, chapterPath, repoRoot) {
+function validateMarkdownBody(body, chapterPath, repoRoot, projectRoot) {
     const relativePath = path.relative(repoRoot, chapterPath);
     const issues = [];
     const lines = body.split(/\r?\n/);
@@ -499,17 +511,20 @@ function validateMarkdownBody(body, chapterPath, repoRoot) {
     if (openFence) {
         issues.push(makeIssue("error", "structure", `Unclosed code fence opened at line ${openFence.line}.`, relativePath, openFence.line));
     }
-    issues.push(...checkLocalMarkdownLinks(body, chapterPath, repoRoot));
+    issues.push(...checkLocalMarkdownLinks(body, chapterPath, repoRoot, projectRoot));
     issues.push(...runStyleHeuristics(body, relativePath));
     return issues;
 }
-function checkLocalMarkdownLinks(body, chapterPath, repoRoot) {
+function checkLocalMarkdownLinks(body, chapterPath, repoRoot, projectRoot) {
     const relativePath = path.relative(repoRoot, chapterPath);
     const issues = [];
-    const linkRegex = /!?\[[^\]]*\]\(([^)]+)\)/g;
+    const assetsDir = path.resolve(projectRoot, "assets");
+    const warnedOutsideAssets = new Set();
+    const linkRegex = /(!?)\[[^\]]*\]\(([^)]+)\)/g;
     let match = null;
     while ((match = linkRegex.exec(body)) !== null) {
-        let target = match[1].trim();
+        const isImage = match[1] === "!";
+        let target = match[2].trim();
         if (!target) {
             continue;
         }
@@ -520,7 +535,7 @@ function checkLocalMarkdownLinks(body, chapterPath, repoRoot) {
         if (isExternalTarget(target) || target.startsWith("#")) {
             continue;
         }
-        const cleanTarget = target.split("#")[0];
+        const cleanTarget = target.split("#")[0].split("?")[0];
         if (!cleanTarget) {
             continue;
         }
@@ -528,15 +543,35 @@ function checkLocalMarkdownLinks(body, chapterPath, repoRoot) {
         if (!fs.existsSync(resolved)) {
             issues.push(makeIssue("warning", "links", `Broken local link/image target '${cleanTarget}'.`, relativePath));
         }
+        if (!isImage) {
+            continue;
+        }
+        if (isPathInside(resolved, assetsDir)) {
+            continue;
+        }
+        const warningKey = `${relativePath}|${cleanTarget}`;
+        if (warnedOutsideAssets.has(warningKey)) {
+            continue;
+        }
+        warnedOutsideAssets.add(warningKey);
+        issues.push(makeIssue("warning", "assets", `Local image target '${cleanTarget}' is outside project assets/. Store manuscript images under 'assets/'.`, relativePath));
     }
     return issues;
 }
 function isExternalTarget(target) {
     return (target.startsWith("http://")
         || target.startsWith("https://")
+        || target.startsWith("data:")
         || target.startsWith("mailto:")
         || target.startsWith("tel:"));
 }
+function isPathInside(candidatePath, parentPath) {
+    const relative = path.relative(path.resolve(parentPath), path.resolve(candidatePath));
+    if (!relative) {
+        return true;
+    }
+    return !relative.startsWith("..") && !path.isAbsolute(relative);
+}
 function runStyleHeuristics(body, relativePath) {
     const issues = [];
     const prose = body

package/dist/stego-cli/src/modules/quality/commands/check-stage.js

@@ -7,9 +7,8 @@ export function registerCheckStageCommand(registry) {
     registry.register({
         name: "check-stage",
         description: "Run stage-specific quality gates",
-        allowUnknownOptions: true,
         options: [
-            { flags: "--project <project-id>", description: "Project id" },
+            { flags: "-p, --project <project-id>", description: "Project id" },
             { flags: "--stage <stage>", description: "draft|revise|line-edit|proof|final" },
             { flags: "--file <path>", description: "Project-relative manuscript path" },
             { flags: "--root <path>", description: "Workspace root path" }

package/dist/stego-cli/src/modules/quality/commands/lint.js

@@ -7,9 +7,8 @@ export function registerLintCommand(registry) {
     registry.register({
         name: "lint",
         description: "Run markdown and spelling checks",
-        allowUnknownOptions: true,
         options: [
-            { flags: "--project <project-id>", description: "Project id" },
+            { flags: "-p, --project <project-id>", description: "Project id" },
             { flags: "--manuscript", description: "Lint manuscript files only" },
             { flags: "--spine", description: "Lint spine/notes files only" },
             { flags: "--root <path>", description: "Workspace root path" }

package/dist/stego-cli/src/modules/quality/commands/validate.js

@@ -6,9 +6,8 @@ export function registerValidateCommand(registry) {
     registry.register({
         name: "validate",
         description: "Validate manuscript and project state",
-        allowUnknownOptions: true,
         options: [
-            { flags: "--project <project-id>", description: "Project id" },
+            { flags: "-p, --project <project-id>", description: "Project id" },
             { flags: "--file <path>", description: "Project-relative manuscript path" },
             { flags: "--root <path>", description: "Workspace root path" }
         ],

package/dist/stego-cli/src/modules/scaffold/commands/init.js

@@ -24,8 +24,8 @@ export function registerInitCommand(registry) {
             writeText("Next steps:");
             writeText("  npm install");
             writeText("  stego list-projects");
-            writeText("  stego validate --project fiction-example");
-            writeText("  stego build --project fiction-example");
+            writeText("  stego validate -p fiction-example");
+            writeText("  stego build -p fiction-example");
         }
     });
 }

package/dist/stego-cli/src/modules/scaffold/domain/templates.js

@@ -17,6 +17,7 @@ This directory is a Stego writing workspace (a monorepo for one or more writing
 
 - \`stego.config.json\` workspace configuration
 - \`projects/\` demo projects (\`stego-docs\` and \`fiction-example\`)
+- per-project \`assets/\` directories for manuscript images
 - root \`package.json\` scripts for Stego commands
 - root \`.vscode/tasks.json\` tasks for common workflows
 
@@ -32,11 +33,11 @@ stego list-projects
 ## Run commands for a specific project (from workspace root)
 
 \`\`\`bash
-stego validate --project fiction-example
-stego build --project fiction-example
-stego check-stage --project fiction-example --stage revise
-stego export --project fiction-example --format md
-stego new --project fiction-example
+stego validate -p fiction-example
+stego build -p fiction-example
+stego check-stage -p fiction-example --stage revise
+stego export -p fiction-example --format md
+stego new -p fiction-example
 \`\`\`
 
 ## Work inside one project
@@ -58,13 +59,13 @@ This keeps your editor context focused and applies the project's recommended ext
 ## Create a new project
 
 \`\`\`bash
-stego new-project --project my-book --title "My Book"
+stego new-project -p my-book --title "My Book"
 \`\`\`
 
 ## Add a new manuscript file
 
 \`\`\`bash
-stego new --project fiction-example
+stego new -p fiction-example
 \`\`\`
 `;
 export const SCAFFOLD_AGENTS_CONTENT = `# AGENTS.md
@@ -90,7 +91,7 @@ This workspace is designed to be AI-friendly for writing workflows.
 
 1. Confirm workspace root contains \`stego.config.json\`.
 2. Run \`stego list-projects\`.
-3. Use explicit \`--project <id>\` for project-scoped commands.
+3. Use explicit \`--project/-p <id>\` for project-scoped commands.
 
 ## CLI-First Policy (Required)
 
@@ -123,7 +124,7 @@ Preferred commands include:
 
 1. Read current state first (\`metadata read\`, \`spine read\`, \`comments read\`).
 2. Mutate via CLI commands.
-3. Verify after writes (\`stego validate --project <id>\` and relevant read commands).
+3. Verify after writes (\`stego validate --project/-p <id>\` and relevant read commands).
 
 ## Manual Edit Fallback
 
@@ -146,7 +147,7 @@ When CLI fails:
 
 ## Validation Expectations
 
-After mutations, run relevant checks when feasible (for example \`stego validate --project <id>\`) and report results.
+After mutations, run relevant checks when feasible (for example \`stego validate --project/-p <id>\`) and report results.
 
 ## Scope Guardrails
 
@@ -155,10 +156,10 @@ After mutations, run relevant checks when feasible (for example \`stego validate
 
 ## Task To Command Quick Map
 
-- New manuscript: \`stego new --project <id> [--filename <name>]\`
-- Read spine: \`stego spine read --project <id> --format json\`
-- New spine category: \`stego spine new-category --project <id> --key <category>\`
-- New spine entry: \`stego spine new --project <id> --category <category> [--filename <path>]\`
+- New manuscript: \`stego new --project/-p <id> [--filename <name>]\`
+- Read spine: \`stego spine read --project/-p <id> --format json\`
+- New spine category: \`stego spine new-category --project/-p <id> --key <category>\`
+- New spine entry: \`stego spine new --project/-p <id> --category <category> [--filename <path>]\`
 - Read metadata: \`stego metadata read <markdown-path> --format json\`
 - Apply metadata: \`stego metadata apply <markdown-path> --input <path|-> --format json\`
 - Read comments: \`stego comments read <manuscript> --format json\`

package/dist/stego-cli/src/modules/spine/commands/spine-deprecated-aliases.js

@@ -4,7 +4,7 @@ export function registerSpineDeprecatedAliases(registry) {
         description: "Deprecated alias for spine new-category",
         allowUnknownOptions: true,
         options: [
-            { flags: "--project <project-id>", description: "Project id" },
+            { flags: "-p, --project <project-id>", description: "Project id" },
             { flags: "--key <category>", description: "Category key" },
             { flags: "--label <label>", description: "Category display label" },
             { flags: "--require-metadata", description: "Append key to required metadata" },
@@ -20,7 +20,7 @@ export function registerSpineDeprecatedAliases(registry) {
         description: "Deprecated alias for spine new",
         allowUnknownOptions: true,
         options: [
-            { flags: "--project <project-id>", description: "Project id" },
+            { flags: "-p, --project <project-id>", description: "Project id" },
             { flags: "--category <category>", description: "Category key" },
             { flags: "--filename <path>", description: "Relative entry path" },
             { flags: "--format <format>", description: "text|json" },

package/dist/stego-cli/src/modules/spine/commands/spine-new-category.js

@@ -8,9 +8,8 @@ export function registerSpineNewCategoryCommand(registry) {
     registry.register({
         name: "spine new-category",
         description: "Create a new spine category",
-        allowUnknownOptions: true,
         options: [
-            { flags: "--project <project-id>", description: "Project id" },
+            { flags: "-p, --project <project-id>", description: "Project id" },
             { flags: "--key <category>", description: "Category key" },
             { flags: "--label <label>", description: "Category display label" },
             { flags: "--require-metadata", description: "Append key to required metadata" },

package/dist/stego-cli/src/modules/spine/commands/spine-new-entry.js

@@ -8,9 +8,8 @@ export function registerSpineNewEntryCommand(registry) {
     registry.register({
         name: "spine new",
         description: "Create a new spine entry",
-        allowUnknownOptions: true,
         options: [
-            { flags: "--project <project-id>", description: "Project id" },
+            { flags: "-p, --project <project-id>", description: "Project id" },
             { flags: "--category <category>", description: "Category key" },
             { flags: "--filename <path>", description: "Relative entry path" },
             { flags: "--format <format>", description: "text|json" },

package/dist/stego-cli/src/modules/spine/commands/spine-read.js

@@ -7,9 +7,8 @@ export function registerSpineReadCommand(registry) {
     registry.register({
         name: "spine read",
         description: "Read spine catalog",
-        allowUnknownOptions: true,
         options: [
-            { flags: "--project <project-id>", description: "Project id" },
+            { flags: "-p, --project <project-id>", description: "Project id" },
             { flags: "--format <format>", description: "text|json" },
             { flags: "--root <path>", description: "Workspace root path" }
         ],

package/filters/image-layout.css

@@ -0,0 +1,23 @@
+img[data-layout="inline"] {
+  display: inline;
+  vertical-align: baseline;
+}
+
+img[data-layout="block"] {
+  display: block;
+}
+
+img[data-layout="block"][data-align="left"] {
+  margin-left: 0;
+  margin-right: auto;
+}
+
+img[data-layout="block"][data-align="center"] {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+img[data-layout="block"][data-align="right"] {
+  margin-left: auto;
+  margin-right: 0;
+}