@mxml3gend/gloss 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Gloss Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,59 @@
+# Gloss CLI
+
+Gloss is a local-first translation editor for JSON i18n files.
+
+## Usage
+
+```bash
+npx gloss
+```
+
+Or install as a dev dependency:
+
+```bash
+npm install -D gloss
+npx gloss
+```
+
+Project script:
+
+```json
+{
+  "scripts": {
+    "gloss": "gloss"
+  }
+}
+```
+
+## Configuration
+
+Create `gloss.config.ts` in your project root:
+
+```ts
+export default {
+  locales: ["en", "nl"],
+  defaultLocale: "en",
+  path: "src/i18n",
+  format: "json",
+};
+```
+
+For CommonJS projects, create `gloss.config.cjs`:
+
+```js
+module.exports = {
+  locales: ["en", "nl"],
+  defaultLocale: "en",
+  path: "src/i18n",
+  format: "json",
+};
+```
+
+## Options
+
+```bash
+gloss --help
+gloss --version
+gloss --no-open
+gloss --port 5179
+```

package/dist/config.js

@@ -0,0 +1,141 @@
+import fs from "node:fs/promises";
+import { createRequire } from "node:module";
+import path from "node:path";
+import { pathToFileURL } from "node:url";
+export class GlossConfigError extends Error {
+    code;
+    constructor(code, message) {
+        super(message);
+        this.code = code;
+        this.name = "GlossConfigError";
+    }
+}
+const normalizeScanPatterns = (value) => {
+    if (!Array.isArray(value)) {
+        return undefined;
+    }
+    const next = value
+        .filter((entry) => typeof entry === "string")
+        .map((entry) => entry.trim())
+        .filter((entry) => entry.length > 0);
+    return next.length > 0 ? next : undefined;
+};
+const normalizeScanConfig = (value) => {
+    if (!value || typeof value !== "object") {
+        return undefined;
+    }
+    const scan = value;
+    const include = normalizeScanPatterns(scan.include);
+    const exclude = normalizeScanPatterns(scan.exclude);
+    if (!include && !exclude) {
+        return undefined;
+    }
+    return { include, exclude };
+};
+const CONFIG_FILE_NAMES = [
+    "gloss.config.ts",
+    "gloss.config.mts",
+    "gloss.config.js",
+    "gloss.config.mjs",
+    "gloss.config.cjs",
+];
+const resolveLocalesDirectory = (cwd, localesPath) => {
+    if (path.isAbsolute(localesPath)) {
+        return localesPath;
+    }
+    return path.join(cwd, localesPath);
+};
+const discoverLocales = async (cwd, localesPath) => {
+    const directory = resolveLocalesDirectory(cwd, localesPath);
+    try {
+        const entries = await fs.readdir(directory, { withFileTypes: true });
+        return entries
+            .filter((entry) => entry.isFile() && entry.name.endsWith(".json"))
+            .map((entry) => path.basename(entry.name, ".json").trim())
+            .filter((entry) => entry.length > 0)
+            .sort((a, b) => a.localeCompare(b));
+    }
+    catch {
+        return [];
+    }
+};
+const resolveConfigPath = async (cwd) => {
+    for (const fileName of CONFIG_FILE_NAMES) {
+        const candidatePath = path.join(cwd, fileName);
+        try {
+            await fs.access(candidatePath);
+            return candidatePath;
+        }
+        catch {
+            continue;
+        }
+    }
+    return null;
+};
+const normalizeLoadedConfig = (value) => {
+    if (value && typeof value === "object" && "default" in value) {
+        return value.default;
+    }
+    return value;
+};
+export async function loadGlossConfig() {
+    const cwd = process.env.INIT_CWD || process.cwd();
+    const configPath = await resolveConfigPath(cwd);
+    if (!configPath) {
+        throw new GlossConfigError("MISSING_CONFIG", `Missing config in ${cwd}. Expected one of: ${CONFIG_FILE_NAMES.join(", ")}.`);
+    }
+    try {
+        const extension = path.extname(configPath).toLowerCase();
+        const loaded = extension === ".cjs"
+            ? createRequire(import.meta.url)(configPath)
+            : await import(pathToFileURL(configPath).href);
+        const cfg = normalizeLoadedConfig(loaded);
+        if (!cfg || typeof cfg !== "object") {
+            throw new GlossConfigError("INVALID_CONFIG", "Default export must be a config object.");
+        }
+        if (typeof cfg.path !== "string" || !cfg.path.trim()) {
+            throw new GlossConfigError("INVALID_CONFIG", "`path` must be a non-empty string.");
+        }
+        const translationsPath = cfg.path.trim();
+        if (cfg.locales !== undefined && !Array.isArray(cfg.locales)) {
+            throw new GlossConfigError("INVALID_CONFIG", "`locales` must be an array of locale codes when provided.");
+        }
+        const configuredLocales = Array.isArray(cfg.locales)
+            ? cfg.locales
+                .map((entry) => (typeof entry === "string" ? entry.trim() : ""))
+                .filter((entry) => entry.length > 0)
+            : [];
+        const locales = configuredLocales.length > 0
+            ? configuredLocales
+            : await discoverLocales(cwd, translationsPath);
+        if (locales.length === 0) {
+            throw new GlossConfigError("NO_LOCALES", `No locales found. Add "locales" in config or place *.json files in ${translationsPath}.`);
+        }
+        if (typeof cfg.defaultLocale !== "string" || !cfg.defaultLocale.trim()) {
+            throw new GlossConfigError("INVALID_CONFIG", "`defaultLocale` must be a non-empty string.");
+        }
+        const defaultLocale = cfg.defaultLocale.trim();
+        if (!locales.includes(defaultLocale)) {
+            throw new GlossConfigError("INVALID_CONFIG", "`defaultLocale` must be included in `locales`.");
+        }
+        return {
+            ...cfg,
+            locales,
+            defaultLocale,
+            path: translationsPath,
+            format: "json",
+            scan: normalizeScanConfig(cfg.scan),
+        };
+    }
+    catch (e) {
+        if (e instanceof GlossConfigError) {
+            throw e;
+        }
+        const message = e.message;
+        if (path.extname(configPath).toLowerCase() === ".ts" &&
+            /Unexpected token 'export'/.test(message)) {
+            throw new GlossConfigError("INVALID_CONFIG", "Could not parse gloss.config.ts in CommonJS mode. Use `module.exports = { ... }`, rename to gloss.config.cjs, or set package.json `type` to `module`.");
+        }
+        throw new GlossConfigError("INVALID_CONFIG", `Invalid ${path.basename(configPath)}: ${message}`);
+    }
+}

