html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #f3f3f3; }
    #gridcraft_canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
    #gridcraft_loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
      color: #555; font: 14px system-ui, sans-serif; pointer-events: none; }
  
@font-face{font-family:Montserrat;src:url('./Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('./Montserrat-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
.qn-app-brand{box-sizing:border-box;position:absolute;inset:0 0 auto;z-index:10;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:rgba(255,255,255,.94);border-bottom:1px solid #e0e0e0;font:13px Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1d1d1f;backdrop-filter:blur(20px)}.qn-app-identity{display:flex;gap:12px;align-items:center}.qn-app-identity img{width:32px;height:32px}.qn-app-identity strong{display:block;font-size:14px;letter-spacing:-.02em}.qn-app-identity span{display:block;margin-top:3px;color:#6e6e73;font-size:11px}.qn-app-brand nav{display:flex;gap:6px;align-items:center}.qn-app-brand nav a,.qn-app-brand nav span{padding:7px 12px;border-radius:20px;text-decoration:none;color:#6e6e73}.qn-app-brand nav [aria-current]{background:#eef8fe;color:#006ea8}.qn-app-brand nav a:hover{background:#f5f5f7}canvas{top:64px!important;height:calc(100% - 64px)!important}.qn-embedded .qn-app-brand{display:none}.qn-embedded canvas{top:0!important;height:100%!important}@media(max-width:600px){.qn-app-brand{padding:0 14px;gap:8px}.qn-app-brand nav a,.qn-app-brand nav span{padding:7px 9px}}