.jbc-app{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:2rem;align-items:start}
.jbc-form{background:#fff;border:1px solid #E6E3F1;border-radius:16px;padding:1.2rem;display:grid;gap:1rem}
.jbc-form fieldset{border:0;padding:0;margin:0;display:grid;gap:.6rem}
.jbc-form legend{font-weight:800;font-size:1.05rem;padding:0;margin-bottom:.4rem}
.jbc-form label{display:grid;gap:.25rem;font-weight:600;font-size:.84rem}
.jbc-form input,.jbc-form textarea,.jbc-form select{width:100%;padding:.65rem .8rem;border:1px solid #E6E3F1;border-radius:10px;font:inherit;background:#fff;box-sizing:border-box}
.jbc-form input[type=color]{padding:2px;height:40px}
.jbc-toolbar{display:grid;grid-template-columns:1fr 70px;gap:.7rem}
.jbc-toolbar label:last-child{grid-column:1/-1}
.jbc-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.jbc-row{border:1px dashed #D5D0E8;border-radius:12px;padding:.8rem;display:grid;gap:.6rem}
.jbc-row-actions{display:flex;gap:1rem}
.jbc-link{background:none;border:0;color:#5B3DF5;font-weight:600;cursor:pointer;padding:0}
.jbc-btn{min-height:44px;padding:0 20px;border:0;border-radius:10px;background:#5B3DF5;color:#fff;font-weight:700;cursor:pointer}
.jbc-btn--soft{background:#EFEBFF;color:#3F27C9}
.jbc-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.jbc-chips{display:flex;gap:.4rem;flex-wrap:wrap}
.jbc-chip{border:1px solid #D5D0E8;background:#fff;border-radius:999px;padding:.3rem .7rem;cursor:pointer;font-size:.82rem}
.jbc-stage{position:sticky;top:90px;overflow:hidden;background:#EDEBF5;border-radius:16px;padding:1rem}
/* A4 sheet scaled to fit the stage */
.jbc-paper{--cv:#5B3DF5;width:794px;min-height:1000px;background:#fff;margin:0 auto;padding:44px;box-sizing:border-box;color:#1b1830;font:14px/1.5 system-ui,sans-serif;transform-origin:top left;transform:scale(var(--s,1))}
.jbc-paper h1{margin:0;font-size:32px;line-height:1.1}
.jbc-paper h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--cv);margin:22px 0 8px;border-bottom:2px solid var(--cv);padding-bottom:4px}
.jbc-paper .cv-t{margin:4px 0 6px;font-size:16px;color:var(--cv);font-weight:600}
.jbc-paper .cv-c{margin:0;color:#59557a;font-size:12.5px}.jbc-paper .cv-c i{opacity:.4;font-style:normal;margin:0 4px}
.jbc-paper .cv-h{display:flex;justify-content:space-between;gap:1rem}.jbc-paper .cv-h span{color:#59557a;white-space:nowrap}
.jbc-paper .cv-o{color:#59557a;margin-bottom:4px}.jbc-paper ul{margin:4px 0 12px 18px;padding:0}
.jbc-paper .cv-item{margin-bottom:6px}
.jbc-paper .cv-body{display:block}
.jbc-paper .cv-sk{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.jbc-paper .cv-sk li{background:color-mix(in srgb,var(--cv) 12%,#fff);border-radius:6px;padding:2px 9px;font-size:12.5px}
.jbc-paper .cv-side:empty{display:none}
.jbc-paper .cv-side{margin-bottom:6px}
/* Templates */
.tpl-classic{font-family:Georgia,serif}.tpl-classic .cv-head{text-align:center;border-bottom:3px double #1b1830;padding-bottom:12px}.tpl-classic h2{color:#1b1830;border-color:#1b1830}.tpl-classic .cv-t{color:#1b1830}
.tpl-sidebar .cv-body{display:grid;grid-template-columns:200px 1fr;gap:28px}.tpl-sidebar .cv-side{order:-1;background:color-mix(in srgb,var(--cv) 10%,#fff);padding:14px;border-radius:10px}.tpl-sidebar .cv-side h2{margin-top:0}.tpl-sidebar .cv-sk{flex-direction:column}.tpl-sidebar .cv-side:empty{display:block}
.tpl-bold .cv-head{background:var(--cv);color:#fff;margin:-44px -44px 20px;padding:36px 44px}.tpl-bold .cv-t,.tpl-bold .cv-c{color:#fff}
.tpl-compact{font-size:12.5px;padding:30px}.tpl-compact h1{font-size:26px}.tpl-compact h2{margin-top:14px}
.tpl-minimal h2{border:0;color:#1b1830;font-size:12px}.tpl-minimal .cv-t{color:#59557a}.tpl-minimal .cv-sk li{background:#F2F1F7}
@media (max-width:1100px){.jbc-app{grid-template-columns:1fr}.jbc-stage{position:static}}
@media print{body *{visibility:hidden}.jbc-paper,.jbc-paper *{visibility:visible}.jbc-paper{position:absolute;left:0;top:0;width:100%;transform:none!important;margin:0!important;box-shadow:none}@page{margin:0}}