*{box-sizing:border-box} :root{font-family:Inter,Arial,sans-serif;color:#151515;background:#f3f4f6}
body{margin:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}
.sub{font-size:12px;color:#666;margin-left:12px}.top-actions{display:flex;align-items:center;gap:10px}.top-actions label{display:flex;align-items:center;gap:7px;margin:0}
button,select,input,textarea{font:inherit}button{border:0;border-radius:7px;background:#111;color:white;padding:10px 14px;cursor:pointer;font-weight:650}
button.secondary{background:#eceef1;color:#222}.workspace{display:grid;grid-template-columns:minmax(360px,520px) 1fr;min-height:calc(100vh - 64px)}
.editor{background:#fff;border-right:1px solid #ddd;padding:20px;overflow:auto}.save-state{font-size:12px;color:#5b5b5b;margin:0 0 12px}
details{border-bottom:1px solid #e5e5e5;padding:0 0 16px;margin-bottom:16px}summary{font-weight:750;cursor:pointer;margin-bottom:14px}
label{display:block;font-size:12px;font-weight:650;color:#555;margin-bottom:10px}input,textarea,select{width:100%;border:1px solid #cfd3d8;border-radius:6px;padding:10px;margin-top:5px;background:white;color:#111}
textarea{resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.entry{border:1px solid #dfe2e6;border-radius:8px;padding:12px;margin:0 0 12px;background:#fafafa}
.entry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.entry-head strong{font-size:13px}.remove{background:none;color:#9a2525;padding:3px 6px}.add{width:100%}.ats-note{background:#f4f6f8;border-radius:8px;padding:14px;font-size:13px}.ats-note p{margin:5px 0 0;color:#555;line-height:1.45}
.preview-wrap{padding:28px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.preview-wrap{padding:12px}.topbar{height:auto;gap:12px;padding:12px;align-items:flex-start}.top-actions{flex-wrap:wrap}.sub{display:none}.grid2{grid-template-columns:1fr}}
@media print{.topbar,.editor{display:none!important}.workspace{display:block}.preview-wrap{padding:0;background:white}.resume{box-shadow:none!important;margin:0!important}}