package/dist/devServer.js

@@ -0,0 +1,11 @@
+import { loadGlossConfig } from "./config.js";
+import { startServer } from "./server.js";
+async function main() {
+    const cfg = await loadGlossConfig();
+    const { port } = await startServer(cfg, 5179);
+    console.log(`Gloss API running at http://localhost:${port}`);
+}
+main().catch((error) => {
+    console.error(error);
+    process.exit(1);
+});

package/dist/fs.js

@@ -0,0 +1,37 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+function projectRoot() {
+    return process.env.INIT_CWD || process.cwd();
+}
+function translationsDir(cfg) {
+    if (path.isAbsolute(cfg.path)) {
+        return cfg.path;
+    }
+    return path.join(projectRoot(), cfg.path);
+}
+function localeFile(cfg, locale) {
+    return path.join(translationsDir(cfg), `${locale}.json`);
+}
+export async function readAllTranslations(cfg) {
+    const out = {};
+    for (const locale of cfg.locales) {
+        const file = localeFile(cfg, locale);
+        try {
+            const raw = await fs.readFile(file, "utf8");
+            out[locale] = JSON.parse(raw);
+        }
+        catch {
+            out[locale] = {}; // start empty if missing
+        }
+    }
+    return out;
+}
+export async function writeAllTranslations(cfg, data) {
+    const dir = translationsDir(cfg);
+    await fs.mkdir(dir, { recursive: true });
+    for (const locale of cfg.locales) {
+        const file = localeFile(cfg, locale);
+        const json = JSON.stringify(data[locale] ?? {}, null, 2) + "\n";
+        await fs.writeFile(file, json, "utf8");
+    }
+}

package/dist/index.js

