:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f5f7;font-family:Space Grotesk,Segoe UI,sans-serif}body{margin:0}#root{min-height:100vh}*{box-sizing:border-box}.app{background:#f4f5f7;gap:24px;min-height:100vh;padding:24px;display:flex}.form-panel{background:#fff;border-radius:12px;align-self:flex-start;width:420px;max-width:100%;height:calc(100vh - 48px);padding:24px;position:sticky;top:24px;overflow-y:auto;box-shadow:0 12px 30px #0f172a14}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.locale-select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:12px}.panel-header h1{color:#0f172a;margin:0 0 6px;font-size:22px}.panel-header p{color:#475569;margin:0;font-size:13px}.form-section{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.form-section h2{color:#0f172a;margin:0;font-size:15px}.section-title-row{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.section-title-input{width:180px;font-size:12px}label{color:#64748b;flex-direction:column;gap:6px;font-size:12px;display:flex}input,textarea,select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}textarea{resize:vertical;min-height:110px}.row{align-items:center;gap:8px;display:flex}.row.actions{justify-content:space-between}.group{background:#f8fafc;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}button{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12px}button.primary{color:#fff;background:#0f172a}button.ghost{color:#1e293b;background:0 0;border:1px solid #cbd5f5}button.ghost.danger{color:#b91c1c;border-color:#f8b4b4}.preview-panel{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:10px;display:flex}.preview-header{color:#0f172a;background:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;width:100%;max-width:860px;margin-bottom:10px;padding:12px 16px;font-size:12px;display:none;box-shadow:0 6px 16px #0f172a14}.mobile-preview-button{color:#fff;z-index:50;background:#0f172a;border-radius:999px;padding:12px 20px;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0f172a40}.cv{color:#333;background:#fff;border-radius:8px;width:800px;max-width:100%;padding:8px;font-family:Arial,sans-serif;font-size:12px;line-height:1.4;box-shadow:0 10px 30px #0f172a14}.cv h1{text-align:center;color:#333;margin:10px 0;font-size:20px}.cv .contact{text-align:center;margin-bottom:15px;font-size:11px}.cv .section{break-inside:avoid;page-break-inside:avoid;margin-bottom:25px}.cv h2{color:#2c3e50;border-bottom:2px solid #2c3e50;margin:10px 0;padding-bottom:3px;font-size:16px}.cv .experience{break-inside:avoid;page-break-inside:avoid;border-bottom:1px solid #e2e8f0;margin-bottom:12px;padding-bottom:12px}.cv .experience-header{justify-content:space-between;gap:8px;font-size:11px;font-weight:700;display:flex}.cv ul{break-inside:avoid;page-break-inside:avoid;margin:5px 0;padding-left:20px}.cv li{margin-bottom:3px}.cv .skills-section h3{color:#4a5568;margin:10px 0 5px;font-size:13px}.cv .skills{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.cv .skill{background-color:#f0f2f5;border-radius:3px;padding:3px 8px;font-size:10px}.cv a{color:#2c3e50;text-decoration:none}.cv a:hover{text-decoration:underline}.cv p{margin:5px 0}.cv[dir=rtl]{direction:rtl}.cv[dir=rtl] .experience-header{flex-direction:row-reverse}.cv[dir=rtl] .contact{text-align:center}@media (width<=1100px){.app{flex-direction:column}.form-panel{width:100%;height:auto;position:static}.preview-panel{display:none}.preview-panel.is-open{z-index:40;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#0f172a99;flex-direction:column;justify-content:flex-start;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:scroll}.preview-panel.is-open .preview-header{display:flex}.preview-panel.is-open .cv{width:min(800px,100%);margin-bottom:60px}.mobile-preview-button{display:inline-flex}.preview-panel.is-open+.mobile-preview-button{display:none}}@media print{.app{background:#fff;padding:0}.form-panel{display:none}.preview-panel{padding:0}.cv{box-shadow:none;border-radius:0;width:100%;max-width:none}}