:root{--bg:#eff0f1;--surface:#fff;--text:#10233d;--muted:#4b5665;--line:#d1d5db;--brand:#002349;--brand-gold:#c29b40;--brand-grey:#eff0f1;--brand-red:#ef3e42;--brand-silver:#a5acaf;--white:#fff;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--space-1:6px;--space-2:8px;--space-3:10px;--space-4:12px;--space-5:16px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.45;color:var(--text);background:radial-gradient(circle at 12% 0,#f7f8f9,var(--bg) 48%)}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.2}h1,h2,h3,p{margin:0 0 var(--space-3)}label{font-size:14px}.shell{position:relative;min-height:100vh}.nav-drawer{position:fixed;top:14px;left:14px;z-index:120}body.builder-page .nav-drawer{display:none!important}.nav-hamburger{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600;list-style:none;color:var(--brand);border-color:rgba(194,155,64,.7);background:#fff}.nav-drawer summary::-webkit-details-marker{display:none}.toolbar-nav{position:relative}.toolbar-nav>summary::-webkit-details-marker{display:none}.toolbar-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;z-index:50;box-shadow:0 10px 24px rgba(16,24,40,.14)}.toolbar-menu a:hover{color:var(--brand-gold)}.toolbar-menu-overlay{position:fixed;inset:0;z-index:45;border:0;margin:0;padding:0;background:transparent}.sidebar{width:260px;margin-top:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-5);box-shadow:0 10px 28px rgba(16,24,40,.18)}.main{padding:16px;min-width:0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.row{display:flex;gap:var(--space-3);align-items:center}.btn{border:1px solid var(--line);background:#fff;border-radius:var(--radius-md);min-height:36px;padding:8px 12px;font-size:14px;line-height:1.15;font-weight:500;cursor:pointer}.btn.primary{background:var(--brand);color:var(--white);border-color:#001a37;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16)}.btn.primary:hover{filter:brightness(1.04)}.btn.danger{background:#fff5f5;color:#8a1e21;border-color:#ef3e42}.btn.danger:hover{background:#ffe9ea}.text-error{color:var(--brand-red)}.text-success{color:#087443}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--text);padding:8px 10px;font-size:14px;line-height:1.3}textarea{min-height:96px;resize:vertical}.input:focus,input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 2px rgba(194,155,64,.2)}.builder{display:grid;grid-template-columns:19% 45% 36%;grid-gap:var(--space-3);gap:var(--space-3);align-items:start}.list{list-style:none;padding:0;margin:0}.list li{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:var(--space-2);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.list li:hover{border-color:rgba(194,155,64,.7);box-shadow:0 2px 8px rgba(0,35,73,.08)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;margin:-16px -16px var(--space-3) -16px;padding:12px 16px;background:var(--brand);border-bottom:2px solid var(--brand-gold)}.toolbar-title{font-size:20px;line-height:1.1;letter-spacing:-.01em;color:var(--white)}.topbar .btn{border-color:hsla(0,0%,100%,.35)}.topbar .btn:not(.primary):not(.danger){color:var(--brand);background:var(--white);border-color:rgba(194,155,64,.78)}.topbar .btn.primary{background:var(--white);color:var(--brand);border-color:var(--brand-gold);box-shadow:none}.toolbar-export-ready{margin-left:8px;padding:4px 6px;border-radius:999px;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.35);gap:8px;animation:exportReadyIn .26s ease-out}.toolbar-export-label{font-size:12px;font-weight:700;color:#fff;letter-spacing:.02em;text-transform:uppercase}.toolbar-export-download{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.22)}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}@keyframes exportReadyIn{0%{opacity:0;transform:translateY(-3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-panel{min-height:760px}.contract-preview-panel{position:-webkit-sticky;position:sticky;top:78px;align-self:start;height:calc(100dvh - 94px);min-height:760px;display:flex;flex-direction:column}.contract-preview-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}.contract-pages-panel{position:-webkit-sticky;position:sticky;top:78px;align-self:start;height:calc(100dvh - 94px);min-height:760px;display:flex;flex-direction:column}.contract-pages-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.page-item-locked{background:#f8f9fc}.lock-chip{display:inline-block;margin-left:var(--space-2);padding:2px 7px;border-radius:999px;font-size:11px;font-weight:600;color:#475467;background:#eef2f7;border:1px solid #d0d5dd;vertical-align:middle}.page-card-row{min-height:142px;gap:var(--space-3)}.page-card-main{gap:var(--space-4);align-items:center;flex:1 1;min-width:0}.page-title{display:block;font-size:22px;line-height:1.15;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.page-meta{color:var(--muted);font-size:13px;font-weight:500}.page-actions{align-items:center;gap:var(--space-2);flex-direction:column;padding-top:2px}.page-use-toggle{align-items:center;gap:var(--space-1);margin-right:0;font-size:12px;color:var(--muted);font-weight:600}.move-btn{padding:3px 10px;min-width:52px;font-weight:600}.pages-subtitle{color:var(--muted);font-size:12px;margin-top:-4px;margin-bottom:var(--space-4);font-weight:500}.locked-editor{background:#fff}.locked-editor input:disabled,.locked-editor textarea:disabled{background:#f5f7fb;color:#5a6477;border-color:#d6dceb}.contract-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 12px;gap:10px 12px}.contract-field-span-2{grid-column:1/-1}.contract-rich-preview h1,.contract-rich-preview h2,.contract-rich-preview h3{margin-top:0;margin-bottom:6px;font-weight:400}.contract-rich-preview p{margin-top:0;margin-bottom:10px}.contract-rich-preview ol,.contract-rich-preview ul{margin-top:0;margin-bottom:6px;padding-left:20px}.basic-html-editor-content p{margin-top:0;margin-bottom:10px}.basic-html-editor-content ol,.basic-html-editor-content ul{margin-top:0;margin-bottom:6px;padding-left:20px}@media (max-width:1600px){.builder{grid-template-columns:minmax(300px,27%) minmax(440px,1fr) minmax(360px,34%)}}@media (max-width:1300px){.main{padding:16px}.builder{grid-template-columns:18% 46% 36%;gap:var(--space-2)}.page-title{font-size:20px}}@media (max-width:1024px){.main{padding:16px}.topbar .row{flex-wrap:wrap;row-gap:var(--space-2)}.toolbar-actions{width:100%;justify-content:flex-start}.toolbar-title{font-size:20px}.builder{grid-template-columns:17% 47% 36%;gap:var(--space-2)}.preview-panel{min-height:500px}.page-card-row{min-height:134px}.page-title{font-size:16px}.toolbar-title{font-size:18px}.toolbar-export-ready{width:100%;justify-content:space-between;margin-left:0}}@media (max-width:900px){.builder{gap:var(--space-3)}.builder,.contract-fields-grid{grid-template-columns:1fr}.preview-panel{min-height:520px}.contract-preview-panel{position:static;top:auto;height:auto;min-height:520px;display:block}.contract-preview-scroll{overflow-y:visible;min-height:0}.contract-pages-panel{position:static;top:auto;height:auto;min-height:0;display:block}.contract-pages-scroll{overflow-y:visible;min-height:0}}@media (max-width:760px){.nav-drawer{top:8px;left:8px}.main{padding:16px}.card{padding:var(--space-4)}.btn{min-height:34px;padding:7px 10px}.page-actions{gap:var(--space-1)}.page-card-row{min-height:122px}.page-card-main{gap:var(--space-2)}.page-title{font-size:16px}.page-meta{font-size:12px}.preview-panel{min-height:420px}}@media (max-width:560px){.main{padding:16px}.card{border-radius:var(--radius-md);padding:var(--space-3)}.list li{padding:var(--space-2);margin-bottom:var(--space-1)}.page-card-row{min-height:112px;gap:var(--space-2)}.move-btn{min-width:44px;padding:2px 8px}.preview-panel{min-height:360px}}@font-face{font-family:Benton Sans;src:url(/fonts/BentonSans-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Benton Sans;src:url(/fonts/BentonSans-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}