:root {
    --primary: #000;
    --accent: #5e17eb;
    --gray: #f4f4f4;
}

* { margin: 0; padding: 0; box-sizing: border-box; outline: none; }
body { background: #111; font-family: 'Inter', sans-serif; color: #fff; }

/* Верхня панель керування */
.toolbar {
    position: fixed; top: 20px; left: 50%; transform: translateX(-50%);
    background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);
    padding: 10px 25px; border-radius: 50px; display: flex; gap: 20px;
    z-index: 100; border: 1px solid rgba(255,255,255,0.1);
}

.toolbar button {
    background: transparent; border: none; color: #fff; cursor: pointer;
    font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;
}

.save-btn { color: var(--accent) !important; }

/* Обгортка аркуша */
.canvas-wrapper { padding-top: 100px; padding-bottom: 50px; display: flex; justify-content: center; }

.resume-sheet {
    width: 210mm; min-height: 297mm; background: #fff; color: #000;
    padding: 20mm; box-shadow: 0 0 50px rgba(0,0,0,0.5);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

/* СТИЛІ ТЕМ */
.minimal h1 { font-size: 48px; font-weight: 800; letter-spacing: -2px; }
.minimal .main-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-top: 40px; }
.minimal h3 { font-size: 12px; border-bottom: 2px solid #000; margin-bottom: 15px; padding-bottom: 5px; }

/* Стиль Executive (Строгий) */
.executive { font-family: 'Serif'; border: 1px solid #ddd; }
.executive header { text-align: center; border-bottom: 2px solid #333; margin-bottom: 30px; }
.executive .main-grid { display: block; }
.executive h3 { background: #333; color: #fff; padding: 5px 10px; }

/* Стиль Vibe (Творчий) */
.vibe { background: linear-gradient(to right, #fff 70%, var(--gray) 30%); }
.vibe h1 { color: var(--accent); }
.vibe section { margin-bottom: 30px; }

/* Ефект при фокусі на тексті */
[contenteditable]:focus { background: rgba(94, 23, 235, 0.05); border-radius: 4px; }