@@ -0,0 +1,113 @@
+#!/usr/bin/env node
+import fs from "node:fs/promises";
+import { fileURLToPath } from "node:url";
+import open from "open";
+import { GlossConfigError, loadGlossConfig } from "./config.js";
+import { startServer } from "./server.js";
+const DEFAULT_PORT = 5179;
+const getVersion = async () => {
+    const packagePath = fileURLToPath(new URL("../package.json", import.meta.url));
+    const raw = await fs.readFile(packagePath, "utf8");
+    const pkg = JSON.parse(raw);
+    return typeof pkg.version === "string" ? pkg.version : "0.0.0";
+};
+const printHelp = () => {
+    console.log(`Gloss
+
+Usage:
+  gloss [options]
+
+Options:
+  -h, --help       Show help
+  -v, --version    Show version
+  --no-open        Do not open browser automatically
+  -p, --port       Set server port (default: ${DEFAULT_PORT})
+`);
+};
+const parseArgs = (args) => {
+    const options = {
+        help: false,
+        version: false,
+        noOpen: false,
+        port: DEFAULT_PORT,
+    };
+    for (let index = 0; index < args.length; index += 1) {
+        const arg = args[index];
+        if (arg === "-h" || arg === "--help") {
+            options.help = true;
+            continue;
+        }
+        if (arg === "-v" || arg === "--version") {
+            options.version = true;
+            continue;
+        }
+        if (arg === "--no-open") {
+            options.noOpen = true;
+            continue;
+        }
+        if (arg === "-p" || arg === "--port") {
+            const nextValue = args[index + 1];
+            if (!nextValue) {
+                throw new Error("Missing value for --port.");
+            }
+            const parsed = Number.parseInt(nextValue, 10);
+            if (!Number.isFinite(parsed) || parsed <= 0) {
+                throw new Error("Port must be a positive integer.");
+            }
+            options.port = parsed;
+            index += 1;
+            continue;
+        }
+        throw new Error(`Unknown argument: ${arg}`);
+    }
+    return options;
+};
+const printConfigError = (error) => {
+    if (error.code === "MISSING_CONFIG") {
+        console.error("Gloss could not start: config file was not found.");
+        console.error("Create one of: gloss.config.ts, gloss.config.mts, gloss.config.js, gloss.config.mjs, gloss.config.cjs.");
+        return;
+    }
+    if (error.code === "NO_LOCALES") {
+        console.error("Gloss could not start: no locales are configured.");
+        console.error("Set `locales: [\"en\", ...]` or place locale JSON files in your configured path.");
+        console.error(error.message);
+        return;
+    }
+    console.error("Gloss could not start: invalid gloss.config.ts.");
+    console.error(error.message);
+};
+async function main() {
+    const options = parseArgs(process.argv.slice(2));
+    if (options.help) {
+        printHelp();
+        return;
+    }
+    if (options.version) {
+        console.log(await getVersion());
+        return;
+    }
+    const cfg = await loadGlossConfig();
+    const { port } = await startServer(cfg, options.port);
+    const url = `http://localhost:${port}`;
+    console.log(`Gloss running at ${url}`);
+    if (options.noOpen || process.env.CI) {
+        return;
+    }
+    try {
+        await open(url);
+    }
+    catch (error) {
+        console.error(`Could not open browser automatically: ${error.message}`);
+        console.error(`Open ${url} manually.`);
+    }
+}
+main().catch((e) => {
+    if (e instanceof GlossConfigError) {
+        printConfigError(e);
+        process.exit(1);
+    }
+    console.error(e instanceof Error ? e.message : String(e));
+    printHelp();
+    process.exit(1);
+});

package/dist/renameKeyUsage.js

