Bewerbungs-Editor-2

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CV Editor Pro 3.0</title>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,[email protected],300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" rel="stylesheet">
<style>
:root{
  --ed-bg:#0e1117;--ed-surface:#161b22;--ed-elevated:#1c2230;--ed-border:#2a3140;
  --ed-border-lt:#363f50;--ed-text:#e2e8f0;--ed-text2:#94a3b8;--ed-text3:#64748b;
  --ed-accent:#c9874a;--ed-accent-h:#b5763d;--ed-accent-sub:rgba(201,135,74,.1);
  --ed-danger:#f85149;--ed-success:#3fb950;--ed-warn:#d29922;
  --canvas-bg:#13171f;--paper:#fff;--cv-text:#1f2937;--cv-muted:#6b7280;--cv-border:#e5e7eb;
  --r:8px;--rl:12px;--shadow:0 4px 24px rgba(0,0,0,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--ed-bg);color:var(--ed-text);height:100vh;display:flex;flex-direction:column;overflow:hidden}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--ed-border);border-radius:3px}::-webkit-scrollbar-track{background:transparent}
.material-symbols-outlined{font-size:20px;vertical-align:middle;user-select:none}

/* === TOPBAR === */
.topbar{background:var(--ed-surface);height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--ed-border);flex-shrink:0;z-index:100}
.tb-left{display:flex;align-items:center;gap:14px}
.tb-logo{font-size:1.05rem;font-weight:700;letter-spacing:-.5px;white-space:nowrap}
.tb-logo span{color:var(--ed-accent)}
.tb-doc-title{background:var(--ed-bg);border:1px solid var(--ed-border);border-radius:6px;color:var(--ed-text);padding:5px 10px;font-size:.78rem;font-family:inherit;width:200px;transition:border-color...