@@ -0,0 +1,66 @@
+import fs from "node:fs/promises";
+import path from "node:path";
+const IGNORED_DIRECTORIES = new Set([
+    "node_modules",
+    "dist",
+    "build",
+    ".git",
+    "coverage",
+]);
+const SCANNED_EXTENSIONS = new Set([".ts", ".tsx", ".js", ".jsx"]);
+const TRANSLATION_CALL_REGEX = /(\b(?:t|translate)\s*\(\s*)(['"])([^'"]+)\2/g;
+const projectRoot = () => process.env.INIT_CWD || process.cwd();
+const normalizePath = (filePath) => filePath.split(path.sep).join("/");
+const isScannableFile = (fileName) => SCANNED_EXTENSIONS.has(path.extname(fileName));
+export async function renameKeyUsage(oldKey, newKey, rootDir = projectRoot()) {
+    if (!oldKey || !newKey || oldKey === newKey) {
+        return {
+            changedFiles: [],
+            filesScanned: 0,
+            replacements: 0,
+        };
+    }
+    const changedFiles = [];
+    let filesScanned = 0;
+    let replacements = 0;
+    const scanDirectory = async (directory) => {
+        const entries = await fs.readdir(directory, { withFileTypes: true });
+        for (const entry of entries) {
+            const fullPath = path.join(directory, entry.name);
+            if (entry.isDirectory()) {
+                if (IGNORED_DIRECTORIES.has(entry.name)) {
+                    continue;
+                }
+                await scanDirectory(fullPath);
+                continue;
+            }
+            if (!entry.isFile() || !isScannableFile(entry.name)) {
+                continue;
+            }
+            filesScanned += 1;
+            const source = await fs.readFile(fullPath, "utf8");
+            let fileReplacements = 0;
+            const updated = source.replace(TRANSLATION_CALL_REGEX, (match, prefix, quote, key) => {
+                if (key !== oldKey) {
+                    return match;
+                }
+                fileReplacements += 1;
+                replacements += 1;
+                return `${prefix}${quote}${newKey}${quote}`;
+            });
+            TRANSLATION_CALL_REGEX.lastIndex = 0;
+            if (fileReplacements === 0 || updated === source) {
+                continue;
+            }
+            await fs.writeFile(fullPath, updated, "utf8");
+            changedFiles.push(normalizePath(path.relative(rootDir, fullPath)));
+        }
+    };
+    await scanDirectory(rootDir);
+    changedFiles.sort((left, right) => left.localeCompare(right));
+    return {
+        changedFiles,
+        filesScanned,
+        replacements,
+    };
+}

package/dist/scanFilters.js

@@ -0,0 +1,46 @@
+const normalizePath = (filePath) => filePath.split("\\").join("/").replace(/^\.\//, "");
+const escapeRegexChar = (value) => value.replace(/[|\\{}()[\]^$+?.]/g, "\\$&");
+const globToRegExp = (pattern) => {
+    const normalized = normalizePath(pattern.trim());
+    let regex = "^";
+    for (let index = 0; index < normalized.length; index += 1) {
+        const char = normalized[index];
+        const next = normalized[index + 1];
+        if (char === "*" && next === "*") {
+            regex += ".*";
+            index += 1;
+            continue;
+        }
+        if (char === "*") {
+            regex += "[^/]*";
+            continue;
+        }
+        if (char === "?") {
+            regex += "[^/]";
+            continue;
+        }
+        regex += escapeRegexChar(char);
+    }
+    regex += "$";
+    return new RegExp(regex);
+};
+const compilePatterns = (patterns) => {
+    if (!patterns || patterns.length === 0) {
+        return [];
+    }
+    return patterns.map((pattern) => globToRegExp(pattern));
+};
+export const createScanMatcher = (scan) => {
+    const includes = compilePatterns(scan?.include);
+    const excludes = compilePatterns(scan?.exclude);
+    return (relativePath) => {
+        const normalized = normalizePath(relativePath);
+        if (includes.length > 0 && !includes.some((pattern) => pattern.test(normalized))) {
+            return false;
+        }
+        if (excludes.some((pattern) => pattern.test(normalized))) {
+            return false;
+        }
+        return true;
+    };
+};

package/dist/server.js

@@ -0,0 +1,92 @@
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import express from "express";
+import cors from "cors";
+import { readAllTranslations, writeAllTranslations } from "./fs.js";
+import { buildKeyUsageMap } from "./usage.js";
+import { inferUsageRoot, scanUsage } from "./usageScanner.js";
+import { renameKeyUsage } from "./renameKeyUsage.js";
+const resolveUiDistPath = () => {
+    const runtimeDir = path.dirname(fileURLToPath(import.meta.url));
+    const candidates = [
+        path.resolve(runtimeDir, "ui"),
+        path.resolve(process.cwd(), "packages/ui/dist"),
+        path.resolve(process.cwd(), "ui/dist"),
+    ];
+    for (const candidate of candidates) {
+        const indexPath = path.join(candidate, "index.html");
+        if (fs.existsSync(indexPath)) {
+            return candidate;
+        }
+    }
+    return null;
+};
+export function createServerApp(cfg) {
+    const app = express();
+    app.use(cors());
+    app.use(express.json({ limit: "5mb" }));
+    app.get("/api/config", (_req, res) => res.json(cfg));
+    app.get("/api/translations", async (_req, res) => {
+        const data = await readAllTranslations(cfg);
+        res.json(data);
+    });
+    app.get("/api/usage", async (_req, res) => {
+        const usage = await scanUsage(inferUsageRoot(cfg), cfg.scan);
+        res.json(usage);
+    });
+    app.get("/api/key-usage", async (_req, res) => {
+        const usage = await buildKeyUsageMap(cfg);
+        res.json(usage);
+    });
+    app.post("/api/translations", async (req, res) => {
+        const data = req.body;
+        await writeAllTranslations(cfg, data);
+        res.json({ ok: true });
+    });
+    app.post("/api/rename-key", async (req, res) => {
+        const body = req.body;
+        const oldKey = typeof body.oldKey === "string" ? body.oldKey.trim() : "";
+        const newKey = typeof body.newKey === "string" ? body.newKey.trim() : "";
+        if (!oldKey || !newKey) {
+            res.status(400).json({
+                ok: false,
+                error: "oldKey and newKey are required string values.",
+            });
+            return;
+        }
+        try {
+            const result = await renameKeyUsage(oldKey, newKey);
+            res.json({ ok: true, ...result });
+        }
+        catch (error) {
+            res.status(500).json({
+                ok: false,
+                error: error.message,
+            });
+        }
+    });
+    const uiDistPath = resolveUiDistPath();
+    if (uiDistPath) {
+        app.use(express.static(uiDistPath, { index: false }));
+        app.get("/", (_req, res) => {
+            res.sendFile(path.join(uiDistPath, "index.html"));
+        });
+        app.get(/^\/(?!api(?:\/|$)).*/, (_req, res) => {
+            res.sendFile(path.join(uiDistPath, "index.html"));
+        });
+    }
+    else {
+        console.warn("Gloss UI build not found. Run `npm -w @gloss/ui run build`.");
+    }
+    return app;
+}
+export async function startServer(cfg, port = 5179) {
+    const app = createServerApp(cfg);
+    const server = await new Promise((resolve) => {
+        const nextServer = app.listen(port, () => resolve(nextServer));
+    });
+    const address = server.address();
+    const resolvedPort = typeof address === "object" && address ? address.port : port;
+    return { port: resolvedPort, server };
+}

package/dist/translationKeys.js

@@ -0,0 +1,17 @@
+const TRANSLATION_KEY_PATTERN = /^[A-Za-z0-9][A-Za-z0-9._:/-]*$/;
+export const isLikelyTranslationKey = (value) => {
+    const key = value.trim();
+    if (key.length === 0 || key.length > 160) {
+        return false;
+    }
+    if (/\s/.test(key)) {
+        return false;
+    }
+    if (/[+;,{}()[\]\\]/.test(key)) {
+        return false;
+    }
+    if (key.includes("://")) {
+        return false;
+    }
+    return TRANSLATION_KEY_PATTERN.test(key);
+};

package/dist/ui/assets/index-CREq9Gop.css

@@ -0,0 +1 @@
+:root{--text-primary: #0f2343;--text-secondary: #3f5478;--text-muted: #5b7196;--surface-card: #ffffff;--surface-border: #d6e0f0;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;line-height:1.45;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 0%,rgba(255,186,132,.26),transparent 42%),radial-gradient(circle at 90% 18%,rgba(120,184,255,.28),transparent 40%),linear-gradient(180deg,#f3f7ff,#f8f1e8)}#root{width:100%}.gloss-app{--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;max-width:1360px;margin:0 auto;padding:var(--space-4) var(--space-3) calc(var(--space-5) + var(--space-2));color:var(--text-primary)}.hero{padding:var(--space-3) var(--space-4);border-radius:16px;border:1px solid #d9e3f6;background:linear-gradient(140deg,#fdfeff,#f8faff 55%,#f4f8ff);box-shadow:0 10px 24px #16264612}.hero__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.hero__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:var(--text-muted)}.hero__title{margin:.4rem 0 0;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1;letter-spacing:-.02em}.hero__summary{margin:var(--space-2) 0 var(--space-2);max-width:72ch;color:var(--text-secondary);line-height:1.45}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.stat-chip{display:flex;align-items:baseline;gap:.45rem;padding:.4rem .68rem;border-radius:999px;background:#fffffff5;border:1px solid rgba(21,37,66,.09)}.stat-chip span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-chip strong{font-size:1rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.625rem}.language-switch{display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .4rem;border-radius:999px;border:1px solid var(--surface-border);background:#fffffff0}.language-switch span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-inline:.25rem}.support-cards{margin-top:var(--space-2);display:grid;gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));opacity:.88}.support-card{border-radius:12px;border:1px solid #e2e9f7;background:#fbfcff;padding:var(--space-2) var(--space-3)}.support-card h2{margin:0;font-size:.95rem}.support-card p{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:.88rem;line-height:1.45}.editor-shell{margin-top:var(--space-3);border-radius:18px;border:1px solid #dbe4f5;background:#fdfefe;padding:var(--space-3);box-shadow:0 16px 30px #0f234c12;display:grid;gap:var(--space-2)}.status-bar{margin:0;border-radius:12px;border:1px solid #dbe5f7;background:#f8fbff;padding:.625rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.status-bar__main{margin:0;font-weight:600;font-size:.9rem}.status-bar__main--error{color:#8f2935}.status-bar__main--warning{color:#7b5b23;display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.status-bar__main--success{color:#1d6a42}.status-bar__main--info{color:var(--text-secondary)}.status-bar__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid #cad8f2;background:#f0f5ff;color:#29476f;font-size:.76rem;font-weight:600;padding:.18rem .5rem}.status-chip--muted{background:#f6f8fc;border-color:#dde4f2;color:#4d6285}.loading-state{margin:20vh auto 0;max-width:280px;border-radius:12px;border:1px solid #d5e2fb;background:#f7faff;padding:var(--space-3);text-align:center;color:var(--text-secondary)}.notice{margin:0 0 .7rem;padding:.6rem .75rem;border-radius:10px;border:1px solid transparent}.notice--error{color:#901f1a;background:#fff3f2;border-color:#f7cdc8}.notice--success{color:#0d6837;background:#edf8f0;border-color:#b6e4c3}.notice--warning{color:#7a4f08;background:#fff5de;border-color:#f4d090}.notice--stale{color:#7a2b31;background:#fff2f4;border-color:#f4c0c9;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.editor-tabs{display:flex;gap:var(--space-1);margin:0;padding:.25rem;border:1px solid #e2e9f6;border-radius:11px;background:#f7faff}.translations-workspace{display:grid;gap:var(--space-2)}.editor-controls{display:grid;gap:var(--space-1);padding:var(--space-1);border-radius:14px;border:1px solid #e1e8f6;background:linear-gradient(180deg,#f9fbff,#f6f9ff)}.toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:var(--space-2);border:1px solid #e4ebf8;border-radius:12px;background:#fff}.toolbar__primary{flex:1 1 280px;min-width:240px}.toolbar__secondary{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.toolbar__field{display:grid;gap:.32rem;min-width:160px}.toolbar__field--search input{width:100%}.toolbar__field span{font-size:.75rem;font-weight:600;color:#5f7394;text-transform:uppercase;letter-spacing:.06em}.toolbar__toggle{display:flex;align-items:center;gap:.4rem;font-size:.88rem;padding:.42rem .6rem;border:1px solid #dbe5f7;border-radius:10px;background:#fdfefe}.toolbar__advanced{width:100%;border:1px solid #dbe5f7;border-radius:12px;background:#f8fbff;padding:.7rem;display:grid;gap:.6rem}.toolbar__advanced-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.toolbar__advanced-head strong{font-size:.84rem;color:#2f4b75}.toolbar__advanced-actions{display:flex;gap:.4rem;flex-wrap:wrap}.toolbar__advanced-empty{margin:0;color:var(--text-secondary);font-size:.84rem}.toolbar__rules{display:grid;gap:.45rem}.toolbar__rule{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:.45rem;align-items:end;padding:.55rem;border:1px solid #d9e4f8;border-radius:10px;background:#fff}.toolbar__sort{display:flex;align-items:end;gap:.45rem;flex-wrap:wrap;padding-top:.25rem;border-top:1px dashed #d4dff4}.add-key-form{display:flex;align-items:flex-end;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:var(--space-2);border:1px solid #e4ebf8;border-radius:12px;background:#fff}.add-key-form input{min-width:260px;flex:1 1 280px}.add-key-form__error{margin:0;color:#8f3c45;font-size:.82rem;padding:0 .125rem}.editor-main{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:var(--space-3);align-items:start}.editor-content{min-width:0;border:1px solid #dfe8f6;border-radius:15px;background:#fcfdff;padding:var(--space-2);box-shadow:inset 0 1px #fff}.file-tree{border:1px solid #d8e3f4;border-radius:14px;background:linear-gradient(180deg,#f8faff,#f2f7ff);padding:var(--space-2);max-height:74vh;overflow:auto;box-shadow:inset 0 1px #fff}.file-tree__title{margin:0 0 var(--space-1);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);position:sticky;top:-.5rem;z-index:2;background:linear-gradient(180deg,#f8faff,#f8fafff5);padding:.45rem 0 .35rem}.file-tree__all-btn,.file-tree__folder-btn,.file-tree__file-btn{width:100%;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;padding:.42rem .54rem;color:var(--text-primary);font:inherit;cursor:pointer}.file-tree__all-btn,.file-tree__file-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.file-tree__folder-btn{display:inline-flex;align-items:center;gap:.38rem;color:#26456f;font-weight:600}.file-tree__caret{width:.8rem;color:#50688f}.file-tree__folder-name{overflow:hidden;text-overflow:ellipsis}.file-tree__all-btn:hover,.file-tree__folder-btn:hover,.file-tree__file-btn:hover{background:#e9f1ff}.file-tree__all-btn.is-selected,.file-tree__file-btn.is-selected{border-color:#8caadd;background:#e4edff;box-shadow:inset 3px 0 #466fcf}.file-tree__file-name{overflow:hidden;text-overflow:ellipsis}.file-tree__file-count{color:var(--text-muted);font-size:.72rem;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;background:#edf2fd;border:1px solid #d4e0f5;border-radius:999px;padding:.1rem .38rem}.file-tree__list{list-style:none;margin:var(--space-1) 0 0;padding:0;display:grid;gap:.1rem}.file-tree__item{margin:0}.file-tree__empty{margin:.55rem 0 0;color:var(--text-secondary);font-size:.88rem}.duplicates-panel{border:1px solid var(--surface-border);border-radius:12px;background:#f8fafe;padding:.7rem}.duplicates-panel__title{margin:0 0 .65rem;font-size:.95rem;font-weight:700}.duplicates-panel__list{display:grid;gap:.75rem}.duplicate-locale{border:1px solid #d7e2f7;border-radius:10px;background:#fff;padding:.55rem}.duplicate-locale__title{margin:0 0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.duplicate-group{border:1px solid #e3ebfb;border-radius:9px;padding:.5rem;margin-top:.45rem}.duplicate-group__top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;align-items:center}.duplicate-group__value{overflow-wrap:anywhere}.duplicate-group__count{font-size:.78rem;color:var(--text-muted)}.duplicate-group__keys{margin:.45rem 0 0;padding-left:1.2rem;display:grid;gap:.2rem;color:var(--text-secondary);font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:.78rem}.table-wrap{border-radius:12px;border:1px solid #d8e3f4;background:#fff;overflow:auto;max-height:74vh}.grid-table{width:100%;min-width:1180px;border-collapse:collapse}.grid-table th{text-align:left;padding:.78rem .72rem;border-bottom:1px solid #d9e3f5;background:#f6f9ff;position:sticky;top:0;z-index:2;color:#3a557f;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.grid-table td{padding:.72rem .66rem;border-bottom:1px solid #edf1f8;vertical-align:top}.grid-table tr.row-state--none>td{background:#fff7f6}.grid-table tr.row-state--partial>td{background:#fffaf2}.grid-table tr.row-state--none td.value-cell--dirty,.grid-table tr.row-state--partial td.value-cell--dirty{background:#e9f2ff}.grid-table tr.row-state--none td.value-cell--dirty-missing,.grid-table tr.row-state--partial td.value-cell--dirty-missing{background:#fff2df}.grid-table tbody tr:not(.usage-files-row):not(.virtual-spacer):hover>td{background-color:#f7fafe}.key-col{width:320px;min-width:320px;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:.83rem;color:#1f3659;border-right:1px solid #d7e2f4;background-clip:padding-box}.key-col--unused{color:#7a5b2f}.key-col--file-selected{box-shadow:inset 3px 0 #4a74d9}.key-col--placeholder-warning{box-shadow:inset 0 -2px #e59f35}.usage-col{width:130px}.usage-cell{color:var(--text-secondary);white-space:nowrap}.usage-cell--unused{background:#fffaf3}.usage-toggle{border:0;background:none;padding:0;font:inherit;color:#1848a3;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.usage-tag{font-size:.74rem;font-weight:600;color:#8b6a39;text-transform:lowercase}.usage-files-row td{background:#f8fbff;padding-top:.7rem;padding-bottom:.8rem}.virtual-spacer td{border-bottom:0;padding:0}.usage-files{font-size:.82rem;color:var(--text-secondary);border:1px solid #dde6f6;border-radius:10px;background:#fff;padding:.6rem .7rem}.usage-files strong{margin-right:.45rem;color:var(--text-primary)}.usage-files-list{margin:.45rem 0 0;padding-left:1.2rem;display:grid;gap:.26rem;color:var(--text-primary);font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:.78rem}.status-col{width:176px;min-width:176px;color:#4a5f80;font-size:.84rem;line-height:1.4}.status-col__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.status-inline-tag{display:inline-flex;align-items:center;border-radius:999px;padding:.1rem .42rem;font-size:.7rem;font-weight:700;letter-spacing:.03em}.status-inline-tag--warning{color:#8a5a15;background:#fff4df;border:1px solid #efd2a1}.locale-col,.locale-cell{min-width:220px}.value-cell{background:transparent}.value-cell--missing{background:#fffaf4}.value-cell--dirty{background:#e9f2ff}.value-cell--dirty-missing{background:#fff3e3}.value-cell--active{box-shadow:inset 0 0 0 2px #2c5ecf57}.value-input{box-sizing:border-box;width:100%;resize:vertical;min-height:2.25rem;line-height:1.35}.value-input--dirty{border-color:#0e5fd8;box-shadow:0 0 0 2px #0e5fd814}.actions-col{width:220px;min-width:220px}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.rename-form{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.inline-error{color:#9a241f;width:100%;font-size:.82rem}.empty-state{margin:1rem auto;padding:2.25rem 1.25rem;border:1px dashed #dbe4f5;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#f6f9ff);text-align:center;max-width:680px;color:var(--text-secondary);line-height:1.5}.footer-actions{margin-top:var(--space-2);padding:var(--space-2) 0 0;border-top:1px solid #e2e9f6;display:flex;justify-content:flex-end;position:sticky;bottom:0;background:linear-gradient(180deg,#fdfeff00,#fdfeff 32%);z-index:3}.footer-actions .btn--primary{min-width:152px;min-height:2.5rem;font-size:.95rem}.btn{border-radius:10px;border:1px solid transparent;padding:.5rem .8rem;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:hover{transform:translateY(-.5px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{color:#fff;background:linear-gradient(135deg,#245fdf,#1b49be);box-shadow:0 10px 18px #1f59d942}.btn--ghost{color:#1d355c;border-color:#c2d0ea;background:#f6f9ff}.btn--support{color:#fff;background:linear-gradient(135deg,#ff7849,#f14c4c);box-shadow:0 7px 16px #f14c4c3b}.btn--danger{color:#9c212a;border-color:#eec1c7;background:#fff6f7}.btn--small{padding:.4rem .6rem;font-size:.8rem}.is-active{border-color:#4d73d7;background:#eaf1ff}input,textarea,select{border-radius:9px;border:1px solid #c4d2ea;background:#fff;color:var(--text-primary);padding:.48rem .6rem;font:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:#1f5eff;box-shadow:0 0 0 3px #1f5eff24}.modal-overlay{position:fixed;inset:0;background:#0e162480;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-dialog{width:min(480px,100%);border-radius:14px;border:1px solid var(--surface-border);background:var(--surface-card);box-shadow:0 24px 44px #0e1f4847;padding:1rem;display:grid;gap:.75rem}.modal-dialog__message{margin:0;color:var(--text-primary)}.modal-dialog__actions{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:860px){.gloss-app{padding:var(--space-3) var(--space-2) calc(var(--space-5) + var(--space-2))}.hero{padding:var(--space-3)}.hero__top{align-items:flex-start}.editor-shell{padding:var(--space-2)}.status-bar{align-items:flex-start}.editor-controls{padding:.5rem}.toolbar__primary,.toolbar__secondary,.toolbar__field,.toolbar__field--search,.toolbar__rule{width:100%}.toolbar__rule{grid-template-columns:1fr;align-items:stretch}.toolbar__field input,.toolbar__field select,.toolbar__secondary .btn,.add-key-form input{width:100%}.editor-main{grid-template-columns:1fr}.file-tree{max-height:none}}